@charset "UTF-8"; .form-row:after, .cart-recommendations .product-listing:after, .product-tile:after, .compare-items-panel:after, .bonus-product-list .bonus-product-item:after, .bonus-product-list .bonus-product-list-footer:after, .cart-footer:after, .cart-actions:after, .cart-empty:after, .cart-empty .product-listing:after, .list-share:after, .gift-registry-advanced:after, .search-suggestion-wrapper:after, .product-suggestion:after, .store-list-pdp-container .store-list-item:after { content: ""; display: table; clear: both; } .visually-hidden, #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } legend.visually-hidden { color: #202020; } /*Absolute position css by sending 4 attributes, default being auto*/ /*Foundation-Finder*/ h1.ff-section-title { padding-bottom: 20px; font-size: 30px; } @media print, screen and (max-width: 39.99875em) { h1.ff-section-title { margin-bottom: 0; padding-bottom: 20px; } } @media print, screen and (min-width: 64em) { .foundation-finder-block { padding: 0 140px; } } #foundation-finder-html-1 .question-wrapper { margin-bottom: 0; } .foundation-finder-content-assets .qn-title { margin: 0; line-height: normal; font-size: 17px; } .foundation-finder-content-assets .question-wrapper { width: 100%; margin-bottom: 25px; text-align: left; } .foundation-finder-content-assets .question-wrapper input[type="radio"] { float: left; } .foundation-finder-content-assets .search-result-wrapper { text-align: center; } .foundation-finder-content-assets .edit-block { cursor: pointer; padding-bottom: 10px; } .foundation-finder-content-assets .edit-block + .ff-html { display: none; } .foundation-finder-content-assets .edit-block.active + .ff-html { display: block; } .foundation-finder-content-assets .radio-custom-image { opacity: 0; margin-left: -20px; } .foundation-finder-content-assets .radio-custom { opacity: 0; margin-left: -25px; } .foundation-finder-content-assets .radio-custom-label { text-transform: none; float: left; clear: both; font-size: 17px; line-height: 1; } .foundation-finder-content-assets .radio-custom-label:last-child { margin-bottom: 20px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .radio-custom-label { padding-top: 5px; width: 100%; } } .foundation-finder-content-assets .radio-custom-label:before { content: ""; background: #fff; border: 2px solid #998578; display: inline-block; vertical-align: middle; width: 17px; height: 17px; padding: 2px; margin-right: 10px; text-align: center; } .foundation-finder-content-assets .radio-custom-label span { vertical-align: middle; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .radio-custom-label span { width: 91%; float: right; line-height: normal; position: relative; } } .foundation-finder-content-assets .radio-custom-label:hover { color: #cebc9e; cursor: pointer; } .foundation-finder-content-assets .radio-custom:checked + .radio-custom-label:before { background-color: #cebc9e; } .foundation-finder-content-assets .radio-custom-image-label span { vertical-align: middle; font-size: 17px; line-height: 0; letter-spacing: 0; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .radio-custom-image-label span { font-size: 16px; } } .foundation-finder-content-assets .radio-custom-image-label img { height: 176px; width: 176px; border: 2px solid #cebc9e; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .radio-custom-image-label img { height: 137px; width: 136px; } } .foundation-finder-content-assets .radio-custom-image-label .shade-img-wrapper { border: 4px solid #cebc9e; width: 190px; height: 190px; margin: 0 auto; padding: 3px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .radio-custom-image-label .shade-img-wrapper { height: 150px; width: 150px; } } .foundation-finder-content-assets .radio-custom-image-label .radio-custom-image-shade-label { text-align: center; } .foundation-finder-content-assets .radio-custom-image-label:hover { cursor: pointer; } .foundation-finder-content-assets .radio-custom-image:checked + .radio-custom-image-label .shade-img-wrapper { border: 7px solid #cebc9e; padding: 0; } .foundation-finder-content-assets .radio-custom-image:checked + .radio-custom-image-label .radio-custom-image-shade-label { color: #cebc9e; } .foundation-finder-content-assets .radio-custom-image:checked + .radio-custom-image-label .radio-custom-image-shade-label span { border-bottom: 5px solid #cebc9e; padding: 10px 10%; } .foundation-finder-content-assets .concealer-finder-select .ff-shade-tile { margin: 0; } .foundation-finder-content-assets .concealer-finder-select .foundation-finder-content-assets .question-wrapper { margin-bottom: 0; } .foundation-finder-content-assets .concealer-finder-select .finder-accordion-content { margin-top: 50px; border-bottom: 1px solid #998578; } .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label img { height: 100px; width: 100px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label img { width: 100%; height: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label img { width: 100%; height: 100%; } } .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label .shade-img-wrapper { width: 115px; height: 115px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label .shade-img-wrapper { width: 100%; height: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label .shade-img-wrapper { width: 100%; height: 100%; } } .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label span { font-size: 17px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .concealer-finder-select .radio-custom-image-label .radio-custom-image-shade-label { display: block; margin-top: 15px; } } .foundation-finder-content-assets .concealer-finder-select .radio-custom-image:checked + .radio-custom-image-label .shade-img-wrapper { border: 8px solid #cebc9e; } .foundation-finder-content-assets .concealer-finder-select .radio-custom-image:checked + .radio-custom-image-label .radio-custom-image-shade-label span { padding: 10px 0; font-size: 17px; } .foundation-finder-content-assets #concealer-primary-use .radio-custom-image-shade-label { text-align: center; font-size: 24px; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image-shade-label { word-wrap: break-word; } } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image-shade-label span { display: block; margin-top: 15px; line-height: 1; } } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image:checked + .radio-custom-image-label span { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: absolute; left: 0; margin: 0 auto; border: none; left: 50%; transform: translateX(-50%); } } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image:checked + .radio-custom-image-label span:after { content: ""; border-bottom: 4px solid #cebc9e; display: inline-block; width: 100%; top: -6px; position: relative; } } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image-label img { height: 80px; width: 80px; } } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets #concealer-primary-use .radio-custom-image-label .shade-img-wrapper { width: 95px; height: 95px; } } .foundation-finder-content-assets .ff-shade-tile { margin: 45px 0 0; } .foundation-finder-content-assets .inner-text-wrapper { height: 100%; width: 100%; } .foundation-finder-content-assets .inner-text-wrapper .inner-text-center { position: relative; top: 50%; transform: translateY(-50%); text-align: center; } @media print, screen and (max-width: 39.99875em) { .foundation-finder-content-assets .inner-text-wrapper .inner-text-center { font-size: 24px; } } .foundation-finder-content-assets .golden-undertone { background-color: #cfbc9e; } .foundation-finder-content-assets .pink-undertone { background-color: #fdd0cd; } .foundation-finder-content-assets .neutral-undertone { background-color: #f7e4c6; } .foundation-finder-content-assets .learn-more { position: relative; top: 20px; } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .foundation-finder-content-assets .learn-more { margin-left: 33px; } } .foundation-finder-content-assets .learn-more .learnMoreLink { font-weight: bold; text-decoration: underline; } .foundation-finder-content-assets .learn-more-qn { padding-bottom: 20px; } #learnMoreUndertone { border: 4px solid #cfbc9e; background: #f7ebdf; padding: 5px; position: relative; top: 50% !important; transform: translateY(-50%); } #learnMoreUndertone .learnMore-inner-wrapper { padding: 20px 80px; border: 2px solid #cfbc9e; width: auto; margin: 0 auto; } @media print, screen and (max-width: 39.99875em) { #learnMoreUndertone .learnMore-inner-wrapper { padding: 20px; } } #learnMoreUndertone .learnMore-inner-wrapper ul { list-style-type: disc; } #result-product { text-align: center; } #result-product .product-row { margin: 0 auto; } @media print, screen and (min-width: 64em) { #result-product .product-row { width: 58%; margin: 0 auto; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #result-product .product-row { width: 70%; } } @media print, screen and (max-width: 39.99875em) { #result-product { margin-bottom: 70px; } } #result-product .your-shade { margin-bottom: 20px; font-size: 32px; } #result-product .your-shade .prod-shade { text-decoration: underline; -webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-position: under; font-style: italic; } @media print, screen and (max-width: 39.99875em) { #result-product .your-shade .prod-shade { display: block; } } #result-product .prod-name { color: #b7a9a1; font-weight: bold; text-transform: capitalize; } @media print, screen and (min-width: 40em) { #result-product .prod-name { bottom: 20px; position: relative; left: 50%; transform: translateX(-50%); width: 100%; } } #result-product .image-column { padding: 0; } #result-product .image-column .prod-image img { width: 100%; max-width: 100%; } #result-product .right-column { position: relative; } #result-product .ff.add-to-bag { position: relative; left: 50%; transform: translateX(-50%); bottom: 0; } @media print, screen and (max-width: 39.99875em) { #result-product .ff.add-to-bag { left: 0; padding-bottom: 20px; bottom: -20px; } } #result-product .add-to-bag a { font-family: inherit; text-transform: uppercase; font-weight: bold; background: #bb924a; padding: 15px 50px; width: 200px; } @media print, screen and (max-width: 39.99875em) { #result-product .add-to-bag a { width: 300px; padding: 15px; position: absolute; left: 50%; transform: translateX(-50%); margin-bottom: 50px; } } #result-product.plp-2-products { margin: 50px auto; } @media print, screen and (min-width: 40em) { #result-product.plp-2-products { width: 50%; } } #result-product.plp-2-products .add-to-bag a { width: 100%; margin: 20px 0; } #result-product.plp-2-products .highlight, #result-product.plp-2-products .contour { font-style: italic; color: #b7a9a1; } #result-product.plp-2-products .prod-shade { color: #b7a9a1; } .finder-accordion-toggle { cursor: pointer; } .finder-accordion-content { display: block; position: relative; top: -30px; } .finder-accordion-content.default { display: block; } .finder-accordion-content #images-slideshow { border-top: none; } .finder-accordion-toggle .selected-label { display: none; border-bottom: 1px solid #988577; padding-bottom: 25px; margin-top: 0; font-size: 17px; } .finder-accordion-toggle .selected-label span.not-italic { font-style: normal; text-transform: capitalize; } .finder-accordion-toggle .selected-label span { font-style: italic; line-height: 1; } .finder-accordion-toggle .selected-label .edit-label { color: #d1c0a4; font-style: italic; text-decoration: underline; font-size: 17px; margin-left: 5px; } .gst-product-not-found { font-size: 24px; color: #f00; } .hide-span { display: none; } /*IE Fixes*/ .wrap-qn-options .column, .wrap-qn-options .columns { width: 100%; } #search-result-items .small-12.medium-12.large-12.column, #search-result-items .small-12.medium-12.large-12.columns { width: 100%; } .concealer-finder-container > .row > .column, .pt_content-search-result-static .no-left-nav-template .concealer-finder-container > .content-asset > .column, .pt_content-search-result-static .left-nav-template .concealer-finder-container > .content-asset > .column, .concealer-finder-container > .row > .columns, .pt_content-search-result-static .no-left-nav-template .concealer-finder-container > .content-asset > .columns, .pt_content-search-result-static .left-nav-template .concealer-finder-container > .content-asset > .columns { width: 100%; } .prod-res-column.column, .prod-res-column.columns { width: 100%; } /*Concealer Finder*/ @media print, screen and (min-width: 64em) { .concealer-finder-container { padding: 0 75px; } } .concealer-finder-container .radio-custom-image-label span, .concealer-finder-container .radio-custom-image-shade-label span { text-transform: none; } .concealer-finder-container .answer-questions { font-style: italic; font-size: 17px; font-weight: normal; color: #706258; } .concealer-finder-container .your-shade { color: #000; } .concealer-finder-container .qn-title .answer-questions { font-size: 14px; letter-spacing: 0px; } .concealer-finder-container .ff-section-title { text-align: center; line-height: 1; font-weight: bold; color: #000; } @media print, screen and (max-width: 39.99875em) { .concealer-finder-container #concealer-primary-use .ff-shade-tile { margin: 0; } } .concealer-finder-container #concealer-primary-use .radio-custom-image-label .shade-img-wrapper { width: 90%; height: 100%; } .concealer-finder-container #concealer-primary-use .radio-custom-image-label .shade-img-wrapper img { width: 100%; height: 100%; } .concealer-finder-container #concealer-primary-use .radio-custom-image:checked + .radio-custom-image-label .shade-img-wrapper { border: 4px solid #cebc9e; padding: 3px; } .concealer-finder-container #concealer-primary-use .radio-custom-image:checked + .radio-custom-image-label .radio-custom-image-shade-label span { border-bottom: none; } @media print, screen and (max-width: 39.99875em) { .concealer-finder-container #concealer-primary-use .radio-custom-image:checked + .radio-custom-image-label .radio-custom-image-shade-label span { display: block; } } .concealer-finder-container #concealer-primary-use .radio-custom-image.checked-primary + .radio-custom-image-label .shade-img-wrapper { border: 7px solid #cebc9e; padding: 0; } .concealer-finder-container #concealer-primary-use .radio-custom-image.checked-primary + .radio-custom-image-label .radio-custom-image-shade-label span { border-bottom: none; } @media print, screen and (max-width: 39.99875em) { .concealer-finder-container #concealer-primary-use .radio-custom-image.checked-primary + .radio-custom-image-label .radio-custom-image-shade-label span { display: block; position: relative; word-wrap: break-word; text-align: center; width: 105%; } } .search-result-wrapper .search-result-label { padding: 5px; cursor: pointer; font-family: inherit; font-size: 17px; text-transform: uppercase; font-weight: bold; background: #bb924a; padding: 15px 50px; width: 200px; text-align: center; margin-left: auto; margin-right: auto; } .search-result-wrapper .search-result-label .search-result-button { display: none; } .add-all-to-bag { position: relative; top: -30px; } .add-all-to-bag a { font-family: inherit; text-transform: uppercase; font-weight: bold; background: #bb924a; padding: 15px 50px; width: 50%; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); } @media print, screen and (max-width: 39.99875em) { .add-all-to-bag a { width: 100%; } } .search-result-wrapper .disabled-search { background: #999999; pointer-events: none; cursor: default; } .dark-spots .results-title, .highlight-contour .results-title { font-size: 24px; } .dark-spots .image-column, .highlight-contour .image-column { margin-bottom: 50px; } @media print, screen and (min-width: 40em) { .dark-spots .image-column:first-child, .highlight-contour .image-column:first-child { margin-left: 25% !important; } } @media print, screen and (min-width: 40em) { .dark-spots .image-column.offset-1-product, .highlight-contour .image-column.offset-1-product { margin-left: 38% !important; } } .even-complexion .results-title { font-size: 24px; } #result-product.concealer-result-product { margin-bottom: 50px; } #result-product.concealer-result-product .concealer-row { width: 100%; } @media print, screen and (max-width: 39.99875em) { #result-product.concealer-result-product .concealer-row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } #result-product.concealer-result-product .image-column .prod-image img { width: 300px; } #result-product.concealer-result-product .right-column.three-products { border-bottom: 1px solid #998578; padding-bottom: 60px; } #result-product.concealer-result-product .image-column.three-products { margin-bottom: 50px; } @media print, screen and (max-width: 39.99875em) { #result-product.concealer-result-product .prod-name { position: relative; top: -25px; } } #result-product.concealer-result-product .image-column { position: relative; } #result-product.concealer-result-product .image-column .ff.add-to-bag { bottom: 0; width: 100%; padding-bottom: 12px; } @media print, screen and (max-width: 39.99875em) { #result-product.concealer-result-product .image-column .ff.add-to-bag { position: unset; transform: unset; padding-bottom: 50px; } } #result-product.concealer-result-product .image-column .ff.add-to-bag a { padding: 15px; } @media print, screen and (max-width: 39.99875em) { #result-product.concealer-result-product .image-column .ff.add-to-bag a { position: unset; transform: unset; padding: 15px; } } #result-product.concealer-result-product .beforeaftervideo .modal-video:before { display: none; } #result-product.concealer-result-product .beforeaftervideo .modal-video img { max-height: 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { #result-product.concealer-result-product .medium-12 .beforeaftervideo { max-width: 50%; margin: 0 auto; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { #result-product.concealer-result-product.dark-spots .concealer-row { width: 50%; } } .disableClick { pointer-events: none; cursor: default; } /*PLP - Concealer Finder*/ .search-result-items .concealer-finder-container { padding: 50px 0; border-top: 2px solid #cebc9e; } /*Iphone Fixes*/ #concealer-primary-use label { margin-top: -5px; } #concealer-primary-use .finder-accordion-content { top: 0; } #concealer-primary-use .ff-shade-tile { margin-top: 0; } #pdpMain.pdp-main.custom-bundle { padding: 0; } .product-review-desc { padding: 20px; background: #fff; margin-bottom: 5px; border-bottom: 8px solid #202020; } .product-review-desc .border-right { /*@include breakpoint(medium up) { border-right: solid #f7f8f9 2px; @include breakpoint(medium) { height: 100px; } }*/ } .product-review-desc .product-review { float: none; margin: 0px; text-align: center; } @media print, screen and (min-width: 40em) { .product-review-desc .product-review .rating { display: inline-block; } } @media print, screen and (min-width: 40em) { .product-review-desc .product-desc-block { border-left: 2px solid #f7f8f9; } } .product-review-desc .product-desc { font-size: 14px; margin-left: 15px; margin-left: 0; margin-top: 10px; } @media print, screen and (min-width: 40em) { .product-review-desc .product-desc { margin-left: 18px; margin-top: 0; } } #pdpBundleCustomizer .product-title-block { text-align: center; padding: 20px; background-color: #f6f6f6; } @media print, screen and (min-width: 40em) { #pdpBundleCustomizer .product-title-block { padding: 30px; } } #pdpBundleCustomizer .product-title-block .product-price .price-sales { font-size: 20px; font-weight: 700; margin: initial; } #pdpBundleCustomizer .product-title-block .pricing-text-sales { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } #pdpBundleCustomizer .product-title-block .pricing-text-sales .textvalue-price { margin-left: 1.3em; padding: 2px 7px; border: none; color: #202020; font-size: 20px; font-weight: 600; box-shadow: none; } #pdpBundleCustomizer .product-title-block .promotion { margin-top: 14px; } #pdpBundleCustomizer .product-title-block .promotion .promotion-callout { font-size: 14px; line-height: 20px; letter-spacing: 0.1px; } #pdpBundleCustomizer .product-title-block h1 { text-transform: uppercase; color: #202020; } @media print, screen and (min-width: 40em) { #pdpBundleCustomizer .product-title-block h1 { font-size: 34px; } } @media print, screen and (max-width: 39.99875em) { #pdpBundleCustomizer .product-title-block h1 { font-size: 1.8rem; } } #pdpBundleCustomizer .bv_readreviews { display: none; } #pdpBundleCustomizer .bv-redesign [data-bv-show=rating_summary] { margin-left: 20px; } #pdpBundleCustomizer .bv-redesign [data-bv-show=rating_summary] .bv_main_container { margin-bottom: 0px; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-title-block .bundle-product-rating { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0; margin-top: 15px; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-title-block .bundle-product-rating .bv_main_container { margin-bottom: 0 !important; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-title-block .bundle-product-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex { padding: 0 0.5em !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-title-block .bundle-product-rating { width: 50%; margin: auto; } } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-title-block .bundle-product-rating .prs-rating-wrapper { display: -ms-flexbox; display: flex; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-review-desc { border-bottom: none; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-review-desc .product-desc-block { border: 0; margin: auto; text-align: center; margin-bottom: 20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-review-desc .product-desc-block .product-desc { margin-left: 0; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-review-desc .customize-btn { margin: auto; text-align: center; } #pdpBundleCustomizer .productbundle-top-content .product-content-details-right .product-review-desc .customize-btn .button { font-size: 18px; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpBundleCustomizer .productbundle-top-content .product-image-container { width: 100%; max-width: none; margin-bottom: 30px; } } @media print, screen and (min-width: 64em) { #pdpBundleCustomizer .productbundle-top-content .product-image-container { display: table-cell; max-width: 560px; width: 50%; } #pdpBundleCustomizer .productbundle-top-content .product-image-container > .row, #pdpBundleCustomizer .productbundle-top-content .pt_content-search-result-static .no-left-nav-template .product-image-container > .content-asset, .pt_content-search-result-static .no-left-nav-template #pdpBundleCustomizer .productbundle-top-content .product-image-container > .content-asset, #pdpBundleCustomizer .productbundle-top-content .pt_content-search-result-static .left-nav-template .product-image-container > .content-asset, .pt_content-search-result-static .left-nav-template #pdpBundleCustomizer .productbundle-top-content .product-image-container > .content-asset { top: -36px; position: relative; } } @media print, screen and (min-width: 40em) { #pdpBundleCustomizer .productbundle-top-content .product-image-container .blk_main-image { min-height: 320px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpBundleCustomizer .productbundle-top-content .product-image-container .blk_main-image { min-height: 210px; } } @media print, screen and (max-width: 39.99875em) { #pdpBundleCustomizer .productbundle-top-content#product-content { display: block; } } .pdp-bundle-container .bundle-content { background: #fff none; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .bundle-content { -ms-flex-wrap: initial; flex-wrap: initial; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pdp-bundle-container .bundle-content { padding: 0; } .pdp-bundle-container .bundle-content > aside { padding: 0 2px; } .pdp-bundle-container .bundle-content > aside #bucket-wrapper { padding: 0 5px; } .pdp-bundle-container .bundle-content > aside #bucket-wrapper .bucket-img-container { padding: 7px; } } @media print, screen and (max-width: 39.99875em) { .pdp-bundle-container .bundle-content > aside { padding: 0; } } .pdp-bundle-container .accordion-title:before { font-size: 1.3rem; margin-top: 0; right: 10px; top: 9px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .accordion-title:before { font-size: 1.4rem; right: 28px; top: 12px; } } .pdp-bundle-container .accordion-content { border: none; } .pdp-bundle-container .swatch-color { width: 20px; height: 13px; } .pdp-bundle-container .display-name { margin-left: 10px; width: 75%; white-space: nowrap; display: inline-block; text-overflow: ellipsis; overflow: hidden; line-height: 1; font-size: 14px; font-weight: bold; pointer-events: none; } .pdp-bundle-container .picker { width: 100%; margin-bottom: 15px; } .pdp-bundle-container .picker .pc-select { width: inherit; min-width: 100%; max-width: 100%; } .pdp-bundle-container .picker .pc-select .pc-list li:nth-child(even) { background-color: transparent; } .pdp-bundle-container .picker .pc-select .pc-list ul { max-height: 100px; } .pdp-bundle-container .picker .pc-select .pc-list li.disabled { opacity: 0.3; pointer-events: none; } .pdp-bundle-container .pc-element.pc-trigger { padding: 13px 0 8px 6px; border: 1px solid #202020; border-radius: 0; border-radius: 0; border-right: 40px solid #202020; color: #202020; z-index: auto; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pc-element.pc-trigger { padding: 22px 0 8px 6px; } } .pdp-bundle-container .pc-element.pc-trigger:hover { background-color: transparent; color: #202020; } .pdp-bundle-container .pc-element.pc-trigger::after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; content: ""; padding: 3px; width: 14px; height: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: -27px; top: 9px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pc-element.pc-trigger::after { top: 15px; } } .pdp-bundle-container .picker .pc-select .pc-list li { padding: 10px 8px; color: #202020; } .pdp-bundle-container .picker .pc-select .pc-list li:hover { background-color: #f7f8fa; color: #202020; } .pdp-bundle-container .arrow { border-right: 3px solid #202020; border-bottom: 3px solid #202020; display: inline-block; padding: 3px; width: 20px; height: 20px; } .pdp-bundle-container .arrow.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .pdp-bundle-container .arrow.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .pdp-bundle-container .arrow.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .pdp-bundle-container .arrow.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .pdp-bundle-container .slick-disabled { cursor: default !important; opacity: 0.25; filter: alpha(opacity=25); } .pdp-bundle-container .pdp-more-buckets { text-align: center; font-weight: bold; background: #f7f8fa; padding: 0px 15px; font-size: 14px; margin: 0px; margin-top: 15px; margin-top: 5px; } .pdp-bundle-container .prod-img-rules { width: 90%; margin: 0px auto !important; top: 15px !important; left: 15px; } .pdp-bundle-container .highlight-border { display: block; border: solid 1px #fff; width: 100%; } .pdp-bundle-container .kit-product-description { text-align: center; margin: 0px 10px; } .pdp-bundle-container .product-title-block h3 { font-size: 30px; line-height: 1.5em; margin-top: 0px; text-transform: uppercase; font-weight: normal; } .pdp-bundle-container .product-title-block .promotion, .pdp-bundle-container .product-title-block .tooltip { font-size: 18px; } .pdp-bundle-container .product-title-block h3, .pdp-bundle-container .product-title-block price-sales { font-size: 20px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .product-title-block h3 { font-size: 25px; font-weight: normal; } .pdp-bundle-container .product-title-block .price-sales { font-size: 30px; } } .pdp-bundle-container .product-title-block h1 { text-transform: uppercase; } .pdp-bundle-container .footer-bundle-add-to-cart { margin: 0px; background: #fff; position: relative; padding-bottom: 0; } .pdp-bundle-container .footer-bundle-add-to-cart .add-button-wrapper { margin: 0 auto; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .footer-bundle-add-to-cart .add-button-wrapper { margin: 50px 0px; } } @media print, screen and (max-width: 63.99875em) { .pdp-bundle-container .footer-bundle-add-to-cart { padding: 20px; } } .pdp-bundle-container .footer-bundle-add-to-cart .bundle-pricing, .pdp-bundle-container .footer-bundle-add-to-cart .bundle-subscription-value { text-align: right; text-transform: uppercase; font-size: 14px; text-align: center; } .pdp-bundle-container .footer-bundle-add-to-cart .bundle-subscription { padding: 5px 15px; background: #eeeeee; margin-bottom: 15px; text-align: left; font-size: 14px; margin-top: 5px; letter-spacing: 1.2px; color: #202020; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn { margin: 15px 0px; font-size: 18px; text-align: center; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn.button-disabled { pointer-events: none; background: transparent; color: #202020; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn.button-disabled .button__price { border-left: 1px solid #202020; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn > .button__text { padding-right: 10px; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn > .button__price { position: relative; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn > .button__price .product-price { border-left: 1px solid #fff; padding: 0 0 0 10px; line-height: .75; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn > .button__price .product-price > span.price-standard { display: none; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn > .button__price .price-sales { font-size: inherit; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn.button--secondary:hover > .button__price:before { background-color: #081f2c; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn:hover .product-price { border-left: 1px solid #081f2c; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart { text-align: center; /*#add-to-cart { width: 290px; padding: 10px 0px; font-weight: normal; }*/ } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart .pdp-total-amount { margin-top: 0px; font-weight: bold; font-size: 18px; margin-top: 0px; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart .pdp-total-amount .price-sales { font-size: 18px; margin: 0 auto; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart a { font-size: 15px; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart a.afterpay-learn-more { font-size: 17px; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart .bundle-error-msg { color: #990000; font-size: 15px; margin: 0px; margin-bottom: 15px; text-align: center; } .pdp-bundle-container .footer-bundle-add-to-cart .add-to-cart a.pdp-find-store { margin: 0px auto; display: block; font-size: 18px; text-transform: uppercase; text-decoration: underline; } .pdp-bundle-container .footer-bundle-add-to-cart .promotion { font-size: 15px; font-weight: bold; font-size: 14px; font-weight: bold; } .pdp-bundle-container .footer-bundle-add-to-cart .promotion .tooltip { position: relative; font-size: 15px; font-weight: bold; } .pdp-bundle-container .footer-bundle-add-to-cart .promotion .tooltip { font-weight: bold; font-size: 14px; } .pdp-bundle-container .footer-bundle-add-to-cart .socialsharing { width: auto; float: right; } .pdp-bundle-container .footer-bundle-add-to-cart .socialsharing .share-icon { color: #081f2c; width: 35px; height: 32px; padding: 0 5px; } .pdp-bundle-container .footer-bundle-add-to-cart.product-info { padding-top: 25px; padding-bottom: 25px; } .pdp-bundle-container .pdpBuildYourKit { text-align: center; background-color: #fff; padding: 10px 0; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pdpBuildYourKit { padding: 15px 0; } } .pdp-bundle-container .pdpBuildYourKit h4 { font-size: 12px; line-height: 20px; font-weight: 700; padding-top: 10px; margin: 0px 0px 15px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pdpBuildYourKit h4 { font-size: 13.8px; } } .pdp-bundle-container .pdpBuildYourKit h5 { margin-top: 0px; } .pdp-bundle-container .pdpBuildYourKit .description { display: block; font-size: 14px; letter-spacing: 1.2px; } .pdp-bundle-container .pdpBuildYourKit .description.note { color: #bd9271; } .pdp-bundle-container .pdpBuildYourKit .selectedProduct { margin: 0 auto; padding-bottom: 20px; padding-bottom: 10px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pdpBuildYourKit .selectedProduct { padding-bottom: 15px; } } .pdp-bundle-container .pdpBuildYourKit .selectedProduct canvas { vertical-align: middle; } .pdp-bundle-container .pdpBuildYourKit .selectedProduct h5 { display: inline; font-size: 15px; font-weight: 500; color: #777677; margin: 0px 0px 0px 8px; vertical-align: middle; } .pdp-bundle-container .pdpBuildYourKit .pdpUserRatings { background-color: #fff; text-align: center; border-bottom: 5px solid #fef5ed; padding: 20px 0; } .pdp-bundle-container .pdpBuildYourKit .buyOneGet50Off { border: solid #d4b297 1px; width: 350px; margin: 0 auto; padding: 10px; } .pdp-bundle-container .slick-slider { margin-bottom: 50px; } @media print, screen and (max-width: 63.99875em) { .pdp-bundle-container .slick-slider { margin-bottom: 0px; } } .pdp-bundle-container .slick-dots { z-index: 1; list-style: none; margin: 0; padding: 0; bottom: 25px; position: absolute; } @media print, screen and (min-width: 64em) { .pdp-bundle-container .slick-dots { bottom: -45px; } } .pdp-bundle-container .slick-dots li.slick-active button:before { background: #202020; } .pdp-bundle-container .slick-dots li button::before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ""; border-radius: 20px; background: #d9d9d9; font-size: 0px; } .pdp-bundle-container .slick-arrow { display: block; width: 50px; height: 50px; cursor: pointer; position: absolute; z-index: 2; right: auto; left: auto; background-image: none; top: 105px; bottom: auto; } .pdp-bundle-container .slick-arrow:before { content: ""; display: none; } .pdp-bundle-container .slick-arrow.slick-next { right: 0; } .pdp-bundle-container .slick-arrow.slick-prev { left: 0; } .pdp-bundle-container .slick-arrow:hover, .pdp-bundle-container .slick-arrow:focus { border: none; background-color: transparent; } .pdp-bundle-container .slick-arrow:not(.slick-disabled):focus { outline: 2px dotted #888; } @media print, screen and (min-width: 64em) { .pdp-bundle-container .slick-arrow { left: auto; right: auto; top: auto; bottom: -60px; width: 60px; height: 60px; } .pdp-bundle-container .slick-arrow.slick-next { right: calc(50% - 100px); } .pdp-bundle-container .slick-arrow.slick-prev { left: calc(50% - 100px); } } .pdp-bundle-container .slick-slide.slick-active { width: 100%; } .pdp-bundle-container ul.slick-dots { display: block !important; } .pdp-bundle-container #pdpBundleCustomizer { background: #c8102e; } .pdp-bundle-container #pdpBundleCustomizer .customiserBackgroundColor { background-color: #fff; padding-bottom: 10px; } .pdp-bundle-container #pdpBundleCustomizerAccordion { padding: 0; } @media print, screen and (min-width: 40em) { .pdp-bundle-container #pdpBundleCustomizerAccordion { padding-left: 10px; margin-bottom: 0; } } .pdp-bundle-container #pdpBundleCustomizerAccordion .btn { border-radius: 0px; } .pdp-bundle-container #pdpBundleCustomizerAccordion .pdp-find-store { color: #202020; } .pdp-bundle-container .productBucketContainer { overflow: auto; padding: 15px; background-color: #f6f6f6; width: 100%; padding: 5px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer { overflow: hidden; padding: 10px 15px; position: relative; } } .pdp-bundle-container .productBucketContainer .pdp-more-buckets { display: none; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper { max-height: 800px; overflow: auto; } .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper .thumbnails .dotted-border { height: 161px; overflow: hidden; } } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper { max-height: 800px; } } @media print, screen and (max-width: 39.99875em) { .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper { max-width: 100%; width: 100%; } .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper .thumbnails .dotted-border { height: 124px; overflow: hidden; } .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper.mobile-scroll { max-height: 292px; } } .pdp-bundle-container .productBucketContainer .close-icon { float: right; position: absolute; top: 10px; right: 10px; } .pdp-bundle-container .productBucketContainer .close-icon .fa-times { color: #cccccc; } .pdp-bundle-container .productBucketContainer .close-icon:hover { cursor: pointer; } .pdp-bundle-container .productBucketContainer .close-icon:focus .fa-times { color: #202020; } .pdp-bundle-container .productBucketContainer .bucket-img-container { background-color: #fff; margin: 0 auto; padding: 12px; padding: 6px; } .pdp-bundle-container .productBucketContainer .bucket-img-container:hover { cursor: pointer; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .bucket-img-container { padding: 16px; } } .pdp-bundle-container .productBucketContainer .bucket-img-container .dotted-border { display: block; padding: 12px 16px; border: dashed 2px #e5e5e7; border-radius: 12px; text-align: center; text-transform: uppercase; color: #777677; font-size: 12px; } .pdp-bundle-container .productBucketContainer .bucket-img-container .dotted-border img { max-width: 100%; height: 52px; margin-top: 10px; margin-bottom: 9px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .bucket-img-container .dotted-border img { height: 90px; } } .pdp-bundle-container .productBucketContainer .bucket-img-container .dotted-border p { font-weight: 400; margin-bottom: 0px; margin-top: 8px; display: block; height: 16px; line-height: 16px; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .bucket-img-container .dotted-border p { font-size: 16px; } } .pdp-bundle-container .productBucketContainer .product-tile-img-container { display: none; background-color: #fff; margin: 0px auto; padding: 10px 0px; position: relative; } .pdp-bundle-container .productBucketContainer .product-tile-img-container .img-and-name-container { background-color: #fff; padding: 0px 10px; cursor: pointer; text-align: center; } .pdp-bundle-container .productBucketContainer .product-tile-img-container img { height: 105px; max-width: 100%; height: 65px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .product-tile-img-container img { height: 90px; margin-top: 10px; } } .pdp-bundle-container .productBucketContainer .product-tile-img-container h5 { display: block; height: 40px; margin: 0px; margin-top: 11px; overflow: hidden; font-weight: 500; font-size: 12px; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .product-tile-img-container h5 { margin-top: 20px; font-size: 16px; } } .pdp-bundle-container .productBucketContainer.see-more .pdp-more-buckets { display: block; } .pdp-bundle-container .productBucketContainer .thumbnails { width: 50%; float: left; padding: 5px; min-height: 0px; float: none; width: 49.2%; min-width: 49.2%; margin: 0 auto; display: inline-block; vertical-align: top; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .productBucketContainer .thumbnails { width: 100%; margin: 5px 0px; padding: 0px; } .pdp-bundle-container .productBucketContainer .thumbnails .product-tile-img-container { padding: 15px 0px; margin: 0px auto; } } .pdp-bundle-container .productBucketContainer .thumbnails.thumbnails-more.active { display: block; display: inline-block; } .pdp-bundle-container .productBucketContainer .thumbnails.active .product-tile-img-container { display: block; } .pdp-bundle-container .productBucketContainer .thumbnails.active .sidebar-thumb-img-contailer { display: none; } .pdp-bundle-container .productBucketContainer .close-icon .fa-2x { font-size: 1.25em; } @media print, screen and (min-width: 40em) { .pdp-bundle-container { overflow: auto; padding: 0; margin: 0; } .pdp-bundle-container .close-icon .fa-2x { font-size: 1.25em; } .pdp-bundle-container .container-fluid { padding: 0px; } } .pdp-bundle-container .product-description { text-align: center; color: #929292; font-size: 12px; padding: 0px 10px; text-transform: uppercase; font-size: 10px; } .pdp-bundle-container .productBundleMainContainer { padding-bottom: 10px; padding: 0; } .pdp-bundle-container .productBundleMainContainer .container-fluid { margin: 0px 0px 10px; background-color: #fff; } .pdp-bundle-container .productBundleMainContainer .sidebar-thumb-img-contailer { background-color: #fff; } .pdp-bundle-container .productBundleMainContainer .bundle-items-message { font-size: 13px; padding: 4px 15px; } .pdp-bundle-container .productBundleMainContainer .container-fluid .row, .pdp-bundle-container .productBundleMainContainer .container-fluid .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-bundle-container .productBundleMainContainer .container-fluid .content-asset, .pdp-bundle-container .productBundleMainContainer .container-fluid .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pdp-bundle-container .productBundleMainContainer .container-fluid .content-asset, .pdp-bundle-container .productBundleMainContainer .container-fluid .productBucketContainer { margin: 0; } .pdp-bundle-container .productBundleMainContainer .container-fluid [class*="col-"] { padding: 0; } .pdp-bundle-container .pdpDivider { width: 150px; margin: 0 auto; height: 8px; background-color: #f0d4bf; margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .pdpDivider { width: 120px; height: 6px; } } .pdp-bundle-container .pdpBreadcrumbLink { margin: 25px 0 35px; } .pdp-bundle-container .starterKit h4 { color: #be9170; } .pdp-bundle-container .buyOneGet50Off { font-size: 15px; font-weight: bold; color: #be9170; margin-bottom: 40px; } .pdp-bundle-container .buyOneGet50Off a { color: #be9170; text-decoration: underline; } .pdp-bundle-container .tile-highlight { border: solid #96928d 1px; } .pdp-bundle-container .pdp-swatch-dropdown { width: 100% !important; } .pdp-bundle-container .right-pdp-container { padding-left: 0px; padding-right: 0px; } .pdp-bundle-container .right-pdp-container h5 { margin: 30px auto 50px; } .pdp-bundle-container .right-pdp-container #AlsoInKit .slick-list { margin-top: 70px; } .pdp-bundle-container .right-pdp-container #AlsoInKit .kit-product-description { text-align: center; } .pdp-bundle-container .right-pdp-container #AlsoInKitid .slick-track { margin: 0; } .pdp-bundle-container .right-pdp-container .also-in-this-kit { position: relative; } .pdp-bundle-container .right-pdp-container .kit-tooltip-message { text-align: center; font-size: 14px; position: relative; width: 70%; margin: 0 auto; border: solid gray 1px; padding: 5px 10px; } .pdp-bundle-container .right-pdp-container .kit-tooltip-message .kit-question-mark { display: block; font-size: 30px; text-align: center; margin: 0 auto; margin-bottom: 10px; margin-top: -10px; } .pdp-bundle-container .right-pdp-container .kit-tooltip-message .kit-close-icon { position: absolute; font-weight: bold; top: 0px; right: 0px; padding: 5px; } .pdp-bundle-container .right-pdp-container .kit-tooltip-message .kit-close-icon:hover { cursor: pointer; } .pdp-bundle-container .right-pdp-container .product-tile-container { border: solid transparent 1px; padding: 25px 20px; margin: 0px -5px 0px 0px; position: relative; float: left; width: 100%; min-height: inherit; } @media print, screen and (min-width: 64em) { .pdp-bundle-container .right-pdp-container .product-tile-container { min-width: 250px; } } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-tile-container { padding: 10px 20px; min-height: 450px; } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button .filter-option { height: auto; } .pdp-bundle-container .right-pdp-container .product-tile-container h5 { font-size: 15px; } } .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img { text-align: center; } .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img img { height: 150px; max-width: 100%; } @media print, screen and (max-width: 63.99875em) { .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img img { height: 120px; } } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img img { position: relative; top: 15px; } } .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img .main-prod-name { font-size: 12px; font-weight: 700; letter-spacing: 0.9px; line-height: 14.04px; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-tile-container .main-prod-img .main-prod-name { font-size: 16px; } } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select .bs-caret { background-color: #202020; } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select .caret { color: #fff; right: 14px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select .caret { right: 9px; } } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button { background-color: #fff; border: solid #202020 2px; } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button .filter-option { width: 75%; height: 45px; font-size: 14px; color: #202020; padding-top: 9px; height: auto; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button .filter-option { height: auto; padding-top: 7px; } } @media print, screen and (min-width: 64em) { .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button .filter-option { padding-top: 15px; } } .pdp-bundle-container .right-pdp-container .product-tile-container .bootstrap-select button img { float: left; display: block; margin: 0px 5px 0px 0px; border-radius: 25px; } .pdp-bundle-container .right-pdp-container .product-tile-container .slick-slide { float: left; } .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper { height: auto; position: relative; } .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper .bootstrap-select .dropdown-menu li > a { padding: 5px 10px; text-decoration: uppercase; } .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper .swatch-variations-label { position: absolute; font-size: 8px; margin: 0; top: -14px; left: 0px; font-weight: 700; color: #202020; z-index: 4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } @media print, screen and (min-width: 64em) { .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper .swatch-variations-label { top: .325rem; left: .55rem; letter-spacing: 1px; margin: 2px 0; } } .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper ul li a { text-decoration: none; } .pdp-bundle-container .right-pdp-container .product-tile-container .product-name-img-wrapper ul li a img { float: left; display: block; margin: 0px 5px 0px 0px; border-radius: 25px; } .pdp-bundle-container .right-pdp-container .product-tile-container .check-mark-icon { position: absolute; left: 0px; top: -5px; display: none; text-align: center; padding: 0 20px; color: #cccccc; font-size: 15px; width: 100%; } .pdp-bundle-container .right-pdp-container .product-tile-container .check-mark-icon .icon { width: .9em; height: .8em; fill: currentColor; font-size: 18px; vertical-align: text-bottom; } .pdp-bundle-container .right-pdp-container .product-tile-container.active .check-mark-icon { display: block; } .pdp-bundle-container .right-pdp-container .product-tile-container.active .main-prod-img img { opacity: 0.6; } .pdp-bundle-container .right-pdp-container .product-tile-container.disabled { opacity: 0.6; pointer-events: none; } .pdp-bundle-container .right-pdp-container h4 { text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; } .pdp-bundle-container .right-pdp-container h5 { margin: 30px 0px 20px; padding: 0px 5px; text-align: center; display: block; text-transform: inherit; text-align: center; height: 80px; overflow: hidden; line-height: 20px; font-size: 16px; font-weight: 500; } .pdp-bundle-container .right-pdp-container .swatch-variations { width: 75%; display: block; margin: 0 auto; } .pdp-bundle-container .right-pdp-container .add-to-bucket { margin: 13px auto; display: block; font-size: 15px; width: 100%; text-decoration: none; text-align: center; padding: 12px 25px; background-color: #202020; color: #fff; font-weight: 700; cursor: pointer; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .add-to-bucket { font-size: 14px; margin: 0 auto; } } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .pull-md-right { float: right; margin-right: 70px; } } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .product-price .price-sales { font-size: 30px; } } .pdp-bundle-container .right-pdp-container .panel { border-radius: 0px; border: none; margin-top: 2px; box-shadow: none; } .pdp-bundle-container .right-pdp-container .panel .fa-circle-o, .pdp-bundle-container .right-pdp-container .panel .fa-check-circle-o { position: absolute; margin: 0px; left: -2px; top: 3px; width: .85em; height: .85em; color: #e5e5e7; font-size: 25px; top: 11px; left: 10px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel .fa-circle-o, .pdp-bundle-container .right-pdp-container .panel .fa-check-circle-o { font-size: 30px; top: 12px; } } .pdp-bundle-container .right-pdp-container .panel .fa-circle-o svg, .pdp-bundle-container .right-pdp-container .panel .fa-check-circle-o svg { fill: #fff; stroke: #fff; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel .fa-circle-o, .pdp-bundle-container .right-pdp-container .panel .fa-check-circle-o { top: 16px; left: 17px; } } .pdp-bundle-container .right-pdp-container .panel .icon { width: 1em; height: 1em; fill: currentColor; font-size: 26px; } .pdp-bundle-container .right-pdp-container .panel .icon-circle-checkmark { font-size: 27px; left: 7px; top: 7px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel .icon-circle-checkmark { left: 14px; top: 12px; font-size: 32px; } } .pdp-bundle-container .right-pdp-container .panel .fa-circle-o { display: block; } .pdp-bundle-container .right-pdp-container .panel .fa-check-circle-o { display: none; } .pdp-bundle-container .right-pdp-container .panel.added .fa-circle-o { display: none; } .pdp-bundle-container .right-pdp-container .panel.added .fa-check-circle-o { display: block; } .pdp-bundle-container .right-pdp-container .panel .inline-error-msg { display: none; text-transform: none; font-weight: normal; text-align: center; font-size: 14px; } .pdp-bundle-container .right-pdp-container .panel .foundation-required-tooltip { display: none; position: absolute; left: 0px; top: 65px; font-size: 14px; width: 100%; text-align: center; } .pdp-bundle-container .right-pdp-container .panel .foundation-required-tooltip span { display: inline-block; width: auto; margin: 0 auto; padding: 5px 10px; background: #cb4335; color: #fff; border-radius: 5px; } .pdp-bundle-container .right-pdp-container .panel.foundation-required .foundation-required-tooltip { display: block; } .pdp-bundle-container .right-pdp-container .panel-body { border: 0px none !important; padding: 15px 15px 30px; margin: 0px; } @media print, screen and (max-width: 63.99875em) { .pdp-bundle-container .right-pdp-container .panel-body { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; } } .pdp-bundle-container .right-pdp-container .panel-body .inline-error-msg { margin-bottom: 15px; } .pdp-bundle-container .right-pdp-container .panel-heading { background-color: #f6f6f6; border: none; border-radius: 0px; position: relative; /*@include breakpoint(medium) { height: 54px; } @include breakpoint(small) { height: 59px; }*/ text-align: left; font-size: 12px; font-weight: 400; letter-spacing: 0.9px; line-height: inherit; color: #202020; text-decoration: none; text-transform: uppercase; position: relative; padding: 14px 12px 14px 40px; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel-heading { font-size: 13.8px; letter-spacing: 1.035px; padding: 18px 12px 18px 54px; } } .pdp-bundle-container .right-pdp-container .panel-heading:hover { text-decoration: none; } .pdp-bundle-container .right-pdp-container .panel-heading .fa-angle-down, .pdp-bundle-container .right-pdp-container .panel-heading .fa-angle-up { position: absolute; right: 10px; color: #202020; transform: translateY(0); top: 0; } .pdp-bundle-container .right-pdp-container .panel-heading .fa-angle-down { display: none; } .pdp-bundle-container .right-pdp-container .panel-heading .fa-angle-up { display: block; } .pdp-bundle-container .right-pdp-container .panel-heading.collapsed .fa-angle-down { display: block; } .pdp-bundle-container .right-pdp-container .panel-heading.collapsed .fa-angle-up { display: none; } .pdp-bundle-container .right-pdp-container .panel-heading .product-title { padding-right: 30px; margin: 0px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; position: relative; display: block; float: left; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 0.14em; text-transform: uppercase; width: 100%; padding-top: 3px; padding-bottom: 0; } .pdp-bundle-container .right-pdp-container .panel-heading .product-title.title-first { display: none; } .pdp-bundle-container .right-pdp-container .panel-heading .product-title.title-rest { display: block; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel-heading .product-title { font-size: 18px; } } .pdp-bundle-container .right-pdp-container .panel-heading .inline-error-msg { clear: none; color: #c8102e; width: 50px; text-align: right; margin-right: 32px; top: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel-heading .inline-error-msg { width: 100%; top: 8px; float: none; right: 16px; } } @media print, screen and (max-width: 39.99875em) { .pdp-bundle-container .right-pdp-container .panel-heading .inline-error-msg { position: absolute; right: 0px; top: 13px; } } .pdp-bundle-container .right-pdp-container .panel.error-state .panel-heading a .product-title { padding-right: 55px; } .pdp-bundle-container .right-pdp-container .panel.error-state .inline-error-msg { display: block; } @media print, screen and (min-width: 40em) { .pdp-bundle-container .right-pdp-container .panel.error-state .panel-body .inline-error-msg { display: none; } } .pdp-bundle-container .right-pdp-container .panel:first-child .product-title.title-first { display: block; } .pdp-bundle-container .right-pdp-container .panel:first-child .product-title.title-rest { display: none; } .pdp-bundle-container .right-pdp-container ul.accordion { margin-top: 0; } .pdp-bundle-container .right-pdp-container .accordion-item:last-child > .accordion-content:last-child { border: none; } .pdp-bundle-container .hearting-icon, .pdp-bundle-container .socialsharing { display: inline-block; width: 40px; float: left; } .pdp-bundle-container .hearting-icon .svg-icon, .pdp-bundle-container .socialsharing .svg-icon { width: 24px; height: 24px; } .pdp-bundle-container .hearting-icon { line-height: 3.4; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer { position: fixed; top: 35px; left: 0; z-index: 100; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper.mobile-horizontal-scroll { height: 85px; max-width: none; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails { float: left; width: 25%; min-width: 0px; padding: 0px 2px; min-height: 0px; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .bucket-img-container .dotted-border { height: auto; padding: 7px 10px; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .bucket-img-container .dotted-border img { height: 50px; margin-bottom: 0px; margin-top: 5px; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .bucket-img-container .dotted-border p { display: none; } @media print, screen and (min-width: 40em) { .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .bucket-img-container .dotted-border p { font-size: 16px; } } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .product-tile-img-container { padding: 0; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .product-tile-img-container .close-icon { right: 0; top: 0; line-height: normal; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .product-tile-img-container .close-icon .fa-times { font-size: 14px; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .product-tile-img-container h5 { display: none; } .show-sticky-bundle .pdp-bundle-container .productBucketContainer div.thumbnails .product-tile-img-container img { margin: 10px 0px; } @media print, screen and (min-width: 64em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer { padding-top: 210px; } } @media print, screen and (min-width: 40em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer { padding-top: 175px; } } @media print, screen and (min-width: 64em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper { max-height: 792px; } } @media print, screen and (min-width: 40em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer .mobile-bucket-wrapper { max-height: 652px; } } @media print, screen and (min-width: 40em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer .thumbnails:first-child { position: absolute; left: 0px; top: 15px; float: none; padding: 0px 15px; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { #pdpBundleSection .pdp-bundle-container .productBucketContainer .thumbnails:first-child { top: 10px; } } #pdpBundleSection .pdp-bundle-container .footer-bundle-add-to-cart { background: none; padding-right: 0px; } .pdp-bundle-social-icons .social-sharing { margin-top: 15px; text-align: center; } @media print, screen and (min-width: 64em) { .pdp-bundle-social-icons .social-sharing { float: right; } } .pdp-bundle-social-icons .social-sharing li { float: none; display: inline-block; vertical-align: top; } .bv-greyed-out { position: fixed; top: 0; height: 100%; width: 100%; background: #888; opacity: .8; } .productBundleMainContainer .container-fluid { padding: 0; } .productBundleMainContainer .container-fluid .row, .productBundleMainContainer .container-fluid .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .productBundleMainContainer .container-fluid .content-asset, .productBundleMainContainer .container-fluid .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .productBundleMainContainer .container-fluid .content-asset, .productBundleMainContainer .container-fluid .panel-group, .productBundleMainContainer .container-fluid .productBucketContainer { margin: 0; } .productBundleMainContainer .container-fluid [class*="col-"] { padding: 0; } .social-sharing-block { visibility: hidden; opacity: 0; } .percentage-circle-container svg { vertical-align: bottom; } .custom-bundle-page-body #wrapper.pt_product-details .primary-content { padding-top: 0; } .custom-bundle-page-body .breadcrumb { display: none; } .fa-check:before { content: "\f00c"; } @media screen and (min-width: 40em) { .medium-push-5 { position: relative; left: 41.66667%; } } /* * Custom scroll styling */ .custom-ui-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #f5f5f5; } .custom-ui-scroll::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .custom-ui-scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #cccccc; cursor: pointer; } /* Custom scroll styling */ /* ADA focus */ .pdp-bundle-container .footer-bundle-add-to-cart .socialsharing .share-icon:focus { outline-offset: -2px; } .pdp-bundle-container .footer-bundle-add-to-cart #add-to-cart-btn:focus { outline-color: #081f2c; } .pdp-bundle-container .product-tile-container.slick-slide:focus { outline: 2px dotted #081f2c; outline-offset: -7px; } .pdp-bundle-container .product-tile-container .add-to-bucket:focus { outline-color: #081f2c; } .pdp-bundle-container .slick-dots li button { width: 10px; height: 10px; } .pdp-bundle-container .right-pdp-container .panel-heading:focus { outline-offset: -2px; } .pdp-bundle-container .productBucketContainer .close-icon:focus { outline: 2px dotted #081f2c; } /* ADA focus */ /* Custom select-box niceSelect */ .product-tile-container div.nice-select { border: 1px solid #202020; border-right: 40px solid #202020; color: #202020; margin-bottom: 25px; } .product-tile-container div.nice-select .nice-select-label { color: #202020; letter-spacing: 1px; display: block; } .product-tile-container div.nice-select .svg-container { display: inline-block; } .product-tile-container div.nice-select .list li { color: #202020; } .product-tile-container div.nice-select .list li .svg-container { display: -ms-flexbox; display: flex; position: relative; } .product-tile-container div.nice-select .list li.disabled .svg-container:before { content: ""; position: absolute; bottom: 3px; left: 0; border-bottom: 1px #fff solid; transform: rotate(-22deg); width: 120%; height: 0; z-index: 1; transform-origin: 0 100%; } @media print, screen and (min-width: 40em) { .product-tile-container div.nice-select .list li.disabled .svg-container:before { transform: rotate(-22deg); } } @media print, screen and (min-width: 64em) { .product-tile-container div.nice-select .list li.disabled .svg-container:before { transform: rotate(-24deg); } } .product-tile-container div.nice-select .option.focus, .product-tile-container div.nice-select .option.selected.focus { background-color: #e5e5e7; } .product-tile-container div.nice-select .display-name { font-size: 16px; } /* Custom select-box niceSelect */ .pt_content-search-result .press-rel-header { color: #706258; font-size: 50px; font-weight: 300; padding: 15px 0; margin: 0; } @media print, screen and (max-width: 39.99875em) { .pt_content-search-result .press-rel-header { font-size: 1.8em; } } .pressrelaese-image .mag-image { padding-bottom: 50px; } .press-rel-filter-wrap { padding: 15px 0; } .press-rel-filter-wrap select { height: 40px; } .press-release-header { color: #706258; font-size: 50px; font-weight: 300; padding: 15px 0; margin: 0; } @media print, screen and (max-width: 39.99875em) { .press-release-header { font-size: 1.8em; } } .press-rel-container .press-rel-tile .tutorial-tile h3 { display: none; } .press-rel-container .press-rel-tile .content-description { color: #000; } .press-rel-content-wrapper { border-bottom: none; } .press-rel-content-wrapper h1.tutorial-header { font-size: 2.4rem; font-weight: bold; margin-top: 1rem; } [class^="icon-"], [class*=" icon-"] { /* 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; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mega-menu-logo-container [class^="icon-"], .mega-menu-logo-container [class*=" icon-"] { font-weight: bold; } .icon-minus:before { content: "\e90f"; } .icon-plus:before { content: "\e914"; } .icon-play:before { content: "\e90d"; } .icon-chevron-with-circle-left:before { content: "\e915"; } .icon-chevron-with-circle-right:before { content: "\e916"; } .icon-share:before { content: "\e90e"; } .icon-pinterest:before { content: "\e910"; } .icon-info:before { content: "\e918"; } .icon-close:before { content: "\e913"; } .icon-chat-filled:before { content: "\e912"; } .icon-chat:before { content: "\e902"; } .icon-cheveron-thin-left:before { content: "\e903"; } .icon-chevron-thin-down:before { content: "\e904"; } .icon-chevron-thin-up:before { content: "\e905"; } .icon-chevron-thin-left:before { content: "\e906"; } .icon-hamburger:before { content: "\e907"; } .icon-key:before { content: "\e908"; } .icon-marker:before { content: "\e909"; } .icon-more:before { content: "\e90a"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-google-plus:before { content: "\f0d5"; } .icon-youtube:before { content: "\f167"; } .icon-instagram:before { content: "\f16d"; } /* Settings */ .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mb-0 { margin-bottom: 0px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .pl-0 { padding-left: 0px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pr-0 { padding-right: 0px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } /** * Foundation for Sites * Version 6.6.3 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #202020; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row, .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .content-asset { max-width: 77.5rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -1.25rem; margin-left: -1.25rem; } } .row .row.collapse, .pt_content-search-result-static .no-left-nav-template .content-asset .row.collapse, .pt_content-search-result-static .left-nav-template .content-asset .row.collapse, .row .pt_content-search-result-static .no-left-nav-template .collapse.content-asset, .pt_content-search-result-static .no-left-nav-template .row .collapse.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .collapse.content-asset, .row .pt_content-search-result-static .left-nav-template .collapse.content-asset, .pt_content-search-result-static .left-nav-template .row .collapse.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .collapse.content-asset { margin-right: 0; margin-left: 0; } .row.expanded, .pt_content-search-result-static .no-left-nav-template .expanded.content-asset, .pt_content-search-result-static .left-nav-template .expanded.content-asset { max-width: none; } .row.expanded .row, .pt_content-search-result-static .no-left-nav-template .expanded.content-asset .row, .pt_content-search-result-static .left-nav-template .expanded.content-asset .row, .row.expanded .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row.expanded .content-asset, .pt_content-search-result-static .no-left-nav-template .expanded.content-asset .content-asset, .row.expanded .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row.expanded .content-asset, .pt_content-search-result-static .left-nav-template .expanded.content-asset .content-asset { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row, .pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .row, .pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .row, .row:not(.expanded) .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row:not(.expanded) .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .content-asset, .row:not(.expanded) .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row:not(.expanded) .content-asset, .pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .content-asset { max-width: none; } .row.collapse > .column, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column, .row.collapse > .columns, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .pt_content-search-result-static .no-left-nav-template .is-collapse-child.content-asset, .pt_content-search-result-static .left-nav-template .is-collapse-child.content-asset, .row.collapse > .column > .row, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column > .row, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column > .row, .row.collapse > .columns > .row, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns > .row, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns > .row, .pt_content-search-result-static .no-left-nav-template .row.collapse > .column > .content-asset, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column > .content-asset, .pt_content-search-result-static .no-left-nav-template .row.collapse > .columns > .content-asset, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns > .content-asset, .pt_content-search-result-static .left-nav-template .row.collapse > .column > .content-asset, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column > .content-asset, .pt_content-search-result-static .left-nav-template .row.collapse > .columns > .content-asset, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns > .content-asset { margin-right: 0; margin-left: 0; } .column, .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: 0; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .column, .columns { padding-right: 1.25rem; padding-left: 1.25rem; } } .column.row.row, .row.row.columns, .pt_content-search-result-static .no-left-nav-template .columns.content-asset, .pt_content-search-result-static .left-nav-template .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .column.content-asset, .pt_content-search-result-static .left-nav-template .column.content-asset { float: none; display: block; } .row .column.row.row, .pt_content-search-result-static .no-left-nav-template .content-asset .column.row.row, .pt_content-search-result-static .left-nav-template .content-asset .column.row.row, .row .row.row.columns, .pt_content-search-result-static .no-left-nav-template .content-asset .row.row.columns, .pt_content-search-result-static .left-nav-template .content-asset .row.row.columns, .row .pt_content-search-result-static .no-left-nav-template .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .row .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .columns.content-asset, .row .pt_content-search-result-static .left-nav-template .columns.content-asset, .pt_content-search-result-static .left-nav-template .row .columns.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .columns.content-asset, .row .pt_content-search-result-static .no-left-nav-template .column.content-asset, .pt_content-search-result-static .no-left-nav-template .row .column.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .column.content-asset, .row .pt_content-search-result-static .left-nav-template .column.content-asset, .pt_content-search-result-static .left-nav-template .row .column.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .column.content-asset { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .medium-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5, .order-history-items .product-list-item { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.medium-unstack > .column, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .column, .row.medium-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .column, .row.medium-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .large-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.large-unstack > .column, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .column, .row.large-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .column, .row.large-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1.25rem; padding-left: 1.25rem; } } .shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .column-block { margin-bottom: 2.5rem; } .column-block > :last-child { margin-bottom: 0; } } .align-left { -ms-flex-pack: start; justify-content: flex-start; } .align-right { -ms-flex-pack: end; justify-content: flex-end; } .align-center { -ms-flex-pack: center; justify-content: center; } .align-justify { -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-left.vertical.menu > li > a { -ms-flex-pack: start; justify-content: flex-start; } .align-right.vertical.menu > li > a { -ms-flex-pack: end; justify-content: flex-end; } .align-center.vertical.menu > li > a { -ms-flex-pack: center; justify-content: center; } .align-top { -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .align-center-middle { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } } .flex-container { display: -ms-flexbox; display: flex; } .flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: -ms-flexbox; display: flex; } .medium-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .medium-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: -ms-flexbox; display: flex; } .large-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .large-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .accordion { margin-left: 0; background: #ffffff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1779ba; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #ffffff; color: #202020; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(32, 32, 32, 0.25); border-radius: 0; background-color: white; color: #202020; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #d7ecfa; color: #202020; } .callout.secondary { background-color: #eaeaea; color: #202020; } .callout.success { background-color: #e1faea; color: #202020; } .callout.warning { background-color: #fff3d9; color: #202020; } .callout.alert { background-color: #f7e4e1; color: #202020; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { background: #ffffff; padding: 0.7rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #1779ba; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #ffffff; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(32, 32, 32, 0.45); overflow-y: auto; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 77.5rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 77.5rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 77.5rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 77.5rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .has-tip { position: relative; display: inline-block; border-bottom: none; font-weight: normal; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #ffffff; font-size: 80%; color: #202020; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #ffffff; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #ffffff transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #ffffff; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #ffffff transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .hide { display: none !important; } .invisible { visibility: hidden; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .search-result-content::before, .category-switch::before, .clearfix::after, .search-result-content::after, .category-switch::after { display: table; content: ' '; } .clearfix::after, .search-result-content::after, .category-switch::after { clear: both; } body { font-size: 16px; letter-spacing: 1px; } body.menu-open { overflow: hidden; } :focus { outline: none; } a { color: #202020; outline: medium none; overflow: hidden; text-decoration: none; } a:hover { cursor: pointer; } a .inactive-link { cursor: default; } p a { text-decoration: underline; } fieldset { border: 0 none; margin: 0; padding: 0; } table { width: 100%; } th { text-align: left; } td { padding: 1em; vertical-align: top; } h1, h2, h3, h4, h5, h6 { line-height: 1; } h3, h4, b, strong { font-weight: bold; } .title-h1 { font-size: 52px; font-size: 3.25rem; line-height: 58px; line-height: 3.625rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.03em; } .title-h2 { font-size: 36px; font-size: 2.25rem; line-height: 42px; line-height: 2.625rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.01em; } .title-h3 { font-size: 20px; font-size: 1.25rem; color: #333333; letter-spacing: 0.06em; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } .banner-h1 { font-size: 100px; font-size: 6.25rem; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; } .button-full-width { padding-left: 0; padding-right: 0; text-align: center; width: 100%; } form#NewPasswordForm .form-caption { margin: .5em 0 2em; font-weight: 600; font-size: 12px; } .pt_login .shi-row { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0px 10px; } .table { display: table; width: 100%; } .table .cell { display: table-cell; } @media print, screen and (max-width: 39.99875em) { .table .cell:first-of-type { padding-top: 0; } } .table .cell.product-image-container { max-width: 560px; } .table .cell.product-image-container:first-of-type { padding-top: 0; } .double-box { border: 4px solid #050505; padding: 4px; } .double-box .inner-box { border: 2px solid #050505; color: #706258; padding: 32px; text-align: center; } .double-box .inner-box h5 { font-size: 20px; text-transform: uppercase; } .double-box .inner-box p { font-size: 20px; padding: 0 104px; } @media print, screen and (min-width: 40em) { .tabs { text-align: center; } .tabs .tabs-title { display: inline; margin: 0 20px; } .tabs .tabs-title a { padding: 20px 0 5px; display: inline-block; font-size: 24px; font-size: 1.5rem; line-height: 30px; line-height: 1.875rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } } @media print, screen and (min-width: 40em) { .tabs-panel { display: none; } .tabs-panel.pdp-content-section { display: none; border-top: none; } .tabs-panel.is-active { display: block; } .tabs-panel.is-active.pdp-content-section { display: block; } } /* screen readers css */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .password-less-login-modal .close-passwordless-login { background-color: transparent; border: 0; color: #504949; cursor: pointer; display: block; position: absolute; top: 1rem; right: 1rem; padding: 0; z-index: 1; } .user-consent-container .user-consent-input .form-row label { display: none; } .no-style-btn { background-color: initial; color: initial; border: initial; padding: initial; } .no-style-btn:hover { background-color: initial; color: initial; } form .form-row .field-wrapper { position: relative; } form .form-row .field-wrapper .toggle_pwd { position: absolute; right: 10px; top: 17px; } form .form-row .field-wrapper .toggle_pwd:hover { cursor: pointer; } form .form-row .field-wrapper .toggle_pwd:focus { outline: 2px dotted; } form#dwfrm_mini_login .form-row .field-wrapper .toggle_pwd { bottom: 12px; top: initial; } .line-around { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; } .line-around::before, .line-around::after { content: ''; -ms-flex: 1; flex: 1; border-bottom: 1px solid #202020; } .line-around::before { margin-right: .25em; } .line-around::after { margin-left: .25em; } .line-around span { padding: 0 20px; } img[data-lazy-src] { will-change: contents; } #wrapper { background-color: #ffffff; border: 0; left: 0; margin: auto; transition: left 0.2s ease-in; width: 100%; position: relative; } #wrapper.menu-active { position: fixed; overflow: hidden; } #wrapper.menu-active:before, #wrapper.overlay:before { content: ""; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 80; } #wrapper.pt_storefront { width: 100%; } @media print, screen and (max-width: 39.99875em) { #wrapper.pt_storefront .storefront { margin-top: 67px; } } #wrapper.pt_storefront .carousel-recommendations h3 { font-weight: normal; } #wrapper.pt_storefront .carousel-recommendations .slick-dots { padding-bottom: 1em; padding-top: 1em; } @media print, screen and (max-width: 39.99875em) { #wrapper.pt_storefront .carousel-recommendations .slick-dots { padding-top: 5em; } } #wrapper.pt_order-confirmation { width: 100%; } #wrapper.pt_content #quickviewbutton { display: block !important; } #wrapper.pt_categorylanding { width: 100%; } #wrapper.pt_categorylanding .primary-content { padding-bottom: 0; } @media screen and (min-width: 768px) { #wrapper.pt_categorylanding .primary-content { width: 80%; } } #wrapper.pt_categorylanding .refinements { border-right: 0; display: none; width: 0; } @media screen and (min-width: 768px) { #wrapper.pt_categorylanding .refinements { display: block; width: 20%; } } @media screen and (min-width: 768px) { #wrapper.menu-active { left: auto; } } @media screen and (max-width: 767px) { #wrapper { overflow-x: hidden; } } .primary-content { width: 100%; } @media screen and (min-width: 768px) { .primary-focus .primary-content { border: none; } .full-width .primary-content { border: none; width: 100%; } } #secondary { float: none; width: 100%; } @media screen and (min-width: 768px) { #secondary nav { padding-left: 10px; padding-right: 10px; } #secondary nav a { display: block; } .primary-focus #secondary { background: none; } } .pt_content-search-result #secondary { display: none; } @media screen and (min-width: 768px) { .pt_content-search-result #secondary { display: block; } } .refinements:before { content: ""; border-top: 3px solid #050505; border-bottom: 2px solid #f4dfbb; display: block; padding-top: 2px; width: 100%; } .secondary-content { clear: both; } .gatedlanding.dynamicBg .bg-theme { min-height: 700px; } .gatedlanding.dynamicBg .bg-theme.bg-small img { min-height: 700px; } @media print, screen and (min-width: 40em) { .gatedlanding.dynamicBg .bg-large ~ .row, .gatedlanding.dynamicBg .pt_content-search-result-static .no-left-nav-template .bg-large ~ .content-asset, .pt_content-search-result-static .no-left-nav-template .gatedlanding.dynamicBg .bg-large ~ .content-asset, .gatedlanding.dynamicBg .pt_content-search-result-static .left-nav-template .bg-large ~ .content-asset, .pt_content-search-result-static .left-nav-template .gatedlanding.dynamicBg .bg-large ~ .content-asset { position: absolute; top: 0; } } @media print, screen and (max-width: 39.99875em) { .gatedlanding.dynamicBg .bg-small ~ .row, .gatedlanding.dynamicBg .pt_content-search-result-static .no-left-nav-template .bg-small ~ .content-asset, .pt_content-search-result-static .no-left-nav-template .gatedlanding.dynamicBg .bg-small ~ .content-asset, .gatedlanding.dynamicBg .pt_content-search-result-static .left-nav-template .bg-small ~ .content-asset, .pt_content-search-result-static .left-nav-template .gatedlanding.dynamicBg .bg-small ~ .content-asset { position: absolute; top: 0; } } .gatedlanding .grayed-container { padding: 10px; } @media print, screen and (max-width: 39.99875em) { .gatedlanding .gatedform .form-row label { margin-bottom: 0px; } } .ui-widget-overlay { background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #333; opacity: 0.4; } .ui-dialog { background-color: #ffffff; padding: 0; } .ui-dialog .ui-widget-header { border: 0 none; border-radius: 0; height: 23px; text-transform: uppercase; } .ui-dialog .ui-dialog-content { padding: 3rem; } .ui-dialog .ui-dialog-title { color: #333; } .ui-dialog .ui-icon-closethick { background-image: url("../images/interface/close.svg"); background-position: left top; height: 32px; width: 32px; left: 0; top: 0; margin-left: 0; margin-top: 0; } .ui-dialog .ui-button:hover .ui-icon.ui-icon-closethick { background-image: url("../images/interface/close.svg"); } .ui-dialog .ui-dialog-titlebar-close { background-color: transparent; background-image: none; border: 0 none; border-radius: 0; height: 32px; margin: 0; padding: 0; right: 22px; top: 22px; width: 32px; z-index: 1; opacity: 0.5; } .ui-dialog .ui-dialog-titlebar-close span { margin: 0; padding: 0; } .ui-dialog .ui-dialog-titlebar-close.ui-button:focus, .ui-dialog .ui-dialog-titlebar-close.ui-button:hover { background-image: url("../images/interface/close.svg"); border: 0 none; background-color: transparent; } .ui-dialog h1, .ui-dialog h2 { font-weight: 700; } .no-close .ui-dialog-titlebar-close { display: none; } .ui-accordion .ui-accordion-content { padding: 0; } .ui-tabs .ui-tabs-nav { height: 2.45em; padding: 0; } .ui-tabs .ui-tabs-nav li { border-color: #ffffff; border-style: solid; border-width: 0 0 3px; } .ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: #84bd00; } .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #202020; font-weight: 700; } .ui-tabs .ui-tabs-nav li a { color: #999; } .ui-tabs .ui-tabs-panel { background-color: #ffffff; border: 1px solid #ffffff; line-height: 1.5em; margin: 0; padding: 20px 10px; } @media screen and (min-width: 768px) { .ui-tabs .ui-tabs-panel h3 { display: none; } } #vertical-carousel { height: 19rem; position: relative; overflow: hidden; } #vertical-carousel ul { height: 10000em; list-style: none; margin: 0; padding: 0; position: relative; } #vertical-carousel ul li { float: left; height: 19rem; width: 100%; } #vertical-carousel ul li .capture-product-id { display: none; } .ui-dialog .ui-widget-header { background: none; } .js .simple-submit { display: none; } button.outline, .button.outline, input[type="button"].outline { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } button.outline:hover, .button.outline:hover, input[type="button"].outline:hover { background-color: #202020; border-color: #202020; color: #ffffff; } .button-fancy-large, .largebutton { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .button-fancy-large.selected, .button-fancy-large:hover, .button-fancy-large:active, .button-fancy-large[value="selected"], .largebutton.selected, .largebutton:hover, .largebutton:active, .largebutton[value="selected"] { background-color: #333333; color: #ffffff; } .button-fancy-large .product-price, .largebutton .product-price { display: block; text-align: unset; } .button-text { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } legend { color: #fff; font-weight: bold; padding: 16px 24px; position: relative; width: calc(100% + 1.25em); margin-top: 40px; margin-bottom: 40px; margin-left: -0.625rem; display: block; max-width: none; line-height: 1.2; border: solid #050505; border-width: 3px 0 0; font-size: 30px; font-size: 1.875rem; padding: 16px 24px 16px 10px; } @media print, screen and (min-width: 40em) { legend { font-size: 38px; text-transform: none; margin-top: 0; margin-bottom: 0; padding-left: 0; max-width: 100%; margin-left: 0; } legend.disabled + legend.disabled { margin-top: 0px; } } @media print, screen and (min-width: 64em) { legend { font-size: 40px; } } legend span { font-size: 12px; font-weight: 400; position: relative; text-transform: none; padding: 0 .5em; } legend span em { color: #333; } legend a { font-size: 14px; text-decoration: underline; display: inline; margin-left: 15px; float: right; color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } @media print, screen and (max-width: 39.99875em) { legend a { margin-top: 10px; } } @media print, screen and (min-width: 40em) { legend a { float: none; display: inline-block; text-transform: uppercase; } } label { display: block; font-size: 14px; font-weight: 400; margin-bottom: 10px; } .form-horizontal label { width: 100%; } .label-inline label { display: inline; float: none; font-size: 1em; font-weight: 400; margin-top: 0; text-align: left; width: auto; } .label-above label { margin-bottom: .3rem; width: auto; } .form-label-text { float: left; font-size: 1.1em; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding: 0.75em 0 0; text-align: right; width: 25%; } .form-row { margin: .5rem 0 1rem; max-width: 100%; margin: 0 auto; font-weight: 700; } @media print, screen and (min-width: 40em) { .form-row { max-width: 100%; position: relative; } } .form-row label { text-transform: uppercase; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .form-row input[type="text"], .form-row input[type="number"], .form-row input[type="password"], .form-row input[type="email"], .form-row input[type="date"], .form-row input[type="tel"], .form-row textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .form-row input[type="text"]:disabled, .form-row input[type="number"]:disabled, .form-row input[type="password"]:disabled, .form-row input[type="email"]:disabled, .form-row input[type="date"]:disabled, .form-row input[type="tel"]:disabled, .form-row textarea:disabled { cursor: not-allowed; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"] { border-radius: 0; } .form-row label.error { width: 100%; } .form-row.label-middle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } .form-row.label-middle .field-wrapper { -ms-flex-positive: 0; flex-grow: 0; } .form-row.label-middle .field-wrapper, .form-row.label-middle label { width: auto; display: -ms-flexbox; display: flex; margin-top: 0; } .form-row.label-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; } .form-row.error { float: none; } @media print, screen and (min-width: 40em) { .form-row.split { width: 48%; margin: 0 2% 0 0; float: left; clear: none; } .form-row.split + div:not(.split) { width: 100%; content: ""; display: table; clear: both; } } @media print, screen and (max-width: 39.99875em) { .form-row.split-small { width: 48%; margin: 0 2% 0 0; float: left; clear: none; } } @media print, screen and (min-width: 40em) { .form-row.split.left { float: left !important; } } @media print, screen and (min-width: 40em) { .form-row.split.right { float: right !important; } } @media print, screen and (min-width: 40em) { .form-row.no-label label { min-width: 0; } } .form-row-button { clear: left; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .form-row-button.align-center { -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .form-row-button.lrg-right { -ms-flex-pack: end; justify-content: flex-end; } .form-row-button.lrg-right .column, .form-row-button.lrg-right .columns { margin-left: auto; } } .form-row-button .column, .form-row-button .columns, .form-row-button .column button, .form-row-button .columns button { width: 100%; } .form-row-button button { margin-left: auto; margin-right: auto; } .gatedform .form-row-button button { font-family: Helvetica Neue LT W01_55 Roman, Helvetica, Arial, Lucida Grande, sans-serif; letter-spacing: 0; text-transform: uppercase; background: #000000; font-size: 15px; height: 35px; line-height: 18px; padding: 8px 30px 9px; color: #fff; margin-top: 20px; } .gatedform .form-row-button button:hover { background: #fff; border: 1px solid #000; color: #000; } .field-wrapper { box-sizing: border-box; } .form-horizontal .field-wrapper { -ms-flex-positive: 1; flex-grow: 1; } .label-inline .field-wrapper { padding-left: 0; width: auto; } .label-above .field-wrapper { float: none; padding-left: 0; width: auto; } .privacy-checkbox { position: relative; padding: 10px 0; } .privacy-checkbox label, .privacy-checkbox .field-wrapper { display: inline-block; vertical-align: top; } .privacy-checkbox label { width: calc(100% - 50px) !important; white-space: initial !important; text-align: left !important; } .privacy-checkbox a { text-decoration: underline; } .checkoutlogin .privacy-checkbox, .account-registration .privacy-checkbox, .login-wrapper .privacy-checkbox, .pt_checkorder .order-track-wrapper .privacy-checkbox, .pt_customer-service .primary-content .contact-form-wrapper .privacy-checkbox { margin-top: 20px; } .privacy-checkbox .field-wrapper span.error { position: absolute; top: -15px; } .menu-utility-content .privacy-checkbox label { font-size: 12px; font-size: 0.75rem; text-transform: none; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { border: 1px solid #050505; box-sizing: border-box; padding: 10px; text-indent: 0; width: 100%; color: #000; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; font-size: 14px; font-size: 0.875rem; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 18px; line-height: 1.125rem; border: 1px solid #050505; border-radius: 0px; padding: 10px 30px 10px 15px; height: 100%; background: url("../images/icon-caret.png") no-repeat calc(100% - 10px) 50%; background-color: #ffffff; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { select { background-image: url("../images/icon-caret@2x.png"); background-size: 18px 7px; } } select::-ms-expand { display: none; } a.password-reset { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } @media print, screen and (max-width: 39.99875em) { select:focus { font-size: 16px; } } input[type="radio"] { margin: 1em 1% 1em 2%; } .label-inline input[type="radio"] { margin: 0 .3rem 0 0; } input[type="checkbox"] { box-sizing: border-box; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 2px solid #050505; width: 16px; height: 16px; font-family: icomoon; position: relative; margin-right: 10px; background: none; } input[type="checkbox"]:checked:before { content: ""; display: block; position: absolute; font-size: 18px; height: 12px; width: 12px; background-image: url(../images/interface/close.svg); } .form-caption { clear: left; width: auto; } @media screen and (min-width: 768px) { .form-horizontal .form-caption { margin-left: 27%; } } .no-captions .form-caption { display: none; } .label-above .form-caption { margin-left: 0; } .form-indent .form-caption { margin-left: 0; } @media screen and (min-width: 768px) { .form-indent { margin-left: 27%; } } .error-message { padding: 0.7em 0.5em; text-indent: 0; font-weight: normal; font-size: 16px; font-size: 1rem; } .error { color: #c8102e; font-size: 16px; font-size: 1rem; } span.error { font-weight: normal; font-size: 14px; font-size: 0.875rem; display: block; margin: -1px 0 10px; } .error-form { font-weight: normal; border: none; background: none; color: #c8102e; padding-bottom: 1em; font-size: 16px; font-size: 1rem; } .callout.alert { font-weight: normal; border: none; background: none; color: #081f2c; padding: 1rem 0; font-size: 16px; font-size: 1rem; } .field-button-container span.error { display: block; clear: both !important; font-size: 16px; font-size: 1rem; font-weight: normal; } .field-button-container input:focus { color: #000 !important; } .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 { 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; } .dialog-required { display: inline; position: relative; } .dialog-required em { color: #990000; font-size: .65rem; font-style: normal; text-transform: uppercase; } .required-indicator { color: #990000; font-size: 1rem; padding: 0; } .login-box-content.returning-customers .form-field-required { margin-left: 10px; } .form-field-required { margin-bottom: 10px; text-align: left; } .form-field-required .required-indicator { font-weight: bold; } .form-field-required .required-indicator .mandatory-callout { font-weight: normal; font-size: .85rem; font-style: normal; text-transform: uppercase; } .form-field-required.guest-spc { display: none; } .form-field-tooltip { float: left; margin-left: 3%; padding-top: .75em; width: 20%; } .button-container button { margin: 0 5px; } .item-list { margin-bottom: 1em; } .item-list tr { border-bottom: 1px solid #d8d8d8; } .item-list tr.last { border: 0 none; } .item-list tr.headings { display: none; } .item-list td { padding: 1em; vertical-align: top; } .item-details .product-list-item .name { font-size: 20px; font-size: 1.25rem; font-style: normal; margin-bottom: 1em; } .item-details .product-list-item .name > a { display: inline-block; } .item-details .product-list-item .attribute { font-size: 16px; font-size: 1rem; } .item-details .product-list-item .promo { color: #990000; } .item-details .product-list-item .price-standard { color: #999; text-decoration: line-through; } .item-availability ul, .item-quantity-details ul { list-style: none outside none; margin: 0; padding: 0; } .item-dashboard { color: #8a8a8a; 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: #333; } .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: #333; 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; top: 0; } .tooltip.product-tile { cursor: pointer; } .has-tip.wechat { cursor: help; } .tooltip-content { display: none; } .ui-tooltip.ui-widget-content { background: #333; border-radius: 3px; box-shadow: 2px 3px 3px 0 #999; color: #ffffff; } .ui-tooltip-content { padding: 0.3em; } .ui-tooltip-content .recommendation-tooltip-header { font-size: 1.2em; 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: #999; 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 #424242; padding-top: .3rem; } .content-slot img { height: auto; max-width: 100%; } .slot-grid-header p { margin: 0; padding: 0; } .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%; } .content-asset p { line-height: 1.6em; margin: 1em 0; } .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 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .content-asset .account-options li { background-color: #666; border: 3px solid #ccc; 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; } .carousel-hero { list-style: none; margin-bottom: 20px; margin-top: 0; width: 100%; overflow: hidden; } @media print, screen and (max-width: 63.99875em) { .carousel-hero { padding: 0; } } .carousel-hero:after { content: ""; display: block; width: 100%; background: #f4dfbb; height: 2px; margin-top: 2px; } .carousel-hero .slick-list { border-bottom: 3px solid #050505; } .carousel-hero .hero-slide img { width: 100%; } @media print, screen and (min-width: 40em) { .carousel-hero { max-height: 493px; } } .carousel-hero .slick-next { right: 1rem; } .carousel-hero .slick-prev { left: 1rem; } .carousel-hero li { list-style: none; } .carousel-hero li .row, .carousel-hero li .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .carousel-hero li .content-asset, .carousel-hero li .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .carousel-hero li .content-asset { margin: 0; } .carousel-hero .featured-details { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; font-size: 21px; } .carousel-hero .featured-details h2 { font-size: 32px; line-height: .9em; margin-bottom: 15px; margin-top: 0.5em; } @media print, screen and (min-width: 40em) { .carousel-hero .featured-details h2 { font-size: 45px; margin-top: 60px; } } @media print, screen and (min-width: 64em) { .carousel-hero .featured-details h2 { font-size: 55px; margin-top: 100px; margin-bottom: 15px; line-height: 65px; } } @media screen and (min-width: 75em) { .carousel-hero .featured-details h2 { font-size: 76px; margin-top: 125px; margin-bottom: 15px; line-height: 79px; } } .carousel-hero .featured-details p { margin: 0 0 15px; padding: 0; font-size: 14px; } @media print, screen and (min-width: 64em) { .carousel-hero .featured-details p { font-size: 21px; } } .carousel-hero .featured-details .button.text-only { color: #081f2c; float: left; font-size: 14px; text-transform: uppercase; display: inherit; margin: 0 0 15px; padding: 0; } @media print, screen and (min-width: 64em) { .carousel-hero .featured-details .button.text-only { font-size: 21px; } } .carousel-hero .slick-dots { bottom: 1em; position: absolute; margin: 5px 0; } .browser-compatibility-alert { background-color: #990000; color: #ffffff; font-size: 1.3em; line-height: 2em; padding: 0.8em; top: 112px; position: absolute; width: 100%; z-index: 1; } .carousel-wrapper { position: relative; } .carousel-hero.redesign-carousel .slick-dots .carousel-buttons .carousel-toggle-button { color: #fff; width: 1.3rem; height: 1.3rem; padding: 0; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2014c-.55%200-1-.45-1-1V9c0-.55.45-1%201-1s1%20.45%201%201v6c0%20.55-.45%201-1%201zm4%200c-.55%200-1-.45-1-1V9c0-.55.45-1%201-1s1%20.45%201%201v6c0%20.55-.45%201-1%201z%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E); background-size: 90% auto; background-repeat: no-repeat; background-position: center; list-style: none; padding-bottom: 3px; cursor: pointer; } .carousel-hero.redesign-carousel .slick-dots .carousel-buttons .carousel-toggle-button.paused { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2013.5v-7c0-.41.47-.65.8-.4l4.67%203.5c.27.2.27.6%200%20.8l-4.67%203.5c-.33.25-.8.01-.8-.4z%22%2F%3E%3C%2Fsvg%3E); } .carousel-hero.redesign-carousel .slick-dots .carousel-buttons .carousel-toggle-button::before { content: ''; background: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .folder-slot { border-style: solid; border-color: #019328; border-width: 1px; background-color: white; padding: 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: 768px) { .menu-slot { width: 13.5rem; display: block; } } #homepage-slides { margin: 0; position: relative; } #homepage-slides .slide1 .banner-message { left: 3%; } #homepage-slides .slide1 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide1 .banner-message .banner-text2 { color: #ffffff; display: inline; } #homepage-slides .slide1 .banner-message .banner-text3 { color: #ffffff; text-align: right; } #homepage-slides .slide2 .banner-message { left: 3%; } #homepage-slides .slide2 .banner-message .banner-text1 { color: #84bd00; display: inline; letter-spacing: -0.1rem; } #homepage-slides .slide2 .banner-message .banner-text2 { color: #8a8a8a; display: inline; } #homepage-slides .slide2 .banner-message .banner-text3 { color: #202020; } #homepage-slides .slide3 .banner-message { left: 3%; } #homepage-slides .slide3 .banner-message .banner-text1 { color: #84bd00; display: inline; margin-top: -2rem; } #homepage-slides .slide3 .banner-message .banner-text2 { color: #ffffff; display: inline; } #homepage-slides .slide3 .banner-message .banner-text3 { color: #202020; } #homepage-slides .slide4 .banner-message { right: 3%; } #homepage-slides .slide4 .banner-message .banner-text1 { color: #84bd00; margin-top: 0rem; text-indent: 3rem; } @media screen and (min-width: 768px) { #homepage-slides .slide4 .banner-message .banner-text1 { margin-top: -1rem; } } #homepage-slides .slide4 .banner-message .banner-text2 { color: #ffffff; } #homepage-slides .slide4 .banner-message .banner-text3 { color: #ffffff; } #homepage-slides .slide5 .banner-message { left: 15%; } #homepage-slides .slide5 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide5 .banner-message .banner-text2 { color: #990000; display: inline; } #homepage-slides .slide5 .banner-message .banner-text3 { color: #ffffff; } .cart-recommendations { margin-top: 1rem; } .cart-recommendations .product-listing { background-color: #ffffff; padding: 1rem 0; } .cart-recommendations .tiles-container, .category-slot .tiles-container, .product-slot .tiles-container { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; } .cart-recommendations .tiles-container .grid-tile, .category-slot .tiles-container .grid-tile, .product-slot .tiles-container .grid-tile { box-shadow: none; margin: 1rem; padding: 1rem; width: 25%; } .cart-recommendations h1, .category-slot h1, .product-slot h1 { color: #ffffff; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; font-size: 3rem; font-weight: 300; position: absolute; text-align: right; bottom: 2%; left: 2%; } @media screen and (min-width: 768px) { .cart-recommendations h1, .category-slot h1, .product-slot h1 { font-weight: 100; } } .cart-recommendations h2, .category-slot h2, .product-slot h2 { color: #008578; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-size: 1.5rem; font-style: italic; margin: 0; padding: .1rem .5rem; } .cart-recommendations h3, .category-slot h3, .product-slot h3 { background-color: #ffffff; bottom: 0; color: #202020; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; font-size: 2rem; font-weight: 300; 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%; } .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: 768px) { .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; width: 100%; } .cart-recommendations .cat-banner img, .category-slot .cat-banner img, .product-slot .cat-banner img { height: auto; width: 100%; } .cart-recommendations .cat-banner h1, .category-slot .cat-banner h1, .product-slot .cat-banner h1 { color: #333; right: 2%; } .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { box-shadow: none; margin: 0; padding: 0 .15%; width: 100%; } @media screen and (min-width: 768px) { .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-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; 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: #00629b; } .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-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; font-size: 1rem; } .html-slot { background-color: #ffffff; border-color: #d8d8d8; border-style: solid; border-width: 1px 0; } .html-slot h1 { color: #00629b; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; font-size: 1.5rem; font-weight: 300; margin: 1rem; text-align: center; } @media screen and (min-width: 768px) { .html-slot h1 { font-weight: 100; } } .html-slot h1 a { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } .menu-bar-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 19px 24px; border-bottom: 1px #e6ddce solid; } .menu-greeting, .menu-greeting p { margin: 0; line-height: 1em; } @media print, screen and (min-width: 40em) { .menu-greeting { display: none; } } @media print, screen and (min-width: 40em) { .menu-toggle { display: none; } } .main-nav { top: 0; left: 0; width: calc(100% + 10%); height: 100%; position: fixed; overflow-y: auto; overflow-x: hidden; transition: all 0.5s ease; transform: translateX(100%); font-weight: 500; list-style: none; z-index: 80; } .menu-active .main-nav { width: calc(100% - 9%); transform: translateX(10%); } @media print, screen and (min-width: 40em) { .main-nav { background-color: #fff; position: relative; overflow: visible; height: auto; width: 100%; margin: auto; transform: translateX(0); margin: 0; z-index: 20; } } .main-nav ul.level-1 .has-sub-menu.hover a:focus { outline-offset: -3px; } .main-nav ul.level-1 .has-sub-menu.hover .mobile-menu-back:focus { outline: 2px dotted #081f2c; outline-offset: -5px; } .menu-list, .menu-bar-top { background: #fff; } .level-1 { position: relative; margin: 0; padding: 0; list-style-type: none; background-color: #fff; } @media print, screen and (max-width: 39.99875em) { .level-1 { overflow: hidden; } .level-1 > li:last-child { border-bottom: none; } } @media print, screen and (min-width: 40em) { .level-1 { width: 100%; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: 10px; font-size: 13px; font-size: 0.8125rem; padding-left: 86px; } } .level-1 ul { padding: 0; } @media print, screen and (min-width: 64em) { .level-1 { padding-right: 50px; padding-left: 148px; font-size: 18px; font-size: 1.125rem; } } .level-1 li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 17px 10px 24px; list-style: none; border-bottom: 1px solid #e6ddce; } @media print, screen and (min-width: 40em) { .level-1 li { border-bottom: none; padding: 0 12px; display: inline-block; } .level-1 li.mobile-close-icon { display: none; } .level-1 li:hover > a, .level-1 li:hover > span, .level-1 li:focus > a, .level-1 li:focus > span { border-color: #050505; } .level-1 li a, .level-1 li span { line-height: 18px; display: block; padding: 13px 0; border-bottom: 4px transparent solid; } } .level-1 a { width: 70%; height: auto; } @media print, screen and (min-width: 40em) { .level-1 a { width: 100%; } } .menu-item-toggle { padding: 0.5rem 0 0.5rem 1rem; border-left: 1px #e6ddce solid; text-align: right; } @media print, screen and (min-width: 40em) { .menu-item-toggle { display: none; } } .level-2 { left: 0; top: 0; bottom: 0; width: 100%; position: absolute; z-index: 10; overflow: hidden; background-color: #fff; transition-duration: 500ms; transform: translateX(100%); } .active > .level-2 { transform: translateX(0); max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .active > .level-2 .sub-level-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .level-2 .column:last-child .level-2-link:last-child, .level-2 .columns:last-child .level-2-link:last-child { border-bottom: none; } .level-2 li.hide-for-medium { border-bottom: none; padding: 0; } } @media print, screen and (min-width: 40em) { .level-2 { display: none; transform: translateX(0); bottom: auto; top: 64px; background-color: #141222; } .level-2:before, .level-2:after { content: ""; height: 1px; width: 100%; background-color: #050505; display: block; } .level-2:before { margin-top: 4px; } .level-2:after { margin-bottom: 4px; } .level-2 .column, .level-2 .columns { max-width: 24%; padding: 0; -ms-flex: 2 1 24%; flex: 2 1 24%; } .level-2 .column::before, .level-2 .columns::before, .level-2 .column::after, .level-2 .columns::after { display: table; content: ' '; } .level-2 .column::after, .level-2 .columns::after { clear: both; } .level-2 li { display: block; } .level-2 li a { padding: 1px 0px; border: none; font-size: 14px; font-size: 0.875rem; font-weight: 300; } .level-2 li a:hover, .level-2 li a:focus { border: none; text-decoration: underline; } .level-2 li a span.categoryPrefix { display: inline-block; } .level-2 li.level-2-link ul.level-3 { padding-bottom: 10px; } .level-2 li.level-2-link:last-child ul.level-3 { padding-bottom: 0px; } .has-sub-menu.hover .level-2, .has-sub-menu:focus .level-2 { display: block; } .level-2 a.category-header, .level-2 span.category-header { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; border: none; padding: 4px 18px; color: #050505; } .level-2 span.category-header:hover { border: none; } } @media print, screen and (min-width: 64em) { .level-2 { width: 100%; max-width: 77.5rem; top: 75px; } } @media screen and (min-width: 81.25em) { .level-2 { width: auto; max-width: none; left: -3%; right: -3%; } } .level-2 .sub-level-wrapper { -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .level-2 .sub-level-wrapper { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 77.5rem; margin: 0 auto; padding: 1.3rem 0 1rem; -ms-flex-pack: center; justify-content: center; } } @media print, screen and (min-width: 64em) { .level-2 .sub-level-wrapper { max-width: 72.5rem; } } @media screen and (min-width: 81.25em) { .level-2 .sub-level-wrapper { max-width: 77.5rem; } } .level-2 .content-column { display: none; } .level-2 .content-column img { border: 1px solid #050505; max-width: 100%; } @media print, screen and (min-width: 64em) { .level-2 .content-column { display: -ms-flexbox; display: flex; padding: 0 20px 0 0; } .level-2 .content-column::before, .level-2 .content-column::after { display: table; content: ' '; } .level-2 .content-column::after { clear: both; } .level-2 .content-column > p { display: -ms-flexbox; display: flex; } .level-2 .content-column > p + p { margin-left: 10px; } .level-2 .content-column a { display: block; width: auto; } .level-2 .content-column a + a { margin-left: 10px; } } .level-2 .content-column p { padding: 0; margin: 0; } .level-2 .content-column a { padding: 0; margin: 0; } @media print, screen and (max-width: 39.99875em) { .level-2 .content-column { display: none; visibility: hidden; } } @media print, screen and (max-width: 39.99875em) { #minimized-header-container .main-nav { display: none; } .menu-active #minimized-header-container .main-nav { display: block; } } @media print, screen and (min-width: 40em) { #minimized-header-container .main-nav ul.level-1 .menu-item-toggle-container { display: none; } } .menu-active #minimized-header-container .main-nav ul.level-1 .menu-item-toggle-container .menu-item-toggle { border: none; } .menu-active #minimized-header-container .main-nav ul.level-1 .menu-item-toggle-container .menu-item-toggle:focus { outline-offset: -5px; } .menu-active #minimized-header-container .main-nav ul.level-1 span:focus { outline: 2px dotted #081f2c; outline-offset: -3px; } .menu-active #minimized-header-container .main-nav ul.level-1 .level-2 { display: none !important; } .menu-active #minimized-header-container .main-nav ul.level-1 .level-2 .sub-level-wrapper { padding: 0; } .menu-active #minimized-header-container .main-nav ul.level-1 .level-2 .level-2-link .level-3 { display: none !important; } .menu-active #minimized-header-container .main-nav ul.level-1 .active .level-2 { display: block !important; } @media print, screen and (max-width: 39.99875em) { .menu-active #minimized-header-container .main-nav ul.level-1 .active .level-2 { top: 40px; } } .menu-active #minimized-header-container .main-nav ul.level-1 .active .level-2 .level-2-link.active .level-3 { display: block !important; min-height: 0; } .mobile-menu-back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; width: 70%; margin-top: -57px; margin-left: 25px; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; color: #333333; cursor: pointer; background-color: #ffffff; } .mobile-menu-back i { margin-right: 10px; } @media print, screen and (min-width: 40em) { .mobile-menu-back { display: none; } } .level-3 { left: 0; top: 0; width: 100%; position: absolute; padding: 0; z-index: 10; overflow: hidden; transition-duration: 400ms; transform: translateX(100%); } .active > .level-3 { background: #fff; transform: translateX(0); max-width: 100%; } .level-3.sub-level-wrapper { padding-top: 0; } .level-3.sub-level-wrapper a span.categoryPrefix { display: inline-block; padding: 0; border-bottom: none; } .level-3.sub-level-wrapper a span.categoryPrefix.bold { font-weight: bold; } .level-3.sub-level-wrapper a span.categoryPrefix.normal { font-weight: normal; } .level-3.sub-level-wrapper a span.categoryPrefix.underline { font-weight: normal; text-decoration: underline; } .level-3.sub-level-wrapper a:hover span.categoryPrefix { text-decoration: underline; } @media print, screen and (max-width: 39.99875em) { .active > .level-3 { overflow: initial; } } @media print, screen and (min-width: 40em) { .level-3 { transform: translateX(0); position: relative; bottom: auto; overflow: visible; } .level-3 li { display: block; padding: 3px 18px; } .level-3 a { padding: 0; border: none; font-size: 15px; font-size: 0.9375rem; font-weight: 500; color: #ffffff; letter-spacing: 0.06em; } .level-3 a:hover { border: none; text-transform: underline; } .level-3 li a { font-size: 15px; font-size: 0.9375rem; } } .thirdLevelCatThumb { display: none; position: absolute; top: 0; left: -40px; z-index: -1; } @media print, screen and (min-width: 64em) { a.has-thumbnail:hover img { display: block; } } .mobile-menu-bottom { background: #e8e4da; border-top: 2px #050505 solid; } .mobile-menu-bottom ul { margin: 0; padding: 0; } .mobile-menu-bottom li { list-style: none; padding: 0; display: -ms-flexbox; display: flex; border-bottom: 1px #050505 solid; } .mobile-menu-bottom i { margin-right: 10px; font-size: 1.3em; } .mobile-menu-bottom a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 10px 24px; min-width: 200px; } @media print, screen and (min-width: 40em) { .mobile-menu-bottom { display: none; } } .menu-utility-user { margin: 0; } .menu-utility-user .chooseLanguage { background: none; border: none; display: none; padding: 0; width: auto; } .menu-utility-user .menu-utility-content.is-open { z-index: 110; } .menu-utility-user .menu-utility-content.login-links-box { position: absolute; right: 0; top: 40px; width: 175px; } .menu-utility-user .menu-utility-content.login-links-box ul { padding-left: 0; text-align: left; } .menu-utility-user .menu-utility-content.login-links-box ul li { line-height: 2em; } .menu-utility-user .menu-utility-content.login-links-box ul a { color: inherit; font-size: inherit; } @media print, screen and (max-width: 63.99875em) { .menu-utility-user .menu-utility-content.login-links-box { display: none !important; } } .menu-utility-user .inactiveLink { pointer-events: none; cursor: default; } .menu-utility-user > a, .menu-utility-user > .utility-link { color: #706258; letter-spacing: 0.06em; } .menu-utility-user > a.login, .menu-utility-user > .utility-link.login { position: relative; margin: 0 4px; } .menu-utility-user > a.login .guest-greeting, .menu-utility-user > .utility-link.login .guest-greeting { cursor: pointer; } .menu-utility-user > a.hover:after, .menu-utility-user > .utility-link.hover:after { content: " "; position: absolute; bottom: 6px; left: 0; height: 2px; width: 100%; background-color: #050505; } @media print, screen and (min-width: 40em) { .menu-utility-user { display: block; line-height: 2.3em; margin-right: 0; padding-right: 0; text-align: right; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1em; -ms-flex-pack: end; justify-content: flex-end; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .menu-utility-user { padding-right: 10px; padding-left: 0; } } .menu-utility-user > a, .menu-utility-user > .utility-link { list-style: none; padding: 0.8em 1rem; position: relative; color: #706258; } .menu-utility-user > a i, .menu-utility-user > .utility-link i { font-size: 1.5em; padding: 0 8px 0 0; } @media print, screen and (min-width: 40em) { .menu-utility-user > a, .menu-utility-user > .utility-link { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; height: 40px; min-height: 40px; margin: 0 10px; padding: 0; font-size: 11px; font-size: 0.6875rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .menu-utility-user > a, .menu-utility-user > .utility-link { margin: 0 8px; } } @media print, screen and (min-width: 64em) { .menu-utility-user > a, .menu-utility-user > .utility-link { font-size: 13px; font-size: 0.8125rem; } } .menu-utility-user > a a, .menu-utility-user > .utility-link a { color: #202020; text-decoration: none; font-weight: 500; margin-top: 4px; font-size: 1.09em; } .menu-utility-user > a a:active, .menu-utility-user > .utility-link a:active { color: #84bd00; } @media print, screen and (min-width: 40em) { .menu-utility-user > a a, .menu-utility-user > .utility-link a { color: #ffffff; transition: color .5s ease; } .menu-utility-user > a a:hover, .menu-utility-user > a a:focus, .menu-utility-user > .utility-link a:hover, .menu-utility-user > .utility-link a:focus { text-decoration: none; } .menu-utility-user > a a i, .menu-utility-user > .utility-link a i { display: block; font-size: 3em; padding: 0; } } @media print, screen and (min-width: 40em) { .menu-utility-user .user-info { position: relative; transition: color .5s ease; } .menu-utility-user .user-info.active .user-login { color: #84bd00; } .menu-utility-user .user-info.active .user-panel { opacity: 1; visibility: visible; } } .menu-utility-user .user-info .user-panel { box-sizing: content-box; margin-top: .5rem; text-align: left; transition: all .3s ease; width: 10rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .menu-utility-user .user-info .user-panel h3 { display: none; margin: 0; padding-bottom: .7em; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .menu-utility-user .user-info .user-panel h3 { display: block; } } @media print, screen and (min-width: 40em) { .menu-utility-user .user-info .user-panel { background-color: #ffffff; border: 1px solid #d8d8d8; border-radius: 5px; box-shadow: 0 2px 5px 0 #ccc; margin-top: 0; opacity: 0; padding: 1em; position: absolute; right: -1.5rem; visibility: hidden; z-index: 20; } } .menu-utility-user .user-info .user-panel .user-links { padding-left: 1.5rem; text-align: center; } @media print, screen and (min-width: 40em) { .menu-utility-user .user-info .user-panel .user-links { padding-left: 0; } } .menu-utility-user .user-info .user-panel a { display: block; padding: .5rem 0; } @media print, screen and (min-width: 40em) { .menu-utility-user .user-info .user-panel a { padding: 0; margin-bottom: .5rem; } } .menu-utility-user .user-info .user-panel .user-logout { color: #ffffff; margin-top: .5rem; padding: 0.5em 2em; text-transform: uppercase; } .menu-utility-user .login-box-content .login-oauth { margin-top: 20px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .menu-utility-user #sign-in-link { max-width: 190px; } } .promotion-bar-container { width: 100%; } .promotion-bar-container .slick-initialized .slick-arrow { top: 53%; } .promotion-bar-container .slick-initialized .slick-slide { float: none; display: inline-block !important; vertical-align: middle; } .promotion-bar-container .promotion-bar { margin-bottom: 0; } .promotion-bar-container .promotion-bar .header-promotion { display: none; } .promotion-bar-container .promotion-bar .header-promotion .slider-content { font-size: 16px; } .promotion-bar-container .promotion-bar .header-promotion:first-child { display: block; } .promotion-bar-container .promotion-bar.slick-initialized.slick-slider .header-promotion, .promotion-bar-container .promotion-bar.slick-initialized.slick-slider .header-promotion:first-child { display: block; } .promotion-bar-container .promotion-bar .slick-prev:before, .promotion-bar-container .promotion-bar .slick-next:before { font-size: 16px; } @media print, screen and (max-width: 63.99875em) { .promotion-bar-container .promotion-bar .slick-prev:before, .promotion-bar-container .promotion-bar .slick-next:before { font-size: 12px; } } .promotion-bar-container .promotion-bar .slick-prev, .promotion-bar-container .promotion-bar .slick-next { width: 16px; } @media print, screen and (max-width: 63.99875em) { .promotion-bar-container .promotion-bar .slick-prev, .promotion-bar-container .promotion-bar .slick-next { top: 60%; } } @media print, screen and (max-width: 39.99875em) { .promotion-bar-container .promotion-bar .slick-prev, .promotion-bar-container .promotion-bar .slick-next { top: 62%; } } .promotion-bar-container .promotion-bar button:focus { outline: 1px dotted #fff !important; } #login-greetings { white-space: nowrap; } #extole_zone_global_header a { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; color: #706258; } @media print, screen and (min-width: 40em) { #extole_zone_global_header a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; height: 40px; min-height: 40px; margin: 0 10px; padding: 0; font-size: 10px; font-size: 0.625rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #extole_zone_global_header a { margin: 0 8px; } } @media print, screen and (min-width: 64em) { #extole_zone_global_header a { font-size: 11.5px; font-size: 0.71875rem; } } .country-selector { border-bottom: 5px solid #4d4c4c; 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: 30; 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 #1a1919; } .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 #d8d8d8; 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 #d8d8d8; margin-right: .3rem; } #minimized-header-container .header-container { min-height: 50px; } @media print, screen and (min-width: 40em) { #minimized-header-container .header-container { min-height: 95px; } } .top-banner { background: #ffffff; position: relative; } @media print, screen and (max-width: 39.99875em) { .is-open-header-search #main { padding-top: 66px; } } .logo-medium .storename-logo-image img { min-height: 30px; } .utility-nav { background-color: #e8e4da; position: relative; min-height: 30px; } .utility-nav .html-slot-container { letter-spacing: 0.01em; } .utility-nav .html-slot-container { padding: 10px 0; text-align: center; font-size: 13px; font-size: 0.8125rem; } @media print, screen and (min-width: 40em) { .utility-nav { height: 40px; } .utility-nav .row, .utility-nav .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .utility-nav .content-asset, .utility-nav .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .utility-nav .content-asset { position: static; -ms-flex-pack: end; justify-content: flex-end; } .utility-nav .html-slot-container { font-size: 12px; font-size: 0.75rem; padding: 10px 0; text-align: left; } } @media print, screen and (min-width: 64em) { .utility-nav .row, .utility-nav .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .utility-nav .content-asset, .utility-nav .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .utility-nav .content-asset { max-width: 77.5rem; padding: 0 10px; } .utility-nav .html-slot-container { font-size: 13px; font-size: 0.8125rem; margin: 0 -1.25rem; } } .utility-nav .change-language { top: 0; margin: 0 8px; } @media print, screen and (min-width: 64em) { .utility-nav .change-language { margin: 0 10px; } } @media print, screen and (min-width: 40em) { .utility-nav .change-language .chooseLanguage { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 0; font-size: 15px; color: #081f2c; text-transform: uppercase; font-family: CronosPro-Regular,CronosPro-Display,Helvetica Neue,Helvetica; letter-spacing: .06em; } } @media print, screen and (max-width: 39.99875em) { .main-nav { display: -ms-flexbox; display: flex; top: 0; -ms-flex-align: center; align-items: center; font-size: 18px; color: #081f2c; text-transform: uppercase; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; } .change-language { top: 0 !important; } } #minimized-header-container { background: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; z-index: 101; } @media print, screen and (min-width: 40em) { #minimized-header-container { display: block; } } #minimized-header-container .sticky { transform: initial; } .mega-menu-logo-container { max-width: 77.5rem; position: relative; } @media print, screen and (min-width: 40em) { .mega-menu-logo-container { margin: 0 auto; min-height: 133px; } } .mega-menu-logo-container .logo { margin: 0 auto; text-align: center; padding: 0; } .welcomeBackModal { width: 250px; position: fixed !important; height: auto; z-index: 9999; top: 95px; right: 0; background-color: white; padding: 20px; box-shadow: 0 0 2px 0 #ccc; } @media print, screen and (max-width: 63.99875em) { .welcomeBackModal { display: none; } } .welcomeBackModal .welcome-message { margin: auto; margin-bottom: 0; font-family: ChronicleDisp-LightItal; font-size: 18px; color: #202020; } .welcomeBackModal .welcome-notification-text { color: #081f2c; margin-top: 5px; margin-bottom: 12px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } .welcomeBackModal .checkoutNow { background-color: #081f2c; color: #fff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.25rem; letter-spacing: .05em; text-align: center; padding: 10px 15px; display: inline-block; width: 96%; } .welcomeBackModal .checkoutNow:hover { background-color: #333; color: #fff; } .welcomeBackModal .closeButtton { float: right; } @media screen and (min-width: 1441px) { .welcomeBackModal { right: 200px; } } @media print, screen and (min-width: 40em) { .header-container { padding: 10px; position: relative; margin: 0 auto; transition: 0.4s ease; width: 100%; } .header-container .logo-medium { float: left; display: block; } .is-open-header-search .header-container { margin-top: 102px; border-top: 1px solid #e6ddce; } .header-container .logo-medium { z-index: 99; position: relative; padding: 9px 0; } .header-container .logo-medium img { max-width: 78px; width: 100%; display: block; } } @media print, screen and (min-width: 64em) { .header-container { max-width: 77.5rem; padding: 16px 10px; } .header-container .logo-medium { padding: 0; } .header-container .logo-medium img { max-width: 117px; } } .search-btn { background-color: transparent; border-color: transparent; border-left-color: #e6ddce; position: absolute; right: 0; z-index: 99; cursor: pointer; display: block; } .search-btn:hover { border-color: transparent; border-left-color: #e6ddce; } @media print, screen and (min-width: 40em) { .search-btn { bottom: 26px; padding: 8px 13px; border-left: 1px solid #e6ddce; } } @media print, screen and (min-width: 64em) { .search-btn { bottom: 30px; right: -3px; padding: 13px; display: none; } } .icon-search { display: block; margin: 0 auto; color: #998578; font-weight: bold; } .icon-search:before { content: "\e901"; } @media print, screen and (max-width: 39.99875em) { .icon-search { font-size: 6vw; } } @media print, screen and (min-width: 40em) { .icon-search { font-size: 14px; font-size: 0.875rem; } } .icon-marker { display: block; margin: 0 auto; } .mobile-menu-bottom .icon-user { background-image: url(../images/sprite.png); background-position: -56px -35px; width: 19px; height: 19px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .mobile-menu-bottom .icon-user { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .mobile-menu-bottom .icon-phone { background-image: url(../images/sprite.png); background-position: -43px -78px; width: 17px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .mobile-menu-bottom .icon-phone { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .sticky-header { position: fixed !important; top: 0; width: 100%; z-index: 21; } .sticky-header .top-banner { width: 100%; } @media print, screen and (min-width: 40em) { .sticky-header .top-banner { max-width: 100%; } .sticky-header .top-banner ul { display: inline; } .sticky-header .top-banner ul.quick-access-menu { margin: 0; width: auto; } } @media print, screen and (max-width: 39.99875em) { .guest-greeting { display: none; } } .primary-logo { max-width: 160px; z-index: 1; max-width: 110px; margin: 0 auto; } @media print, screen and (min-width: 40em) { .primary-logo { margin: 0; display: inline-block; } } @media print, screen and (min-width: 64em) { .primary-logo { max-width: 230px; width: 100%; } .primary-logo img { max-width: 117px; } } .primary-logo a { display: block; } .primary-logo img { width: 100%; } .icon-hamburger { width: 25px; display: block; margin: 5px auto; } .header-banner { display: block; background-color: #081f2c; width: 100%; } .header-banner .header-promotion { color: #ffffff; text-align: center; padding: 0.5em; font-weight: 400; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .header-banner .header-promotion .swiper-button-prev.promo-nav, .header-banner .header-promotion .swiper-button-next.promo-nav { display: none; } @media print, screen and (min-width: 40em) { .header-banner { background-color: #202020; } } .header-promotion { padding: 0; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (max-width: 39.99875em) { .header-promotion { font-size: 13px; font-size: 0.8125rem; text-align: center; letter-spacing: -0.01em; } .sticky-header .header-promotion { padding: 5px 0; } .sticky-header .header-promotion p { display: none; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .header-promotion { font-size: 11px; font-size: 0.6875rem; } } @media print, screen and (min-width: 40em) { .header-promotion { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 40px; } } @media print, screen and (min-width: 64em) { .header-promotion { font-size: 13px; font-size: 0.8125rem; } } .header-search.new-header-search { background-color: #ffffff; color: #706258; z-index: 105; margin: 0 auto; height: 41px; width: 22%; top: 27px; right: 0; margin-right: 10px; position: absolute; border: 1px solid #e6ddce; display: none; } @media print, screen and (min-width: 64em) { .header-search.new-header-search { display: block; } } @media print, screen and (min-width: 40em) { .header-search.new-header-search { z-index: 98; } } .header-search.new-header-search .go-label { display: none; } .header-search.new-header-search .icon-search { display: block; } .header-search.new-header-search .field-button-container input:focus::-webkit-input-placeholder { color: transparent; } .header-search.new-header-search .field-button-container input:focus:-moz-placeholder { color: transparent; } .header-search.new-header-search .field-button-container input:focus::-moz-placeholder { color: transparent; } .header-search.new-header-search .field-button-container input:focus:-ms-input-placeholder { color: transparent; } .header-search { background-color: #ffffff; color: #706258; display: none; margin: 0 auto; width: 100%; z-index: 105; } .header-search .search-container .visually-hidden, .header-search .search-container #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset ul.row .shipping-method .header-search .search-container input[type="radio"], .header-search .search-container #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method .header-search .search-container input[type="radio"], .header-search .search-container .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .header-search .search-container input[type="radio"], .header-search .search-container #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method .header-search .search-container input[type="radio"], .header-search .search-container .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .header-search .search-container input[type="radio"] { color: #202020 !important; } @media print, screen and (max-width: 39.99875em) { .header-search { position: absolute; top: 101px; left: 0; padding: 15px 21px; display: block; } .header-search form { border: 1px solid #e6ddce; } .sticky-header .header-search { top: 85px; } } @media print, screen and (min-width: 40em) { .header-search { border: 1px solid #e6ddce; position: absolute; top: 128px; width: 90%; right: 5%; display: block; height: 0; margin: 0 auto; width: 90%; border: 1px solid transparent; position: absolute; top: 40px; right: 5%; padding: 0; overflow: hidden; transition: 0.4s ease; } .is-open-header-search .header-search { height: 41px; top: 70px; border-color: #e6ddce; overflow: visible; } } @media print, screen and (max-width: 39.99875em) { .header-search { z-index: 70; } } .header-search form { margin-top: 0; } .header-search input[type="text"], .header-search input { background-color: transparent; border: none; color: #706258; float: left; padding: 0; width: 85%; width: calc(100% - 1.3rem); font-size: .85em; font-weight: 500; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-size: 0.8125rem; padding: 10px 8px; } .header-search input[type="text"]:-ms-input-placeholder, .header-search input:-ms-input-placeholder { color: #706258; } .header-search input[type="text"]::placeholder, .header-search input::placeholder { color: #706258; } .header-search input[type="text"]::-webkit-input-placholder, .header-search input::-webkit-input-placholder { color: #706258; } .header-search input[type="text"]::-moz-selection, .header-search input::-moz-selection { color: #333333; } .header-search input[type="text"]::selection, .header-search input::selection { color: #333333; } @media print, screen and (min-width: 40em) { .header-search input[type="text"], .header-search input { height: 38px; padding: 10px 18px; font-size: 18px; font-size: 1.125rem; } } @media screen and (max-width: 600px) { .header-search input[type="text"], .header-search input { transition: color .5s ease; } } .header-search input[type="text"]:focus, .header-search input:focus { color: #202020; outline: none; color: #ffffff; font-weight: 700; } .header-search .field-button-container button[type="submit"] { background-color: transparent !important; border: none; padding: .7em .5em; } @media print, screen and (min-width: 40em) { .header-search .field-button-container button[type="submit"] { border-left: 1px solid #e6ddce; padding: 13px; } } .header-search .field-button-container button[type="submit"]:hover { color: #202020; } .header-search .go-label { display: block; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; color: #706258; } @media print, screen and (min-width: 40em) { .header-search .go-label { display: none; } } .header-search .icon-search { display: none; } @media print, screen and (min-width: 40em) { .header-search .icon-search { display: block; } } .header-search .field-button-container input:focus::-webkit-input-placeholder { color: transparent; } .header-search .field-button-container input:focus:-moz-placeholder { color: transparent; } .header-search .field-button-container input:focus::-moz-placeholder { color: transparent; } .header-search .field-button-container input:focus:-ms-input-placeholder { color: transparent; } .quick-access-menu { list-style: none; text-align: center; padding: 11px 0; width: 100%; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .quick-access-menu { padding: 20px 0 0; } } .quick-access-menu li { display: inline-block; font-size: 6.6vw; } @media print, screen and (min-width: 40em) { .quick-access-menu li { font-size: 1em; } } .quick-access-menu [class^="icon-"], .quick-access-menu [class*=" icon-"] { color: #998578; } button.slick-arrow:focus, .slick-dots button:focus { outline: 2px dotted #000 !important; } .header-icon { width: 35px; height: 35px; } .mirror-icon { background: url("../images/mirror-icon.svg") no-repeat; } .user-icon { background: url("../images/user-icon.svg") no-repeat; } .placeholder-icon { background: url("../images/placeholder-icon.svg") no-repeat; } .phone-icon { background: url("../images/phone-icon.svg") no-repeat; } @media print, screen and (max-width: 39.99875em) { .hamberger-active .custom-mobile-primary-links { position: fixed; } .custom-mobile-primary-links { margin-bottom: 15px; z-index: -1; position: relative; } .custom-mobile-primary-links ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: start; line-height: inherit; margin: 0; padding: 0; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .custom-mobile-primary-links ul::-webkit-scrollbar { display: none; } .custom-mobile-primary-links ul li { border: none; font-size: 14px; padding: 3px 25px; list-style-type: none; border: 1px solid #000; border-radius: 18px; margin: 1px 5px; } .custom-mobile-primary-links ul li a { text-decoration: none; text-transform: capitalize; } .custom-mobile-primary-links ul .icon-arrow-rt { display: none; } } .checkoutlogin, .account-registration, .login-wrapper, .pt_checkorder .order-track-wrapper, .pt_customer-service .primary-content .contact-form-wrapper { margin: 2.5rem auto; border: 1px #081f2c solid; padding: 36px 20px; } @media print, screen and (min-width: 40em) { .checkoutlogin, .account-registration, .login-wrapper, .pt_checkorder .order-track-wrapper, .pt_customer-service .primary-content .contact-form-wrapper { padding: 5rem; margin: 1rem auto; } } .checkoutlogin .user-consent-container, .account-registration .user-consent-container, .login-wrapper .user-consent-container, .pt_checkorder .order-track-wrapper .user-consent-container, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container { position: relative; } .checkoutlogin .user-consent-container .user-consent-label > label, .account-registration .user-consent-container .user-consent-label > label, .login-wrapper .user-consent-container .user-consent-label > label, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label { position: relative; padding-bottom: 30px; top: 26px; white-space: inherit; font-size: 12px; } .checkoutlogin .user-consent-container .user-consent-label > label a, .account-registration .user-consent-container .user-consent-label > label a, .login-wrapper .user-consent-container .user-consent-label > label a, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label a, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label a { color: #00f; } .checkoutlogin .user-consent-container .user-consent-input .form-row, .account-registration .user-consent-container .user-consent-input .form-row, .login-wrapper .user-consent-container .user-consent-input .form-row, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row { float: left; height: 3px; } .checkoutlogin .user-consent-container .user-consent-input .form-row .field-wrapper > span, .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper > span, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .checkoutlogin .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 30px; width: 15px; height: 15px; z-index: 10; margin-right: 10px !important; } .checkoutlogin .form-row label, .account-registration .form-row label, .login-wrapper .form-row label, .pt_checkorder .order-track-wrapper .form-row label, .pt_customer-service .primary-content .contact-form-wrapper .form-row label { width: auto; white-space: nowrap; } .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { font-size: 14px; text-align: center; margin: 20px auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { max-width: 75%; margin: 20px auto 0; } } @media print, screen and (min-width: 64em) { .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { max-width: 66.666%; margin: 20px auto 0; font-size: inherit; } } .checkoutlogin .guest-checkout-user-consent a, .account-registration .guest-checkout-user-consent a, .login-wrapper .guest-checkout-user-consent a, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent a, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent a { color: #00f; } .checkoutlogin input[type=email], .account-registration input[type=email], .login-wrapper input[type=email], .pt_checkorder .order-track-wrapper input[type=email], .pt_customer-service .primary-content .contact-form-wrapper input[type=email] { height: 50px; } .checkoutlogin input[type=text], .account-registration input[type=text], .login-wrapper input[type=text], .pt_checkorder .order-track-wrapper input[type=text], .pt_customer-service .primary-content .contact-form-wrapper input[type=text] { height: 50px; } .checkoutlogin .checkoutlogin-wrapper, .account-registration .checkoutlogin-wrapper, .login-wrapper .checkoutlogin-wrapper, .pt_checkorder .order-track-wrapper .checkoutlogin-wrapper, .pt_customer-service .primary-content .contact-form-wrapper .checkoutlogin-wrapper { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; } @media print, screen and (max-width: 39.99875em) { .checkoutlogin .checkoutlogin-wrapper, .account-registration .checkoutlogin-wrapper, .login-wrapper .checkoutlogin-wrapper, .pt_checkorder .order-track-wrapper .checkoutlogin-wrapper, .pt_customer-service .primary-content .contact-form-wrapper .checkoutlogin-wrapper { -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: 100%; } } #emailcheck { margin: 10px auto; max-width: 100%; width: auto; min-height: 40px; display: block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } #emailcheck.selected, #emailcheck:hover, #emailcheck:active, #emailcheck[value="selected"] { background-color: #333333; color: #ffffff; } #emailcheck + .disabled-btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; display: none; } #emailcheck[disabled] + .disabled-btn { display: block; } #dwfrm_login .recaptcha-caption a { color: #00f; } .checkoutlogin-wrapper #dwfrm_login .recaptcha-caption { font-weight: normal; } .checkoutlogin .login-box .checkout-login-oauth, .account-registration .login-box .checkout-login-oauth, .login-wrapper .login-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_customer-service .primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .registration-box .checkout-login-oauth, .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 20px 0; margin-top: 20px; border: 1px solid #ccc; border-width: 1px 0; } .checkoutlogin .login-box h3, .account-registration .login-box h3, .login-wrapper .login-box h3, .pt_checkorder .order-track-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .account-registration .registration-box h3, .login-wrapper .registration-box h3, .pt_checkorder .order-track-wrapper .registration-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { margin: 0; text-align: center; font-size: 25px; font-size: 1.5625rem; line-height: 28px; line-height: 1.75rem; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box h3, .account-registration .login-box h3, .login-wrapper .login-box h3, .pt_checkorder .order-track-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .account-registration .registration-box h3, .login-wrapper .registration-box h3, .pt_checkorder .order-track-wrapper .registration-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { font-size: 36px; font-size: 2.25rem; line-height: 40px; line-height: 2.5rem; } } .checkoutlogin .login-box p, .account-registration .login-box p, .login-wrapper .login-box p, .pt_checkorder .order-track-wrapper .login-box p, .pt_customer-service .primary-content .contact-form-wrapper .login-box p, .account-registration .registration-box p, .login-wrapper .registration-box p, .pt_checkorder .order-track-wrapper .registration-box p, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p { margin: 1em 0; text-align: center; font-size: 16px; } .checkoutlogin .login-box p.recaptcha-caption, .account-registration .login-box p.recaptcha-caption, .login-wrapper .login-box p.recaptcha-caption, .pt_checkorder .order-track-wrapper .login-box p.recaptcha-caption, .pt_customer-service .primary-content .contact-form-wrapper .login-box p.recaptcha-caption, .account-registration .registration-box p.recaptcha-caption, .login-wrapper .registration-box p.recaptcha-caption, .pt_checkorder .order-track-wrapper .registration-box p.recaptcha-caption, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p.recaptcha-caption { text-align: left; } .checkoutlogin .login-box p.recaptcha-caption a, .account-registration .login-box p.recaptcha-caption a, .login-wrapper .login-box p.recaptcha-caption a, .pt_checkorder .order-track-wrapper .login-box p.recaptcha-caption a, .pt_customer-service .primary-content .contact-form-wrapper .login-box p.recaptcha-caption a, .account-registration .registration-box p.recaptcha-caption a, .login-wrapper .registration-box p.recaptcha-caption a, .pt_checkorder .order-track-wrapper .registration-box p.recaptcha-caption a, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p.recaptcha-caption a { color: #00f; } .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 0 -20px; padding: 36px 20px; border-top: 1px #202020 solid; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 54px -20px 0; } } .checkoutlogin .login-box #password-reset, .account-registration .login-box #password-reset, .login-wrapper .login-box #password-reset, .pt_checkorder .order-track-wrapper .login-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .login-box #password-reset, .account-registration .registration-box #password-reset, .login-wrapper .registration-box #password-reset, .pt_checkorder .order-track-wrapper .registration-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #password-reset { font-size: 14px; color: #081f2c; text-align: right; } .checkoutlogin .login-box #login, .account-registration .login-box #login, .login-wrapper .login-box #login, .pt_checkorder .order-track-wrapper .login-box #login, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login, .account-registration .registration-box #login, .login-wrapper .registration-box #login, .pt_checkorder .order-track-wrapper .registration-box #login, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login { margin: 40px auto 10px; width: 100%; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .checkoutlogin .login-box #login.selected, .account-registration .login-box #login.selected, .login-wrapper .login-box #login.selected, .pt_checkorder .order-track-wrapper .login-box #login.selected, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login.selected, .account-registration .registration-box #login.selected, .login-wrapper .registration-box #login.selected, .pt_checkorder .order-track-wrapper .registration-box #login.selected, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login.selected, .checkoutlogin .login-box #login:hover, .account-registration .login-box #login:hover, .login-wrapper .login-box #login:hover, .pt_checkorder .order-track-wrapper .login-box #login:hover, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login:hover, .account-registration .registration-box #login:hover, .login-wrapper .registration-box #login:hover, .pt_checkorder .order-track-wrapper .registration-box #login:hover, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login:hover, .checkoutlogin .login-box #login:active, .account-registration .login-box #login:active, .login-wrapper .login-box #login:active, .pt_checkorder .order-track-wrapper .login-box #login:active, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login:active, .account-registration .registration-box #login:active, .login-wrapper .registration-box #login:active, .pt_checkorder .order-track-wrapper .registration-box #login:active, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login:active, .checkoutlogin .login-box #login[value="selected"], .account-registration .login-box #login[value="selected"], .login-wrapper .login-box #login[value="selected"], .pt_checkorder .order-track-wrapper .login-box #login[value="selected"], .pt_customer-service .primary-content .contact-form-wrapper .login-box #login[value="selected"], .account-registration .registration-box #login[value="selected"], .login-wrapper .registration-box #login[value="selected"], .pt_checkorder .order-track-wrapper .registration-box #login[value="selected"], .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login[value="selected"] { background-color: #333333; color: #ffffff; } .checkoutlogin .login-box #guestcheckout, .account-registration .login-box #guestcheckout, .login-wrapper .login-box #guestcheckout, .pt_checkorder .order-track-wrapper .login-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .login-box #guestcheckout, .account-registration .registration-box #guestcheckout, .login-wrapper .registration-box #guestcheckout, .pt_checkorder .order-track-wrapper .registration-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #guestcheckout { margin: 20px auto 10px; width: 100%; } .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin-top: 40px; padding-top: 40px; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized h3, .account-registration .login-box .user-recognized h3, .login-wrapper .login-box .user-recognized h3, .pt_checkorder .order-track-wrapper .login-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized h3, .account-registration .registration-box .user-recognized h3, .login-wrapper .registration-box .user-recognized h3, .pt_checkorder .order-track-wrapper .registration-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized h3 { font-size: 24px; } } .checkoutlogin .login-box .user-recognized .reset-password-link, .account-registration .login-box .user-recognized .reset-password-link, .login-wrapper .login-box .user-recognized .reset-password-link, .pt_checkorder .order-track-wrapper .login-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized .reset-password-link, .account-registration .registration-box .user-recognized .reset-password-link, .login-wrapper .registration-box .user-recognized .reset-password-link, .pt_checkorder .order-track-wrapper .registration-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized .reset-password-link { text-align: center; } .checkoutlogin .login-box .form-row-button.align-center .column, .account-registration .login-box .form-row-button.align-center .column, .login-wrapper .login-box .form-row-button.align-center .column, .pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .column, .account-registration .registration-box .form-row-button.align-center .column, .login-wrapper .registration-box .form-row-button.align-center .column, .pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .column, .checkoutlogin .login-box .form-row-button.align-center .columns, .account-registration .login-box .form-row-button.align-center .columns, .login-wrapper .login-box .form-row-button.align-center .columns, .pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .columns, .account-registration .registration-box .form-row-button.align-center .columns, .login-wrapper .registration-box .form-row-button.align-center .columns, .pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .columns { margin: 0 auto; position: relative; padding: 0; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .form-row-button .medium-7, .account-registration .login-box .form-row-button .medium-7, .login-wrapper .login-box .form-row-button .medium-7, .pt_checkorder .order-track-wrapper .login-box .form-row-button .medium-7, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button .medium-7, .account-registration .registration-box .form-row-button .medium-7, .login-wrapper .registration-box .form-row-button .medium-7, .pt_checkorder .order-track-wrapper .registration-box .form-row-button .medium-7, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button .medium-7 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } } .login-rememberme { display: -ms-flexbox; display: flex; margin-left: .5em; } .login-oauth p:first-child { font-size: 2em; text-align: center; margin: 0; text-transform: uppercase; } #OAuthProvider { display: block; margin-bottom: 1em; width: 80%; } @media print, screen and (min-width: 40em) { .login-wrapper { padding: 80px 80px 40px; } } @media print, screen and (max-width: 63.99875em) { .login-wrapper { padding: 20px; } } .login-wrapper .error-form { text-align: center; margin-top: 20px; } .login-wrapper .error-form.captcha-error { padding: 0 50px; } .login-wrapper .reset-password-link { text-align: center; text-decoration: underline !important; width: 100%; } .login-wrapper .login-box-content .login-oauth { margin-top: 20px; } .login-wrapper .create-new-account { text-align: center; padding: 2em 0 0.5em; border-top: 1px #767676 solid; margin-top: 40px; } .login-wrapper .create-new-account p { line-height: normal; margin: 0; font-size: 24px; } .login-wrapper .create-new-account a { max-width: 320px; margin: 20px auto; width: 100%; display: inline-block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 16px 40px; } .login-wrapper .create-new-account a.selected, .login-wrapper .create-new-account a:hover, .login-wrapper .create-new-account a:active, .login-wrapper .create-new-account a[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .login-wrapper .create-new-account a { font-size: 16px; font-size: 1rem; padding: 12px; } } .login-wrapper .form-row-button { max-width: 360px; margin: 0 auto; border: none; } .login-wrapper .form-row-button #login { margin: 0 auto 10px; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 16px 40px; } .login-wrapper .form-row-button #login.selected, .login-wrapper .form-row-button #login:hover, .login-wrapper .form-row-button #login:active, .login-wrapper .form-row-button #login[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .login-wrapper .form-row-button #login { font-size: 16px; font-size: 1rem; padding: 12px; } } .login-wrapper .login-account input[type=password] { height: initial; } .account-registration input[type=email], .login-wrapper input[type=email], .pt_checkorder .order-track-wrapper input[type=email], .account-registration input[type=text], .login-wrapper input[type=text], .pt_checkorder .order-track-wrapper input[type=text] { height: initial; } .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin-left: -20px; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin: 1rem 0 -1rem 1.7rem; display: inline-block; } } @media print, screen and (min-width: 40em) and (max-width: 77.5em) { .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin-left: 1rem; } } .pt_cart #primary.primary-content .checkoutlogin, .pt_cart #primary.primary-content .account-registration, .pt_cart #primary.primary-content .login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper { padding: 2rem 1.25rem; border: none; background-color: #faf9f9; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin, .pt_cart #primary.primary-content .account-registration, .pt_cart #primary.primary-content .login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper { padding: 0rem 1.25rem; } } .pt_cart #primary.primary-content .checkoutlogin.guest-checkout-disabled, .pt_cart #primary.primary-content .guest-checkout-disabled.account-registration, .pt_cart #primary.primary-content .guest-checkout-disabled.login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .guest-checkout-disabled.order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .guest-checkout-disabled.order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .guest-checkout-disabled.contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .guest-checkout-disabled.contact-form-wrapper { padding: 1rem 0 1rem 1.25rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin.guest-checkout-disabled, .pt_cart #primary.primary-content .guest-checkout-disabled.account-registration, .pt_cart #primary.primary-content .guest-checkout-disabled.login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .guest-checkout-disabled.order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .guest-checkout-disabled.order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .guest-checkout-disabled.contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .guest-checkout-disabled.contact-form-wrapper { padding: 1rem 1.25rem; } } .pt_cart #primary.primary-content .checkoutlogin .login-box .login-box-content, .pt_cart #primary.primary-content .account-registration .login-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .login-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .account-registration .registration-box .login-box-content, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .registration-box .login-box-content, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .login-box-content { padding: 0 2rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .login-box .login-box-content, .pt_cart #primary.primary-content .account-registration .login-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .login-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .account-registration .registration-box .login-box-content, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .registration-box .login-box-content, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .login-box-content { padding: 0; } } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 1.25rem 0 2rem; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:not(.login-sr), .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:not(.login-sr), .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:not(.login-sr) { height: 1px; -ms-flex: 0 0 27%; flex: 0 0 27%; background-color: #ccc; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:first-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:first-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:first-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:first-child, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:first-child, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:first-child, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:first-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:first-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:first-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:first-child { margin-right: auto; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:last-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:last-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:last-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:last-child, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:last-child, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:last-child, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:last-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:last-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:last-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:last-child { margin-left: auto; } .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { margin: 0; border: none; padding: 0 32px; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 0; } .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth .login-sr, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr { font-size: 14px; } } @media only screen and (max-width: 330px) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth .login-sr, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr { font-size: 13px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 0; } } .pt_cart #primary.primary-content .checkoutlogin .passwordless-login-modal, .pt_cart #primary.primary-content .account-registration .passwordless-login-modal, .pt_cart #primary.primary-content .login-wrapper .passwordless-login-modal, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .passwordless-login-modal, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .passwordless-login-modal, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .passwordless-login-modal, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .passwordless-login-modal { font-weight: 600; } .pt_cart #primary.primary-content .checkoutlogin .guest-box, .pt_cart #primary.primary-content .account-registration .guest-box, .pt_cart #primary.primary-content .login-wrapper .guest-box, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box { border-left: 1px solid #ccc; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset { border-left: none; margin: -1rem 0; padding-right: 0; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset { display: none; } } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content { padding-right: 0; height: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset { height: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img { display: inline-block; height: 100%; width: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content { padding: 0 2rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .guest-box, .pt_cart #primary.primary-content .account-registration .guest-box, .pt_cart #primary.primary-content .login-wrapper .guest-box, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box { border-left: none; } .pt_cart #primary.primary-content .checkoutlogin .guest-box .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content { padding: 3rem 0 0.5rem; } } .pt_cart #primary.primary-content .checkoutlogin .grecaptcha-badge, .pt_cart #primary.primary-content .account-registration .grecaptcha-badge, .pt_cart #primary.primary-content .login-wrapper .grecaptcha-badge, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .grecaptcha-badge, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .grecaptcha-badge, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .grecaptcha-badge, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .grecaptcha-badge { bottom: 70px !important; opacity: 0; } @media print, screen and (min-width: 40em) { .pt_cart #primary.primary-content .checkoutlogin .grecaptcha-badge, .pt_cart #primary.primary-content .account-registration .grecaptcha-badge, .pt_cart #primary.primary-content .login-wrapper .grecaptcha-badge, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .grecaptcha-badge, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .grecaptcha-badge, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .grecaptcha-badge, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .grecaptcha-badge { bottom: 60px !important; } } .pt_cart #primary.primary-content #dwfrm_login #guestcheckout { margin: 1rem 0 0; } .pt_cart #primary.primary-content #dwfrm_login .checkout-header-text { font-family: inherit; text-align: left; font-weight: 600; font-size: 36px; margin: 1rem 0 0; } .pt_cart #primary.primary-content #dwfrm_login .checkout-header-text + p { text-align: left; } .pt_cart #primary.primary-content #dwfrm_login .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .pt_cart #primary.primary-content #dwfrm_login .border-input .field-wrapper span.error { margin: 3px 0 10px; } .pt_cart #primary.primary-content #dwfrm_login .border-input .input[type=email], .pt_cart #primary.primary-content #dwfrm_login .border-input input[type=password] { height: 50px; } .pt_cart #primary.primary-content #dwfrm_login button[type="submit"] { font-weight: 600; } .pt_cart #primary.primary-content #dwfrm_login button[name="dwfrm_login_register"] { text-decoration: underline; cursor: pointer; font-weight: 400; color: #202020; } .pass-modal-overlay { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-color: rgba(32, 32, 32, 0.45); display: none; width: 100%; height: 100%; padding: 1em; pointer-events: auto; } .menu-utility-content .login-box-content .password-less-login-modal .form-row { padding: 0; } .menu-utility-content .content-link-container .button.passwordless-login-modal { padding: 10px 35px; width: 100%; } @media print, screen and (min-width: 40em) { .menu-utility-content { max-height: 82vh; overflow-y: auto; } } .password-less-login-modal { background: #ffffff; width: 600px; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1006; position: fixed; padding: 30px; } .password-less-login-modal .submit-passwordless-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .password-less-login-modal .submit-passwordless-button.selected, .password-less-login-modal .submit-passwordless-button:hover, .password-less-login-modal .submit-passwordless-button:active, .password-less-login-modal .submit-passwordless-button[value="selected"] { background-color: #333333; color: #ffffff; } .password-less-login-modal .submit-passwordless-button:hover { background-color: #ffffff; color: #202020; } .password-less-login-modal .submit-passwordless-button:disabled { background-color: #8a8a8a; } .password-less-login-modal .submit-passwordless-button:focus { outline-offset: 2px; } .password-less-login-modal .request-passwordless-login-title { font-size: 22px; margin-bottom: 20px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .password-less-login-modal .passwordless-login-form .pwd-form-Error, .password-less-login-modal .passwordless-form .pwd-form-Error { text-align: left; } .password-less-login-modal .passwordless-login-form .border-input .field-wrapper, .password-less-login-modal .passwordless-form .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .password-less-login-modal .modal-title, .password-less-login-modal .send-passwordless-email-btn { text-align: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .password-less-login-modal .form-content .request-passwordless-login-body { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202020; padding: 0 10px; } @media print, screen and (min-width: 40em) { .password-less-login-modal .form-content .request-passwordless-login-body { padding: 0; } } .password-less-login-modal .form-content .request-passwordless-login-body .form-field-required { margin-left: 0; text-align: left; text-transform: uppercase; font-size: 1rem; } .password-less-login-modal #dwfrm_login_username-error { color: #990000; } .password-less-login-modal .form-group { margin-bottom: 20px; } .password-less-login-modal .form-group .sr-only { display: none; visibility: hidden; } .password-less-login-modal button[disabled] .submit-passwordless-button { background-color: #504949; border-color: #504949; opacity: 0.5; } .password-less-login-modal .pwd-form-Error { border: none; background: none; color: #990000; font-weight: normal; } .password-less-login-modal .pwd-form-Error .sign-up { color: #990000; text-decoration: underline; } .pass-less-divider { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 35px; } .menu-utility-content .passwordless-login-modal { font-size: 14px; margin-bottom: 0; } .menu-utility-content .pass-less-divider { margin: 10px 0 0 0; } .btn-passwordless { text-align: center; margin-bottom: 15px; } .login-box-content .btn-passwordless { margin-top: 15px; width: 100%; } .modal-passless-open { overflow: hidden; pointer-events: none; } .passless-button { text-transform: none; background: transparent; border: none; color: #202020; padding: 0px; text-decoration: underline; } .passwordless-login-modal { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; margin-bottom: 25px; } .passwordless-login-modal.selected, .passwordless-login-modal:hover, .passwordless-login-modal:active, .passwordless-login-modal[value="selected"] { background-color: #333333; color: #ffffff; } #cart-table .product-bundle, .mini-cart-product .product-bundle, .cart-items-container .product-bundle, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle, .order-confirmation-details .product-bundle { padding: 0; border: none; display: list-item; list-style-type: disc; margin-left: 1.25rem; } @media print, screen and (min-width: 40em) { #cart-table .product-bundle, .mini-cart-product .product-bundle, .cart-items-container .product-bundle, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle, .order-confirmation-details .product-bundle { -ms-flex-pack: initial; justify-content: initial; } } #cart-table .product-bundle-include, .mini-cart-product .product-bundle-include, .cart-items-container .product-bundle-include, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle-include, .order-confirmation-details .product-bundle-include { padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { #cart-table .product-bundle .item-quantity, .mini-cart-product .product-bundle .item-quantity, .cart-items-container .product-bundle .item-quantity, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle .item-quantity, .order-confirmation-details .product-bundle .item-quantity { margin-left: 10%; } } @media print, screen and (min-width: 40em) { #cart-table .product-bundle .columnprice-column, .mini-cart-product .product-bundle .columnprice-column, .cart-items-container .product-bundle .columnprice-column, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle .columnprice-column, .order-confirmation-details .product-bundle .columnprice-column { margin-left: auto; } } #cart-table .product-bundle .name, .mini-cart-product .product-bundle .name, .cart-items-container .product-bundle .name, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle .name, .order-confirmation-details .product-bundle .name { display: inline; line-height: 1; font-weight: 400; margin-bottom: 0; font-size: 0.875rem; } #cart-table .product-bundle .name .attribute, .mini-cart-product .product-bundle .name .attribute, .cart-items-container .product-bundle .name .attribute, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle .name .attribute, .order-confirmation-details .product-bundle .name .attribute { display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0; font-size: 0.875rem; } #cart-table .product-bundle .name .attribute::before, .mini-cart-product .product-bundle .name .attribute::before, .cart-items-container .product-bundle .name .attribute::before, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .product-bundle .name .attribute::before, .order-confirmation-details .product-bundle .name .attribute::before { content: " - "; margin-inline: 0.1875rem; } #cart-table .product-bundle-include-items { margin-left: 1.25rem; } .mini-cart-bundle-wrapper .value { text-transform: uppercase; } .mini-cart-bundle-list { border: none; display: list-item; list-style-type: disc; margin-left: 0.9375rem; } .mini-cart-bundle-list::marker { font-size: 0.9375rem; } .mini-cart-bundle-list .name { text-transform: uppercase; display: inline; line-height: 1; margin-bottom: 0; font-size: 0.6875rem; } .mini-cart-bundle-list .name .attribute::before { content: " - "; margin-inline: 0.1875rem; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .product-bundle-include .name { font-size: 0.875rem; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .product-bundle-include .name .attribute { margin-bottom: 0; font-size: 0.875rem; } @media print, screen and (max-width: 39.99875em) { .threshold-progress-bar-container.with-margin-bottom { border-top: 1rem solid #202020; padding: 0 2rem; } } .threshold-progress-bar-container .threshold-header { margin-bottom: 0.75rem; margin-top: 0; padding-top: 0.9375rem; font-size: 0.875rem; text-align: left; font-weight: 700; } .threshold-progress-bar-container .progress-bar { position: relative; } .threshold-progress-bar-container .progress-bar .progress { height: 0.5rem; border-radius: 0.1875rem; border: 0.0625rem solid #202020; position: relative; } .threshold-progress-bar-container .progress-bar .progress-filled { background-color: #202020; position: absolute; height: 0.4375rem; border-radius: 0.125rem 0 0 0.125rem; max-width: 100%; } .threshold-progress-bar-container .progress-bar .progress-label { font-weight: bold; display: block; margin-top: 0.3125rem; } .threshold-progress-bar-container .progress-bar .threshold-progress-point { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; top: -0.3125rem; width: 7.5rem; } .threshold-progress-bar-container .progress-bar .threshold { width: 1.125rem; height: 1.125rem; border-radius: 0.5625rem; display: inline-block; border: 0.0625rem solid #202020; background-color: #ffffff; margin-bottom: 0.5rem; } .threshold-progress-bar-container .progress-bar .threshold.not-filled:after { display: none; } .threshold-progress-bar-container .progress-bar .threshold-amount { font-size: 0.875rem; font-family: "Chronicle Display"; color: #777677; } .threshold-progress-bar-container .progress-bar .threshold-amount.reached { display: block; font-weight: 700; color: #081f2c; } .threshold-progress-bar-container .progress-bar .threshold-info { font-size: 0.875rem; line-height: 100%; color: #777677; } .threshold-progress-bar-container .progress-bar .threshold-info.reached { font-weight: 700; color: #081f2c; } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-0 { left: 0; position: absolute; width: auto; } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-0 .threshold-info { text-align: center; } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-1 { left: 50%; position: absolute; transform: translateX(-50%); } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-1 .threshold-info { text-align: center; } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-2 { right: -0.0625rem; left: auto; position: absolute; -ms-flex-align: end; align-items: flex-end; } .threshold-progress-bar-container .progress-bar.threshold-item-3 .threshold-2 .threshold-info { text-align: right; } .threshold-progress-bar-container .progress-bar.threshold-item-2 .threshold-0 { left: 50%; position: absolute; transform: translateX(-50%); } .threshold-progress-bar-container .progress-bar.threshold-item-2 .threshold-0 .threshold-info { text-align: center; } .threshold-progress-bar-container .progress-bar.threshold-item-2 .threshold-1 { right: 0; left: auto; position: absolute; -ms-flex-align: end; align-items: flex-end; } .threshold-progress-bar-container .progress-bar.threshold-item-2 .threshold-1 .threshold-info { text-align: right; } .threshold-progress-bar-container .progress-bar.threshold-item-1 .threshold-0 { right: 0; left: auto; position: absolute; -ms-flex-align: end; align-items: flex-end; } .threshold-progress-bar-container .progress-bar.threshold-item-1 .threshold-0 .threshold-info { text-align: right; } .threshold-progress-bar-container .progress-bar .threshold.filled { background-color: #202020; border: 0.0625rem solid #f9f9f9; } .threshold-progress-bar-container.with-margin-bottom { border-bottom: 0.0625rem solid #202020; padding: 0 1.275rem 5rem; text-transform: uppercase; } .threshold-progress-bar-container.with-margin-bottom .progress-bar .threshold-info { width: 100%; } .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-3 .threshold-0, .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-3 .threshold-1, .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-3 .threshold-2, .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-2 .threshold-0, .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-2 .threshold-1, .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-2 .threshold-2 { width: 32%; } .threshold-progress-bar-container.with-margin-bottom .progress-bar.threshold-item-1 .threshold-0 { width: 90%; } #mini-cart { position: static; } @media print, screen and (min-width: 40em) { #mini-cart { margin: 0 0 0 1em; background-color: transparent; border-color: transparent; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; height: 100%; min-height: 40px; padding: 0; font-size: 12px; border-bottom: transparent 3px solid; } #mini-cart:hover, #mini-cart.hover #mini-cart:focus { border-bottom: #ffffff 3px solid; } } #mini-cart .minicart-third-party-container { margin: 0 1em 1em; min-height: 40px; } #mini-cart .minicart-third-party-container .column, #mini-cart .minicart-third-party-container .columns { padding: 0; } #mini-cart .minicart-third-party-container .column .paypal-cart-buttons-container, #mini-cart .minicart-third-party-container .columns .paypal-cart-buttons-container, #mini-cart .minicart-third-party-container .column .apple-pay-container, #mini-cart .minicart-third-party-container .columns .apple-pay-container { text-align: left; -ms-flex: 1; flex: 1; } @media print, screen and (max-width: 39.99875em) { #mini-cart .minicart-third-party-container .column .paypal-cart-buttons-container, #mini-cart .minicart-third-party-container .columns .paypal-cart-buttons-container, #mini-cart .minicart-third-party-container .column .apple-pay-container, #mini-cart .minicart-third-party-container .columns .apple-pay-container { text-align: center; } } #mini-cart .minicart-third-party-container .column .paypal-cart-buttons-container .paypal-button, #mini-cart .minicart-third-party-container .columns .paypal-cart-buttons-container .paypal-button, #mini-cart .minicart-third-party-container .column .apple-pay-container .paypal-button, #mini-cart .minicart-third-party-container .columns .apple-pay-container .paypal-button { min-width: 0 !important; } #mini-cart .minicart-third-party-container .column .paypal-cart-buttons-container .paypal-button .zoid-outlet, #mini-cart .minicart-third-party-container .columns .paypal-cart-buttons-container .paypal-button .zoid-outlet, #mini-cart .minicart-third-party-container .column .apple-pay-container .paypal-button .zoid-outlet, #mini-cart .minicart-third-party-container .columns .apple-pay-container .paypal-button .zoid-outlet { width: 100% !important; min-width: 0 !important; } #mini-cart .minicart-third-party-container .column .apple-pay-container, #mini-cart .minicart-third-party-container .columns .apple-pay-container { display: none; margin-left: 10px; } #mini-cart .minicart-third-party-container .column .apple-pay-container button, #mini-cart .minicart-third-party-container .columns .apple-pay-container button { min-height: 44px; width: 100%; } #mini-cart .minicart-third-party-container .column .apple-pay-container .dw-apple-pay-button, #mini-cart .minicart-third-party-container .columns .apple-pay-container .dw-apple-pay-button { text-align: center; background-color: #fff !important; background-image: -webkit-named-image(apple-pay-logo-black) !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #mini-cart .minicart-third-party-container .column .apple-pay-container .dw-apple-pay-button, #mini-cart .minicart-third-party-container .columns .apple-pay-container .dw-apple-pay-button { max-width: 100%; font-size: 0.8em; } } #mini-cart .minicart-third-party-container .column .apple-pay-container .dw-apple-pay-button, #mini-cart .minicart-third-party-container .columns .apple-pay-container .dw-apple-pay-button, #mini-cart .minicart-third-party-container .column .apple-pay-container .dw-apple-pay-button:hover, #mini-cart .minicart-third-party-container .columns .apple-pay-container .dw-apple-pay-button:hover, #mini-cart .minicart-third-party-container .column .apple-pay-container .dw-apple-pay-button:active, #mini-cart .minicart-third-party-container .columns .apple-pay-container .dw-apple-pay-button:active { background-position: 50% 50%; background-repeat: no-repeat; background-size: 75% 60%; border-radius: 5px; border: 1px solid black; box-sizing: border-box; margin: 0; min-height: 30px; min-width: 100px; padding: 0; height: 44px; font-size: 15px; } .icon-bag, .icon-bag-filled { display: inline-block; margin: 0 auto; } .icon-bag:before, .icon-bag-filled:before { content: "\e900"; } @media print, screen and (max-width: 39.99875em) { .icon-bag, .icon-bag-filled { font-size: 6vw; color: #998578; margin-top: 5px; } } @media print, screen and (min-width: 40em) { .icon-bag, .icon-bag-filled { position: absolute; top: 7px; left: 1px; width: 17px; height: 17px; } } .mini-cart-total .mini-cart-link { display: block; color: #202020; text-transform: uppercase; position: relative; } @media print, screen and (max-width: 39.99875em) { .mini-cart-total .mini-cart-link { padding-right: 10px; position: relative; overflow: initial; } } @media print, screen and (min-width: 40em) { .mini-cart-total .mini-cart-link { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding-left: 18px; height: 34px; } } .mini-cart-total .mini-cart-link i { font-size: 6.6vw; } @media print, screen and (min-width: 40em) { .mini-cart-total .mini-cart-link i { color: #706258; line-height: 17px; font-size: 17px; } } .mini-cart-total .mini-cart-link .minicart-quantity { color: #706258; font-size: 14px; font-size: 0.875rem; text-align: center; width: 17px; height: 17px; line-height: 18px; line-height: 1.125rem; } @media print, screen and (max-width: 39.99875em) { .mini-cart-total .mini-cart-link .minicart-quantity { position: absolute; right: -8px; top: 25%; } } @media print, screen and (min-width: 40em) { .mini-cart-total .mini-cart-link .minicart-quantity { line-height: 2.3; padding: 1px 4px; width: auto; height: auto; } } .mini-cart-total .mini-cart-empty { transition: color 500ms ease; } .mini-cart-total .mini-cart-empty:hover { color: #202020; text-decoration: none; } .mini-cart-empty .minicart-quantity { display: none; } .mini-cart-content { background-color: #ffffff; box-shadow: 0 3px 3px 0px rgba(66, 66, 66, 0.3); display: none; position: absolute; right: 0; top: 50px; width: 25rem; z-index: 110; } .mini-cart-content .minicart-top-row { padding-left: 1.7em; } .mini-cart-content .minicart-top-row .shopping-bag { text-transform: capitalize; text-align: left; font-size: 0.875rem; padding: 0.3125rem 0; margin: 0; line-height: 0; } .mini-cart-content .minicart-top-row .close-minicart { margin-right: 10px; } .mini-cart-content .minicart-top-row .close-minicart input { height: 32px; } .mini-cart-content .product-error.not-available { text-align: center; margin-top: 20px; color: #c8102e; font-size: 1rem; } .mini-cart-header { font-size: 1.1em; font-weight: 700; padding: 1em 1em 0.5em; text-transform: uppercase; } .mini-cart-products { max-height: 350px; overflow: auto; padding: 1em; text-align: left; } .minicartlineitems { max-height: calc(76vh - 95px); } .minicartlineitems::-webkit-scrollbar { width: 5px; } .minicartlineitems::-webkit-scrollbar-thumb { background-color: #d5d5d5; } .minicartlineitems .remove-product { float: right; margin-right: 10px; font-size: 15px; } .minicartlineitems .globalprice_unadjusted { display: inline-block; } .minicartlineitems .mini-cart-product { margin-bottom: 31px; border-bottom: 2px solid #ccc; padding: 0.5em 0.5em 34px 0.5em; } .minicartlineitems .mini-cart-product .mini-cart-attributes { margin-bottom: 5px; } .minicartlineitems .mini-cart-product .mini-cart-attributes .attribute { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .minicartlineitems .mini-cart-product #pli-giftmessage-text { word-break: break-all; } .minicartlineitems .mini-cart-product:last-of-type { border-bottom: 2px solid #ccc; } .minicartlineitems .mini-cart-product:focus { outline: 2px dotted currentColor; } .minicartlineitems .mini-cart-image { width: 30%; padding: 0; } .minicartlineitems .mini-cart-details .mini-cart-name { font-size: 18px; margin-bottom: 20px; } .minicartlineitems .mini-cart-details .mini-cart-product-line { font-size: 18px; margin: 3px 0 10px 0; } .minicartlineitems .mini-cart-details .mini-cart-pricing { font-size: 17px; margin-top: 25px; } .minicartlineitems .colorvar { height: 23px; width: auto; display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -ms-flex-align: center; align-items: center; margin-left: 5px; } .minicartlineitems .colorvar img { border-radius: 50%; height: 23px; width: 23px; } .minicartlineitems .colorvar .swatch-color-name { margin-left: 6px; margin-top: 2px; } .minicartlineitems .hex-swatch-block { height: 23px; width: 23px; border-radius: 50%; } .minicartlineitems .bonusprice { color: #CA0A28; } .multi-color { display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -ms-flex-align: center; align-items: center; column-gap: 5px; } .multi-color .colordisplayvalue { font-size: 13px; } .mini-cart-product { overflow: hidden; padding: 0.5em; position: relative; } .mini-cart-product:last-of-type { border: none; } .mini-cart-product.collapsed .mini-cart-name, .mini-cart-product.collapsed .mini-cart-attributes, .mini-cart-product.collapsed .mini-cart-pricing, .mini-cart-product.collapsed .product-availability-list { width: 90%; } .mini-cart-product.collapsed .mini-cart-image { display: none; } .mini-cart-product .mini-cart-toggle { cursor: pointer; display: none; /* not needed in the design, so always hide */ font-size: 1.5em; position: absolute; left: 0; top: 0; } .mini-cart-image { float: left; padding-left: 1em; width: 38%; } .mini-cart-image img { max-width: 90%; } .mini-cart-details { float: right; width: 69%; font-size: 18px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; letter-spacing: 0.06em; } .mini-cart-details > * { margin: 2px 0; } .mini-cart-details a { color: #202020 !important; font-weight: normal !important; display: inline-block; } .mini-cart-details .mini-cart-name { font-weight: 500 !important; } .mini-cart-details .mini-cart-attributes .value { text-transform: capitalize; } .mini-cart-details .mini-cart-attributes .gc-attribute .label { display: -ms-inline-flexbox; display: inline-flex; } .mini-cart-details .mini-cart-attributes .label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .mini-cart-details .mini-cart-attributes .label .swatch-block.hex-swatch-block { height: 23px; width: 23px; border-radius: 50%; margin-left: 5px; } .mini-cart-details .mini-cart-attributes .label .color-description { margin-left: 5px; } .mini-cart-details .mini-cart-product-line { font-weight: normal; } .mini-cart-details .mini-cart-pricing { font-weight: 700; } .mini-cart-details .low-in-stock { color: #c8102e; } .mini-cart-details .mini-cart-quantity { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .mini-cart-details .mini-cart-quantity .quantity-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 2rem; } .mini-cart-details .mini-cart-quantity .quantity-container.selector label, .mini-cart-details .mini-cart-quantity .quantity-container.selector .label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0; width: 80%; min-width: 80%; border-bottom: 1px solid black; } @media print, screen and (max-width: 39.99875em) { .mini-cart-details .mini-cart-quantity .quantity-container.selector label, .mini-cart-details .mini-cart-quantity .quantity-container.selector .label { width: 100%; } } .mini-cart-details .mini-cart-quantity .quantity-container :not(.selector) .label { margin-right: 5px; } .mini-cart-details .mini-cart-quantity .quantity-container select { text-align: center; border: none; padding: 10px 25px 10px 0; margin-left: 5px; background-position: calc(100% - 3px) 50%; } .mini-cart-details .mini-cart-quantity .remove-product { display: -ms-flexbox; display: flex; } .mini-cart-totals { text-align: center; } .mini-cart-totals .subtotal, .mini-cart-totals .total-items { float: left; } .mini-cart-totals .minicart-promotion { margin: 1em 1em 0 0.5em; } .mini-cart-totals .cart-promo { padding: 0 1em; margin-bottom: 1em; } .mini-cart-totals .button-fancy-large { border: none; background: #081f2c; color: #ffffff; font-weight: normal; font-size: 1.6em; width: 95%; padding: 12px 9px 12px 9px; float: right; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mini-cart-totals .button-fancy-large { width: 115%; padding: 12px 0px; } } .mini-cart-totals .minicart-ctas { margin: 1.5em 1em 1em; } .mini-cart-totals .minicart-ctas .mini-cart-btn { padding: 0; } .mini-cart-totals .minicart-ctas .mini-cart-btn .mini-cart-link-checkout, .mini-cart-totals .minicart-ctas .mini-cart-btn .mini-cart-link-cart { font-size: 1.6em; line-height: 1em; } .mini-cart-totals .minicart-ctas .mini-cart-btn .mini-cart-link-checkout { width: 95%; } .mini-cart-totals .minicart-ctas .mini-cart-btn .mini-cart-link-checkout.button-disabled.button-disabled { cursor: default; pointer-events: none; opacity: 0.5; border: none; } .mini-cart-totals .sc-icon { width: 24px; margin-right: 5px; } .mini-cart-link-cart { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1.6em; font-size: 1.6rem; line-height: 5.6empx; line-height: 5.6rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; width: 100%; display: inline-block; padding: 15px; float: left; } .mini-cart-link-checkout { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1.6em; font-size: 1.6rem; line-height: 5.6empx; line-height: 5.6rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; display: inline-block; float: right; padding: 12px 9px; max-width: 250px; } .mini-cart-link-checkout .checkout-icon { fill: white; display: inline-block; vertical-align: middle; width: 25px; height: 25px; } .mini-cart-subtotals { border-bottom: 1px solid #e6ddce; font-weight: 700; font-size: 1.5em; margin: 0 auto 1em auto; padding: 1em 0; width: 90%; } .mini-cart-subtotals .value { margin-right: .5rem; float: right; } .mini-cart-subtotals .total-items { font-weight: normal; text-indent: 0.5em; } .mini-cart-subtotals .subtotal-label { float: left; } .minicart-promotion { display: block; margin: 0; text-align: left; font-size: 1.2em; clear: both; } .minicart-promotion .cart-promo { background: none; font-style: normal; text-align: center; } .minicart-promotion.cart { margin: 0; } .mini-cart-slot { background: none repeat scroll 0 0 #d8d8d8; font-size: 0.9em; font-style: italic; margin: 1em; } .mini-cart-flex { font-size: 13px; font-style: italic; } .mini-cart-flex .flex-eligible { font-weight: 700; } .order-promotion, .discount-promotion, .bonus-promotion, .shipping-promotion, .product-promotion { margin-top: 0; background-color: #d7d7d7; margin: 10px 0; padding: 5px 10px; width: 65.6%; } @media print, screen and (max-width: 39.99875em) { .order-promotion, .discount-promotion, .bonus-promotion, .shipping-promotion, .product-promotion { width: 95%; margin: 10px; } } .order-promotion .cart-promo.cart-promo-approaching, .discount-promotion .cart-promo.cart-promo-approaching, .bonus-promotion .cart-promo.cart-promo-approaching, .shipping-promotion .cart-promo.cart-promo-approaching, .product-promotion .cart-promo.cart-promo-approaching { text-align: left; width: 100%; } .order-promotion .progress-bar-message, .discount-promotion .progress-bar-message, .bonus-promotion .progress-bar-message, .shipping-promotion .progress-bar-message, .product-promotion .progress-bar-message { display: inline-block; text-align: left; } .order-promotion .cart-promo.cart-promo-approaching, .order-promotion .progress-bar-message, .discount-promotion .cart-promo.cart-promo-approaching, .discount-promotion .progress-bar-message, .bonus-promotion .cart-promo.cart-promo-approaching, .bonus-promotion .progress-bar-message, .shipping-promotion .cart-promo.cart-promo-approaching, .shipping-promotion .progress-bar-message, .product-promotion .cart-promo.cart-promo-approaching, .product-promotion .progress-bar-message { font-size: 14px; font-weight: 700; background: none; margin: 0; padding: 0; font-style: normal; } .order-promotion progress[value], .discount-promotion progress[value], .bonus-promotion progress[value], .shipping-promotion progress[value], .product-promotion progress[value] { width: 100%; height: 6px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; } .order-promotion progress[value]::-webkit-progress-bar, .discount-promotion progress[value]::-webkit-progress-bar, .bonus-promotion progress[value]::-webkit-progress-bar, .shipping-promotion progress[value]::-webkit-progress-bar, .product-promotion progress[value]::-webkit-progress-bar { background-color: #ffffff; border: 1px solid #202020; } .order-promotion progress[value]#approachingPromo::-webkit-progress-value, .discount-promotion progress[value]#approachingPromo::-webkit-progress-value, .bonus-promotion progress[value]#approachingPromo::-webkit-progress-value, .shipping-promotion progress[value]#approachingPromo::-webkit-progress-value, .product-promotion progress[value]#approachingPromo::-webkit-progress-value { background-color: #202020; } .order-promotion progress[value]#appliedPromo::-webkit-progress-value, .discount-promotion progress[value]#appliedPromo::-webkit-progress-value, .bonus-promotion progress[value]#appliedPromo::-webkit-progress-value, .shipping-promotion progress[value]#appliedPromo::-webkit-progress-value, .product-promotion progress[value]#appliedPromo::-webkit-progress-value { background-color: #202020; } .product-promotion { width: 65.6%; } @media print, screen and (max-width: 39.99875em) { .product-promotion { width: 95%; } } .mini-cart-content .order-promotion, .mini-cart-content .product-promotion { margin: 10px 10px 0; width: 95%; padding: 5px; } .mini-cart-content .discount-promotion, .mini-cart-content .bonus-promotion, .mini-cart-content .shipping-promotion { width: 95%; margin: 10px 10px 0; padding: 5px; } .mini-cart-content .discount-promotion .minicart-promotion-threshold, .mini-cart-content .bonus-promotion .minicart-promotion-threshold, .mini-cart-content .shipping-promotion .minicart-promotion-threshold { width: 100%; } .mini-cart-content .product-promotion { width: 95%; } .mini-cart-content .restricted-error { padding: 0.625rem 1.275rem; text-align: center; font-size: 0.875rem; } .restricted-error { font-weight: 700; padding: 0.625rem; } .discount-promotion, .bonus-promotion, .shipping-promotion { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .discount-promotion .minicart-promotion-threshold, .bonus-promotion .minicart-promotion-threshold, .shipping-promotion .minicart-promotion-threshold { width: 100%; } /** For minicart modal in mobile view **/ #minicart-notification { background: #202020; border: 0; color: #ffffff; height: auto; min-height: auto; padding: 2em; position: relative; top: 128px; } #minicart-notification a { color: #ffffff; margin-top: 1.5em; margin-right: 1em; text-decoration: underline; display: inline-block; text-transform: uppercase; } #minicart-notification .product-name { font-weight: 700; } .sample-selection-copy { border: none; color: #081f2c; } /*Minicart Recommendation panel*/ .minicart-item-wrapper { padding: 0; } .minicart-item-wrapper .minicart-item--recommendation { border-style: none; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-item-badge { height: 136px; position: absolute; left: 3%; top: 10%; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: left; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-recommendation-swatch-icon img, .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-recommendation-swatch-icon .hex-swatch-block { width: 24px; height: 24px; border-radius: 50%; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-recommendation-swatch-icon .hex-swatch-block { display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-item-brandname { color: #262626; font-weight: normal; font-size: 16px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-item__name { font-size: 16px; font-weight: 700; margin-top: 5px; margin-bottom: 5px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-item-price { font-weight: 600; font-size: 13px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-item-price .price-standard { text-decoration: line-through; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-recommendation-color-details { margin: 5px 0 5px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-details .minicart-recommendation-size { margin: 5px 0 5px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-image { height: 130px; text-align: left; padding-right: 5px; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-image a { display: -ms-flexbox; display: flex; } .minicart-item-wrapper .minicart-item--recommendation .minicart-recommendation-container .minicart-recommendation-image img { width: unset; } .minicart-item-wrapper .minicart-item--recommendation .wishlist-item__actions { -ms-flex-item-align: start; align-self: flex-start; } .minicart-item__actions { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: start; align-self: flex-start; margin-top: 10px; column-gap: 30px; align-self: flex-start; } .minicart-item__actions .minicard-recommendation-add { padding: 10px 12px; font-weight: normal; background-color: #081f2c; color: #ffffff; text-transform: uppercase; cursor: pointer; } .minicart-item__actions .minicart-recommendation-product-oos button.disabled { padding: 10px; } .minicart-item__actions .minicart-recommendation-product-oos button:hover { color: #081f2c; } .minicart-item__actions .wishlist-button { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .minicart-item__actions #save-for-later, .minicart-item__actions .remove-from-wishlist { margin: auto; } .minicart-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .minicart-footer .slick-prev:before { color: #202020; font-size: 20px; } .minicart-footer .slick-next:before { color: #202020; font-size: 20px; } .minicart-footer .cart-recommendation .slick-slider { margin-bottom: 0; } .minicart-footer .minicart-csrf-error-msg { margin-bottom: 10px; color: #c8102e; font-size: 0.9rem; font-weight: 600; } .minicartlineitems { max-height: calc(76vh - 95px); } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .minicartlineitems { max-height: calc(82vh - 95px); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .minicartlineitems { max-height: calc(78vh - 95px); } } .minicartlineitems.has-recommendations { max-height: calc(76vh - 250px); } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .minicartlineitems.has-recommendations { max-height: calc(64vh - 28px); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .minicartlineitems.has-recommendations { max-height: calc(80vh - 250px); } } .minicartlineitems .mini-cart-pricing > .row, .minicartlineitems .pt_content-search-result-static .no-left-nav-template .mini-cart-pricing > .content-asset, .pt_content-search-result-static .no-left-nav-template .minicartlineitems .mini-cart-pricing > .content-asset, .minicartlineitems .pt_content-search-result-static .left-nav-template .mini-cart-pricing > .content-asset, .pt_content-search-result-static .left-nav-template .minicartlineitems .mini-cart-pricing > .content-asset { padding: 0; } .minicart-recommendation, .minicart-footer { background: #ffffff; } .minicart-recommendation { overflow: auto; max-height: calc(100% - 118px); } .minicart-recommendation .wishlist-item-wrapper[data-recommendation]:not(:first-of-type) { display: block; } .minicart-recommendation .slick-arrow.slick-disabled { opacity: 0; } .minicart-footer.has-recommendations .minicard-top-label { font-size: 16px; font-weight: 700; } .mini-cart-subtotals { position: relative; text-align: right; } .mini-cart-subtotals .total-items { float: left; } .mini-cart-subtotals .total-top-border-holder { border-top: 2px solid #081f2c; position: absolute; top: 23%; width: 100%; } .mini-cart-subtotals .minicart-original-price { padding-right: 7px; } #minimized-header-container { position: relative; } .mini-cart-content .wishlist-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; position: relative; border: 1px solid #202020; margin: 5px 0; padding: 10px 10px 5px; height: calc(100% - 6px); } .mini-cart-content .wishlist-item__top { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 4px 12px 0 0.7em; } .mini-cart-content .wishlist-item--out-of-stock { border: 2px solid #081f2c; } .mini-cart-content .wishlist-item__link { display: block; } .mini-cart-content .wishlist-item__name { font-size: 12px; min-height: 36px; font-weight: bold; } .mini-cart-content .wishlist-item__actions { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; margin-top: 10px; } .mini-cart-content .wishlist-item__actions .svg-icon { display: none !important; margin: 0 5px; } .mini-cart-content .wishlist-item__actions .wishlist-product-oos { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-size: 12px; min-height: 37px; color: #081f2c; } .mini-cart-content .wishlist-item__actions form { display: inline-block; vertical-align: bottom; } .mini-cart-content .wishlist-item__badge { font-size: 10px; background-color: #081f2c; color: #ffffff; padding: 2px 5px; } @media print, screen and (min-width: 40em) { .mini-cart-content .wishlist-item__badge { font-size: 12px; } } .mini-cart-content .wishlist-item__recommendation-actions { padding-right: 2px; min-height: 38px; } .mini-cart-content .wishlist-item__recommendation-actions button { vertical-align: middle; } .mini-cart-content .wishlist-item--recommendation { border-style: dashed; padding: 0 0 5px; } .mini-cart-content .wishlist-item--recommendation.minicart-item--recommendation { border-style: none; } .mini-cart-content .wishlist-button--container { margin: auto; } .mini-cart-content button.transparent { background: transparent; text-decoration: none; text-transform: inherit; border: none; color: inherit; font-size: inherit; padding: 0; } .mini-cart-content button.transparent.wishlist-button { padding: 10px 12px; font-weight: 400; background-color: #081f2c; color: #fff; text-transform: uppercase; line-height: 1; } .mini-cart-content button.transparent.wishlist-button .wishlist-link { color: #fff; } .minicart-item-wrapper .wishlist-item--recommendation .wishlist-item__actions .wishlist-button img { display: none; } .sample-selection { border-bottom: 0 !important; padding-bottom: 0; } @media print, screen and (min-width: 64em) { .sample-selection { width: 90% !important; max-width: 78.75rem !important; } } .sample-selection .sample-selection-msg { padding-left: 0; } .sample-selection .content-asset { width: 100%; } .sample-selection .error { float: none; margin-bottom: 1em; padding-top: 1em; } @media print, screen and (min-width: 40em) { .sample-selection .error { margin-bottom: 0; } } .sample-selection .modal-content { clear: both; position: relative; } .sample-selection .modal-content button:focus { outline-color: #081f2c; } .sample-selection .modal-content .add-btn-container { text-align: right; } .sample-selection .modal-content .add-btn-container.bottom-btn { margin-top: 1rem; } @media print, screen and (min-width: 40em) { .sample-selection .modal-content .add-btn-container.bottom-btn { margin-top: 0; } } .sample-selection .modal-content .add-btn-container .add-to-cart { width: 100%; } .sample-selection .modal-content .add-btn-container .add-to-cart:disabled { opacity: 0.5; } @media print, screen and (min-width: 40em) { .sample-selection .modal-content .add-btn-container .add-to-cart { width: auto; } } .sample-selection .modal-content .search-result-items { padding: 0; } .sample-selection .products-used-wrapper { padding-bottom: 0; border-bottom: 0; } .sample-selection .product-tile-wrapper { padding-bottom: 4em; padding-top: 0 !important; text-align: center; border-bottom: 1px #e6ddce solid; } @media print, screen and (min-width: 40em) { .sample-selection .product-tile-wrapper { border-bottom: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } .sample-selection .product-tile-wrapper .product-tile { text-align: center; } .sample-selection .product-tile-wrapper .product-tile .name-link { padding: 0 15px; } .sample-selection .product-tile-wrapper .product-tile .name-link .product-name { font-weight: normal; max-height: 80px; min-height: 4rem; overflow: hidden; font-size: 1.125rem; -ms-flex-pack: start; justify-content: flex-start; } .sample-selection .product-tile-wrapper .product-tile .product-image { margin-bottom: 1rem; } @media print, screen and (min-width: 64em) { .sample-selection .product-tile-wrapper .product-tile .product-image .thumb-link img { max-height: 166px; } } .sample-selection .product-tile-wrapper button { background-color: #ffffff; border-color: #081f2c; color: #081f2c; margin-top: 1em; margin-bottom: 0 !important; width: 100%; } @media print, screen and (min-width: 40em) { .sample-selection .product-tile-wrapper button { margin-top: auto; } } .sample-selection .product-tile-wrapper button[value="selected"] { background-color: #202020; border-color: #202020; color: #ffffff; } .sample-selection .product-listing .product-tile-wrapper button { background-color: #081f2c; text-transform: uppercase; border: none; color: #ffffff; margin-top: 1em; padding: 10px 5px; } .sample-selection .product-listing .product-tile-wrapper button:hover { cursor: pointer; } .sample-selection .product-listing .product-tile-wrapper .multiselect + .not-available { color: #c8102e; padding-left: .625rem; padding-right: .625rem; } .sample-selection .product-listing .product-tile-wrapper button.active { background-color: #333; } .minicart-recommendation .slick-arrow:focus:before { position: relative; } .breadcrumb { font-size: 1em; line-height: 1em; margin: 0; padding: 1em 0 .5em; letter-spacing: .01em; } .breadcrumb li { display: inline; list-style: none outside none; } .breadcrumb li:last-child span:last-of-type:after, .breadcrumb li:last-child a:last-of-type:after { content: ""; } .breadcrumb .results-text { font-size: 12px; color: #767676; } .breadcrumb ol { padding-left: 0; } nav.breadcrumb ol { margin: 0; } .paging-current-page { left: -999em; position: absolute; } .breadcrumb-element { color: #7f6f64; font-size: 14px; } .breadcrumb-element:after { color: #7f6f64; content: "/"; margin-left: 5px; } .breadcrumb-element:last-child:after { content: ""; } .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-relax { background: none; color: #990000; font-style: normal; padding: 0 0 0 .4em; } .breadcrumb-result-text a, .breadcrumb .searchphraselink { background: none; color: #081f2c; padding: 0; } h1 { font-size: 1.5rem; font-weight: 400; margin: .625rem 0; } @media screen and (min-width: 768px) { h1 { font-size: 1.75em; margin: 0 0 14px; } } h2 { font-size: 1.3em; } h3 { font-size: 1.15em; } #secondary h1 { font-size: 1.75em; font-style: italic; font-weight: 400; margin: 0 0 14px; } .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 { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #ffffff; border-bottom: 1px solid #ffffff; font-size: 1.1em !important; font-weight: 700; margin: 0; padding: 1em; position: relative; text-transform: uppercase; } .section-header-note { font-size: 0.9em; font-weight: 400; text-transform: none; } .back { display: block; margin: 0 0 10px; } #secondary a { color: #202020; } #category-level-1 li { color: #333333; display: block; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; position: relative; } #category-level-1 li .refinement-link { background: none repeat scroll 0 0 transparent; display: block; font-size: 18px; font-size: 1.125rem; line-height: 18px; text-transform: uppercase; } #category-level-1 > li > .refinement-link { padding-right: 24px; padding-left: 10px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #category-level-1 > li > .refinement-link { word-break: break-word; } } #category-level-1 > li ul li .refinement-link { font-size: 15px; font-size: 0.9375rem; } #category-level-1 > li.expandable { border-bottom: #202020 thin solid; } #category-level-1 > li.expandable > a, #category-level-1 > li.expandable > span { color: #202020; font-weight: bold; } #category-level-1 > li.expandable > a:after, #category-level-1 > li.expandable > span:after { color: #202020; content: "\f0d7"; float: right; font-family: "icomoon"; margin-right: 10px; margin-top: 3px; font-size: 12px; } #category-level-1 > li.expandable > a.active:after, #category-level-1 > li.expandable > span.active:after { color: #e6ddce; content: "\f0d8"; } #category-level-1 li:not(.expandable) { border-bottom: 1px solid #050505; } #category-level-2 { display: none; padding: 0 .1em 0 30px; } #category-level-2 li { border-bottom: 0; } #category-level-2 li a.refinement-link { font-weight: normal; padding: 0 0 14px; text-transform: capitalize; } #category-level-2 li a.active { color: #202020; font-weight: 700; } #category-level-2 li:not(.expandable) { border-bottom: 0; } .expanded #category-level-2 { display: block; } .accordion-arrow { background-image: url(../images/sprite.png); background-position: -131px 0px; width: 7px; height: 18px; display: block; float: right; margin: 14px 4px 0 0; position: absolute; right: 0; top: 0; z-index: 5; /*&:after { color: $primary-link; content: "\f0d7"; float: right; font-family: "icomoon"; font-size: 12px; }*/ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .accordion-arrow { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .expanded .accordion-arrow { background-image: url(../images/sprite.png); background-position: -111px -109px; width: 18px; height: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .expanded .accordion-arrow { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } #category-level-3 { padding: .3em 0 0; } #category-level-3 a.refinement-link { font-style: normal; margin: 0 0 0 .9em; padding: 0 0 20px; text-transform: capitalize; } .refinement-header { display: block; font-size: 1.1em; font-weight: bold; margin: 0; padding: .25em 0; text-transform: capitalize; } .pt_product-search-result.search-results .refinement-header { display: none !important; } .pt_product-search-result #secondary .refinement h3 i { font-size: 14px; margin-right: 10px; } .pt_product-search-result .search-text-wrapper h2 { font-size: 32px; font-weight: 300; margin: 0; padding: 0 0 18px; text-transform: capitalize; } .pt_product-search-result .page-counter { padding-left: 35px; padding-bottom: 10px; } @media screen and (max-width: 39.9375em) { .pt_product-search-result .page-counter { text-align: center; padding-bottom: 20px; } } .pt_categorylanding .refinement { display: none; } .pt_categorylanding .refinement.category-refinement { display: block; } .refinement h3 { border-bottom: 1px solid #050505; border-top: 2px solid #f4dfbb; font-size: 18px; letter-spacing: 0px; margin: 2px 0 0; padding: 20px 0; text-transform: uppercase; } .ie7 .refinement h3 { clear: both; } .refinement h3 i { color: #202020; float: right; padding-top: 5px; } .refinement > ul { border-bottom: 3px solid #050505; position: relative; } .refinement > ul:after { content: ""; display: block; height: 2px; background-color: #f4dfbb; bottom: -7px; position: absolute; width: 100%; } .refinement ul { list-style: none outside none; margin: 0; padding: 0; } .refinement ul li i { color: #d8d8d8; } .refinement ul li.selected i { color: #64772d; } .refinement ul.swatches li { float: left; padding: .16em; } .refinement ul.swatches li a { border: 2px solid #d8d8d8; border-radius: .5em; display: block; padding: 0.2em 0.8em; } .refinement ul.swatches li.selected a { border-color: #202020; 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; padding: 14px 0; } .refinement .selected .refinement-link { background-position: left bottom; } .refinement .refinement-top-level { padding: 1em; } .scrollable { height: 10em; overflow: auto; } .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; } .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 { font-size: 14px; -ms-flex: 1; flex: 1; padding-bottom: 1.5em; } @media print, screen and (max-width: 39.99875em) { footer { font-size: 16px; } } footer .footer-form-headings { font-size: 18px; font-weight: normal; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; margin: 0; text-transform: uppercase; } footer .footer-middle-content { padding-top: 30px; } footer .footer-middle-content .footer-links-container div.preferences { float: left; clear: both; margin-top: 20px; } @media print, screen and (max-width: 39.99875em) { footer .footer-middle-content { margin: 0 !important; } } @media print, screen and (max-width: 39.99875em) { footer .footer-middle-content .footer-forms-inner { padding-top: 0px; } footer .footer-middle-content .footer-forms-inner label[for=store-locator-form-id] { margin-bottom: 20px; } } @media print, screen and (max-width: 39.99875em) { footer .footer-form { margin: 0 0 28px; } } footer .footer-form.footer-newsletter .user-consent-container label { font-size: 12px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; line-height: 1.125rem; margin-top: 5px; text-transform: none; } footer .footer-form.footer-newsletter .user-consent-container label a { color: #ffffff; } footer .footer-form.footer-newsletter .newsletter-content .news-letter-form { overflow: inherit; } footer .footer-form.footer-newsletter .newsletter-content .register-success { margin-top: 10px; } footer .footer-form.footer-newsletter .newsletter-content .register-success h1 { font-size: 1.4em; margin: 0px; } footer .footer-form.footer-newsletter .newsletter-content .register-success p { margin: 0px; } footer .footer-form.footer-newsletter .newsletter-content .registered-email { margin: 0px; } footer .footer-form label { font-size: 18px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } footer .footer-form.store-locator .store-locator-form { margin-top: 15px; } @media print, screen and (min-width: 40em) { footer .footer-form.store-locator .store-locator-form { margin-bottom: 30px; } } footer .footer-form.store-locator .store-locator-form .field-button-container { margin-top: 0px; padding: 10px 0px 10px 15px; border: none; background: #ffffff; } footer .footer-form.store-locator .store-locator-form .field-button-container input { font-size: .8125rem; background: transparent; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 10px; border: none; background-color: transparent; } @media print, screen and (max-width: 39.99875em) { footer .footer-form.store-locator .store-locator-form .field-button-container input { margin-right: 25px; } } footer .footer-form.store-locator .store-locator-form .field-button-container button:disabled, footer .footer-form.store-locator .store-locator-form .field-button-container button:hover, footer .footer-form.store-locator .store-locator-form .field-button-container button { border: none; padding: 0px; color: #050505; background: transparent; } footer .footer-form .change-language .user-locale { font-size: 18px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } footer .footer-form.select-country { margin-top: 0; } footer .shipping-promo { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: flex-end; align-items: flex-end; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { footer .shipping-promo { padding-top: 1.5em; display: block; } } @media print, screen and (max-width: 39.99875em) { footer .shipping-promo { padding: 0; font-size: 1em; } } footer .columns.social-container { margin: 0; padding: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { footer .footer-container .footer-special-offers { width: 100%; } } @media print, screen and (max-width: 39.99875em) { footer .footer-container { padding: 0; } } footer .footer-container .icon-caret-down-small { background-image: url(../images/sprite.png); background-position: -91px -109px; width: 18px; height: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .footer-container .icon-caret-down-small { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } @media print, screen and (max-width: 63.99875em) { footer .footer-container > .row.medium-down-text-center, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .medium-down-text-center.content-asset, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .medium-down-text-center.content-asset, footer .pt_content-search-result-static .left-nav-template .footer-container > .medium-down-text-center.content-asset, .pt_content-search-result-static .left-nav-template footer .footer-container > .medium-down-text-center.content-asset { text-align: center; } } @media print, screen and (min-width: 40em) { footer .footer-container > .row.medium-down-text-center, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .medium-down-text-center.content-asset, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .medium-down-text-center.content-asset, footer .pt_content-search-result-static .left-nav-template .footer-container > .medium-down-text-center.content-asset, .pt_content-search-result-static .left-nav-template footer .footer-container > .medium-down-text-center.content-asset { border-bottom: 1px solid #ffffff; padding-bottom: 0; } } footer .footer-container > .row .products, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .products, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .products, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .products, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .products { margin-top: 0; } @media print, screen and (max-width: 39.99875em) { footer .footer-container > .row .Customer.Service + br, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .Customer.Service + br, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .Customer.Service + br, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .Customer.Service + br, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .Customer.Service + br { display: none; } } @media print, screen and (min-width: 40em) { footer .footer-container > .row .about, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .about, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .about, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .about, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .about, footer .footer-container > .row .Customer.Service, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .Customer.Service, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .Customer.Service, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .Customer.Service, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .Customer.Service { padding-left: 0; padding-right: 0; width: 50%; float: left; } footer .footer-container > .row .products, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .products, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .products, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .products, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .products { padding-left: 0; padding-right: 0; width: 50%; float: left; } } footer .footer-container > .row .preferences, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .preferences, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .preferences, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .preferences, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .preferences { margin-top: 0em; } footer .footer-container > .row .zip-field-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container { border-bottom: 1px solid #8a8a8a; margin-bottom: 5px; display: inline-block; } footer .footer-container > .row .zip-field-container .zip-field, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-field, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-field, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-field, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-field { border: none; outline: none; width: 75%; } footer .footer-container > .row .zip-field-container .zip-submit, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit { width: 15%; background: none; color: #8a8a8a; border: none; } @media print, screen and (min-width: 40em) { footer .footer-container > .row .zip-field-container .zip-submit, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit { padding: 8px 0px; } } @media screen and (max-width: 64em) { footer .footer-container > .row .social-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container { margin-bottom: 1em; } } @media print, screen and (min-width: 64em) { footer .footer-container > .row .social-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container { text-align: right; } } footer .footer-container > .row .social-container .community, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container .community, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container .community, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container .community, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container .community { display: inline-block; } footer .footer-container > .row .footer-links ul, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul { list-style: none; padding-left: 0px; margin: 25px 0 0; } @media print, screen and (max-width: 39.99875em) { footer .footer-container > .row .footer-links ul, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul { margin-bottom: 35px; } } @media print, screen and (min-width: 40em) { footer .footer-container > .row .footer-links ul, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul { padding-right: 0px !important; } } footer .footer-container > .row .footer-links ul li, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul li, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul li, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul li, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul li { margin-top: .75em; list-style: none; } @media print, screen and (max-width: 39.99875em) { footer .footer-container > .row .footer-links ul li, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul li, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul li, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul li, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul li { margin: .3em 0; } } footer .footer-container > .row .footer-links ul li a, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul li a, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul li a, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul li a, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul li a { text-decoration: none; font-size: 16px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } footer .footer-container > .row .footer-links ul li a:hover, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links ul li a:hover, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links ul li a:hover, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links ul li a:hover, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links ul li a:hover { text-decoration: underline; } @media print, screen and (min-width: 40em) { footer .footer-container > .row .footer-links, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .footer-links, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .footer-links, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .footer-links, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .footer-links { padding-left: 0px !important; padding-right: 0px !important; } } footer .footer-container .change-language a:hover { text-decoration: underline; } footer .footer-container .countries-selector { margin-top: 15px; height: auto; background-color: #ffffff; } footer .social-links { padding-left: 0; display: inline-block; } footer .social-links li { display: inline; padding-left: 0.7em; padding-right: 0.7em; font-size: 1.4em; vertical-align: middle; } footer .social-links li a { text-decoration: none; } @media screen and (max-width: 39.9375em) { footer .social-links li a { font-size: 1.2em; } } footer #email-alert-signup { white-space: nowrap; } footer #email-alert-signup input[type="text"] { border: none; margin-left: 0; width: 15em; } footer #email-alert-signup button { background-color: #8a8a8a; border: none; color: #ffffff; height: 31px; padding: 0; width: 31px; } @media print, screen and (max-width: 39.99875em) { .copyright-container { margin: 0 auto; } } .copyright-container .footer-copyright { margin-top: 20px; font-size: .813em; font-weight: 200; text-align: right; } @media print, screen and (max-width: 39.99875em) { .copyright-container .footer-copyright { text-align: center; } } @media print, screen and (min-width: 40em) { .copyright-container .footer-copyright { padding-left: 0px !important; padding-right: 0px !important; } } .row-border-none { border: none !important; } .no-outline-border { border: none; outline: none; } .phone-message { display: none; } .footer-separator { display: none; content: " "; border-top: 3px solid #050505; margin-top: 3em; } .footer-separator:before { width: 100%; border-top: 2px solid #333333; content: " "; margin-top: 2px; display: block; } .chooseLanguage { background: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .chooseLanguage { background: none; } } .chooseLanguage:hover { text-decoration: none; } .store-locator { line-height: 1; } .store-locator legend { font-size: inherit; border: 0; padding: 0; } .store-locator label { margin-bottom: 0px; text-transform: uppercase; } .store-locator .field-button-container input { padding-top: 0px; } .store-locator .field-button-container input:focus::-webkit-input-placeholder { color: transparent; } .store-locator .field-button-container input:focus:-moz-placeholder { color: transparent; } .store-locator .field-button-container input:focus::-moz-placeholder { color: transparent; } .store-locator .field-button-container input:focus:-ms-input-placeholder { color: transparent; } .scroll-top-inner { background: #ffffff; border-radius: 50%; } div#a2c-error { color: #c8102e; } .swatch-black a { background-color: #202020 !important; } .swatch-beige a { background-color: #f5f5dc !important; } .swatch-blue a { background-color: blue !important; } .swatch-purple a { background-color: purple !important; } .swatch-red a { background-color: red !important; } .swatch-brown a { background-color: #783201 !important; } .swatch-green a { background-color: green !important; } .swatch-grey a { background-color: #8f979d !important; } .swatch-pink a { background-color: #fe249a !important; } .swatch-orange a { background-color: orange !important; } .swatch-white a { background-color: #ffffff !important; } .swatch-yellow a { background-color: #ffff00 !important; } .swatch-navy a { background-color: navy !important; } .swatch-miscellaneous a { background: url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent; } .unselectable.swatch-miscellaneous a { background: url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important; } .product-tile { background: #ffffff; color: #202020; padding-bottom: 28px; position: relative; text-align: left; } .carousel-recommendations .product-tile { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: end; align-content: flex-end; } .carousel-recommendations .product-tile .name-link { -ms-flex-positive: 1; flex-grow: 1; } .carousel-recommendations .product-tile .name-link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } .carousel-recommendations .product-tile .product-name { margin-left: 0; margin-right: 0; min-height: 48px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; text-transform: capitalize; } .carousel-recommendations .product-tile .thumb-link img { height: auto; min-height: 300px; object-fit: cover; } .carousel-recommendations .product-tile .product-swatches { display: block; } @media print, screen and (max-width: 39.99875em) { .product-tile { width: 90%; max-width: 456px; margin: 0 auto; } } @media print, screen and (min-width: 40em) { .carousel-recommendations .product-tile { text-align: center; } .tiles-container .product-tile { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: end; align-content: flex-end; } .tiles-container .product-tile .name-link { -ms-flex-positive: 1; flex-grow: 1; } .tiles-container .product-tile .name-link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } .tiles-container .product-tile .product-name { margin-left: 0; margin-right: 0; min-height: 48px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } .product-tile .thumb-link img { height: 100%; max-height: 300px; width: 100%; object-fit: cover; } .regimen-tile .product-tile .thumb-link img { height: auto; max-height: initial; } .tiles-container .sample-item .product-tile .thumb-link img { height: auto; max-height: initial; } } .product-tile div.thumb-link { display: block; position: relative; } .product-tile div.thumb-link .product-altimage-hover { width: 100%; opacity: 0; position: absolute; top: 0; left: 0; transition: opacity 300ms; } @media print, screen and (max-width: 39.99875em) { .product-tile div.thumb-link .product-altimage-hover { max-width: 100%; width: auto; left: 50%; transform: translateX(-50%); } } .product-tile div.thumb-link video.product-altimage-hover { width: 100%; height: 100%; } .product-tile div.thumb-link:hover .product-altimage-hover { opacity: 1; transition: opacity 300ms; } .product-tile img { max-width: 100%; margin: 0 auto; display: block; } .product-tile .product-brand { font-weight: 400; } .product-tile .product-image { position: relative; margin: 0 auto 10px; padding: 0 10px; padding-top: 10px; } .product-tile .quickview { background-color: #050505; color: #ffffff; font-weight: 500; text-transform: uppercase; display: none; width: 100% !important; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: calc(100% - 30px); top: 50%; left: 50%; padding: 0.5em; position: absolute; text-align: center; transform: translate(-50%, -50%); } .product-tile .quickview.show { display: block; cursor: pointer; } .product-tile .quickview.hide { display: none; } .product-tile .badge-container { font-size: 13px; font-size: 0.8125rem; line-height: 15px; line-height: 0.9375rem; text-transform: uppercase; text-align: left; } .product-tile .badge-container span p { margin: 0; } .product-tile .badge-container .badge-product-image > * { display: inline-block !important; } .product-tile .badge-container .badge-product-image img { max-height: 25px; width: auto; margin-top: 10px; vertical-align: top; } .product-tile .badge-container .badge-product-image > .badge-product { margin-left: 10px; } .product-tile .badge-container .badge-product { display: block; } .product-tile .badge-container .badge-product p { background-color: #050505; color: #ffffff; display: inline-block; padding: 5px 15px; margin-top: 10px; font-size: 9px; } @media print, screen and (max-width: 39.99875em) { .product-tile .badge-container { font-size: 10.63px; font-size: 0.664375rem; } .product-tile .badge-container .badge-product p { padding: 5px 10px; letter-spacing: 0.04em; } } .product-tile .badge-image-container { position: absolute; z-index: 2; font-weight: 700; line-height: 1.8em; text-align: right; font-size: 70%; top: 30px; right: 4px; } .product-tile .badge-image-container img { display: -ms-flexbox; display: flex; width: 3.8rem; height: 3.8rem; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-tile .name-link { display: block; padding: 0 32px; color: #0f0e1e; } .product-tile .name-link:hover .quickview, .product-tile .name-link:focus .quickview { display: block; } .product-tile .name-link .dy-socialProof-container { min-height: 1.8rem; margin-bottom: 20px; } .product-tile .product-name { line-height: 1.2em; font-size: 20px; font-size: 1.25rem !important; margin: 12px auto; overflow: hidden; text-transform: capitalize; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-name { font-size: 18px; font-size: 1.125rem; margin: 12px 0 2px; } } .carousel-recommendations .product-tile .product-name { font-size: 20px; font-size: 1.25rem; } @media print, screen and (max-width: 39.99875em) { .carousel-recommendations .product-tile .product-name { font-size: 18px; font-size: 1.125rem; } } .product-tile .product-pricing { font-size: 20px; font-size: 1.25rem; } .product-tile .product-pricing .product-price { font-weight: normal; } .product-tile .product-pricing .price-sales { font-size: 20px; font-size: 1.25rem !important; } .product-tile .product-pricing .product-standard-price { text-decoration: line-through; margin: 0 .03em 0 0; display: inline-block; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-pricing { font-size: 18px; font-size: 1.125rem; } } .pdp-main .product-tile .product-pricing .price-sales { font-size: 20px; font-size: 1.25rem; } @media print, screen and (max-width: 39.99875em) { .pdp-main .product-tile .product-pricing .price-sales { font-size: 18px; font-size: 1.125rem; } } .product-tile .product-set-price { font-size: 20px; font-size: 1.25rem; } .product-tile .product-sales-price { font-size: 20px; font-size: 1.25rem; } .grid-tile .product-tile .product-swatches { float: right; } .product-tile .product-swatches-all { cursor: pointer; font-size: 0.9em; } .product-tile .product-swatches { display: none; } .product-tile .product-swatches .swatch-tooltip { position: absolute; z-index: 1; color: #202020; font-size: .725rem; padding: 5px; box-shadow: 0 0 3px #d3d3d3; background: #f9f9f9; left: 85px; } .product-tile .product-swatches ul { list-style: none outside none; margin: 0; padding: 0; } .product-tile .product-swatches ul.swatch-toggle { background: none repeat scroll 0 0 #ffffff; display: none; position: absolute; } .pt_product-search-result .product-tile .product-swatches, .pt_product-compare .product-tile .product-swatches { display: block; } .product-tile .product-swatches:hover ul.swatch-toggle { display: block; } .product-tile .product-swatches li { float: left; } .product-tile .product-swatches .swatch { cursor: pointer; } .product-tile .product-swatches .swatch img { border: 1px solid #ffffff; height: 20px; padding: 1px; width: 20px; } .product-tile .product-swatches .swatch b { border: 1px solid #ffffff; display: inline-block; height: 1.7em; padding: 1px; width: 1.7em; } .product-tile .product-swatches .swatch b span { display: inline-block; height: 100%; text-indent: -9999px; width: 100%; } .product-tile .product-swatches .selected img, .product-tile .product-swatches .selected b, .product-tile .product-swatches b:hover, .product-tile .product-swatches img:hover { border-color: #202020; } .product-tile .product-promo { font-size: 0.8em; margin: 0.5em 0; text-transform: uppercase; } .product-tile .product-promo .promotional-message { line-height: auto; margin: 0 0 .7em; line-height: 14px; } .product-tile .compare-wrapper { margin-left: 10px; } .product-tile .product-compare { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; line-height: 11px; } .product-tile .product-compare label { font-weight: 700; line-height: 1; padding: 0 0 0 1em; margin-bottom: 0; text-transform: uppercase; } .product-tile .product-compare input[type="radio"] { margin: 0; width: 18px; height: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 1.3px; background-clip: content-box; background-color: #fff; border: 1px solid #202020; border-radius: 50%; } .product-tile .product-compare input[type="radio"]:checked::before { background-color: #202020; content: ''; display: inline-block; height: 14px; width: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin: auto 0; } .product-tile .product-compare input[type="radio"]:focus { outline: 1px dotted black; outline-offset: 2px; } .product-tile .product-review { margin-bottom: 1em; } .product-tile .product-review .rating-title { display: inline-block; margin-right: 1em; } .product-tile .product-review .rating { display: inline-block; } .wide-tiles .product-tile { height: auto !important; } .wide-tiles .product-tile .product-image { float: left; padding-right: 2em; } .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .product-swatches, .wide-tiles .product-tile .product-review { float: left; text-align: left; width: 65%; } .wide-tiles .product-tile .product-brand { font-size: 1em; height: auto; margin-top: 0; } .wide-tiles .product-tile .product-name { font-size: 1.2em; height: auto; margin-top: 0; } .wide-tiles .product-tile .product-pricing { font-size: 0.889em; } .wide-tiles .product-tile .product-swatches { margin-bottom: 1em; } .product-tile .bv-rating-wrapper > div { display: inline-block; } .slick-slide .product-tile img { display: block; } .recently-viewed .product-tile { text-align: center; } .product-tile .multiselect { display: block; margin: 14px auto; width: 80%; } .product-tile .multiselect.active { background: #333333; border-color: #333333; color: #ffffff; } .product-tile .outofstock { display: block; margin: 14px auto; } .product-tile .outofstock:hover { background: #ffffff; border-color: #050505; color: #333333; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .product-tile .outofstock { padding: 8px 30px; } } @media print, screen and (max-width: 39.99875em) { .carousel-recommendations .product-tile { max-width: 270px; margin: 0 auto; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .carousel-recommendations .product-tile .product-name { font-size: 13px; font-size: 0.8125rem; } } @media print, screen and (min-width: 40em) { .carousel-recommendations .product-tile { max-width: 200px; margin: 0.625rem 1.875rem; } #main .search-result-content .carousel-recommendations .product-tile { padding: 0 0 15px; } } @media print, screen and (min-width: 64em) { .carousel-recommendations .product-tile { max-width: 253px; } } .skincare-recommendation-container .carousel-recommendations .quickview, .makeup-recommendation-container .carousel-recommendations .quickview, .cart-recommendation-container .carousel-recommendations .quickview { top: 47%; left: 47%; } #wrapper .product-tile .bv-rating-wrapper { margin: 10px 0 0; } #wrapper .product-tile .bv-cv2-cleanslate .bv-core-container-200 .bv-inline-rating-container .bv-rating-stars-on { color: #cebc9e !important; } #wrapper .product-tile .bv-cv2-cleanslate .bv-core-container-200 .bv-rating-stars { font-family: Arial, Helvetica, sans-serif !important; } #wrapper .product-tile .bv-cv2-cleanslate .bv-core-container-200 .bv-stars-container dd .bv-rating-stars { bottom: auto !important; } @media print, screen and (max-width: 39.99875em) { #wrapper .product-tile .bv-rating-wrapper { margin: 4px 0 0; } } .capture-product-id { left: -999em; position: absolute; } .recommendation-item .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-prev { left: -10px; } .recommendation-item .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-next { right: -10px; } /* Product Tile CSS Overwrite */ /** the declaration below will be merge on the top **/ .product-tile .product-swatches { height: 2em; margin: 0 10%; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-item button:focus { outline-offset: 0px; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-prev { position: absolute; left: -9%; top: 16%; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-prev.disabled { opacity: .25; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-prev::before { font-size: 16px; color: #202020; content: "\e903"; font-family: icomoon; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-next { position: absolute; left: 93%; top: 15%; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-next.disabled { opacity: .25; } .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-next::before { font-size: 16px; color: #202020; content: "\e906"; font-family: icomoon; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-swatches .swatch-list.owl-carousel .owl-nav button.owl-next { top: 8%; right: 4px; } } .product-tile .product-swatches .swatch-list { margin-bottom: 1em; } .product-tile .product-swatches .swatch-list .hex-swatch-block { width: 100%; height: 100%; } .product-tile .product-swatches .swatch-list button.slick-arrow:focus { outline: 2px dotted #000; } .product-tile .product-swatches .swatch-list button.slick-prev { left: -12px; } .product-tile .product-swatches .swatch-list button.slick-prev::before { font-size: 0.9375rem; color: #202020; content: "\f0d9"; } .product-tile .product-swatches .swatch-list button.slick-next { right: -12px; } .product-tile .product-swatches .swatch-list button.slick-next::before { font-size: 0.9375rem; color: #202020; content: "\f0da"; } .product-tile .product-swatches .swatch-list .slick-list { padding: 5px; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide { width: auto; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide a { width: auto; position: relative; text-align: center; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img { height: 1.7rem; width: 1.7rem; } .product-tile .product-variations, .product-tile .product-variations-container { min-height: 48px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 640px) and (max-width: 1244px) { .product-tile .product-variations, .product-tile .product-variations-container { min-height: 55px; } } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations, .product-tile .product-variations-container { min-height: 0; } } .product-tile .product-variations { max-width: 100%; } .product-tile .product-variations > * { max-width: 100%; } .product-tile .product-variations .pdp-vars { margin: 0; padding: 0; } .product-tile .product-variations .pdp-vars.product-variation-swatch-lists fieldset { display: contents; } .product-tile .product-variations .pdp-vars .plp-swatch-count { font-size: 14px; } .product-tile .product-variations .pdp-vars .attribute { width: 100%; } .product-tile .product-variations .pdp-vars .swatches { padding: 0; margin: 0 0 10px; } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized { text-align: center; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches.swiper-initialized { padding-left: 0; } } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-prev::after, .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-next::after { color: grey; font-size: 13px; } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-prev:focus, .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-next:focus { outline: 1px dotted #202020; outline-offset: -9px; } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-slide.swatches-option { margin-right: 0; } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-prev { left: -10px; padding-top: 4px; } .product-tile .product-variations .pdp-vars .swatches.swiper-initialized .swiper-button-next { right: -10px; padding-top: 4px; } .product-tile .product-variations .pdp-vars .swatches.slick-slider { width: 92%; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches.slick-slider { margin: 0 auto; } } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches .slick-list { margin: 0; padding-top: 20px; } .product-tile .product-variations .pdp-vars .swatches .slick-list .slick-track { left: 5px; } } .product-tile .product-variations .pdp-vars .swatches li, .product-tile .product-variations .pdp-vars .swatches .swatches-option { margin-right: 5px; margin-top: 4px; } .product-tile .product-variations .pdp-vars .swatches li.slick-slide, .product-tile .product-variations .pdp-vars .swatches .swatches-option.slick-slide { margin-right: 0; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches li, .product-tile .product-variations .pdp-vars .swatches .swatches-option { margin-right: 4px; } } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches li.slick-slide, .product-tile .product-variations .pdp-vars .swatches .swatches-option.slick-slide { margin: 0 -5px; } } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches li, .product-tile .product-variations .pdp-vars .swatches .swatches-option { margin-right: 0; } } .product-tile .product-variations .pdp-vars .swatches li a:before, .product-tile .product-variations .pdp-vars .swatches .swatches-option a:before { top: 8px; left: 16px; } .product-tile .product-variations .pdp-vars .swatches li input[type="radio"], .product-tile .product-variations .pdp-vars .swatches .swatches-option input[type="radio"] { /* remove standard background appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* create custom radiobutton appearance */ display: inline-block; width: 18px; height: 18px; padding: 4px; background-clip: content-box; background-color: #ffffff; border: 1px #202020 solid; border-radius: 50%; margin: -3px 0; } .product-tile .product-variations .pdp-vars .swatches li input[type="radio"]:checked, .product-tile .product-variations .pdp-vars .swatches li input[type="radio"].selected, .product-tile .product-variations .pdp-vars .swatches li input[type="radio"][checked="checked"], .product-tile .product-variations .pdp-vars .swatches .swatches-option input[type="radio"]:checked, .product-tile .product-variations .pdp-vars .swatches .swatches-option input[type="radio"].selected, .product-tile .product-variations .pdp-vars .swatches .swatches-option input[type="radio"][checked="checked"] { background-color: #333333; } .product-tile .product-variations .pdp-vars .swatches li input[type="radio"]:focus, .product-tile .product-variations .pdp-vars .swatches .swatches-option input[type="radio"]:focus { outline: 1px dotted #202020; outline-offset: 2px; } .product-tile .product-variations .pdp-vars .swatches li label, .product-tile .product-variations .pdp-vars .swatches .swatches-option label { display: inline-block; color: #202020; font-size: 13px; margin: 0; } .product-tile .product-variations .pdp-vars .swatches .slick-arrow { margin-top: 0; top: 50%; transform: translateY(-50%); } .product-tile .product-variations .pdp-vars .swatches .slick-arrow:before { font-size: .9375rem; color: #333333; content: "\e903"; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches .slick-arrow.slick-prev { left: -14px; } } .product-tile .product-variations .pdp-vars .swatches .slick-arrow.slick-next { right: -17px; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches .slick-arrow.slick-next { right: -23px; } } .product-tile .product-variations .pdp-vars .swatches .slick-arrow.slick-next:before { content: "\e906"; } .product-tile .product-variations .pdp-vars .swatches.single li, .product-tile .product-variations .pdp-vars .swatches.single .swatches-option { float: none; } .product-tile .product-variations .pdp-vars .swatches.size.multiple { padding-left: 0; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches.size.multiple { padding-left: 4px; } } .product-tile .product-variations .pdp-vars .swatches.size.multiple.dont-initialize { padding-left: 0; } .product-tile .product-variations .pdp-vars .swatches.size.multiple.dont-initialize .swatches-option { margin-left: 2px; } .product-tile .product-variations .pdp-vars .swatches.size.multiple .swatches-option { display: inline-block; float: none; } @media print, screen and (max-width: 39.99875em) { .product-tile .product-variations .pdp-vars .swatches.size.multiple .swatches-option { text-align: unset; } } .product-tile .product-variations .variant-dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .product-tile .product-variations .variant-dropdown { max-width: 300px; } } .product-tile .product-variations .mobile-variant-dropdown { position: relative; overflow: visible; -ms-flex-direction: column; flex-direction: column; max-width: 100%; list-style: none; -ms-flex-align: baseline !important; align-items: baseline !important; padding-left: 12px; padding-right: 12px; } .product-tile .product-variations .mobile-variant-dropdown .variation-select { padding: 0; } .product-tile .product-variations .mobile-variant-dropdown .variation-select .dropdown-label { width: auto; font-size: 14px; } .product-tile .product-variations .mobile-variant-dropdown .variation-select .emptytext { padding: 0; z-index: 2; cursor: pointer; text-align: left; width: 100%; font-size: 14px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .product-tile .product-variations .mobile-variant-dropdown .variation-select .emptytext .dropdown-icon { display: -ms-flexbox; display: flex; float: right; } .product-tile .product-variations .mobile-variant-dropdown .variation-select .variant { padding: 5px 15px; z-index: 2; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected { overflow: hidden; outline: 0; outline-offset: -1px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected:focus { outline: 1px dotted #202020; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected .label { padding: 0; padding-top: 8px; padding-bottom: 8px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected .dropdown-label, .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected .emptytext { font-size: 16px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__selected .emptytext { outline-offset: -1px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list { overflow: auto; position: absolute; border-top: 0px; z-index: 30; border: 1px solid #202020; background-color: #ffffff; padding: 0.5em 0; width: 100%; max-height: 15em; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item { padding: 10px 0; padding-left: 15px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item:focus { outline: 1px dotted #202020; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item.grayed-out { pointer-events: none; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item.grayed-out .variation-label { color: #aaa; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item .swatch-block { float: left; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-item .variation-label { margin-left: 12px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-container .swatch-block { display: inline-block; width: 14px; height: 14px; top: 2px; margin-right: 8px; } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list-container .variation-label { font-size: 14px; max-width: calc(100% - 50px); } .product-tile .product-variations .mobile-variant-dropdown .dropdown__list img { display: inline-block; margin: 0 8px 0 0; border-radius: 50%; width: 18px; height: 18px; float: left; max-width: 100%; } .product-tile .product-variations .attribute ul { float: right; width: 100%; height: auto; list-style: none; } .product-tile .product-variations .attribute.variant-dropdown .label { display: -ms-flexbox; display: flex; font-size: 16px; margin-right: 10px; text-transform: capitalize; margin-bottom: 0; line-height: 100%; } .product-tile .product-variations .accessible-select { display: -ms-flexbox; display: flex; padding: 0; } .product-tile .product-variations .accessible-select .dropdown__selected { display: -ms-flexbox; display: flex; float: none; } .product-tile .product-variations .accessible-select .dropdown__selected .dropdown-label, .product-tile .product-variations .accessible-select .dropdown__selected .emptytext { width: auto; color: #202020; line-height: 120%; font-weight: 700; } .product-tile .product-variations .accessible-select .dropdown__selected .dropdown-label .swatch-block, .product-tile .product-variations .accessible-select .dropdown__selected .emptytext .swatch-block { width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; } .product-tile .product-variations .accessible-select .dropdown__selected .dropdown-label .selected-text, .product-tile .product-variations .accessible-select .dropdown__selected .emptytext .selected-text { width: 75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-tile .product-variations .accessible-select .dropdown__selected .dropdown-label { margin-right: 8px; white-space: nowrap; } .product-tile .product-variations .accessible-select .variation-select { margin: 0; } .product-tile .product-variations .accessible-select .variation-select .variant { display: -ms-flexbox; display: flex; text-align: left; cursor: pointer; float: none; } .product-tile .product-variations .accessible-select .variation-select .variant .variation-label { font-weight: 400; } .product-tile .product-variations .accessible-select .variation-select .variant:hover { background-color: #e8e4da; } .product-tile .product-variations .accessible-select .dropdown__list-container .swatch-block { width: 18px; height: 18px; top: 0; border-radius: 50%; } .product-tile .product-variations .accessible-select li { list-style: none; } .product-tile .add-to-cart-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-tile .pdpForm { margin-bottom: 8px; width: 90%; } .product-tile .pdpForm .pdpForm { width: 100%; margin-bottom: 0; } .product-tile .pdpForm fieldset { display: -ms-flexbox; display: flex; } .product-tile .pdpForm fieldset .price-qty-row { max-width: 70px; position: relative; margin: 0; padding: 0; } .product-tile .pdpForm fieldset .price-qty-row .row, .product-tile .pdpForm fieldset .price-qty-row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .product-tile .pdpForm fieldset .price-qty-row .content-asset, .product-tile .pdpForm fieldset .price-qty-row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .product-tile .pdpForm fieldset .price-qty-row .content-asset, .product-tile .pdpForm fieldset .price-qty-row .columns, .product-tile .pdpForm fieldset .price-qty-row .column, .product-tile .pdpForm fieldset .price-qty-row .columns { padding: 0 !important; margin: 0 !important; } .product-tile .pdpForm fieldset .price-qty-row .quantity { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-tile .pdpForm fieldset .price-qty-row .quantity label { margin: 0; font-size: 16px; font-weight: 700; color: #202020; line-height: 120%; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-tile .pdpForm fieldset .price-qty-row .underline { font-size: 16px; font-weight: 700; border: none; padding: 5px 20px 5px 10px; background-position: 80%; height: 30px; background-size: 7px; width: inherit; } @media print, screen and (max-width: 63.99875em) { .product-tile .pdpForm fieldset .price-qty-row .underline { min-width: 30px; padding: 5px; } } .product-tile .pdpForm fieldset .product-form-actions { width: auto; display: -webkit-box; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 20px 0 0; border-bottom: 1px solid #202020; } .product-tile .pdpForm fieldset .product-form-actions:hover { border-bottom-color: #ffffff; } @media print, screen and (min-width: 40em) { .product-tile .pdpForm fieldset .product-form-actions { width: 100%; padding: 0; } } .product-tile .pdpForm fieldset .product-form-actions .add-to-cart-button, .product-tile .pdpForm fieldset .product-form-actions .shop-now { background: #ffffff; color: #202020; border: none; font-size: 16px; font-weight: 700; padding: 5px 0; margin: 0; height: 30px; } .product-tile .pdpForm fieldset .product-form-actions .add-to-cart-button[disabled], .product-tile .pdpForm fieldset .product-form-actions .shop-now[disabled] { padding: 0; cursor: default; opacity: 0.5; } .product-tile .pdpForm fieldset .product-form-actions .add-to-cart-button[disabled].comingsoon-button, .product-tile .pdpForm fieldset .product-form-actions .shop-now[disabled].comingsoon-button { padding: 5px; opacity: 1; } .product-tile .pdpForm fieldset .product-form-actions .add-to-cart-button.oos-button, .product-tile .pdpForm fieldset .product-form-actions .shop-now.oos-button { margin: 0 auto; } .product-tile .pdpForm fieldset .product-form-actions .add-to-cart-button.oos-notifyme-button, .product-tile .pdpForm fieldset .product-form-actions .shop-now.oos-notifyme-button { margin: 0 auto; } .product-tile .pdpForm fieldset .product-form-actions .shop-now { display: block; margin: 0 auto; } .product-tile .pdpForm fieldset .product-form-actions .separator { margin: 0 8px 0 6px; } .product-tile .wishlist-container .wishlist-button { display: -ms-flexbox; display: flex; text-align: left; -ms-flex-align: center; align-items: center; } .product-tile .wishlist-container .wishlist-button .wishlist-add-icon { margin-right: 5px; } @media print, screen and (max-width: 63.99875em) { .product-tile .wishlist-container .wishlist-button { margin-top: 10px; } } .product-tile .compare-wishlist-icon { z-index: 20; top: 0px; right: 7px; position: absolute; margin-top: 2px; } .product-tile .compare-wishlist-icon .wishlist-msg { display: none; } #nopage-bottom-recommendations .carousel-recommendations .product-tile .quickview { top: 43%; } .carousel-recommendations .recommendation-item.visible { visibility: visible; } .carousel-recommendations .recommendation-item.hidden { visibility: hidden; } .carousel-recommendations.before-load { display: none; } #tabs_product-tile .tabs-panel { transition: all 0.3s ease-in-out; display: block; height: auto; overflow-y: visible; } #tabs_product-tile .tabs-panel.hidden { height: 0; overflow-y: hidden; display: none; } #tabs_product-tile .tabs-panel.is-active { height: auto; display: block; overflow-y: visible; } #tabs_product-tile .tabs-panel.is-active:not(.hidden) { height: auto; display: block; } #tabs_product-tile .tabs-panel { opacity: 0; transform: translateY(-10px); } #tabs_product-tile .tabs-panel:not(.hidden) { opacity: 1; transform: translateY(0); } .pt_product-search-result .primary-content h1.content-header { padding-left: 15px; } .primary-content { position: relative; } @media print, screen and (min-width: 64em) { .fullwidth-search-result-content .large-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-search-noresult #main { margin-top: 20px; } } .pt_content-search-result .primary-content > h1, .pt_content-search-result .primary-content > h2, .pt_content-search-result .primary-content > p, .pt_product-search-noresult .primary-content > h1, .pt_product-search-noresult .primary-content > h2, .pt_product-search-noresult .primary-content > p { margin: 0; padding: .1em 1%; } .pt_content-search-result .primary-content .no-hits-help, .pt_content-search-result .primary-content .no-hits-search, .pt_content-search-result .primary-content .error-page-search, .pt_content-search-result .primary-content .no-hits-footer, .pt_product-search-noresult .primary-content .no-hits-help, .pt_product-search-noresult .primary-content .no-hits-search, .pt_product-search-noresult .primary-content .error-page-search, .pt_product-search-noresult .primary-content .no-hits-footer { padding: .1em 1%; } .pt_content-search-result .primary-content .pagination, .pt_product-search-noresult .primary-content .pagination { float: none; padding: .1em 1%; } .category-main-banner img { max-width: 100%; } .no-hits-search-term, .no-hits-search-term-suggest { color: #990000; font-style: italic; } .no-hits-footer { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; margin: 20px 0; padding: 20px 0; } .search-result-bookmarks { margin: 15px; } .search-result-bookmarks .first { border-right: 1px solid #999; padding-right: 5px; } .search-result-options { position: relative; } @media print, screen and (min-width: 64em) { .search-result-options { margin-bottom: 20px; } } .search-result-options .items-per-page { float: left; margin-right: .5em; } .search-result-options form { margin-bottom: 0; } .search-result-options label { display: none; } .search-result-options select { border: 1px solid #202020; border-radius: 5px; color: #202020; padding: .5em; font-size: 13px; } @media print, screen and (min-width: 40em) { .search-result-options select.underline { padding: 3px 30px 3px 10px; font-size: 14px; font-size: 0.875rem; } } .search-result-options .button-set.view-product { float: right; } .search-result-options .button-set.view-product .light { background: #ffffff; color: #202020; } .search-result-options .pagination { float: left; } @media screen and (min-width: 768px) { .search-result-options .pagination { padding-top: .8em; } } .search-result-options .pagination .results-hits { font-weight: 500; color: #202020; float: right; display: none; } @media screen and (min-width: 768px) { .search-result-options .pagination .results-hits { display: inline-block; } } .search-result-options .pagination ul { border: 1px solid #202020; border-radius: 5px; background-color: #ffffff; float: right; margin: 0; padding: 0; } @media screen and (min-width: 768px) { .search-result-options .pagination ul { background-color: transparent; border: none; } } .search-result-options .pagination li { border-right: 1px solid #d8d8d8; float: left; } @media screen and (min-width: 768px) { .search-result-options .pagination li { border: none; padding: 0 .5em; } } .search-result-options .pagination li a, .search-result-options .pagination li.current-page, .search-result-options .pagination li i { display: block; font-size: 1rem; height: 32px; line-height: 2.1rem; text-align: center; width: 32px; } @media screen and (min-width: 768px) { .search-result-options .pagination li a, .search-result-options .pagination li.current-page, .search-result-options .pagination li i { font-size: inherit; height: auto; line-height: inherit; width: auto; } } .rh-top { text-align: right; } .filterholder { display: none; } .search-result-items { margin: 0; padding: 0 1em 1em; } .search-result-items > div { border-bottom: #081f2c thin solid; padding-top: 2em; padding-bottom: 2em; } @media print, screen and (min-width: 40em) { .search-result-items > div { border-bottom: 0; } } .search-result-items.tiles-container > div { padding: 1.25rem; border-bottom: none; } @media print, screen and (max-width: 39.99875em) { .search-result-items.tiles-container > div { padding: 20px; width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .search-result-items.tiles-container > div.medium-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .search-result-items li { list-style: none outside none; } .search-result-items .new-row { clear: both; } .search-result-items .grid-tile { background: none repeat scroll 0 0 #ffffff; box-shadow: 0 0 9px #ccc; float: left; list-style: none outside none; margin: 0 0 2% 20px; padding: 2%; width: 26%; } .search-result-items .invisible { display: none; } @media print, screen and (max-width: 39.99875em) { #results-hits-top { -ms-flex-order: 5; order: 5; margin-top: 0.5em; } } @media print, screen and (max-width: 39.99875em) { #results-hits-top .results-hits { text-align: center; } } @media print, screen and (min-width: 64em) { #results-hits-top .results-hits { margin: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #results-hits-top .results-hits { margin: 0; } } @media print, screen and (min-width: 40em) { .pt_content-search-result #results-hits-top .results-hits { margin: 8px 0 16px; } } @media print, screen and (min-width: 64em) { .search-result-options + #results-hits-top { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; position: absolute; top: 0; } } #results-hits-bottom { padding-left: 20px; } @media print, screen and (max-width: 39.99875em) { .pt_product-search-result.category .search-result-options { text-align: left !important; padding-bottom: 20px; position: relative; } .pt_product-search-result.category .search-result-options #grid-sort-header.product-listing-filter { width: 100%; } } .results-hits { font-size: 1.125rem; } @media print, screen and (min-width: 40em) { .results-hits { margin: 42px 0 16px; } } @media print, screen and (max-width: 39.99875em) { .results-hits { font-size: 14px; font-size: 0.875rem; } } .search-result-content { font-weight: 500; } @media print, screen and (min-width: 40em) { .search-result-content { margin-bottom: 30px; } .search-result-content.regimen-tiles { margin-bottom: 0; } } .search-result-content .tiles-container { display: inline; -ms-flex-flow: none; flex-flow: none; } .search-result-content .tiles-container .column, .search-result-content .tiles-container .columns { display: inline-block; margin-left: -4px; vertical-align: top; } @media print, screen and (max-width: 39.99875em) { .search-result-content .tiles-container .column, .search-result-content .tiles-container .columns { margin-left: 0; } } .search-result-content .product-price .price-standard { color: #6E6E6E; font-weight: normal; text-decoration: line-through; } .search-result-content .product-brand { font-weight: 200; min-height: 34px; padding-top: 10px; } .search-result-content .results-hits { text-align: center; } @media screen and (min-width: 768px) { .search-result-content .results-hits { display: inline-block; float: left; margin-top: .5em; } } @media print, screen and (max-width: 39.99875em) { .search-result-content .results-hits { padding-top: 1em; text-align: center; } } .search-result-content .search-result-items { padding-bottom: 50px; } .search-result-content .pagination-buttons { float: none; } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons { float: right; padding-right: 0.9375rem; } } @media print, screen and (min-width: 64em) { .search-result-content .pagination-buttons { padding-right: 1.25rem; } } .search-result-content .pagination-buttons a { display: block; line-height: 1; margin: 0 auto; text-transform: uppercase; width: 50%; padding: .5em 2em .3em; font-weight: 700; } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons a { display: inline-block; margin: 0 0 0 1em; width: auto; } } .search-result-content .pagination-buttons a.button { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; font-weight: normal; vertical-align: middle; } @media print, screen and (max-width: 39.99875em) { .search-result-content .pagination-buttons a.button { width: 100%; max-width: 175px; padding: 10px; } } .search-result-content .pagination-buttons button { display: block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; font-weight: bold; } .search-result-content .pagination-buttons button.selected, .search-result-content .pagination-buttons button:hover, .search-result-content .pagination-buttons button:active, .search-result-content .pagination-buttons button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .search-result-content .pagination-buttons button { margin: 20px auto; width: 100%; max-width: 175px; padding: 10px; } } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons button { display: inline-block; margin: 0; width: auto; vertical-align: middle; } } @media print, screen and (min-width: 40em) { .history-details-container .search-result-content .pagination-buttons { float: none; margin: 45px auto; width: 400px; } } #main .history-details-container .pagination-buttons .button { margin: 10px auto; } #results-content { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; padding-top: 30px; } .folder-content-list { -ms-flex-align: stretch; align-items: stretch; clear: both; } .folder-content-list li { background-color: #ffffff; border: 1px solid #ccc; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; list-style-type: none; margin: .25rem; padding: 1rem; } @media screen and (min-width: 480px) { .folder-content-list li { -ms-flex-preferred-size: 40%; flex-basis: 40%; } } .folder-content-list p { line-height: 1.1rem; } .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; } .toggle-grid { display: none; float: left; margin-right: 0.5em; } .toggle-grid i { cursor: pointer; margin-right: 0.3em; } .toggle-grid [data-option="column"] { color: #84bd00; } .toggle-grid.wide [data-option="wide"] { color: #84bd00; } .toggle-grid.wide [data-option="column"] { color: #666; } .wide-tiles .search-result-items .grid-tile { width: 91%; } .wide-tiles .product-tile .product-swatches { bottom: auto; left: auto; position: relative; right: auto; margin-top: 5px; } .wide-tiles .product-tile .product-swatches li { float: left; } .sort-by { width: 50%; -ms-flex-order: 4; order: 4; } .sort-by select.underline { border-width: 1px; border-color: #050505; } @media print, screen and (max-width: 39.99875em) { .sort-by.only-sort-shown { width: 81%; } } @media print, screen and (min-width: 40em) { .sort-by { -ms-flex-order: 5; order: 5; } } @media print, screen and (max-width: 63.99875em) { .sort-by { margin: 0; } } @media print, screen and (min-width: 64em) { .sort-by { max-width: 200px; } } .top-filter { font-size: 13px; } @media print, screen and (max-width: 39.99875em) { .top-filter { -ms-flex-pack: start; justify-content: flex-start; } .top-filter.search-result-filters { -ms-flex-pack: center; justify-content: center; } } @media print, screen and (min-width: 64em) { .top-filter { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 1.25rem; padding-right: 1.25rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .top-filter { -ms-flex-pack: justify; justify-content: space-between; padding-right: 0.9375rem; padding-left: 0.9375rem; } .top-filter > div { margin-bottom: 10px; } } .top-filter .filter { width: 50%; } @media print, screen and (max-width: 39.99875em) { .top-filter .filter { margin-bottom: 20px; } } @media print, screen and (min-width: 64em) { .top-filter .filter { width: auto; max-width: 23%; margin-bottom: 10px; } .top-filter .filter:first-child { padding-left: 0; } } .top-filter .clear-all-container { text-align: center; margin: 7px auto; -ms-flex-order: 5; order: 5; } @media print, screen and (min-width: 40em) { .top-filter .clear-all-container { text-align: left; margin: 0; -ms-flex-order: 6; order: 6; position: absolute; right: 0; bottom: -30px; } .top-filter .clear-all-container a { margin-top: 7px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .top-filter .clear-all-container { padding: 0; right: 0.9375rem; } } .top-filter .clear-all-container a { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 14px; font-size: 0.875rem; line-height: 18pxpx; line-height: 1.125rem; letter-spacing: 0.05em; display: block; } .top-filter .clear-all-container a:hover { color: #202020; } .search-result-keyword-banner { margin: 20px auto; } @media print, screen and (min-width: 40em) { .search-result-keyword-banner { margin-top: 0; } } .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; } .pt_product-compare .full-width { padding: 0 1.25em; } .pt_product-compare .full-width .back { padding: 1em 0; } @media print, screen and (max-width: 63.99875em) { .pt_product-compare .full-width .primary-content { overflow: scroll; } } @media print, screen and (max-width: 63.99875em) { .pt_product-compare .full-width .primary-content a, .pt_product-compare .full-width .primary-content h1, .pt_product-compare .full-width .primary-content form { position: sticky; left: 0; } } .compare-items { clear: both; margin: auto; max-width: 850px; padding: 1em 2em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .compare-items { padding: 1em 11em; } } .compare-items h2 { font-size: 1em; margin: 0.5em 0; text-transform: uppercase; float: left; } .compare-items button { padding: .5em 1em; margin-bottom: 2px; margin-left: 20px; } .compare-items .compare-bar { clear: both; } .compare-items-panel { float: left; margin-bottom: 20px; } @media print, screen and (max-width: 39.99875em) { .compare-items-panel { margin-left: 4px; } } .prdouct-image-section { display: block; position: relative; height: 100%; width: 100%; } .compare-item { background-color: #d8d8d8; float: left; height: 80px; position: relative; text-align: center; width: 80px; margin-right: 50px; } .compare-item.active { background-color: #ffffff; } .compare-item.active .compare-section { z-index: 1000; position: relative; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .compare-item { height: 70px; width: 70px; margin-right: 30px; } } @media print, screen and (max-width: 39.99875em) { .compare-item { height: 65px; width: 65px; margin-right: 15px; } } .compare-item .compare-item-remove { color: #202020 !important; cursor: pointer; display: none; padding: 0 .16em; position: absolute; right: 1px; top: -4px; z-index: 1; } .compare-item.active .compare-item-remove { display: block; } .compare-item .compare-item-number { color: #ccc; font-size: 1.5em; margin-top: 0.9em; } .compare-item-image { max-width: 100%; position: absolute; top: 0; left: 0; } .compare-buttons { float: right; margin-top: 20px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .compare-buttons { margin-top: 0; float: left; padding: 0 56px 2px; } } @media print, screen and (max-width: 39.99875em) { .compare-buttons { display: -ms-flexbox; display: flex; padding: 14px 23px 0; float: none; } } .compare-buttons #compare-items-button { background-color: white; color: #081f2c; font-weight: bold; } .compare-buttons #compare-items-button:focus { outline: 1px dotted #ffffff; outline-offset: 2px; } .compare-buttons #clear-compared-items { border: 1px solid #ffffff; background-color: #081f2c; color: white; } .compare-buttons #clear-compared-items:focus { outline: 1px dotted #ffffff; outline-offset: 2px; } .compare-buttons #compare-items-button { margin-right: 3px; } .compare-buttons button[disabled] { background-color: #ccc !important; border-color: #ccc !important; } .compare-buttons button { text-transform: uppercase; cursor: pointer; } .category-switch { margin-bottom: 1.2em; } .category-switch label { float: left; margin: 0; width: 45%; } @media (min-width: 410px) { .category-switch label { width: 13em; } } .category-switch select { float: left; margin: 0 !important; width: 55%; } @media (min-width: 410px) { .category-switch select { margin-left: 1em; width: 15em; } } #compare-table { border-collapse: collapse; table-layout: fixed; width: 100%; opacity: 1; border: 1px solid #ccc; } #compare-table th { overflow: hidden; padding: .5em; font-size: 0.8em; } #compare-table th:first-of-type { background-color: #081f2c; color: #fff; } #compare-table th button { padding: 10px 12px; font-size: inherit; } #compare-table .primary-catgory td { overflow: hidden; } #compare-table a:hover { text-decoration: underline; } #compare-table .attribute-row { border-bottom: 1px solid #ccc; } #compare-table .attribute-row:first-of-type { border-top: 1px solid #ccc; } #compare-table .attribute-row:last-of-type { border-bottom: none; } #compare-table .attribute-row:nth-child(2n) { background-color: #ffffff; } #compare-table .attribute-row .value:focus { outline: 1px dotted #000; } #compare-table .attribute-row .value .attribute-value { display: block; } #compare-table .product-attribute { word-break: break-all; font-weight: bold; } #compare-table .product-attribute:focus { outline: 1px dotted #000; } #compare-table .action { display: block; padding: 0.5em 0; } #compare-table .compare-remove { color: #202020; float: right; padding: .3rem; z-index: 20; position: relative; transition: color .5s ease; } #compare-table .compare-remove:hover { color: #202020; text-decoration: none; } @media print, screen and (max-width: 39.99875em) { #compare-table .compare-remove { z-index: 5; } } #compare-table .value, #compare-table .product { border-left: 1px solid #ccc; } #compare-table .product { font-weight: normal; text-align: center; width: 260px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #compare-table .product { width: 270px; } } @media print, screen and (max-width: 39.99875em) { #compare-table .product { width: 256px; } } @media print, screen and (max-width: 63.99875em) { #compare-table .product { z-index: 10; position: relative; } } #compare-table .product a { overflow: auto; } #compare-table .product form { width: 100%; } #compare-table .product form #a2c-error { color: #d6001c; margin-top: 10px; } #compare-table .product form .product-add-to-cart { width: auto; display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #compare-table .product form .product-add-to-cart .product-form-actions { margin: 0 5px; } } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart { background-color: #081f2c; font-size: 16px; text-transform: uppercase; font-weight: bold; height: 41px; color: #fff; margin: 0; width: 210px; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart.disabled .button__text { width: 110px; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart .button__text { width: 102px; padding: 0; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart .button__price { width: auto; border-left: 1px solid #fff; margin: 0 0 0 3px; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart .button__price .product-price { padding-left: 5px; display: block; text-align: center; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart .button__price .product-price .price-standard { text-decoration: line-through; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart.disabled { background-color: transparent; border: 1px solid #081f2c; color: #081f2c; } #compare-table .product form .product-add-to-cart .product-form-actions #add-to-cart.disabled .button__price { border-left: 1px solid #081f2c; } @media print, screen and (max-width: 39.99875em) { #compare-table .product form { margin-top: 20px; } } #compare-table .product .wishlist-button__add--container { -ms-flex-pack: center !important; justify-content: center !important; } #compare-table .value .value-item { display: block; } #compare-table .value .value-item:after { content: ", "; } #compare-table .value .value-item:last-child:after { content: ""; } #compare-table .product-tile { box-shadow: 0 0 0 0 white; text-align: center !important; z-index: 10; width: 100%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #compare-table .product-tile { display: inherit; padding: 18px 0; } } @media print, screen and (max-width: 39.99875em) { #compare-table .product-tile { display: flow-root; } } #compare-table .product-tile .product-name { min-height: 72px; margin: .2em 0 1em; -ms-flex-align: center; align-items: center; text-align: center; display: block !important; } #compare-table .product-tile .swatch-list { display: inline-block; } #compare-table .product-tile .name-link { margin-top: 20px; } #compare-table .product-tile .name-link .badge-container { display: none; } #compare-table .product-tile .name-link .product-pricing { text-align: center; display: none; } #compare-table .product-tile .name-link .product-short-blub { display: none; } #compare-table .product-tile .name-link .dy-socialProof-container { display: none !important; } #compare-table .product-tile .add-to-cart-container { display: none; } #compare-table .product-tile .product-variations { min-height: 56px; -ms-flex-pack: center; justify-content: center; } #compare-table .product-tile .product-variations .dropdown__list { max-height: 12.5em; } #compare-table .product-tile .product-variations-container { -ms-flex-pack: center; justify-content: center; } #compare-table .product-tile .product-variations-container .plp-swatch-count { -ms-flex-align: center; align-items: center; display: -ms-inline-grid; display: inline-grid; } #compare-table .product-tile .product-variations-container .value { border-left: 0; } @media print, screen and (max-width: 39.99875em) { #compare-table .product-tile .product-variations-container { min-height: 56px; } } #compare-table .product-image { height: auto; } #compare-table .product-image img { height: auto; } #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%; } #compare-table #compare-product-label { text-align: left; } .compare-sticky-wrapper { position: fixed; width: 100%; left: 50%; transform: translate(-50%); bottom: 0; height: auto; z-index: 25; background: #081f2c; border: 1px solid #cccc; margin-bottom: 0 !important; } .compare-section { height: 100%; width: 100%; padding: 8px; box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.2) inset; position: relative; z-index: 1000; } #sfsc-chat-callout-agent { z-index: 25 !important; } @media print, screen and (max-width: 39.99875em) { #sfsc-chat-callout-agent { bottom: 12px !important; left: -20px !important; } } .pt_product-details#wrapper, .is-reveal-open#wrapper { background: #ffffff; } .pt_product-details#wrapper #main, .is-reveal-open#wrapper #main { background: #ffffff; box-shadow: inset 0px 9px 35px -17px rgba(0, 0, 0, 0.62); } @media print, screen and (max-width: 63.99875em) { .pt_product-details#wrapper #main, .is-reveal-open#wrapper #main { background: url("../images/crystal2bg.jpg") no-repeat 0 0; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper #main, .is-reveal-open#wrapper #main { margin-top: 66px; } } .pt_product-details .breadcrumb, .is-reveal-open .breadcrumb { padding: 10px 0; } .pt_product-details .breadcrumb .breadcrumb-element, .is-reveal-open .breadcrumb .breadcrumb-element { color: #202020; font-size: 14px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .moblock, .is-reveal-open .moblock { display: block; max-width: 100%; width: 100%; } } .pt_product-details .product-availability-list, .is-reveal-open .product-availability-list { padding-left: 0; list-style: none; } .pt_product-details #product-nav-container, .is-reveal-open #product-nav-container { overflow: hidden; position: absolute; right: 0; width: 160px; } .pt_product-details #product-nav-container div, .is-reveal-open #product-nav-container div { float: left; text-align: center; width: 77px; } .pt_product-details #product-nav-container img, .is-reveal-open #product-nav-container img { max-height: 100%; max-width: 80%; } .pt_product-details #product-nav-container span, .is-reveal-open #product-nav-container span { display: block; height: 65px; } .pt_product-details #product-nav-container .divided span, .is-reveal-open #product-nav-container .divided span { border-right: 1px solid #202020; padding-right: 5px; } .pt_product-details .pdp-main #product-content, .is-reveal-open .pdp-main #product-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #product-content, .is-reveal-open .pdp-main #product-content { display: block; } } .pt_product-details .pdp-main #product-content .icon-info, .is-reveal-open .pdp-main #product-content .icon-info { margin-left: 10px; } .pt_product-details .pdp-main #product-content .toggleReplenishment.active .icon-info, .pt_product-details .pdp-main #product-content .icon-info::before, .is-reveal-open .pdp-main #product-content .toggleReplenishment.active .icon-info, .is-reveal-open .pdp-main #product-content .icon-info::before { display: inline-block !important; } .pt_product-details .pdp-main #product-content .row.moblock, .pt_product-details .pdp-main #product-content .pt_content-search-result-static .no-left-nav-template .moblock.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main #product-content .moblock.content-asset, .pt_product-details .pdp-main #product-content .pt_content-search-result-static .left-nav-template .moblock.content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main #product-content .moblock.content-asset, .is-reveal-open .pdp-main #product-content .row.moblock, .is-reveal-open .pdp-main #product-content .pt_content-search-result-static .no-left-nav-template .moblock.content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main #product-content .moblock.content-asset, .is-reveal-open .pdp-main #product-content .pt_content-search-result-static .left-nav-template .moblock.content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main #product-content .moblock.content-asset { margin-left: auto; max-width: 80rem; } .pt_product-details .pdp-main #product-content .row.moblock .product-details-tab, .pt_product-details .pdp-main #product-content .pt_content-search-result-static .no-left-nav-template .moblock.content-asset .product-details-tab, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main #product-content .moblock.content-asset .product-details-tab, .pt_product-details .pdp-main #product-content .pt_content-search-result-static .left-nav-template .moblock.content-asset .product-details-tab, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main #product-content .moblock.content-asset .product-details-tab, .is-reveal-open .pdp-main #product-content .row.moblock .product-details-tab, .is-reveal-open .pdp-main #product-content .pt_content-search-result-static .no-left-nav-template .moblock.content-asset .product-details-tab, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main #product-content .moblock.content-asset .product-details-tab, .is-reveal-open .pdp-main #product-content .pt_content-search-result-static .left-nav-template .moblock.content-asset .product-details-tab, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main #product-content .moblock.content-asset .product-details-tab { padding: 60px 30px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .table, .is-reveal-open .pdp-main .table { display: block; } .pt_product-details .pdp-main .table .cell, .is-reveal-open .pdp-main .table .cell { display: block; width: 100%; } .pt_product-details .pdp-main .socialsharing, .is-reveal-open .pdp-main .socialsharing { padding: 0 0 24px; } .pt_product-details .pdp-main .replenishment select, .is-reveal-open .pdp-main .replenishment select { width: 80%; } } @media screen and (max-device-width: 667px) { .pt_product-details .pdp-main .table, .is-reveal-open .pdp-main .table { display: block; } .pt_product-details .pdp-main .table .cell, .is-reveal-open .pdp-main .table .cell { display: block; width: 100%; } } .pt_product-details .pdp-main .product-title, .is-reveal-open .pdp-main .product-title { -ms-flex-order: 0; order: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-title, .is-reveal-open .pdp-main .product-title { padding: 0 10px !important; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-title .product-description, .is-reveal-open .pdp-main .product-title .product-description { display: none; } } .pt_product-details .pdp-main #BVRRSummaryContainer, .is-reveal-open .pdp-main #BVRRSummaryContainer { -ms-flex-order: 2; order: 2; } .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { font-size: 22px !important; letter-spacing: 6px !important; } .pt_product-details .pdp-main #BVRRSummaryContainer .bv-summary-bar, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-summary-bar { text-align: center !important; } .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-action-bar .bv-write-container, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-action-bar .bv-write-container, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-action-bar .bv-write-container, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-action-bar .bv-write-container { float: none !important; display: inline-block !important; margin: 0 !important; } .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review { border-right: 1px solid #706258 !important; padding: 0 6px 0 0 !important; margin-right: 6px !important; } .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-read-container .bv-submission-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-write-container .bv-read-reviews-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-read-container .bv-read-reviews-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-read-container .bv-submission-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-write-container .bv-read-reviews-button, .pt_product-details .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-read-container .bv-read-reviews-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-read-container .bv-submission-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-write-container .bv-read-reviews-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-read-container .bv-read-reviews-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-read-container .bv-submission-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-write-container .bv-read-reviews-button, .is-reveal-open .pdp-main #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-read-container .bv-read-reviews-button { padding: 0 !important; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #BVRRSummaryContainer, .is-reveal-open .pdp-main #BVRRSummaryContainer { min-height: 22px; } } .pt_product-details .pdp-main .product-info, .is-reveal-open .pdp-main .product-info { -ms-flex-order: 4; order: 4; } .pt_product-details .pdp-main .product-info .pdp-new-email-block, .is-reveal-open .pdp-main .product-info .pdp-new-email-block { padding: 17px 58px 0; } @media only screen and (max-width: 640px) { .pt_product-details .pdp-main .product-info .pdp-new-email-block, .is-reveal-open .pdp-main .product-info .pdp-new-email-block { padding: 0; } } .pt_product-details .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row, .is-reveal-open .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row { display: -ms-flexbox; display: flex; } .pt_product-details .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row label, .is-reveal-open .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row label { position: relative; margin-bottom: 0; margin-right: 7px; } .pt_product-details .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row .field-wrapper, .is-reveal-open .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form .form-row .field-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; width: 100%; } .pt_product-details .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form #coming_soon_email_btn, .is-reveal-open .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form #coming_soon_email_btn { background: #081f2c; border: 1px solid #081f2c; color: #ffffff; padding: 11px 24px; bottom: 0; height: 40.4px; } @media only screen and (max-width: 640px) { .pt_product-details .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form #coming_soon_email_btn, .is-reveal-open .pdp-main .product-info .pdp-new-email-block .coming_soon_email_form #coming_soon_email_btn { padding: 11px 15px; height: 42px; } } .pt_product-details .pdp-main .product-info .product-price-details, .is-reveal-open .pdp-main .product-info .product-price-details { width: 90%; margin: auto 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-info .product-price-details, .is-reveal-open .pdp-main .product-info .product-price-details { width: 100%; } } .pt_product-details .pdp-main .product-info .product-price-details .b-oos_email_form, .is-reveal-open .pdp-main .product-info .product-price-details .b-oos_email_form { padding-top: 20px; } .pt_product-details .pdp-main .product-info .product-price-details .shoprunner_wrapper, .is-reveal-open .pdp-main .product-info .product-price-details .shoprunner_wrapper { padding: 10px; } .pt_product-details .pdp-main .product-info .product-price-details square-placement, .is-reveal-open .pdp-main .product-info .product-price-details square-placement { margin: 0; } .pt_product-details .pdp-main .product-info .product-price-details #a2c-error, .is-reveal-open .pdp-main .product-info .product-price-details #a2c-error { text-align: center; margin: 10px; color: #c8102e; } .pt_product-details .pdp-main .french-name, .is-reveal-open .pdp-main .french-name { display: block; font-size: 18px; font-style: italic; padding: 0 0 16px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .french-name, .is-reveal-open .pdp-main .french-name { padding: 0 12px 16px; } } .pt_product-details .pdp-main .descript-area, .is-reveal-open .pdp-main .descript-area { background: url("../images/crystal2bg.jpg") no-repeat 0 top fixed; background-size: cover; border-top: 3px solid #050505; border-bottom: 2px solid #f4dfbb; padding: 2px 0; } .pt_product-details .pdp-main .descript-area .descript-inner, .is-reveal-open .pdp-main .descript-area .descript-inner { border-top: 2px solid #f4dfbb; border-bottom: 3px solid #050505; padding: 52px 0 24px; } .pt_product-details .pdp-main .descript-area ul, .is-reveal-open .pdp-main .descript-area ul { list-style: disc; padding-left: 17px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .descript-area .descript-inner, .is-reveal-open .pdp-main .descript-area .descript-inner { padding-top: 30px; } } .pt_product-details .pdp-main .short-description, .is-reveal-open .pdp-main .short-description { font-size: 32px; font-size: 2rem; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; padding: 0 60px; text-align: center; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .short-description, .is-reveal-open .pdp-main .short-description { font-size: 22px; font-size: 1.375rem; padding: 0 30px; } } .pt_product-details .pdp-main .product-detail, .is-reveal-open .pdp-main .product-detail { width: 100%; padding-left: 0; padding-right: 0; } .pt_product-details .pdp-main .product-detail .promotion, .is-reveal-open .pdp-main .product-detail .promotion { padding-top: 0; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-detail .promotion, .is-reveal-open .pdp-main .product-detail .promotion { width: 90%; margin: 20px auto 15px; } } .pt_product-details .pdp-main .product-detail .promotion, .pt_product-details .pdp-main .product-detail .product-promo, .is-reveal-open .pdp-main .product-detail .promotion, .is-reveal-open .pdp-main .product-detail .product-promo { text-align: center; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-detail .promotion, .pt_product-details .pdp-main .product-detail .product-promo, .is-reveal-open .pdp-main .product-detail .promotion, .is-reveal-open .pdp-main .product-detail .product-promo { padding-top: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-detail .promotion, .pt_product-details .pdp-main .product-detail .product-promo, .is-reveal-open .pdp-main .product-detail .promotion, .is-reveal-open .pdp-main .product-detail .product-promo { padding-top: 0; } } .pt_product-details .pdp-main .product-detail .promotion .promotion-title, .pt_product-details .pdp-main .product-detail .product-promo .promotion-title, .is-reveal-open .pdp-main .product-detail .promotion .promotion-title, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-title { font-weight: bold; margin-bottom: .3rem; display: none; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1875rem; font-weight: bold; color: #081f2c; letter-spacing: 0.06em; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout a, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout a, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout a, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout a { color: #081f2c; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .promo-code__black, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .promo-code__black, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .promo-code__black, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .promo-code__black { color: #333333 !important; font-weight: bold; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .promo-code__gold, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .promo-code__gold, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .promo-code__gold, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .promo-code__gold { color: #bb924a; font-weight: bold; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .promo-code__grey, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .promo-code__grey, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .promo-code__grey, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .promo-code__grey { color: #e8e4da; font-weight: bold; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .promo-code__beige, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .promo-code__beige, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .promo-code__beige, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .promo-code__beige { color: #050505; font-weight: bold; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .fa, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .fa, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .fa, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .fa { display: none; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .callout-message, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .callout-message, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .callout-message, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .callout-message { clear: both; display: inline-block; } .pt_product-details .pdp-main .product-detail .promotion .promotion-callout .callout-message:last-of-type, .pt_product-details .pdp-main .product-detail .product-promo .promotion-callout .callout-message:last-of-type, .is-reveal-open .pdp-main .product-detail .promotion .promotion-callout .callout-message:last-of-type, .is-reveal-open .pdp-main .product-detail .product-promo .promotion-callout .callout-message:last-of-type { margin-bottom: 0; } .pt_product-details .pdp-main label, .is-reveal-open .pdp-main label { padding: 0; text-align: left; text-transform: uppercase; width: auto; display: inline-block; } .pt_product-details .pdp-main .product-title, .is-reveal-open .pdp-main .product-title { padding-top: 20px; padding-bottom: 20px; } .pt_product-details .pdp-main .product-image-container, .is-reveal-open .pdp-main .product-image-container { -ms-flex-order: 3; order: 3; position: relative; } #wrapper.overlay .pt_product-details .pdp-main .product-image-container, #wrapper.overlay .is-reveal-open .pdp-main .product-image-container { position: static; } .pt_product-details .pdp-main .product-image-container .primary-product-video, .is-reveal-open .pdp-main .product-image-container .primary-product-video { display: none; } .pt_product-details .pdp-main .product-image-container .badge-container, .is-reveal-open .pdp-main .product-image-container .badge-container { font-size: 13px; font-size: 0.8125rem; line-height: 15px; line-height: 0.9375rem; text-transform: uppercase; text-align: left; position: absolute; top: 0; left: 0.5rem; z-index: 5; } .pt_product-details .pdp-main .product-image-container .badge-container span p, .is-reveal-open .pdp-main .product-image-container .badge-container span p { margin: 0; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product-image > *, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product-image > * { display: inline-block !important; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product-image img, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product-image img { max-height: 25px; width: auto; margin-top: 10px; vertical-align: top; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product-image > .badge-product, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product-image > .badge-product { margin-left: 10px; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product { display: block; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product p, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product p { background-color: #050505; color: #ffffff; margin-top: 10px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-image-container .badge-container, .is-reveal-open .pdp-main .product-image-container .badge-container { font-size: 10.63px; font-size: 0.664375rem; } .pt_product-details .pdp-main .product-image-container .badge-container .badge-product p, .is-reveal-open .pdp-main .product-image-container .badge-container .badge-product p { padding: 5px 10px; letter-spacing: 0.04em; } } .pt_product-details .pdp-main .product-image-container .badge-image-container, .is-reveal-open .pdp-main .product-image-container .badge-image-container { position: absolute; top: 10px; right: -80px; z-index: 1; } .pt_product-details .pdp-main .product-image-container .badge-image-container img, .is-reveal-open .pdp-main .product-image-container .badge-image-container img { display: -ms-flexbox; display: flex; width: 4.8rem; height: 4.8rem; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-image-container .badge-image-container img, .is-reveal-open .pdp-main .product-image-container .badge-image-container img { height: 4.5rem; width: 4.5rem; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-image-container .badge-image-container, .is-reveal-open .pdp-main .product-image-container .badge-image-container { right: -3px; top: 6px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-image-container .badge-image-container, .is-reveal-open .pdp-main .product-image-container .badge-image-container { right: -25px; } } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-image-container, .is-reveal-open .pdp-main .product-image-container { width: 100%; } .pt_product-details .pdp-main .product-image-container .row, .pt_product-details .pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .product-image-container .content-asset, .pt_product-details .pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .product-image-container .content-asset, .is-reveal-open .pdp-main .product-image-container .row, .is-reveal-open .pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .product-image-container .content-asset, .is-reveal-open .pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .product-image-container .content-asset { margin-left: 0; width: 100%; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-image-container div#thumbnails, .is-reveal-open .pdp-main .product-image-container div#thumbnails { max-width: 95%; margin-left: auto; margin-right: auto; } .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-prev:before, .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-next:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-prev:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-next:before { font-size: 22px; color: #081f2c; opacity: .6; } .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-prev:hover:before, .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-prev:focus:before, .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-next:hover:before, .pt_product-details .pdp-main .product-image-container div#thumbnails .slick-next:focus:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-prev:hover:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-prev:focus:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-next:hover:before, .is-reveal-open .pdp-main .product-image-container div#thumbnails .slick-next:focus:before { opacity: 1; } .pt_product-details .pdp-main .product-image-container .product-thumbnails ul, .is-reveal-open .pdp-main .product-image-container .product-thumbnails ul { width: 100%; height: 4.3125rem; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-prev, .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-next, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-prev, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-next { margin-top: -5px; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-prev, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-prev { left: -17px; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-next, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-next { right: -5px; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails, .is-reveal-open .pdp-main .product-image-container .product-thumbnails { z-index: 0; position: relative; max-width: 120px; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-slider, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-slider { margin: 0 auto; width: 94%; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-prev, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-prev { top: -18px !important; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-next, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-next { margin-right: -17px !important; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-next, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-next { margin-right: -7px !important; } } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails, .is-reveal-open .pdp-main .product-image-container .product-thumbnails { padding-bottom: 34px; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails .fade-circle, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .fade-circle { margin: 140px auto; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-slide, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-slide { text-align: center; } .pt_product-details .pdp-main .product-image-container .product-thumbnails ul, .is-reveal-open .pdp-main .product-image-container .product-thumbnails ul { padding: 0; margin: 0; list-style: none; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-prev.slick-arrow::before, .pt_product-details .pdp-main .product-image-container .product-thumbnails .slick-next.slick-arrow::before, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-prev.slick-arrow::before, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .slick-next.slick-arrow::before { font-size: 28px; color: black; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail { padding: 0px; border: none; background-color: transparent; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail :not(img.zoomImg), .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail :not(img.zoomImg) { max-height: 100%; width: auto; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail { border: 1px #fff solid; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.selected img, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.selected img { border-color: #202020; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.slick-current img, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.slick-current img { border-color: #202020; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.selected video, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.selected video { border: 1px #202020 solid; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image img, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image img { width: 65px; height: 65px; margin-top: 0px; } @media screen and (max-width: 768px) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image img, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image img { width: 65px; height: 65px; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image #alt-video-small, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.video-thumbnail-image #alt-video-small { margin-top: 30px; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail { margin: 5px 0 0; height: 67px; } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail:focus, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail:focus { border: 2px dotted #0a1f2c; } @media screen and (max-width: 1024px) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 2px; } } @media screen and (max-width: 768px) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 10px; } } @media screen and (max-width: 25em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 2px; } } .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail video, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail video { cursor: pointer; max-width: 100%; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail video, .is-reveal-open .pdp-main .product-image-container .product-thumbnails .productthumbnail.product-image-thumbnail video { max-width: 51%; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-image-container .product-thumbnails img, .is-reveal-open .pdp-main .product-image-container .product-thumbnails img { border: 1px solid #fff; cursor: pointer; max-width: 100%; } } .pt_product-details .pdp-main .product-base-info, .is-reveal-open .pdp-main .product-base-info { background: #e3e0d6; text-align: center; width: 45%; } .pt_product-details .pdp-main .product-base-info.hide-for-large, .is-reveal-open .pdp-main .product-base-info.hide-for-large { background: transparent; padding: 20px 0; width: 100%; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-base-info .product-title .product-name, .is-reveal-open .pdp-main .product-base-info .product-title .product-name { display: none; } } .pt_product-details .pdp-main .pdp-action-area, .is-reveal-open .pdp-main .pdp-action-area { text-align: center; padding-bottom: 24px; width: 50%; } .pt_product-details .pdp-main .product-brand, .is-reveal-open .pdp-main .product-brand { margin: 0; padding: 0; font-size: 1.25rem; font-weight: 400; } .pt_product-details .pdp-main .product-name, .is-reveal-open .pdp-main .product-name { color: #706258; margin: 0 0 16px; font-weight: 300; font-size: 64px; line-height: 2.3rem; text-transform: none; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-name, .is-reveal-open .pdp-main .product-name { margin: 0; } } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .product-name, .is-reveal-open .pdp-main .product-name { margin: 0 0 15px; line-height: 1em; } } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-name, .is-reveal-open .pdp-main .product-name { font-size: 36px; line-height: 1em; } } .pt_product-details .pdp-main .product-number, .is-reveal-open .pdp-main .product-number { color: #202020; font-size: .65rem; margin-bottom: .5rem; } .pt_product-details .pdp-main .price-qty-row, .is-reveal-open .pdp-main .price-qty-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-start; align-items: flex-start; line-height: 1.5rem; margin: 0; } .pt_product-details .pdp-main .price-qty-row .label, .is-reveal-open .pdp-main .price-qty-row .label { font-size: 1.25rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0.3125rem 0 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .price-qty-row .label, .is-reveal-open .pdp-main .price-qty-row .label { display: inline; } } .pt_product-details .pdp-main .price-qty-row select, .is-reveal-open .pdp-main .price-qty-row select { background-color: transparent; } .pt_product-details .pdp-main .product-price, .is-reveal-open .pdp-main .product-price { display: -ms-flexbox; display: flex; text-align: center; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-price, .is-reveal-open .pdp-main .product-price { display: inline; } } .pt_product-details .pdp-main .product-price .price-standard, .is-reveal-open .pdp-main .product-price .price-standard { font-weight: normal; text-decoration: line-through; margin-right: 8px; } .pt_product-details .pdp-main .product-price .price-tiered, .is-reveal-open .pdp-main .product-price .price-tiered { color: #202020; font-size: .6em; line-height: 1.5em; padding-left: 0.25em; } .pt_product-details .pdp-main .product-price .label, .is-reveal-open .pdp-main .product-price .label { display: none; } .pt_product-details .pdp-main .product-price .bundle-label.label, .is-reveal-open .pdp-main .product-price .bundle-label.label { display: block; width: 100%; } .pt_product-details .pdp-main .product-price .product-price, .is-reveal-open .pdp-main .product-price .product-price { display: block; width: 100%; } .pt_product-details .pdp-main .product-price .price-sales, .is-reveal-open .pdp-main .product-price .price-sales { font-size: 36px; } .pt_product-details .pdp-main .inventory, .is-reveal-open .pdp-main .inventory { display: block; white-space: nowrap; } .pt_product-details .pdp-main .inventory label, .is-reveal-open .pdp-main .inventory label { display: inline; float: none; text-align: right; } .pt_product-details .pdp-main .inventory input, .is-reveal-open .pdp-main .inventory input { font-size: 1.5em; height: 50px; width: 50px; margin-right: .4em; text-align: center; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .inventory input, .is-reveal-open .pdp-main .inventory input { height: 37px; width: 37px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .inventory, .is-reveal-open .pdp-main .inventory { display: inline; } .pt_product-details .pdp-main .inventory .quantity, .is-reveal-open .pdp-main .inventory .quantity { display: inline; } } .pt_product-details .pdp-main .product-main-attributes .attribute, .is-reveal-open .pdp-main .product-main-attributes .attribute { padding: .2em 0; } .pt_product-details .pdp-main .product-main-attributes .label, .is-reveal-open .pdp-main .product-main-attributes .label { padding: 0; } .pt_product-details .pdp-main .product-variations, .is-reveal-open .pdp-main .product-variations { clear: right; } .pt_product-details .pdp-main .product-variations .color-description, .is-reveal-open .pdp-main .product-variations .color-description { font-size: 20px; margin: 20px 0; } .pt_product-details .pdp-main .product-variations .pdp-vars, .is-reveal-open .pdp-main .product-variations .pdp-vars { margin: 0; padding: 0; } .pt_product-details .pdp-main .product-variations .pdp-vars.size, .is-reveal-open .pdp-main .product-variations .pdp-vars.size { display: -ms-flexbox; display: flex; } .pt_product-details .pdp-main .product-variations .pdp-vars.size .attribute, .is-reveal-open .pdp-main .product-variations .pdp-vars.size .attribute { margin-top: 2px; margin-left: 6px; } .pt_product-details .pdp-main .product-variations .pdp-vars select.underline, .is-reveal-open .pdp-main .product-variations .pdp-vars select.underline { border-color: #050505; border-width: 1px; font-size: 17px; padding-left: 14px; } .pt_product-details .pdp-main .product-variations .pdp-vars .attribute, .is-reveal-open .pdp-main .product-variations .pdp-vars .attribute { margin: 0 auto; } .pt_product-details .pdp-main .product-variations .pdp-vars .attribute.show-for-small-only, .is-reveal-open .pdp-main .product-variations .pdp-vars .attribute.show-for-small-only { overflow: initial; } .pt_product-details .pdp-main .product-variations .pdp-vars .swatches, .is-reveal-open .pdp-main .product-variations .pdp-vars .swatches { margin: 0; padding: 0 20px; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-variations .pdp-vars .swatches, .is-reveal-open .pdp-main .product-variations .pdp-vars .swatches { padding: 0; } } .pt_product-details .pdp-main .product-variations .pdp-vars .swatches.size, .is-reveal-open .pdp-main .product-variations .pdp-vars .swatches.size { padding: 0; margin-top: 5px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .pt_product-details .pdp-main .product-variations .pdp-vars .value, .is-reveal-open .pdp-main .product-variations .pdp-vars .value { margin: 0; } .pt_product-details .pdp-main .product-variations .pdp-vars .value.color, .is-reveal-open .pdp-main .product-variations .pdp-vars .value.color { -ms-flex-align: center; align-items: center; } .pt_product-details .pdp-main .product-variations .pdp-vars label[for="va-color"], .is-reveal-open .pdp-main .product-variations .pdp-vars label[for="va-color"] { margin-right: 5px; margin-bottom: 0; } .pt_product-details .pdp-main .product-variations + .product-variations .swatches.size, .is-reveal-open .pdp-main .product-variations + .product-variations .swatches.size { margin-top: 10px; } .pt_product-details .pdp-main .product-variations + .product-variations .swatches.size .selected, .is-reveal-open .pdp-main .product-variations + .product-variations .swatches.size .selected { color: #706258; border-color: #706258; border-width: 0 0 3px; border-style: solid; padding: 1px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown { position: inherit; max-width: 100%; list-style: none; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .variation-select, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .variation-select { padding: 0; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .variation-select .variant, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .variation-select .variant { padding: 5px 10px; text-align: left; z-index: 2; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .variation-select .variant.grayed-out .variation-label, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .variation-select .variant.grayed-out .variation-label { color: #aaa; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list { overflow: auto; position: absolute; border-top: 0px; z-index: 11; border: 1px solid #202020; border-top: none; background-color: #ffffff; padding: 0.5em; width: 18em; max-height: 15em; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list img, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list img { width: 7%; display: inline-block; margin-left: auto; float: right; } } @media print, screen and (max-width: 39.99875em) and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list img, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list img { width: 20%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list .variant .hex-swatch-block, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list .variant .hex-swatch-block { width: 24px; height: 24px; display: inline-block; margin-left: auto; float: right; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown ul, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown ul { list-style: none; margin: 0; padding: 0; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list-item, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list-item { padding: 10px 0px; padding-left: 15px; } .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__selected, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__selected { overflow: hidden; outline: 0; margin: 5px 0; } } @media only screen and (max-width: 350px) { .pt_product-details .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list, .is-reveal-open .pdp-main .product-variations .mobile-variant-dropdown .dropdown__list { width: 15em; } } .pt_product-details .pdp-main .product-short-description, .is-reveal-open .pdp-main .product-short-description { font-size: 18px; margin-top: 15px; line-height: 1.2em; } .pt_product-details .pdp-main .product-short-description .read-more, .is-reveal-open .pdp-main .product-short-description .read-more { color: #706258; font-size: 0.75em; font-weight: 700; text-transform: uppercase; } .pt_product-details .pdp-main .socialsharing, .is-reveal-open .pdp-main .socialsharing { margin-bottom: 15px; } .pt_product-details .pdp-main .socialsharing .social-sharing-container, .is-reveal-open .pdp-main .socialsharing .social-sharing-container { height: 40px; margin-top: 12px; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .social-share-trigger, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .social-share-trigger { display: -ms-inline-flexbox; display: inline-flex; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .social-share-trigger a, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .social-share-trigger a { color: #706258; font-size: 16px; outline: none; text-decoration: underline; text-align: center; top: 7px; position: relative; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 50px; height: 70px; margin-top: 10px; overflow: hidden; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons.add-border, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons.add-border { border: 1px solid black; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon { color: #706258; width: 51px; height: 32px; margin: 0 auto; padding: 0 18px; display: inline-block; text-align: center; transition: all 0.3s ease; opacity: 0; font-size: 16px; transform: translateX(-100%); visibility: hidden; outline: none; transition-delay: 300ms; top: 3px; position: relative; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon i, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon i { display: inline-block; margin: 0 auto; vertical-align: middle; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon { margin: 0 auto; padding: 0 18px; z-index: -1; } } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(1), .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(1) { transition-delay: 100ms; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(2), .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(2) { transition-delay: 150ms; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(3), .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(3) { transition-delay: 200ms; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(4), .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons .share-icon:nth-child(4) { transition-delay: 250ms; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons::before, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons::before { content: ''; display: block; position: absolute; left: 1px; top: 15px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #202020; opacity: 0; } .pt_product-details .pdp-main .socialsharing .social-sharing-container .share-icons::after, .is-reveal-open .pdp-main .socialsharing .social-sharing-container .share-icons::after { content: ''; display: block; position: absolute; left: 1px; top: 18px; width: 0; height: 0; border: 9px solid transparent; border-bottom-color: #ffffff; opacity: 0; } .pt_product-details .pdp-main .socialsharing .social-sharing-container.animate .share-icons::before, .pt_product-details .pdp-main .socialsharing .social-sharing-container.animate .share-icons::after, .is-reveal-open .pdp-main .socialsharing .social-sharing-container.animate .share-icons::before, .is-reveal-open .pdp-main .socialsharing .social-sharing-container.animate .share-icons::after { opacity: 1; } .pt_product-details .pdp-main .socialsharing .social-modal-close, .is-reveal-open .pdp-main .socialsharing .social-modal-close { visibility: hidden; } .animate .pt_product-details .pdp-main .socialsharing .social-modal-close, .animate .is-reveal-open .pdp-main .socialsharing .social-modal-close { visibility: visible; color: #fff; font-size: 20px; right: 16px; position: absolute; top: 0; } .pt_product-details .pdp-main .socialsharing .animate .share-icons .share-icon, .is-reveal-open .pdp-main .socialsharing .animate .share-icons .share-icon { opacity: 1; transform: translateX(0%); visibility: visible; z-index: 50; } .pt_product-details .pdp-main .blk_main-image #alt-video, .is-reveal-open .pdp-main .blk_main-image #alt-video { display: none; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .blk_main-image #alt-video, .is-reveal-open .pdp-main .blk_main-image #alt-video { width: 90%; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .blk_main-image .main-image, .is-reveal-open .pdp-main .blk_main-image .main-image { position: relative; width: 100%; display: block; } } .pt_product-details .pdp-main .primary-image, .is-reveal-open .pdp-main .primary-image { max-width: 80%; width: 70%; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .primary-image, .is-reveal-open .pdp-main .primary-image { min-height: 406px; object-fit: contain; } } .pt_product-details .pdp-main .product-primary-image, .is-reveal-open .pdp-main .product-primary-image { max-width: 100%; text-align: center; padding: 0; position: relative; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-primary-image, .is-reveal-open .pdp-main .product-primary-image { max-width: calc(100% - 150px); } } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .product-primary-image, .is-reveal-open .pdp-main .product-primary-image { margin: 0 0 0 80px; } } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-primary-image, .is-reveal-open .pdp-main .product-primary-image { background: #ffffff; } } .pt_product-details .pdp-main .product-primary-image a, .is-reveal-open .pdp-main .product-primary-image a { cursor: crosshair; } .pt_product-details .pdp-main .product-primary-image a.alt-video-loaded, .is-reveal-open .pdp-main .product-primary-image a.alt-video-loaded { cursor: pointer; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .product-primary-image .badge-container, .is-reveal-open .pdp-main .product-primary-image .badge-container { left: -70px; } } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-prev, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-prev { left: -30px; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-prev::before, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-prev::before { color: #000; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-next, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-next { right: -33px; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-next::before, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-next::before { color: #000; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-next:before, .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-prev:before, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-next:before, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-prev:before { font-size: 30px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-primary-image .slider-main-image .productthumbnail img, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .productthumbnail img { width: 78%; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-prev, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-prev { left: 25px; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .slick-next, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .slick-next { right: 20px; } } .pt_product-details .pdp-main .product-primary-image .slider-main-image .productthumbnail, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .productthumbnail { margin: 0; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .productthumbnail:focus, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .productthumbnail:focus { outline: 1px dotted #202020; outline-offset: -2px; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images { width: 70%; margin: 0 auto 30px; } } .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe { left: 63px; width: 80%; } } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe, .is-reveal-open .pdp-main .product-primary-image .slider-main-image .product-images li.product-video .video-wrapper iframe { left: 0; width: 100%; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-primary-image .blk_main-image, .is-reveal-open .pdp-main .product-primary-image .blk_main-image { min-height: 500px; } } .pt_product-details .pdp-main .product-primary-image .live-chat a, .is-reveal-open .pdp-main .product-primary-image .live-chat a { cursor: pointer; text-transform: uppercase; text-decoration: underline; color: #000; } .pt_product-details .pdp-main .product-primary-image .live-chat a:hover, .is-reveal-open .pdp-main .product-primary-image .live-chat a:hover { color: #595959; } .pt_product-details .pdp-main .product-primary-image .wrapper-footer-chat, .is-reveal-open .pdp-main .product-primary-image .wrapper-footer-chat { margin: 10px 0; } .pt_product-details .pdp-main .image-zoom, .is-reveal-open .pdp-main .image-zoom { text-decoration: none; text-transform: uppercase; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; font-size: 0.875rem; z-index: 12; } .pt_product-details .pdp-main .image-zoom:hover, .is-reveal-open .pdp-main .image-zoom:hover { text-decoration: none; cursor: pointer; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .image-zoom, .is-reveal-open .pdp-main .image-zoom { display: block; position: static; font-size: 16px; padding: 0 0 36px; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .image-zoom, .is-reveal-open .pdp-main .image-zoom { display: none; } } .pt_product-details .pdp-main .productImageZoom, .is-reveal-open .pdp-main .productImageZoom { width: 100%; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .productImageZoom, .is-reveal-open .pdp-main .productImageZoom { max-width: 50%; top: 3% !important; } } .pt_product-details .pdp-main .product-info, .is-reveal-open .pdp-main .product-info { width: 100%; } .pt_product-details .pdp-main .quantity, .is-reveal-open .pdp-main .quantity { display: -ms-flexbox; display: flex; } .pt_product-details .pdp-main .quantity select.underline, .is-reveal-open .pdp-main .quantity select.underline { border-color: #050505; border-width: 1px; text-align: center; width: auto; text-align-last: center; padding: 11px 30px 10px 15px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .quantity, .is-reveal-open .pdp-main .quantity { margin: 0 auto; width: 115px; border-width: 0; } } .pt_product-details .pdp-main .product-add-to-cart, .is-reveal-open .pdp-main .product-add-to-cart { display: block; overflow: hidden; position: relative; } .pt_product-details .pdp-main .product-add-to-cart .availability-web, .is-reveal-open .pdp-main .product-add-to-cart .availability-web { padding: 12px 0 0; } .pt_product-details .pdp-main .product-add-to-cart button, .is-reveal-open .pdp-main .product-add-to-cart button { border: none; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; font-weight: bold; margin: 0 auto; text-transform: uppercase; width: 100%; } .pt_product-details .pdp-main .product-add-to-cart button.add-to-set-QV, .is-reveal-open .pdp-main .product-add-to-cart button.add-to-set-QV { color: #ffffff; background-color: #081f2c; } .pt_product-details .pdp-main .product-add-to-cart button.add-to-set-QV:hover, .is-reveal-open .pdp-main .product-add-to-cart button.add-to-set-QV:hover { color: #ffffff; background-color: #081f2c; } .pt_product-details .pdp-main .product-add-to-cart button:hover, .is-reveal-open .pdp-main .product-add-to-cart button:hover { background: #706258; color: #ffffff; } .pt_product-details .pdp-main .product-add-to-cart button.disabled, .is-reveal-open .pdp-main .product-add-to-cart button.disabled { background-color: transparent; border: 1px solid #050505; color: #050505; cursor: auto; } .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button), .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button) { float: left; font-weight: 600; height: 50px; padding: .6em 2em .4em; width: 100%; text-transform: uppercase; background: #081f2c; border-color: #081f2c; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button), .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button) { margin-right: 1.5em; } } .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button):hover, .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button):hover { background: transparent; color: #081f2c; } .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button).disabled, .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button).disabled { background-color: transparent; border-color: #081f2c; color: #081f2c; cursor: auto; } .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button).add-all-to-cart, .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button).add-all-to-cart { width: 100%; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button).add-all-to-cart, .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button).add-all-to-cart { width: auto; } } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .product-add-to-cart button:not(.wishlist-button), .is-reveal-open .pdp-main .product-add-to-cart button:not(.wishlist-button) { height: 40px; padding: .6em 2em .4em; width: auto; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .product-add-to-cart button button, .is-reveal-open .pdp-main .product-add-to-cart button button { width: 100%; } } .pt_product-details .pdp-main .product-add-to-cart .price-qty-row.row .price-value, .pt_product-details .pdp-main .product-add-to-cart .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .price-value, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .product-add-to-cart .price-qty-row.content-asset .price-value, .pt_product-details .pdp-main .product-add-to-cart .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .price-value, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .product-add-to-cart .price-qty-row.content-asset .price-value, .is-reveal-open .pdp-main .product-add-to-cart .price-qty-row.row .price-value, .is-reveal-open .pdp-main .product-add-to-cart .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .price-value, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .product-add-to-cart .price-qty-row.content-asset .price-value, .is-reveal-open .pdp-main .product-add-to-cart .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .price-value, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .product-add-to-cart .price-qty-row.content-asset .price-value { padding-left: 10px; } .pt_product-details .pdp-main .low-in-stock, .is-reveal-open .pdp-main .low-in-stock { text-align: right; width: 100%; padding: 0 58px; color: #c8102e; margin-top: 5px !important; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .low-in-stock, .is-reveal-open .pdp-main .low-in-stock { padding: 0 10px; } } .pt_product-details .pdp-main .product-form-actions, .is-reveal-open .pdp-main .product-form-actions { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-top: 22px; } .pt_product-details .pdp-main .product-form-actions a.text-only, .is-reveal-open .pdp-main .product-form-actions a.text-only { color: #202020; margin-top: 24px; font-weight: normal; } .pt_product-details .pdp-main .product-form-actions a.text-only:hover, .is-reveal-open .pdp-main .product-form-actions a.text-only:hover { text-decoration: underline; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-form-actions a.text-only, .is-reveal-open .pdp-main .product-form-actions a.text-only { margin-top: 0; } } .pt_product-details .pdp-main .product-set-actions .product-add-to-cart, .is-reveal-open .pdp-main .product-set-actions .product-add-to-cart { margin-bottom: 0; } .pt_product-details .pdp-main .salesprice, .is-reveal-open .pdp-main .salesprice { font-weight: bold; } .pt_product-details .pdp-main .pdp-content-inner, .is-reveal-open .pdp-main .pdp-content-inner { padding: 28px 64px 0; margin-top: 0; font-size: 17px; } .pt_product-details .pdp-main .pdp-content-inner h2, .is-reveal-open .pdp-main .pdp-content-inner h2 { color: #706258; font-weight: normal; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .pdp-content-inner, .is-reveal-open .pdp-main .pdp-content-inner { padding: 28px 12px; } } .pt_product-details .pdp-main a.accordion-toggle, .is-reveal-open .pdp-main a.accordion-toggle { display: block; width: calc(100% + 30px); background: #706258; padding: 11px 25px; font-weight: bold; color: #fff; margin-right: 1rem; margin-left: -1rem; text-transform: uppercase; position: relative; } .pt_product-details .pdp-main a.accordion-toggle:after, .is-reveal-open .pdp-main a.accordion-toggle:after { font-family: icomoon; content: "\e914"; float: right; } .pt_product-details .pdp-main a.accordion-toggle.is-open:after, .is-reveal-open .pdp-main a.accordion-toggle.is-open:after { font-family: icomoon; content: "\e90f"; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main a.accordion-toggle, .is-reveal-open .pdp-main a.accordion-toggle { display: none !important; } } .pt_product-details .pdp-main .video-carousel, .is-reveal-open .pdp-main .video-carousel { padding-top: 40px; border-top: 1px solid #cebc9e; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .video-carousel, .is-reveal-open .pdp-main .video-carousel { padding-top: 60px; } } .pt_product-details .pdp-main .modal-video, .is-reveal-open .pdp-main .modal-video { position: relative; text-align: center; } .pt_product-details .pdp-main .modal-video:before, .is-reveal-open .pdp-main .modal-video:before { content: "\e90d"; display: block; position: absolute; font-family: "icomoon"; color: #fff; font-size: 50px; left: 44%; top: 25%; bottom: initial; right: initial; width: initial; line-height: inherit; } .pt_product-details .pdp-main .pdp-content-section, .is-reveal-open .pdp-main .pdp-content-section { display: none; width: 100%; } .pt_product-details .pdp-main .pdp-content-section:first-child, .pt_product-details .pdp-main .pdp-content-section:first-of-type, .is-reveal-open .pdp-main .pdp-content-section:first-child, .is-reveal-open .pdp-main .pdp-content-section:first-of-type { border-top: none; } .pt_product-details .pdp-main .pdp-content-section.recommendations, .is-reveal-open .pdp-main .pdp-content-section.recommendations { overflow: hidden; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .pdp-content-section.recommendations, .is-reveal-open .pdp-main .pdp-content-section.recommendations { overflow: visible; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .pdp-content-section, .is-reveal-open .pdp-main .pdp-content-section { display: block; min-height: auto; } } .pt_product-details .pdp-main .pdp-content-section .slick-next, .is-reveal-open .pdp-main .pdp-content-section .slick-next { right: -6px; } .pt_product-details .pdp-main .pdp-content-section hr, .is-reveal-open .pdp-main .pdp-content-section hr { clear: both; display: block; width: 100%; border-color: #202020; border-width: 1px 0 0; } .pt_product-details .pdp-main .pdp-content-section .main-video, .is-reveal-open .pdp-main .pdp-content-section .main-video { margin-bottom: 60px; position: relative; text-align: center; } .pt_product-details .pdp-main .pdp-content-section .main-video:hover, .is-reveal-open .pdp-main .pdp-content-section .main-video:hover { cursor: pointer; } .pt_product-details .pdp-main .pdp-content-section .large-video .row .row, .pt_product-details .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .content-asset .row, .pt_product-details .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .content-asset .row, .pt_product-details .pdp-main .pdp-content-section .large-video .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .row .content-asset, .pt_product-details .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .content-asset .content-asset, .pt_product-details .pdp-main .pdp-content-section .large-video .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .row .content-asset, .pt_product-details .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .pdp-content-section .large-video .content-asset .content-asset, .is-reveal-open .pdp-main .pdp-content-section .large-video .row .row, .is-reveal-open .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .content-asset .row, .is-reveal-open .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .content-asset .row, .is-reveal-open .pdp-main .pdp-content-section .large-video .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .row .content-asset, .is-reveal-open .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .content-asset .content-asset, .is-reveal-open .pdp-main .pdp-content-section .large-video .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .row .content-asset, .is-reveal-open .pdp-main .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .pdp-content-section .large-video .content-asset .content-asset { width: 100%; } .pt_product-details .pdp-main .pdp-content-section h4, .pt_product-details .pdp-main .pdp-content-section .title-h1, .is-reveal-open .pdp-main .pdp-content-section h4, .is-reveal-open .pdp-main .pdp-content-section .title-h1 { margin-top: 0; } .pt_product-details .pdp-main .pdp-content-section .pdp-content-inner.row, .pt_product-details .pdp-main .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details .pdp-main .pdp-content-section .pdp-content-inner.content-asset, .pt_product-details .pdp-main .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details .pdp-main .pdp-content-section .pdp-content-inner.content-asset, .is-reveal-open .pdp-main .pdp-content-section .pdp-content-inner.row, .is-reveal-open .pdp-main .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main .pdp-content-section .pdp-content-inner.content-asset, .is-reveal-open .pdp-main .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main .pdp-content-section .pdp-content-inner.content-asset { margin: 0 auto; } .pt_product-details .pdp-main .pdp-content-section .video-carousel, .is-reveal-open .pdp-main .pdp-content-section .video-carousel { padding-top: 40px; border-top: 1px solid #cebc9e; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .pdp-content-section .video-carousel, .is-reveal-open .pdp-main .pdp-content-section .video-carousel { padding-top: 60px; } } .pt_product-details .pdp-main .pdp-content-section .video-carousel .modal-video:hover, .is-reveal-open .pdp-main .pdp-content-section .video-carousel .modal-video:hover { cursor: pointer; } .pt_product-details .pdp-main .pdp-content-section .modal-video, .is-reveal-open .pdp-main .pdp-content-section .modal-video { position: relative; text-align: center; } .pt_product-details .pdp-main .pdp-content-section .modal-video:before, .is-reveal-open .pdp-main .pdp-content-section .modal-video:before { content: "\e90d"; display: block; position: absolute; font-family: "icomoon"; color: #fff; font-size: 50px; left: 44%; top: 25%; bottom: initial; right: initial; width: initial; line-height: inherit; } .pt_product-details .pdp-main .pdp-content-section .modal-video h4, .is-reveal-open .pdp-main .pdp-content-section .modal-video h4 { text-align: center; } @media screen and (min-width: 1220px) { .pt_product-details .pdp-main .pdp-content-section .modal-video h4, .is-reveal-open .pdp-main .pdp-content-section .modal-video h4 { margin-left: 17px; } } @media screen and (max-width: 1220px) and (min-width: 1160px) { .pt_product-details .pdp-main .pdp-content-section .modal-video h4, .is-reveal-open .pdp-main .pdp-content-section .modal-video h4 { margin-left: 7px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .pdp-content-section .modal-video h4, .is-reveal-open .pdp-main .pdp-content-section .modal-video h4 { margin-left: 27px; } } .pt_product-details .pdp-main .pdp-content-section .modal-video img, .is-reveal-open .pdp-main .pdp-content-section .modal-video img { max-height: 203px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .pdp-content-section .modal-video img, .is-reveal-open .pdp-main .pdp-content-section .modal-video img { max-height: none; max-width: none; } } .pt_product-details .pdp-main .pdp-content-section#reviews h2, .is-reveal-open .pdp-main .pdp-content-section#reviews h2 { font-size: 1.5rem; font-weight: 400; margin: .625rem 0; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .pdp-content-section#reviews h2, .is-reveal-open .pdp-main .pdp-content-section#reviews h2 { font-size: 1.75em; margin: 0 0 14px; } } .pt_product-details .pdp-main .pdp-content-section#overview, .is-reveal-open .pdp-main .pdp-content-section#overview { border: none; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .pdp-content-section.tabs-panel, .is-reveal-open .pdp-main .pdp-content-section.tabs-panel { display: none; border-top: none; } .pt_product-details .pdp-main .pdp-content-section.tabs-panel.is-active, .is-reveal-open .pdp-main .pdp-content-section.tabs-panel.is-active { display: block; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .content-sections .pdp-content-section, .is-reveal-open .pdp-main .content-sections .pdp-content-section { display: block; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #bazaarvoice-tabs, .pt_product-details .pdp-main #power-reviews-tabs, .is-reveal-open .pdp-main #bazaarvoice-tabs, .is-reveal-open .pdp-main #power-reviews-tabs { display: none; } } .pt_product-details .pdp-main .recommendations .carousel-recommendations, .is-reveal-open .pdp-main .recommendations .carousel-recommendations { margin: auto; position: relative; border-top: 1px solid #202020; border: 0; } .pt_product-details .pdp-main .recommendations .carousel-recommendations .product-price, .is-reveal-open .pdp-main .recommendations .carousel-recommendations .product-price { margin: 0; text-align: center; display: block; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .dropdown__list, .is-reveal-open .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .dropdown__list { max-height: 12em; width: 100%; border-top: 1px solid black; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .variant, .is-reveal-open .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .variant { float: left; padding: 10px 7px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .swatch-block, .is-reveal-open .pdp-main .recommendations .carousel-recommendations .product-tile .variation-select .dropdown__list-container .swatch-block { margin-left: 0; } } .pt_product-details .pdp-main .recommendations .carousel-recommendations .price-qty-row .quantity .underline, .is-reveal-open .pdp-main .recommendations .carousel-recommendations .price-qty-row .quantity .underline { padding: 5px 20px 5px 10px; } .pt_product-details .pdp-main .recommendations ul, .is-reveal-open .pdp-main .recommendations ul { padding: 0; margin: 0; list-style-type: none; position: relative; } .pt_product-details .pdp-main .recommendations li, .is-reveal-open .pdp-main .recommendations li { float: left; } .pt_product-details .pdp-main .recommendations .product-tile:hover .recommendation-tooltip, .is-reveal-open .pdp-main .recommendations .product-tile:hover .recommendation-tooltip { display: block !important; } .pt_product-details .pdp-main .product-variations .slick-next, .pt_product-details .pdp-main .product-variations .slick-prev, .pt_product-details .pdp-main .product-variations .slick-prev:hover, .pt_product-details .pdp-main .product-variations .slick-prev:focus, .pt_product-details .pdp-main .product-variations .slick-next:hover, .pt_product-details .pdp-main .product-variations .slick-next:focus, .pt_product-details .pdp-main .product-options .slick-next, .pt_product-details .pdp-main .product-options .slick-prev, .pt_product-details .pdp-main .product-options .slick-prev:hover, .pt_product-details .pdp-main .product-options .slick-prev:focus, .pt_product-details .pdp-main .product-options .slick-next:hover, .pt_product-details .pdp-main .product-options .slick-next:focus, .is-reveal-open .pdp-main .product-variations .slick-next, .is-reveal-open .pdp-main .product-variations .slick-prev, .is-reveal-open .pdp-main .product-variations .slick-prev:hover, .is-reveal-open .pdp-main .product-variations .slick-prev:focus, .is-reveal-open .pdp-main .product-variations .slick-next:hover, .is-reveal-open .pdp-main .product-variations .slick-next:focus, .is-reveal-open .pdp-main .product-options .slick-next, .is-reveal-open .pdp-main .product-options .slick-prev, .is-reveal-open .pdp-main .product-options .slick-prev:hover, .is-reveal-open .pdp-main .product-options .slick-prev:focus, .is-reveal-open .pdp-main .product-options .slick-next:hover, .is-reveal-open .pdp-main .product-options .slick-next:focus { color: transparent; outline: none; background: rgba(255, 255, 255, 0.63); height: 100%; margin-top: 0; top: 0; } .pt_product-details .pdp-main .product-variations .slick-prev, .pt_product-details .pdp-main .product-options .slick-prev, .is-reveal-open .pdp-main .product-variations .slick-prev, .is-reveal-open .pdp-main .product-options .slick-prev { left: 0; } .pt_product-details .pdp-main .product-variations .slick-prev:before, .pt_product-details .pdp-main .product-options .slick-prev:before, .is-reveal-open .pdp-main .product-variations .slick-prev:before, .is-reveal-open .pdp-main .product-options .slick-prev:before { content: "\f0d9"; } .pt_product-details .pdp-main .product-variations .slick-next, .pt_product-details .pdp-main .product-options .slick-next, .is-reveal-open .pdp-main .product-variations .slick-next, .is-reveal-open .pdp-main .product-options .slick-next { right: 0; } .pt_product-details .pdp-main .product-variations .slick-next:before, .pt_product-details .pdp-main .product-options .slick-next:before, .is-reveal-open .pdp-main .product-variations .slick-next:before, .is-reveal-open .pdp-main .product-options .slick-next:before { content: "\f0da"; } .pt_product-details .pdp-main .product-variations .attribute, .pt_product-details .pdp-main .product-options .attribute, .is-reveal-open .pdp-main .product-variations .attribute, .is-reveal-open .pdp-main .product-options .attribute { display: inherit; margin: 0; padding: 0; position: relative; } .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown, .pt_product-details .pdp-main .product-options .attribute.variant-dropdown, .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown, .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-set .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown, .product-set .pt_product-details .pdp-main .product-options .attribute.variant-dropdown, .product-set .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown, .product-set .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown { display: none; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown, .pt_product-details .pdp-main .product-options .attribute.variant-dropdown, .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown, .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown { max-width: 300px; } } .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown .label, .pt_product-details .pdp-main .product-options .attribute.variant-dropdown .label, .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown .label, .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown .label { display: -ms-flexbox; display: flex; font-size: 0.875rem; margin-right: 10px; } .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown .value, .pt_product-details .pdp-main .product-options .attribute.variant-dropdown .value, .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown .value, .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown .value { display: -ms-flexbox; display: flex; } .pt_product-details .pdp-main .product-variations .attribute.variant-dropdown select.variation-select.underline, .pt_product-details .pdp-main .product-options .attribute.variant-dropdown select.variation-select.underline, .is-reveal-open .pdp-main .product-variations .attribute.variant-dropdown select.variation-select.underline, .is-reveal-open .pdp-main .product-options .attribute.variant-dropdown select.variation-select.underline { margin: 4px; } .pt_product-details .pdp-main .product-variations .attribute .value, .pt_product-details .pdp-main .product-options .attribute .value, .is-reveal-open .pdp-main .product-variations .attribute .value, .is-reveal-open .pdp-main .product-options .attribute .value { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pt_product-details .pdp-main .product-variations .attribute ul, .pt_product-details .pdp-main .product-options .attribute ul, .is-reveal-open .pdp-main .product-variations .attribute ul, .is-reveal-open .pdp-main .product-options .attribute ul { display: inline-block; list-style: none; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .product-variations .attribute ul, .pt_product-details .pdp-main .product-options .attribute ul, .is-reveal-open .pdp-main .product-variations .attribute ul, .is-reveal-open .pdp-main .product-options .attribute ul { height: auto; } } .pt_product-details .pdp-main .product-variations .attribute .selected-value, .pt_product-details .pdp-main .product-options .attribute .selected-value, .is-reveal-open .pdp-main .product-variations .attribute .selected-value, .is-reveal-open .pdp-main .product-options .attribute .selected-value { border: 0 none; color: #84bd00; font-weight: bold; padding: 1.3em 0 0 .4em; text-transform: uppercase; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .product-variations .attribute .selected-value, .pt_product-details .pdp-main .product-options .attribute .selected-value, .is-reveal-open .pdp-main .product-variations .attribute .selected-value, .is-reveal-open .pdp-main .product-options .attribute .selected-value { padding-top: .8em; } } .pt_product-details .pdp-main .product-variations .attribute .size-chart-link, .pt_product-details .pdp-main .product-options .attribute .size-chart-link, .is-reveal-open .pdp-main .product-variations .attribute .size-chart-link, .is-reveal-open .pdp-main .product-options .attribute .size-chart-link { clear: both; float: none; } .pt_product-details .pdp-main .product-variations .attribute .size-chart-link a, .pt_product-details .pdp-main .product-options .attribute .size-chart-link a, .is-reveal-open .pdp-main .product-variations .attribute .size-chart-link a, .is-reveal-open .pdp-main .product-options .attribute .size-chart-link a { border-color: #ffffff !important; padding: 0; } .pt_product-details .pdp-main .product-variations .pdp-vars .attribute, .pt_product-details .pdp-main .product-options .pdp-vars .attribute, .is-reveal-open .pdp-main .product-variations .pdp-vars .attribute, .is-reveal-open .pdp-main .product-options .pdp-vars .attribute { overflow: visible; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable, .pt_product-details .pdp-main .product-variations .swatches.size .unselectable, .pt_product-details .pdp-main .product-options .swatches.size .selectable, .pt_product-details .pdp-main .product-options .swatches.size .unselectable, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable, .is-reveal-open .pdp-main .product-variations .swatches.size .unselectable, .is-reveal-open .pdp-main .product-options .swatches.size .selectable, .is-reveal-open .pdp-main .product-options .swatches.size .unselectable { float: left; height: auto; width: auto; margin-right: 16px; margin-bottom: 5px; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable, .pt_product-details .pdp-main .product-options .swatches.size .selectable, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable, .is-reveal-open .pdp-main .product-options .swatches.size .selectable { font-weight: bold; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable:hover a, .pt_product-details .pdp-main .product-variations .swatches.size .selectable.selected a, .pt_product-details .pdp-main .product-options .swatches.size .selectable:hover a, .pt_product-details .pdp-main .product-options .swatches.size .selectable.selected a, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable:hover a, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable.selected a, .is-reveal-open .pdp-main .product-options .swatches.size .selectable:hover a, .is-reveal-open .pdp-main .product-options .swatches.size .selectable.selected a { border-color: #706258; border-width: 0 0 3px; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable.selected a, .pt_product-details .pdp-main .product-options .swatches.size .selectable.selected a, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable.selected a, .is-reveal-open .pdp-main .product-options .swatches.size .selectable.selected a { color: #706258; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable a, .pt_product-details .pdp-main .product-options .swatches.size .selectable a, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable a, .is-reveal-open .pdp-main .product-options .swatches.size .selectable a { border-color: #050505; border-style: solid; border-width: 0; color: #706258; display: block; margin: 0; padding: 1px; text-align: center; white-space: nowrap; } .pt_product-details .pdp-main .product-variations .swatches.size .selectable span.label, .pt_product-details .pdp-main .product-options .swatches.size .selectable span.label, .is-reveal-open .pdp-main .product-variations .swatches.size .selectable span.label, .is-reveal-open .pdp-main .product-options .swatches.size .selectable span.label { font-weight: normal; } .pt_product-details .pdp-main .product-variations .color li, .pt_product-details .pdp-main .product-options .color li, .is-reveal-open .pdp-main .product-variations .color li, .is-reveal-open .pdp-main .product-options .color li { display: inline-block; height: 20px; width: 64px; border: 1px solid transparent; padding: 3px; border: none; } .pt_product-details .pdp-main .product-variations .color li a .hex-swatch-block, .pt_product-details .pdp-main .product-options .color li a .hex-swatch-block, .is-reveal-open .pdp-main .product-variations .color li a .hex-swatch-block, .is-reveal-open .pdp-main .product-options .color li a .hex-swatch-block { width: 100%; height: 100%; } .pt_product-details .pdp-main .product-variations .color li.hex-swatch, .pt_product-details .pdp-main .product-options .color li.hex-swatch, .is-reveal-open .pdp-main .product-variations .color li.hex-swatch, .is-reveal-open .pdp-main .product-options .color li.hex-swatch { text-indent: -99999px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .product-variations .color li, .pt_product-details .pdp-main .product-options .color li, .is-reveal-open .pdp-main .product-variations .color li, .is-reveal-open .pdp-main .product-options .color li { margin: 0 6px 0 0; height: 34px; } } .pt_product-details .pdp-main .product-variations .color li.selected, .pt_product-details .pdp-main .product-options .color li.selected, .is-reveal-open .pdp-main .product-variations .color li.selected, .is-reveal-open .pdp-main .product-options .color li.selected { border-color: #202020; background-color: #ffffff; } .pt_product-details .pdp-main .product-variations .color li.unselectable, .pt_product-details .pdp-main .product-options .color li.unselectable, .is-reveal-open .pdp-main .product-variations .color li.unselectable, .is-reveal-open .pdp-main .product-options .color li.unselectable { position: relative; } .pt_product-details .pdp-main .product-variations .color li.unselectable:after, .pt_product-details .pdp-main .product-options .color li.unselectable:after, .is-reveal-open .pdp-main .product-variations .color li.unselectable:after, .is-reveal-open .pdp-main .product-options .color li.unselectable:after { content: ""; background: url("data:image/svg+xml;utf8,") no-repeat center center/100% 100%; display: block; position: absolute; top: 3px; right: 0; bottom: 0; left: 3px; z-index: 5; width: calc(100% - 6px); height: calc(100% - 6px); pointer-events: none; } .pt_product-details .pdp-main .product-variations .color li.unselectable:hover a, .pt_product-details .pdp-main .product-options .color li.unselectable:hover a, .is-reveal-open .pdp-main .product-variations .color li.unselectable:hover a, .is-reveal-open .pdp-main .product-options .color li.unselectable:hover a { border-color: #202020; } .pt_product-details .pdp-main .product-variations .color li.unselectable.img-swatch:before, .pt_product-details .pdp-main .product-options .color li.unselectable.img-swatch:before, .is-reveal-open .pdp-main .product-variations .color li.unselectable.img-swatch:before, .is-reveal-open .pdp-main .product-options .color li.unselectable.img-swatch:before { top: 9px; left: -1px; width: 94%; transform: rotate(12deg); } .pt_product-details .pdp-main .product-variations .color li a, .pt_product-details .pdp-main .product-options .color li a, .is-reveal-open .pdp-main .product-variations .color li a, .is-reveal-open .pdp-main .product-options .color li a { line-height: 0; width: 100%; height: 100%; display: block; } .pt_product-details .pdp-main .product-variations .color li a img, .pt_product-details .pdp-main .product-options .color li a img, .is-reveal-open .pdp-main .product-variations .color li a img, .is-reveal-open .pdp-main .product-options .color li a img { width: 100%; height: 100%; } .pt_product-details .pdp-main .product-variations select, .pt_product-details .pdp-main .product-options select, .is-reveal-open .pdp-main .product-variations select, .is-reveal-open .pdp-main .product-options select { background-color: #ffffff; border: 1px solid #202020; border-radius: 0; height: 42px; width: 100%; margin-left: 0; } .pt_product-details .pdp-main .product-variations .size > span, .pt_product-details .pdp-main .product-options .size > span, .is-reveal-open .pdp-main .product-variations .size > span, .is-reveal-open .pdp-main .product-options .size > span { margin-right: 16px; } .pt_product-details .pdp-main .product-variations .value > .label, .pt_product-details .pdp-main .product-options .value > .label, .is-reveal-open .pdp-main .product-variations .value > .label, .is-reveal-open .pdp-main .product-options .value > .label { margin-right: 16px; } .pt_product-details .pdp-main .product-options ul, .is-reveal-open .pdp-main .product-options ul { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } .pt_product-details .pdp-main .product-options span, .is-reveal-open .pdp-main .product-options span { display: inline-block; } .pt_product-details .pdp-main .product-options .product-option, .is-reveal-open .pdp-main .product-options .product-option { font-size: 13px; height: auto; padding: 10px 30px 10px 15px; margin: 8px 0 20px 0; width: 204px; } .pt_product-details .pdp-main .product-options .product-option-label, .is-reveal-open .pdp-main .product-options .product-option-label { font-weight: bold; text-transform: initial; font-size: 16px; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; margin-right: 2px; margin-bottom: 0; letter-spacing: 1px; color: #202020; margin-bottom: 0; } .pt_product-details .pdp-main .product-options .replenishOffer, .is-reveal-open .pdp-main .product-options .replenishOffer { text-transform: initial; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 400; line-height: 1.2em; font-size: 14px; letter-spacing: 1px; color: #202020; } .pt_product-details .pdp-main .tabs, .is-reveal-open .pdp-main .tabs { clear: both; position: relative; text-align: center; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .tab, .is-reveal-open .pdp-main .tab { display: inline-block; float: none; } } .pt_product-details .pdp-main .tab .tab-switch, .is-reveal-open .pdp-main .tab .tab-switch { display: none; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .tab .tab-switch:checked + .tab-label, .is-reveal-open .pdp-main .tab .tab-switch:checked + .tab-label { background: #fff; border-bottom-color: #202020; color: #202020; font-weight: 700; top: -0.0625rem; transition: all 0.35s; z-index: 1; } } .pt_product-details .pdp-main .tab .tab-switch:checked + label + .tab-content, .is-reveal-open .pdp-main .tab .tab-switch:checked + label + .tab-content { opacity: 1; transition: all 0.35s; z-index: 2; } .pt_product-details .pdp-main .tab .tab-label, .is-reveal-open .pdp-main .tab .tab-label { border-bottom: 3px solid #ffffff; color: #202020; display: block; font-weight: 400; line-height: 2.5em; margin-bottom: 0; position: relative; text-transform: none; top: 0; transition: all 0.25s; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .tab .tab-label, .is-reveal-open .pdp-main .tab .tab-label { cursor: pointer; padding: 0 1.25rem; } .pt_product-details .pdp-main .tab .tab-label:hover, .is-reveal-open .pdp-main .tab .tab-label:hover { border-bottom-color: #202020; top: -0.25rem; transition: top 0.25s; } } .pt_product-details .pdp-main .tab .tab-content, .is-reveal-open .pdp-main .tab .tab-content { padding: 1em 0; text-align: left; z-index: 1; } @media screen and (min-width: 768px) { .pt_product-details .pdp-main .tab .tab-content, .is-reveal-open .pdp-main .tab .tab-content { left: 0; opacity: 0; position: absolute; top: 2.75em; transition: all 0.35s; width: 100%; } } .pt_product-details .pdp-main .findation-widget-wrapper, .is-reveal-open .pdp-main .findation-widget-wrapper { margin-top: 10px; } .pt_product-details .pdp-main .pdp-afterpay-message, .is-reveal-open .pdp-main .pdp-afterpay-message { margin-top: 20px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .pdp-afterpay-message, .is-reveal-open .pdp-main .pdp-afterpay-message { padding: 0px 15px; } } .pt_product-details .pdp-main .miniproduct-info.loading, .is-reveal-open .pdp-main .miniproduct-info.loading { min-height: 50px; background: none; position: relative; background-image: url(../images/spin.gif); background-repeat: no-repeat; background-position: 50%; background-size: 10%; } .pt_product-details .pdp-main .miniproduct-info.loading .miniproduct, .is-reveal-open .pdp-main .miniproduct-info.loading .miniproduct { visibility: hidden; } .pt_product-details .pdp-main .miniproduct-info .selected-variant-image, .is-reveal-open .pdp-main .miniproduct-info .selected-variant-image { width: 24px; height: 24px; position: absolute; display: block; } .pt_product-details .pdp-main .miniproduct-info .selected-variant-image img, .pt_product-details .pdp-main .miniproduct-info .selected-variant-image .swatch-block, .is-reveal-open .pdp-main .miniproduct-info .selected-variant-image img, .is-reveal-open .pdp-main .miniproduct-info .selected-variant-image .swatch-block { width: 100%; height: 100%; } .pt_product-details .pdp-main .miniproduct-info .product-name, .is-reveal-open .pdp-main .miniproduct-info .product-name { font-size: 17px; margin-right: 0; margin-bottom: 10px; word-wrap: break-word; width: 75%; color: #333333; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .miniproduct-info .product-name, .is-reveal-open .pdp-main .miniproduct-info .product-name { font-size: 13px; margin-left: 0px; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .miniproduct-info .product-name, .is-reveal-open .pdp-main .miniproduct-info .product-name { display: none; } } .pt_product-details .pdp-main .miniproduct-info .product-brand, .is-reveal-open .pdp-main .miniproduct-info .product-brand { font-size: 0.825rem; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .miniproduct-info .product-brand, .is-reveal-open .pdp-main .miniproduct-info .product-brand { display: none; } } .pt_product-details .pdp-main .miniproduct-info .product-price, .is-reveal-open .pdp-main .miniproduct-info .product-price { font-size: 18px; text-align: right; float: right; margin-right: 0; position: relative; right: 26%; line-height: 1; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .miniproduct-info .product-price, .is-reveal-open .pdp-main .miniproduct-info .product-price { font-size: 13px; right: 19%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .miniproduct-info .product-price, .is-reveal-open .pdp-main .miniproduct-info .product-price { right: 5%; } } .pt_product-details .pdp-main .miniproduct-info .variation-dropdown-container, .is-reveal-open .pdp-main .miniproduct-info .variation-dropdown-container { position: relative; } .pt_product-details .pdp-main .miniproduct-info .variation-dropdown-container .selected-variant-image, .is-reveal-open .pdp-main .miniproduct-info .variation-dropdown-container .selected-variant-image { height: 36px; width: 36px; } .pt_product-details .pdp-main .miniproduct-info .variation-dropdown-container .variant-drop-down, .is-reveal-open .pdp-main .miniproduct-info .variation-dropdown-container .variant-drop-down { margin-left: 36px; } .pt_product-details .pdp-main .miniproduct-info select.variation-select, .is-reveal-open .pdp-main .miniproduct-info select.variation-select { height: 36px; text-transform: uppercase; } .pt_product-details .pdp-main .miniproduct-info .mini-add-to-cart, .is-reveal-open .pdp-main .miniproduct-info .mini-add-to-cart { height: 36px; width: 100%; } .pt_product-details .pdp-main .persistant-tray-active, .is-reveal-open .pdp-main .persistant-tray-active { position: fixed; display: block; bottom: 70px; right: 0px; border: 1px solid #ccc; top: auto !important; left: auto; z-index: 200; background: #fff; overflow: initial; min-height: 100px; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .persistant-tray-active, .is-reveal-open .pdp-main .persistant-tray-active { width: 400px; } } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .persistant-tray-active, .is-reveal-open .pdp-main .persistant-tray-active { width: 450px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active, .is-reveal-open .pdp-main .persistant-tray-active { width: 100%; bottom: 0; } } @media screen and (min-width: 93.75em) { .pt_product-details .pdp-main .persistant-tray-active, .is-reveal-open .pdp-main .persistant-tray-active { right: calc((100% - 1500px) / 2); } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info.loading, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info.loading { min-height: 100px; } .pt_product-details .pdp-main .persistant-tray-active.closed, .is-reveal-open .pdp-main .persistant-tray-active.closed { display: none; } .pt_product-details .pdp-main .persistant-tray-active .icon-down-persistant-tray, .is-reveal-open .pdp-main .persistant-tray-active .icon-down-persistant-tray { position: absolute; top: -36px; right: 40px; font-size: 24px; color: #d9d9d9; cursor: pointer; display: none; } .pt_product-details .pdp-main .persistant-tray-active .global-add-to-cart-error, .is-reveal-open .pdp-main .persistant-tray-active .global-add-to-cart-error { color: #c8102e; font-size: 12px; } .pt_product-details .pdp-main .persistant-tray-active .button-close, .is-reveal-open .pdp-main .persistant-tray-active .button-close { position: absolute; right: 5px; top: 5px; width: auto; padding: 4px; margin: 0; border: 0 none; } .pt_product-details .pdp-main .persistant-tray-active .button-close .icon, .is-reveal-open .pdp-main .persistant-tray-active .button-close .icon { font-size: 14px; } .pt_product-details .pdp-main .persistant-tray-active .selected-color-image, .is-reveal-open .pdp-main .persistant-tray-active .selected-color-image { height: 20px; width: 20px; position: relative; top: 8px; left: 1px; right: auto; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .selected-color-image, .is-reveal-open .pdp-main .persistant-tray-active .selected-color-image { top: 28px; } } .pt_product-details .pdp-main .persistant-tray-active .selected-color-image .hex-swatch-block, .pt_product-details .pdp-main .persistant-tray-active .selected-color-image img, .is-reveal-open .pdp-main .persistant-tray-active .selected-color-image .hex-swatch-block, .is-reveal-open .pdp-main .persistant-tray-active .selected-color-image img { height: 100%; } .pt_product-details .pdp-main .persistant-tray-active .selected-color-image img, .is-reveal-open .pdp-main .persistant-tray-active .selected-color-image img { vertical-align: baseline; position: relative; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-actions, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-actions { margin-top: -20px; } } .pt_product-details .pdp-main .persistant-tray-active .icon-loading, .is-reveal-open .pdp-main .persistant-tray-active .icon-loading { display: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; font-size: 30px; line-height: 30px; } .pt_product-details .pdp-main .persistant-tray-active .icon-loading .icon, .is-reveal-open .pdp-main .persistant-tray-active .icon-loading .icon { width: 30px; height: 30px; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info { padding: 15px 20px; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .callout.alert, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .callout.alert { padding-top: 10px; padding-bottom: 0; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .item-image, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .item-image { padding: 0; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .item-image img, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .item-image img { position: relative; top: 0; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-name { text-align: left; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-name { padding-left: 2px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container { margin-top: 10px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container { display: inline-block; width: 48%; float: right; margin-top: 0; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart { background-color: #897247; color: #ffffff; font-weight: 500; text-transform: uppercase; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover { background-color: #706258; color: #333333; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover .product-price { border-color: #333333; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart span.button-content, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart span.button-content { margin-right: 10px; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price { border-left: 1px solid #ffffff; line-height: 1; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price .price-sales, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price .price-sales { font-size: 1rem; margin-left: 5px; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price .price-standard, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price .price-standard { font-size: 1rem; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline { background-color: transparent; border: 1px solid #050505; color: #050505; cursor: auto; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline { padding: 8px 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline { padding: 8px 35px; } } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .button-content, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .button-content { font-size: .825rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .button-content, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .button-content { float: left; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price { border-left: 1px solid #050505; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 9%; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price { top: 2px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price { top: 3px; right: 8%; } } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 13%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price .price-sales, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline .product-price .price-sales { font-size: .825rem; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container { position: relative; padding-right: 0; display: inline-block; width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container { width: 48%; float: left; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size { margin-top: 10px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size { margin-top: 15px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size h1.product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size h1.product-name { width: 95%; display: block; padding: 0; margin-bottom: 0; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .selected-variant-image, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .selected-variant-image { display: none; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down { max-width: none; -ms-flex: 1; flex: 1; padding-right: 0; margin-left: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down { max-width: 100%; font-size: 13px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown select.underline, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown select.underline { border: 0; border-top: 1px solid #e8e4da; border-bottom: 1px solid #e8e4da; padding-left: 30px; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value label, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value label { display: none; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons { display: inline-block; width: 100%; text-align: left; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"]:first-of-type, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"]:first-of-type { margin-left: 0; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"], .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"] { position: relative; top: 3px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"], .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container .variant-drop-down .variant-dropdown.variation-size .value .size-radio-buttons input[type="radio"] { margin-top: 0; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container { margin-top: 15px; float: none; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart { height: 50px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price { right: 24%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price { right: 3%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart .product-price { right: 17%; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 11%; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 4%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.variation-size + .add-to-bag-container .mini-add-to-cart.button.outline .product-price { top: 4px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.show-for-small-only .product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .variation-dropdown-container.show-for-small-only .product-name { display: block; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container { width: 40%; float: left; margin: 0; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container > .column, .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container > .columns, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container > .column, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct .product-form-actions-container > .columns { padding: 0; width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product { position: relative; top: 25px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .miniproduct-actions, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .miniproduct-actions { margin-top: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .product-name { margin-bottom: 0; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container h1.product-name, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container h1.product-name { width: 100%; display: block; padding: 0; margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container { top: -9px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations { text-align: left; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .label, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .label { position: absolute; } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .variant-size, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .variant-size { display: inline-block; left: 30px; position: relative; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container { position: relative; float: none; top: -9px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart .product-price { right: 3%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart .product-price { right: 17%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline { padding-left: 30px; padding-right: 30px; } } .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 13%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 5%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container .mini-add-to-cart.button.outline .product-price { right: 6%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container.miniproduct-onesize .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container.miniproduct-onesize .mini-add-to-cart .product-price { right: 5%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container.miniproduct-onesize .mini-add-to-cart .product-price, .is-reveal-open .pdp-main .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .add-to-bag-container.miniproduct-onesize .mini-add-to-cart .product-price { right: 19%; } } .pt_product-details .pdp-main .afterpay-pdp-block, .is-reveal-open .pdp-main .afterpay-pdp-block { margin: 15px 0px; } .pt_product-details .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img, .is-reveal-open .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img { width: 80px; vertical-align: middle; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img, .is-reveal-open .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img { width: 80px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img, .is-reveal-open .pdp-main .afterpay-pdp-block .afterpay-pdp-btn img { width: 75px; margin: 0; } } .pt_product-details .pdp-main .replenish-checkbox, .is-reveal-open .pdp-main .replenish-checkbox { margin: 1.2rem 0 2rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .pt_product-details .pdp-main .replenish-checkbox > label, .is-reveal-open .pdp-main .replenish-checkbox > label { font-weight: bold; text-transform: initial; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; margin-right: 2px; margin-bottom: 0; letter-spacing: 0; } .pt_product-details .pdp-main .replenish-checkbox .replenishOffer, .is-reveal-open .pdp-main .replenish-checkbox .replenishOffer { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 600; font-size: .75rem; text-transform: initial; letter-spacing: 0; } @media only screen and (max-width: 812px) { .pt_product-details .pdp-main .replenish-checkbox .replenishOffer, .is-reveal-open .pdp-main .replenish-checkbox .replenishOffer { margin-left: 26px; margin-top: 2px; } } .pt_product-details .pdp-main .replenish-checkbox .replenishCheckbox-container, .is-reveal-open .pdp-main .replenish-checkbox .replenishCheckbox-container { display: -ms-flexbox; display: flex; } .pt_product-details .pdp-main .replenish-checkbox .replenishCheckbox-container input[type=checkbox]:checked:before, .is-reveal-open .pdp-main .replenish-checkbox .replenishCheckbox-container input[type=checkbox]:checked:before { background-position: -2px -2px; background-repeat: no-repeat; width: 16px; height: 16px; } .pt_product-details .pdp-main .replenish-checkbox .replenishCheckbox-container input[type=checkbox]:focus, .is-reveal-open .pdp-main .replenish-checkbox .replenishCheckbox-container input[type=checkbox]:focus { outline: 2px dotted #000; } .pt_product-details .pdp-main .regimen-accordion, .is-reveal-open .pdp-main .regimen-accordion { background-color: #f5f5f5 !important; color: #202020 !important; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section { border-bottom: 1px solid #838588; margin-bottom: 1em; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section { display: none; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section.regimen-pdp-content-section, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section.regimen-pdp-content-section { padding: 0px; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .section-title, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .section-title { color: #706258; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 24px; font-weight: 700; text-transform: capitalize; display: block; text-align: center; padding-bottom: 1rem; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .section-title, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .section-title { display: none; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row { margin: auto; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col .look-image, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col .look-image { display: none; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col .look-image-mobile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col .look-image-mobile { display: none; } } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col-mobile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-section-row .look-image-col-mobile { display: none; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col { padding-top: 1em; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col { display: -ms-flexbox; display: flex; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col { padding-top: 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content { float: left; max-width: 28%; width: 28%; margin: 1.2em; padding: 0; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content { width: auto; -ms-flex: 1; flex: 1; } } @media screen and (min-width: 1023px) and (max-width: 1024px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content { max-width: 26%; width: 26%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content { max-width: 24%; width: 24%; padding: 1em; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content { max-width: 100%; width: 100%; margin: 1.2em 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading { font-size: 1.4375rem; font-weight: 600; text-align: center; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading { min-height: 54px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading { font-size: 1.125rem; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .prod-heading { text-align: left; font-size: 1.5rem; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile { box-shadow: none; border: 1px solid transparent; padding: 1em 2em; } @media only screen and (min-width: 640px) and (max-width: 840px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile { padding: 0; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile { padding: 0; margin: 0; width: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile:hover, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile:hover { border: 1px solid #d8d8d8; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row { display: block; max-width: 100%; margin: 0; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row { height: 100%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row { margin-bottom: 30px; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-quickshop-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-quickshop-icon { display: none; background: #000; border: 1px solid #000; cursor: pointer; color: #fff; width: 100%; position: absolute; bottom: 30px; left: 0; height: 40px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 16px; } @media only screen and (max-width: 1024px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-quickshop-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-quickshop-icon { display: none !important; } } @media only screen and (min-width: 1025px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-product-images:hover .plp-quickshop-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .plp-product-images:hover .plp-quickshop-icon { display: -ms-flexbox !important; display: flex !important; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .thumb-link > img, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .thumb-link > img { width: auto; max-width: 100%; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc { font-size: 0.875rem; text-align: left; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc { display: none; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-desc { font-size: 17px; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name { color: #081f2c; font-size: 16px; margin: 0; text-transform: uppercase; display: inline-block; vertical-align: top; min-height: 33px; text-align: left; padding: 0; font-weight: 700; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name { font-size: 1.125rem; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-name { min-height: 0px; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing { margin-bottom: 10px; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .bv-offline-rating-wrapper, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .bv-offline-rating-wrapper { display: none; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .bv-rating-wrapper, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .bv-rating-wrapper { min-height: 24px; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing .product-price, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing .product-price { text-align: left; display: block; margin: 0; font-weight: 400; color: #081f2c; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; font-size: 14px; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing .product-price .price-sales, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-pricing .product-price .price-sales { font-size: 14px; font-weight: 400; color: #081f2c; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations { margin-bottom: 2em; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars { padding: 0; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .variation-select, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .variation-select { margin-left: 0; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .attribute, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .attribute { display: inline-block; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .label, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .label { display: none; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .swatches, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .swatches { padding: 0; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .swatches .selectable.selected, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .swatches .selectable.selected { margin: 0; float: none; min-height: 44px; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown { position: inherit; max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown { padding: 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select { font-weight: bold; padding: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select { width: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext, .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variant, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variant { padding: 5px 10px; z-index: 2; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext { cursor: pointer; border-bottom: 1px solid #202020; text-align: left; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext { margin: 0 2em; width: 80%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext .dropdown-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .emptytext .dropdown-icon { display: inline-block; float: right; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values { display: none; padding: 0.5em; border: 1px solid #202020; position: absolute; width: 100%; z-index: 9; background-color: #ffffff; border-top: 0px; max-height: 9em; overflow: auto; z-index: 12; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values { margin: 0px 2em; width: 80%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant { display: none; background: #ffffff; text-align: left; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant:hover, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant:hover { background: #d6cdbd; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant.selected, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant.selected { background: #d6cdbd; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant .variation-label, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant .variation-label { display: inline-block; width: 80%; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant img, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant img { width: 10%; display: inline-block; margin-left: auto; float: right; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant img, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .product-variations .pdp-vars .regimen-variant-dropdown .variation-select .variation-values .variant img { width: 20%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block { position: absolute; bottom: 43px; width: 100%; left: 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm { float: left; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column { min-width: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column .product-form-actions, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column .product-form-actions { margin: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column .product-form-actions, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .regimen-icon-block-column .product-form-actions { padding: 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart { padding: 0; background-color: #ffffff; border: none; cursor: pointer; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart { width: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart.disabled, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart.disabled { padding: 0; border: none; background-color: #ffffff; opacity: 0.5; cursor: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart img, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content > .product-tile .regimen-row .prod-info .plp-icon-block .pdpForm .add-to-cart#add-to-cart img { height: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile { box-shadow: none; } @media only screen and (min-width: 640px) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile { height: 100%; padding: 0 26px; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile .look-product, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .product-regimen-content .product-tile .look-product { height: 100%; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .regimen-plus-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .regimen-plus-icon { float: left; margin: 15em 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .regimen-plus-icon, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .regimen-products-col .regimen-plus-icon { float: none; margin: 0; text-align: center; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen { text-align: center; padding: 2em 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen { padding-top: 0; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen.addAllToCart-regimen-mobile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen.addAllToCart-regimen-mobile { padding: 2em 0 0; } @media print, screen and (min-width: 64em) { .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen.addAllToCart-regimen-mobile, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen.addAllToCart-regimen-mobile { display: none; } } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart { background-color: #081f2c; font-size: 22px; color: #fff; margin: 0 auto; padding: 10px 42px; border: none; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart:not([disabled="disabled"]):hover, .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart:not([disabled="disabled"]):hover { color: #ffffff; cursor: pointer; } .pt_product-details .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart[disabled="disabled"], .is-reveal-open .pdp-main #contentzoneRegimen.pdp-content-section .regimen-section .addAllToCart-regimen .add-all-to-cart[disabled="disabled"] { opacity: 0.5; } .pt_product-details .pdp-main .best-review-container, .is-reveal-open .pdp-main .best-review-container { padding: 10px 20px 20px; margin-bottom: 10px; position: relative; font-size: 14px; margin-top: 10px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); display: none; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main .best-review-container, .is-reveal-open .pdp-main .best-review-container { margin: 10px; } } .pt_product-details .pdp-main .best-review-container svg.bv-rnr__sc-jcyw8r-0, .is-reveal-open .pdp-main .best-review-container svg.bv-rnr__sc-jcyw8r-0 { height: 16px; width: 16px; } .pt_product-details .pdp-main .best-review-container .best-review-read-more, .is-reveal-open .pdp-main .best-review-container .best-review-read-more { display: block; text-align: right; font-size: 14px; text-decoration: underline; position: absolute; right: 0; bottom: 0; padding-right: 1.5em; padding-bottom: 1.5em; } .pt_product-details .pdp-main .best-review-container .best-review-read-more:hover, .is-reveal-open .pdp-main .best-review-container .best-review-read-more:hover { cursor: pointer; } .pt_product-details .pdp-main .best-review-container .bv-rnr__sc-16dr7i1-15, .is-reveal-open .pdp-main .best-review-container .bv-rnr__sc-16dr7i1-15 { margin: 10px 0; } .pt_product-details .pdp-main .best-review-container .bv-content-summary-body-text, .is-reveal-open .pdp-main .best-review-container .bv-content-summary-body-text { word-break: break-word; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .best-review-container .bv-content-summary-body-text, .is-reveal-open .pdp-main .best-review-container .bv-content-summary-body-text { font-size: 15px; } } .pt_product-details .pdp-main .best-review-container .bv-content-summary-body-text p, .is-reveal-open .pdp-main .best-review-container .bv-content-summary-body-text p { margin: 0px; } .pt_product-details .pdp-main .best-review-container .bv-content-summary-body-text.hidden, .is-reveal-open .pdp-main .best-review-container .bv-content-summary-body-text.hidden { visibility: hidden; } .pt_product-details .pdp-main .best-review-container .bv-content-summary-body-text.limit-line, .pt_product-details .pdp-main .best-review-container .bv-rnr__sc-16dr7i1-3.limit-line, .is-reveal-open .pdp-main .best-review-container .bv-content-summary-body-text.limit-line, .is-reveal-open .pdp-main .best-review-container .bv-rnr__sc-16dr7i1-3.limit-line { visibility: visible; max-height: 44px; overflow: hidden; margin-bottom: 1.5em; } .pt_product-details .pdp-main .best-review-container .bv-rating-stars-container, .pt_product-details .pdp-main .best-review-container abbr.bv-rnr__sc-reme6t-0.eqgKLs, .is-reveal-open .pdp-main .best-review-container .bv-rating-stars-container, .is-reveal-open .pdp-main .best-review-container abbr.bv-rnr__sc-reme6t-0.eqgKLs { vertical-align: top !important; margin-right: 0.3em !important; zoom: 1.2 !important; display: inline-block !important; overflow: hidden !important; position: relative !important; height: 1.7em !important; z-index: 0; } .pt_product-details .pdp-main .best-review-container .bv-rating-stars-container .bv-rating-stars, .pt_product-details .pdp-main .best-review-container abbr.bv-rnr__sc-reme6t-0.eqgKLs .bv-rating-stars, .is-reveal-open .pdp-main .best-review-container .bv-rating-stars-container .bv-rating-stars, .is-reveal-open .pdp-main .best-review-container abbr.bv-rnr__sc-reme6t-0.eqgKLs .bv-rating-stars { cursor: auto !important; position: relative !important; overflow: hidden !important; font-family: "BVCustom", "times new roman" !important; text-decoration: none !important; word-wrap: normal !important; font-size: 20px !important; } .pt_product-details .pdp-main .best-review-container abbr.bv-rating.bv-rating-stars.bv-rating-stars-off, .is-reveal-open .pdp-main .best-review-container abbr.bv-rating.bv-rating-stars.bv-rating-stars-off { color: #a1a1a1 !important; font-family: "BVCustom", "times new roman" !important; text-decoration: none !important; word-wrap: normal !important; } .pt_product-details .pdp-main .best-review-container abbr.bv-rating-max.bv-rating-stars.bv-rating-stars-on svg.bv-rnr__sc-jcyw8r-0, .is-reveal-open .pdp-main .best-review-container abbr.bv-rating-max.bv-rating-stars.bv-rating-stars-on svg.bv-rnr__sc-jcyw8r-0 { position: absolute !important; white-space: nowrap !important; font-size: 20px !important; color: #cebc9e !important; display: inline-block; left: 0; top: 0; } .pt_product-details .pdp-main .best-review-container svg.bv-rnr__sc-jcyw8r-0, .is-reveal-open .pdp-main .best-review-container svg.bv-rnr__sc-jcyw8r-0 { fill: #cebc9e; margin-right: 1px; } .pt_product-details .pdp-main .best-review-container .bv-content-rating.bv-rating-ratio span.bv-off-screen, .is-reveal-open .pdp-main .best-review-container .bv-content-rating.bv-rating-ratio span.bv-off-screen { display: none !important; } .pt_product-details .pdp-main .best-review-container span.bv-off-screen, .pt_product-details .pdp-main .best-review-container span.bv-rnr__sc-bm6gry-0, .is-reveal-open .pdp-main .best-review-container span.bv-off-screen, .is-reveal-open .pdp-main .best-review-container span.bv-rnr__sc-bm6gry-0 { display: inline-block; margin-top: 7px; font-size: 16px; margin-left: 5px; } .pt_product-details .pdp-main .best-review-container span.bv-rnr__sc-bm6gry-0, .is-reveal-open .pdp-main .best-review-container span.bv-rnr__sc-bm6gry-0 { margin-top: -3px; font-size: 17px; } @media print, screen and (min-width: 40em) { .pt_product-details .pdp-main .best-review-container, .is-reveal-open .pdp-main .best-review-container { margin: 20px 0 10px 60px; } } @media print, screen and (max-width: 639) { .pt_product-details .pdp-main .best-review-container, .is-reveal-open .pdp-main .best-review-container { padding: 0 10px; } } .pt_product-details .product-set .product-set-details, .is-reveal-open .product-set .product-set-details { padding-left: 0; } .pt_product-details .product-set .product-set-details .product-name, .is-reveal-open .product-set .product-set-details .product-name { margin-top: 20px; } .pt_product-details .product-set .product-set-details .product-price .label, .is-reveal-open .product-set .product-set-details .product-price .label { display: inline; margin-right: 10px; } .pt_product-details .product-set .product-set-details .price-sales, .is-reveal-open .product-set .product-set-details .price-sales { font-size: 1rem; } .pt_product-details .product-set .product-image-container, .is-reveal-open .product-set .product-image-container { position: relative; } @media screen and (max-width: 63.9375em) { .pt_product-details .product-set .product-image-container > .product-primary-image > #thumbnails, .is-reveal-open .product-set .product-image-container > .product-primary-image > #thumbnails { padding-bottom: 0; } } .pt_product-details .product-set .product-images-list, .is-reveal-open .product-set .product-images-list { width: 140px; position: absolute; top: 0; left: 0; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-set .product-images-list, .is-reveal-open .product-set .product-images-list { width: 80px; } } @media screen and (max-width: 39.9375em) { .pt_product-details .product-set .product-image-container .product-images-list #thumbnails, .is-reveal-open .product-set .product-image-container .product-images-list #thumbnails { margin: 40px auto 0; } } .pt_product-details .product-set .table .product-image-container, .is-reveal-open .product-set .table .product-image-container { vertical-align: top; } .pdp-main.pdp-main-redesign .pt_product-details .product-set .product-base-info .product-title .product-name, .pdp-main.pdp-main-redesign .is-reveal-open .product-set .product-base-info .product-title .product-name { margin-bottom: 0; padding-bottom: 0; } .pdp-main .pt_product-details .product-set .product-price, .pdp-main .is-reveal-open .product-set .product-price { text-align: left; } .pt_product-details .product-set .product-image-container, .is-reveal-open .product-set .product-image-container { vertical-align: top; } .pt_product-details .product-set .color-description, .is-reveal-open .product-set .color-description { text-align: center; } .pt_product-details .product-set .product-description-wrapper, .is-reveal-open .product-set .product-description-wrapper { line-height: 1.3; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .product-set .product-description-wrapper, .is-reveal-open .product-set .product-description-wrapper { display: none; } } .pt_product-details .product-set .product-description-wrapper a, .is-reveal-open .product-set .product-description-wrapper a { text-decoration: underline; } .pt_product-details .product-set .product-set-list, .is-reveal-open .product-set .product-set-list { padding: 0; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .product-set .product-set-list, .is-reveal-open .product-set .product-set-list { padding: 0 10px; } } .pt_product-details .product-set .product-set-list .product-brand, .is-reveal-open .product-set .product-set-list .product-brand { font-size: 0.8rem; padding-bottom: 0.25rem; } .pt_product-details .product-set .product-set-list .product-set-image img, .is-reveal-open .product-set .product-set-list .product-set-image img { width: 100%; } .pt_product-details .product-set .product-set-list .product-name, .is-reveal-open .product-set .product-set-list .product-name { font-size: 20px; font-size: 1.25rem; line-height: 26px; line-height: 1.625rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom: 0.685em; width: auto; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .product-set .product-set-list .product-name, .is-reveal-open .product-set .product-set-list .product-name { text-align: left; } } .pt_product-details .product-set .product-set-list .product-variations, .is-reveal-open .product-set .product-set-list .product-variations { padding-top: 12px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .product-set .product-set-list .product-variations .mobile-variant-dropdown .dropdown__list, .is-reveal-open .product-set .product-set-list .product-variations .mobile-variant-dropdown .dropdown__list { left: 56px; } .pt_product-details .product-set .product-set-list .product-variations .mobile-variant-dropdown .variation-select .variant, .is-reveal-open .product-set .product-set-list .product-variations .mobile-variant-dropdown .variation-select .variant { text-align: left; } } .pt_product-details .product-set .product-set-list .attribute h3, .is-reveal-open .product-set .product-set-list .attribute h3 { width: 25%; } .pt_product-details .product-set .product-set-list .attribute .label, .is-reveal-open .product-set .product-set-list .attribute .label { white-space: nowrap; } .pt_product-details .product-set .product-set-list #dy-social-proof-pdp-container, .is-reveal-open .product-set .product-set-list #dy-social-proof-pdp-container { padding: 0 !important; } .pt_product-details .product-set .salesprice, .is-reveal-open .product-set .salesprice { font-size: 36px; font-size: 2.25rem; font-weight: normal; } @media print, screen and (min-width: 64em) { .pt_product-details .product-set .product-add-to-cart, .is-reveal-open .product-set .product-add-to-cart { width: 80%; margin: 0 auto; } } .pt_product-details .product-set .price-qty-row, .is-reveal-open .product-set .price-qty-row { -ms-flex-pack: distribute; justify-content: space-around; } .pt_product-details .product-set .price-qty-row .quantity, .is-reveal-open .product-set .price-qty-row .quantity { padding-left: 0; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .product-set .price-qty-row, .is-reveal-open .product-set .price-qty-row { display: -ms-flexbox; display: flex; } } .pt_product-details .product-set .pdpForm .price-qty-row, .is-reveal-open .product-set .pdpForm .price-qty-row { -ms-flex-pack: center; justify-content: center; } .pt_product-details .product-set .pdpForm .price-qty-row .label, .pt_product-details .product-set .pdpForm .price-qty-row .product-price, .is-reveal-open .product-set .pdpForm .price-qty-row .label, .is-reveal-open .product-set .pdpForm .price-qty-row .product-price { display: none; } .pt_product-details .product-set .product-form-actions, .is-reveal-open .product-set .product-form-actions { display: block; text-align: left; } .pt_product-details .product-set .product-form-actions button[type="submit"], .pt_product-details .product-set .product-form-actions button[type="button"], .is-reveal-open .product-set .product-form-actions button[type="submit"], .is-reveal-open .product-set .product-form-actions button[type="button"] { display: block; width: 100%; } .pt_product-details .product-set .product-form-actions a.text-only, .is-reveal-open .product-set .product-form-actions a.text-only { margin: 20px 0; display: block; text-align: left; color: #706258; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .pt_product-details .product-set .product-form-actions .wishlist-button .svg-icon svg, .is-reveal-open .product-set .product-form-actions .wishlist-button .svg-icon svg { height: 20px; width: 20px; vertical-align: text-bottom; } .pt_product-details .product-set .product-set-actions.column, .pt_product-details .product-set .product-set-actions.columns, .is-reveal-open .product-set .product-set-actions.column, .is-reveal-open .product-set .product-set-actions.columns { width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .product-set .product-set-actions.column, .pt_product-details .product-set .product-set-actions.columns, .is-reveal-open .product-set .product-set-actions.column, .is-reveal-open .product-set .product-set-actions.columns { margin-left: 5px; } } .pt_product-details .product-set .product-set-actions.column .refill-cross-sell, .pt_product-details .product-set .product-set-actions.columns .refill-cross-sell, .is-reveal-open .product-set .product-set-actions.column .refill-cross-sell, .is-reveal-open .product-set .product-set-actions.columns .refill-cross-sell { padding: 0; } .pt_product-details .product-set .product-set-actions.column .shoprunner_wrapper, .pt_product-details .product-set .product-set-actions.columns .shoprunner_wrapper, .is-reveal-open .product-set .product-set-actions.column .shoprunner_wrapper, .is-reveal-open .product-set .product-set-actions.columns .shoprunner_wrapper { padding: 10px; } .pt_product-details .product-set .product-set-actions.column .product-social, .pt_product-details .product-set .product-set-actions.columns .product-social, .is-reveal-open .product-set .product-set-actions.column .product-social, .is-reveal-open .product-set .product-set-actions.columns .product-social { margin: 10px 0 0; } .pt_product-details .product-set .product-set-actions.column .product-social .share-icon, .pt_product-details .product-set .product-set-actions.columns .product-social .share-icon, .is-reveal-open .product-set .product-set-actions.column .product-social .share-icon, .is-reveal-open .product-set .product-set-actions.columns .product-social .share-icon { color: #081f2c; width: 35px; height: 28px; padding: 0px 5px; } @media print, screen and (min-width: 40em) { .pt_product-details .product-set .product-set-actions.column .product-social .share-icon, .pt_product-details .product-set .product-set-actions.columns .product-social .share-icon, .is-reveal-open .product-set .product-set-actions.column .product-social .share-icon, .is-reveal-open .product-set .product-set-actions.columns .product-social .share-icon { width: 35px; height: 32px; padding: 0 5px; } } .pt_product-details .product-set .product-set-actions.column .product-social .right-share, .pt_product-details .product-set .product-set-actions.columns .product-social .right-share, .is-reveal-open .product-set .product-set-actions.column .product-social .right-share, .is-reveal-open .product-set .product-set-actions.columns .product-social .right-share { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .pt_product-details .product-set .product-set-actions.column .product-social .right-share span, .pt_product-details .product-set .product-set-actions.columns .product-social .right-share span, .is-reveal-open .product-set .product-set-actions.column .product-social .right-share span, .is-reveal-open .product-set .product-set-actions.columns .product-social .right-share span { display: inline; margin-bottom: 0; padding-bottom: 0; position: relative; } .pt_product-details .product-set .product-set-actions.column .product-social .right-share .wishlist-container, .pt_product-details .product-set .product-set-actions.columns .product-social .right-share .wishlist-container, .is-reveal-open .product-set .product-set-actions.column .product-social .right-share .wishlist-container, .is-reveal-open .product-set .product-set-actions.columns .product-social .right-share .wishlist-container { width: 74%; z-index: 1; } .pt_product-details .product-set .product-set-actions.column .product-social .right-share .wishlist-container .wishlist-button__add, .pt_product-details .product-set .product-set-actions.columns .product-social .right-share .wishlist-container .wishlist-button__add, .is-reveal-open .product-set .product-set-actions.column .product-social .right-share .wishlist-container .wishlist-button__add, .is-reveal-open .product-set .product-set-actions.columns .product-social .right-share .wishlist-container .wishlist-button__add { display: -ms-flexbox; display: flex; text-align: left; } .pt_product-details .product-set .product-set-actions.column .product-social .right-share .wishlist-add-icon, .pt_product-details .product-set .product-set-actions.columns .product-social .right-share .wishlist-add-icon, .is-reveal-open .product-set .product-set-actions.column .product-social .right-share .wishlist-add-icon, .is-reveal-open .product-set .product-set-actions.columns .product-social .right-share .wishlist-add-icon { margin-right: 5px; } .pt_product-details .product-set .product-set-actions.column .product-social .socialsharing .social-sharing-container, .pt_product-details .product-set .product-set-actions.columns .product-social .socialsharing .social-sharing-container, .is-reveal-open .product-set .product-set-actions.column .product-social .socialsharing .social-sharing-container, .is-reveal-open .product-set .product-set-actions.columns .product-social .socialsharing .social-sharing-container { margin-top: 0; } .pt_product-details .product-set .product-set-actions.column .product-social .socialsharing .social-sharing-container .social-share-trigger a, .pt_product-details .product-set .product-set-actions.columns .product-social .socialsharing .social-sharing-container .social-share-trigger a, .is-reveal-open .product-set .product-set-actions.column .product-social .socialsharing .social-sharing-container .social-share-trigger a, .is-reveal-open .product-set .product-set-actions.columns .product-social .socialsharing .social-sharing-container .social-share-trigger a { text-decoration: none; } .pt_product-details .product-set .customize-shade-section, .is-reveal-open .product-set .customize-shade-section { text-align: center; text-transform: capitalize; } .pt_product-details .pdp-jump-links ul, .is-reveal-open .pdp-jump-links ul { padding: 0; margin: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; } .pt_product-details .pdp-jump-links li, .is-reveal-open .pdp-jump-links li { display: -ms-flexbox; display: flex; font-weight: normal; } .pt_product-details .pdp-jump-links li a, .is-reveal-open .pdp-jump-links li a { color: #706258; font-size: 24px; margin: 0 18px; padding: 32px 0 5px; } .pt_product-details .pdp-jump-links li a.click-active, .is-reveal-open .pdp-jump-links li a.click-active { border-bottom: 4px solid #050505; } @media print, screen and (max-width: 63.99875em) { .pt_product-details .pdp-jump-links li a, .is-reveal-open .pdp-jump-links li a { font-size: 20px; padding: 20px 0 3px; margin: 0 12px; } } .pt_product-details .pdp-main-redesign.bv-redesign [data-bv-show=rating_summary], .is-reveal-open .pdp-main-redesign.bv-redesign [data-bv-show=rating_summary] { display: inline-block; } .pt_product-details .pdp-main-redesign.bv-redesign #extole_zone_product_raf, .is-reveal-open .pdp-main-redesign.bv-redesign #extole_zone_product_raf { font-size: 13px; display: block; position: relative; top: -7px; font-weight: bold; text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .pt_product-details .pdp-main-redesign.bv-redesign #extole_zone_product_raf div, .is-reveal-open .pdp-main-redesign.bv-redesign #extole_zone_product_raf div { border-bottom: 1px solid #202020; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .pdp-main-redesign.bv-redesign .product-image-container .product-primary-image, .is-reveal-open .pdp-main-redesign.bv-redesign .product-image-container .product-primary-image { -ms-flex-order: 1; order: 1; } .pt_product-details .pdp-main-redesign.bv-redesign .product-image-container div#thumbnails, .is-reveal-open .pdp-main-redesign.bv-redesign .product-image-container div#thumbnails { max-width: 95%; padding-left: 0; -ms-flex-order: 3; order: 3; } .pt_product-details .pdp-main-redesign.bv-redesign .product-image-container .pdp-brand-zoom, .is-reveal-open .pdp-main-redesign.bv-redesign .product-image-container .pdp-brand-zoom { -ms-flex-order: 2; order: 2; min-height: 2px; width: 100%; position: relative; } .pt_product-details .pdp-main-redesign.bv-redesign .product-image-container .product-tryItOn-Btnwrapper, .is-reveal-open .pdp-main-redesign.bv-redesign .product-image-container .product-tryItOn-Btnwrapper { -ms-flex-order: 4; order: 4; } } .pt_product-details .bv-checkbox-container input[type="checkbox"]:checked:before, .is-reveal-open .bv-checkbox-container input[type="checkbox"]:checked:before { top: -3px; left: 20px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .bv-checkbox-container input[type="checkbox"]:checked:before, .is-reveal-open .bv-checkbox-container input[type="checkbox"]:checked:before { left: 30px; } } .pt_product-details #dwfrm_emailcomingsoonregistration label[for="dwfrm_emailcomingsoonregistration_email"] .required-indicator, .is-reveal-open #dwfrm_emailcomingsoonregistration label[for="dwfrm_emailcomingsoonregistration_email"] .required-indicator { display: none; } .pt_product-details .pdp-new-email-block .comingsoon_notify_msg_wrapper .required-indicator, .is-reveal-open .pdp-new-email-block .comingsoon_notify_msg_wrapper .required-indicator { position: absolute; margin-left: -7px; margin-top: 2px; font-weight: bold; } .pt_product-details .pdp-new-email-block .coming_soon_email_form_wrapper, .is-reveal-open .pdp-new-email-block .coming_soon_email_form_wrapper { margin-left: -7px; } .pt_product-details .comingsoon_notify_msg_wrapper, .is-reveal-open .comingsoon_notify_msg_wrapper { width: 100%; margin-top: 20px; margin-left: 7px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .comingsoon_notify_msg_wrapper, .is-reveal-open .comingsoon_notify_msg_wrapper { width: 90%; margin-left: auto; margin-right: auto; } } .pt_product-details .oos_email_form, .pt_product-details .coming_soon_email_form, .is-reveal-open .oos_email_form, .is-reveal-open .coming_soon_email_form { position: relative; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_email_form fieldset, .pt_product-details .coming_soon_email_form fieldset, .is-reveal-open .oos_email_form fieldset, .is-reveal-open .coming_soon_email_form fieldset { position: relative; width: 85%; margin-left: auto; margin-right: auto; } } .pt_product-details .oos_email_form .field-wrapper, .pt_product-details .coming_soon_email_form .field-wrapper, .is-reveal-open .oos_email_form .field-wrapper, .is-reveal-open .coming_soon_email_form .field-wrapper { width: 90%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .pt_product-details .oos_email_form .field-wrapper, .pt_product-details .coming_soon_email_form .field-wrapper, .is-reveal-open .oos_email_form .field-wrapper, .is-reveal-open .coming_soon_email_form .field-wrapper { width: 92%; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_email_form .field-wrapper, .pt_product-details .coming_soon_email_form .field-wrapper, .is-reveal-open .oos_email_form .field-wrapper, .is-reveal-open .coming_soon_email_form .field-wrapper { width: 88%; } } .pt_product-details .oos_email_form .field-wrapper input, .pt_product-details .coming_soon_email_form .field-wrapper input, .is-reveal-open .oos_email_form .field-wrapper input, .is-reveal-open .coming_soon_email_form .field-wrapper input { color: #757575; font-weight: 100; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_email_form .field-wrapper input, .pt_product-details .coming_soon_email_form .field-wrapper input, .is-reveal-open .oos_email_form .field-wrapper input, .is-reveal-open .coming_soon_email_form .field-wrapper input { font-weight: normal; } } .pt_product-details .oos_email_form #oos_email_btn, .pt_product-details .oos_email_form #coming_soon_email_btn, .pt_product-details .coming_soon_email_form #oos_email_btn, .pt_product-details .coming_soon_email_form #coming_soon_email_btn, .is-reveal-open .oos_email_form #oos_email_btn, .is-reveal-open .oos_email_form #coming_soon_email_btn, .is-reveal-open .coming_soon_email_form #oos_email_btn, .is-reveal-open .coming_soon_email_form #coming_soon_email_btn { position: absolute; bottom: 8px; right: 0px; background: #f5f2e9; border: 1px solid #cebc9e; color: #000; padding: 11px 6px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details .oos_email_form #oos_email_btn, .pt_product-details .oos_email_form #coming_soon_email_btn, .pt_product-details .coming_soon_email_form #oos_email_btn, .pt_product-details .coming_soon_email_form #coming_soon_email_btn, .is-reveal-open .oos_email_form #oos_email_btn, .is-reveal-open .oos_email_form #coming_soon_email_btn, .is-reveal-open .coming_soon_email_form #oos_email_btn, .is-reveal-open .coming_soon_email_form #coming_soon_email_btn { right: 20px; } } .pt_product-details .b-oos_email_form form.oos_email_form, .is-reveal-open .b-oos_email_form form.oos_email_form { padding-top: 10px; } .pt_product-details .b-oos_email_form form.oos_email_form .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .field-wrapper { width: calc(100% - 95px); } .pt_product-details .b-oos_email_form form.oos_email_form .split .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .split .field-wrapper { width: 100% !important; } .pt_product-details .b-oos_email_form form.oos_email_form .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .field-wrapper { text-align: left; } .pt_product-details .b-oos_email_form form.oos_email_form label, .is-reveal-open .b-oos_email_form form.oos_email_form label { display: none; } @media only screen and (min-width: 640px) { .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row { display: none; width: 100%; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row:nth-of-type(1), .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row:nth-of-type(1) { display: block; margin-right: 7px; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .field-wrapper { width: 100%; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .form-caption.phone, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .form-caption.phone { font-size: .75rem; color: #333; font-weight: 400; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > #oos_email_btn, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > #oos_email_btn { bottom: auto; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive { top: 40px !important; } } @media only screen and (max-width: 639px) { .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row { width: 100%; display: none; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row:nth-of-type(1), .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row:nth-of-type(1) { display: block; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .form-caption.phone, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .form-row.sms-optin-number-field .form-caption.phone { font-size: .75rem; color: #333; font-weight: 400; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > #oos_email_btn.button, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > #oos_email_btn.button { position: absolute; top: -1px; bottom: auto; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive { top: 30px !important; bottom: auto !important; } } @media only screen and (min-width: 320px) and (max-width: 340px) { .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos > .errorIsActive { top: 51px !important; } } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage { display: none; font-size: 12px; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 400; line-height: 1.125rem; margin-top: 5px; text-transform: none; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage .ooslegal, .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage a, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage .ooslegal, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .oos_sms_legalverbiage a { color: #00f; text-decoration: underline; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .checkbox-notchecked-error, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .checkbox-notchecked-error { color: #c8102e; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .column + button#oos_email_btn, .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .columns + button#oos_email_btn, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .column + button#oos_email_btn, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .columns + button#oos_email_btn { width: 100%; position: relative !important; margin-bottom: 30px !important; } .pt_product-details .b-oos_email_form form.oos_email_form .collapseOos .checkbox-notchecked-error + button#oos_email_btn, .is-reveal-open .b-oos_email_form form.oos_email_form .collapseOos .checkbox-notchecked-error + button#oos_email_btn { width: 100%; position: relative !important; margin-bottom: 30px !important; } .pt_product-details .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox .field-wrapper { width: auto; margin: 0; } .pt_product-details .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox .field-wrapper input[type=checkbox]:checked:before, .is-reveal-open .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox .field-wrapper input[type=checkbox]:checked:before { height: 16px; width: 16px; background-position: -2px -1px; background-repeat: no-repeat; } .pt_product-details .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox > label, .is-reveal-open .b-oos_email_form form.oos_email_form .addtomobilelist-checkbox > label { margin: 0; display: block; } .pt_product-details .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox, .is-reveal-open .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox { margin-top: 12px; } .pt_product-details .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox .field-wrapper, .is-reveal-open .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox .field-wrapper { width: auto; margin: 0; } .pt_product-details .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox .field-wrapper input[type=checkbox]:checked:before, .is-reveal-open .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox .field-wrapper input[type=checkbox]:checked:before { height: 16px; width: 16px; background-position: -2px -1px; background-repeat: no-repeat; } .pt_product-details .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox > label, .is-reveal-open .b-oos_email_form form.oos_email_form .addtoemaillist-checkbox > label { margin: 0; display: block; } @media print, screen and (min-width: 40em) { .pt_product-details .b-oos_email_form form.oos_email_form .form-row.split, .is-reveal-open .b-oos_email_form form.oos_email_form .form-row.split { width: 49%; } } .pt_product-details .oos_notify, .pt_product-details .comingsoon_notify, .is-reveal-open .oos_notify, .is-reveal-open .comingsoon_notify { color: #d32d42; font-weight: 500; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_notify, .is-reveal-open .oos_notify { padding: 0 14px; } } .pt_product-details .oos_email_sent, .pt_product-details .comingsoon_email_sent, .is-reveal-open .oos_email_sent, .is-reveal-open .comingsoon_email_sent { color: #429042; font-weight: 500; display: none; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_email_sent, .pt_product-details .comingsoon_email_sent, .is-reveal-open .oos_email_sent, .is-reveal-open .comingsoon_email_sent { padding: 0 20px; } } .pt_product-details .oos_legalverbiage, .is-reveal-open .oos_legalverbiage { font-size: 12px; display: none; } @media print, screen and (max-width: 39.99875em) { .pt_product-details .oos_legalverbiage, .is-reveal-open .oos_legalverbiage { padding: 0 30px; } } .pt_product-details .oos_legalverbiage .ooslegal, .is-reveal-open .oos_legalverbiage .ooslegal { color: #0000ff; text-decoration: underline; } .pt_product-details .skincarestep, .is-reveal-open .skincarestep { text-decoration: underline; } .pt_product-details #how-to-use #skincare-section .skincarestep, .pt_product-details #contentzone4-mobile #skincare-section .skincarestep, .is-reveal-open #how-to-use #skincare-section .skincarestep, .is-reveal-open #contentzone4-mobile #skincare-section .skincarestep { width: 442px; display: block; text-align: center; border: 1px solid; padding: 5px 0; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-top: 16px; text-decoration: none; } @media print, screen and (max-width: 39.99875em) { .pt_product-details #how-to-use #skincare-section .skincarestep, .pt_product-details #contentzone4-mobile #skincare-section .skincarestep, .is-reveal-open #how-to-use #skincare-section .skincarestep, .is-reveal-open #contentzone4-mobile #skincare-section .skincarestep { display: block; width: 350px; } } .pt_product-details .bv-content-title-container .bv-content-title, .is-reveal-open .bv-content-title-container .bv-content-title { margin: 10px 0; } .pt_product-details #save-for-later, .is-reveal-open #save-for-later { text-decoration: underline; } .pt_product-details .rating, .is-reveal-open .rating { color: #202020; } .product-info .pt_product-details .rating, .product-info .is-reveal-open .rating { font-size: 2em; } .pt_product-details .rating .fa, .is-reveal-open .rating .fa { padding: 0 2px; } .pt_product-details .full-ingredients, .is-reveal-open .full-ingredients { color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: capitalize; text-decoration: underline; position: relative; } .pt_product-details .full-ingredients::after, .is-reveal-open .full-ingredients::after { content: ""; display: block; position: absolute; top: 1px; right: -15px; bottom: 0; background: url("../images/interface/caret-down.svg") no-repeat; background-size: 8px; background-position: center; width: 8px; transition: all .2s linear; } .pt_product-details .full-ingredients.show-list::after, .is-reveal-open .full-ingredients.show-list::after { transform: rotate(180deg); } .pt_product-details .in-stock-msg, .pt_product-details .not-available-msg, .is-reveal-open .in-stock-msg, .is-reveal-open .not-available-msg { display: none; } .pt_product-details .js-create-wishlist, .is-reveal-open .js-create-wishlist { margin-top: 1rem; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .pt_product-details .js-create-wishlist.selected, .pt_product-details .js-create-wishlist:hover, .pt_product-details .js-create-wishlist:active, .pt_product-details .js-create-wishlist[value="selected"], .is-reveal-open .js-create-wishlist.selected, .is-reveal-open .js-create-wishlist:hover, .is-reveal-open .js-create-wishlist:active, .is-reveal-open .js-create-wishlist[value="selected"] { background-color: #333333; color: #ffffff; } .pt_product-details .refill-cross-sell, .is-reveal-open .refill-cross-sell { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px; margin-top: 2rem; } .pt_product-details .refill-cross-sell .pdp-refill-section, .is-reveal-open .refill-cross-sell .pdp-refill-section { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; } .pt_product-details .refill-cross-sell .pdp-refill-section:nth-child(2), .is-reveal-open .refill-cross-sell .pdp-refill-section:nth-child(2) { border-top: none; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link { display: -ms-flexbox; display: flex; gap: 10px; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-img, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-img { width: 20%; border: 1px solid #ccc; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-name, .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-price, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-name, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-price { margin: 0; font-size: 1.2rem; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-name, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-name { padding-left: 10px; max-width: 60%; text-decoration: underline; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-price, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-product-price { -ms-flex-positive: 1; flex-grow: 1; text-align: right; } @media print, screen and (min-width: 40em) { .pt_product-details .refill-cross-sell, .is-reveal-open .refill-cross-sell { padding: 0 58px; } .pt_product-details .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-img, .is-reveal-open .refill-cross-sell .pdp-refill-section .pdp-refill-link .pdp-refill-img { width: 15%; } } .slds-scope.embeddedServicePreventScrolling { position: static; } .pdp-promo-bar { clear: both; padding: 2em 0; border-top: 1px solid #050505; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; text-align: center; font-size: 20px; } @media print, screen and (max-width: 63.99875em) { .pdp-promo-bar { padding: 2em 1em; } } .bv-cv2-cleanslate .bv-core-container-200 .bv-stars-container, .bv-cv2-cleanslate .bv-core-container-200 .bv-summary-bar-minimalist-vertical .bv-action-bar, .bv-cv2-cleanslate .bv-core-container-201 .bv-stars-container, .bv-cv2-cleanslate .bv-core-container-201 .bv-prs-container .bv-summary-bar-minimalist-vertical .bv-action-bar { display: inline-block !important; } #modal-cntr .product-thumbnails-cntr { margin: 0; padding: 0; } #modal-cntr .productthumbnail { list-style-type: none; text-align: center; } /*** Custom styles for quickview modal ***/ .quickview-modal .quantity .custom-bundle-fixed-quantity { margin-top: 7px; } .quickview-modal .view-details-link { display: none; } .quickview-modal .image-zoom { display: none; } .quickview-modal .read-more { color: #706258; font-size: 0.75em; font-weight: 700; text-transform: uppercase; } .quickview-modal #BVRRSummaryContainer .bv-write-container { display: none !important; } @media print, screen and (max-width: 39.99875em) { .quickview-modal .row.moblock, .quickview-modal .pt_content-search-result-static .no-left-nav-template .moblock.content-asset, .pt_content-search-result-static .no-left-nav-template .quickview-modal .moblock.content-asset, .quickview-modal .pt_content-search-result-static .left-nav-template .moblock.content-asset, .pt_content-search-result-static .left-nav-template .quickview-modal .moblock.content-asset { width: 100%; } } .quickview-modal .best-review-container { display: none !important; } .is-reveal-open #modal-content .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-container { width: 92%; } @media print, screen and (max-width: 39.99875em) { #replenishment-info-modal.reveal { top: 25% !important; height: auto; } } .main-video { position: relative; } .main-video:before { content: "\e90d"; display: block; position: absolute; font-family: "icomoon"; color: #fff; font-size: 70px; height: 70px; width: 70px; right: 50%; top: 50%; margin: -35px -35px 0 0; line-height: 1; } .youcam { z-index: 99; position: relative; } @media print, screen and (max-width: 63.99875em) { .youcam { padding-bottom: 5px; width: 100vw; } .youcam #YMK-module div:first-child { margin: 0 auto; } } @media print, screen and (min-width: 64em) { .youcam { position: absolute; margin-top: 75px; left: 33.5%; transform: translateX(-50%); } } .youcam-livechat-wrapper .product-tryItOn-Btnwrapper { margin: 1rem 0; } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .youcam-livechat-wrapper .product-tryItOn-Btnwrapper { margin: 2rem 0; } } .youcam-livechat-wrapper .product-tryItOn-Btnwrapper .product-virtual-try-on, .youcam-livechat-wrapper .product-tryItOn-Btnwrapper .close-vto-btn { line-height: 1; font-size: 1rem; cursor: pointer; text-transform: uppercase; text-decoration: underline; color: #000; } .youcam-livechat-wrapper .product-tryItOn-Btnwrapper .product-virtual-try-on:hover, .youcam-livechat-wrapper .product-tryItOn-Btnwrapper .close-vto-btn:hover { color: #595959; } .youcam-livechat-wrapper .product-tryItOn-Btnwrapper .separator { margin: 0 5px; } .pdp-main .replenishment.align-middle, .pdp-main .product-options, .pt_cart .replenishment.align-middle, .pt_cart .product-options { margin-top: 0; } .pdp-main .replenishment.align-middle select.replenishmentCycle, .pdp-main .product-options select.replenishmentCycle, .pt_cart .replenishment.align-middle select.replenishmentCycle, .pt_cart .product-options select.replenishmentCycle { width: auto; min-width: 204px; margin: 0px; } @media print, screen and (max-width: 39.99875em) { .pdp-main .replenishment.align-middle select.replenishmentCycle, .pdp-main .product-options select.replenishmentCycle, .pt_cart .replenishment.align-middle select.replenishmentCycle, .pt_cart .product-options select.replenishmentCycle { margin-left: 0; } } .pdp-main .replenishment.align-middle .replenishMsg-text, .pdp-main .product-options .replenishMsg-text, .pt_cart .replenishment.align-middle .replenishMsg-text, .pt_cart .product-options .replenishMsg-text { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 600; font-size: .75rem; margin-top: 6px; color: #666; letter-spacing: 0; width: 100%; } @media print, screen and (max-width: 39.99875em) { .pdp-main .replenishment.align-middle .replenishMsg-text, .pdp-main .product-options .replenishMsg-text, .pt_cart .replenishment.align-middle .replenishMsg-text, .pt_cart .product-options .replenishMsg-text { text-align: left; } } .pdp-main .replenishment.align-middle .replen-info-icon, .pdp-main .product-options .replen-info-icon, .pt_cart .replenishment.align-middle .replen-info-icon, .pt_cart .product-options .replen-info-icon { display: -ms-flexbox; display: flex; } .pdp-main .replenishment.align-middle.toggleReplenishment, .pdp-main .replenishment.align-middle.switch-replenishment, .pdp-main .product-options.toggleReplenishment, .pdp-main .product-options.switch-replenishment, .pt_cart .replenishment.align-middle.toggleReplenishment, .pt_cart .replenishment.align-middle.switch-replenishment, .pt_cart .product-options.toggleReplenishment, .pt_cart .product-options.switch-replenishment { display: initial; } .pdp-main .replenishment.align-middle.toggleReplenishment .replen-section, .pdp-main .replenishment.align-middle.switch-replenishment .replen-section, .pdp-main .product-options.toggleReplenishment .replen-section, .pdp-main .product-options.switch-replenishment .replen-section, .pt_cart .replenishment.align-middle.toggleReplenishment .replen-section, .pt_cart .replenishment.align-middle.switch-replenishment .replen-section, .pt_cart .product-options.toggleReplenishment .replen-section, .pt_cart .product-options.switch-replenishment .replen-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pdp-main .replenishment.align-middle.toggleReplenishment .replenishment-section, .pdp-main .replenishment.align-middle.switch-replenishment .replenishment-section, .pdp-main .product-options.toggleReplenishment .replenishment-section, .pdp-main .product-options.switch-replenishment .replenishment-section, .pt_cart .replenishment.align-middle.toggleReplenishment .replenishment-section, .pt_cart .replenishment.align-middle.switch-replenishment .replenishment-section, .pt_cart .product-options.toggleReplenishment .replenishment-section, .pt_cart .product-options.switch-replenishment .replenishment-section { margin-top: 0; } .pdp-main .replenishment.align-middle.toggleReplenishment .info-icon, .pdp-main .replenishment.align-middle.switch-replenishment .info-icon, .pdp-main .product-options.toggleReplenishment .info-icon, .pdp-main .product-options.switch-replenishment .info-icon, .pt_cart .replenishment.align-middle.toggleReplenishment .info-icon, .pt_cart .replenishment.align-middle.switch-replenishment .info-icon, .pt_cart .product-options.toggleReplenishment .info-icon, .pt_cart .product-options.switch-replenishment .info-icon { position: relative; display: inline-block; width: 10%; text-align: left; cursor: pointer; margin-top: 2px; } .pdp-main .replenishment.align-middle.toggleReplenishment .info-icon:hover + .info-message, .pdp-main .replenishment.align-middle.switch-replenishment .info-icon:hover + .info-message, .pdp-main .product-options.toggleReplenishment .info-icon:hover + .info-message, .pdp-main .product-options.switch-replenishment .info-icon:hover + .info-message, .pt_cart .replenishment.align-middle.toggleReplenishment .info-icon:hover + .info-message, .pt_cart .replenishment.align-middle.switch-replenishment .info-icon:hover + .info-message, .pt_cart .product-options.toggleReplenishment .info-icon:hover + .info-message, .pt_cart .product-options.switch-replenishment .info-icon:hover + .info-message { display: inline-block; } .pdp-main .replenishment.align-middle.toggleReplenishment .info-message, .pdp-main .replenishment.align-middle.switch-replenishment .info-message, .pdp-main .product-options.toggleReplenishment .info-message, .pdp-main .product-options.switch-replenishment .info-message, .pt_cart .replenishment.align-middle.toggleReplenishment .info-message, .pt_cart .replenishment.align-middle.switch-replenishment .info-message, .pt_cart .product-options.toggleReplenishment .info-message, .pt_cart .product-options.switch-replenishment .info-message { display: none; position: absolute; background-color: #f9f9f9; color: #333; padding: 5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); z-index: 1; top: 20px; left: 0; } .pdp-main .replenishment.align-middle.toggleReplenishment .icon-info, .pdp-main .replenishment.align-middle.toggleReplenishment .icon-info::before, .pdp-main .replenishment.align-middle.switch-replenishment .icon-info, .pdp-main .replenishment.align-middle.switch-replenishment .icon-info::before, .pdp-main .product-options.toggleReplenishment .icon-info, .pdp-main .product-options.toggleReplenishment .icon-info::before, .pdp-main .product-options.switch-replenishment .icon-info, .pdp-main .product-options.switch-replenishment .icon-info::before, .pt_cart .replenishment.align-middle.toggleReplenishment .icon-info, .pt_cart .replenishment.align-middle.toggleReplenishment .icon-info::before, .pt_cart .replenishment.align-middle.switch-replenishment .icon-info, .pt_cart .replenishment.align-middle.switch-replenishment .icon-info::before, .pt_cart .product-options.toggleReplenishment .icon-info, .pt_cart .product-options.toggleReplenishment .icon-info::before, .pt_cart .product-options.switch-replenishment .icon-info, .pt_cart .product-options.switch-replenishment .icon-info::before { display: none; } .pdp-main .replenishment.align-middle.toggleReplenishment .input-select, .pdp-main .replenishment.align-middle.toggleReplenishment .replenishMsg-text, .pdp-main .replenishment.align-middle.switch-replenishment .input-select, .pdp-main .replenishment.align-middle.switch-replenishment .replenishMsg-text, .pdp-main .product-options.toggleReplenishment .input-select, .pdp-main .product-options.toggleReplenishment .replenishMsg-text, .pdp-main .product-options.switch-replenishment .input-select, .pdp-main .product-options.switch-replenishment .replenishMsg-text, .pt_cart .replenishment.align-middle.toggleReplenishment .input-select, .pt_cart .replenishment.align-middle.toggleReplenishment .replenishMsg-text, .pt_cart .replenishment.align-middle.switch-replenishment .input-select, .pt_cart .replenishment.align-middle.switch-replenishment .replenishMsg-text, .pt_cart .product-options.toggleReplenishment .input-select, .pt_cart .product-options.toggleReplenishment .replenishMsg-text, .pt_cart .product-options.switch-replenishment .input-select, .pt_cart .product-options.switch-replenishment .replenishMsg-text { display: none; } .pdp-main .replenishment.align-middle.toggleReplenishment.active .input-select, .pdp-main .replenishment.align-middle.switch-replenishment.active .input-select, .pdp-main .product-options.toggleReplenishment.active .input-select, .pdp-main .product-options.switch-replenishment.active .input-select, .pt_cart .replenishment.align-middle.toggleReplenishment.active .input-select, .pt_cart .replenishment.align-middle.switch-replenishment.active .input-select, .pt_cart .product-options.toggleReplenishment.active .input-select, .pt_cart .product-options.switch-replenishment.active .input-select { display: initial; margin-top: 15px; } .pdp-main .replenishment.align-middle.toggleReplenishment.active .replenishOffer, .pdp-main .replenishment.align-middle.toggleReplenishment.active .replenishMsg-text, .pdp-main .replenishment.align-middle.switch-replenishment.active .replenishOffer, .pdp-main .replenishment.align-middle.switch-replenishment.active .replenishMsg-text, .pdp-main .product-options.toggleReplenishment.active .replenishOffer, .pdp-main .product-options.toggleReplenishment.active .replenishMsg-text, .pdp-main .product-options.switch-replenishment.active .replenishOffer, .pdp-main .product-options.switch-replenishment.active .replenishMsg-text, .pt_cart .replenishment.align-middle.toggleReplenishment.active .replenishOffer, .pt_cart .replenishment.align-middle.toggleReplenishment.active .replenishMsg-text, .pt_cart .replenishment.align-middle.switch-replenishment.active .replenishOffer, .pt_cart .replenishment.align-middle.switch-replenishment.active .replenishMsg-text, .pt_cart .product-options.toggleReplenishment.active .replenishOffer, .pt_cart .product-options.toggleReplenishment.active .replenishMsg-text, .pt_cart .product-options.switch-replenishment.active .replenishOffer, .pt_cart .product-options.switch-replenishment.active .replenishMsg-text { display: -ms-flexbox; display: flex; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch, .pdp-main .product-options.toggleReplenishment .toggle-switch, .pdp-main .product-options.switch-replenishment .toggle-switch, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch, .pt_cart .product-options.toggleReplenishment .toggle-switch, .pt_cart .product-options.switch-replenishment .toggle-switch { display: -ms-flexbox; display: flex; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .switch, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .switch, .pdp-main .product-options.toggleReplenishment .toggle-switch .switch, .pdp-main .product-options.switch-replenishment .toggle-switch .switch, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .switch, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .switch, .pt_cart .product-options.toggleReplenishment .toggle-switch .switch, .pt_cart .product-options.switch-replenishment .toggle-switch .switch { position: relative; display: inline-block; height: 20px; width: 40px; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .switch:focus, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .switch:focus, .pdp-main .product-options.toggleReplenishment .toggle-switch .switch:focus, .pdp-main .product-options.switch-replenishment .toggle-switch .switch:focus, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .switch:focus, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .switch:focus, .pt_cart .product-options.toggleReplenishment .toggle-switch .switch:focus, .pt_cart .product-options.switch-replenishment .toggle-switch .switch:focus { outline: 1px dotted #202020; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .switch input, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .switch input, .pdp-main .product-options.toggleReplenishment .toggle-switch .switch input, .pdp-main .product-options.switch-replenishment .toggle-switch .switch input, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .switch input, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .switch input, .pt_cart .product-options.toggleReplenishment .toggle-switch .switch input, .pt_cart .product-options.switch-replenishment .toggle-switch .switch input { opacity: 0; width: 0; height: 0; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .slider, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .slider, .pdp-main .product-options.toggleReplenishment .toggle-switch .slider, .pdp-main .product-options.switch-replenishment .toggle-switch .slider, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .slider, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .slider, .pt_cart .product-options.toggleReplenishment .toggle-switch .slider, .pt_cart .product-options.switch-replenishment .toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .slider:before, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .slider:before, .pdp-main .product-options.toggleReplenishment .toggle-switch .slider:before, .pdp-main .product-options.switch-replenishment .toggle-switch .slider:before, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .slider:before, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .slider:before, .pt_cart .product-options.toggleReplenishment .toggle-switch .slider:before, .pt_cart .product-options.switch-replenishment .toggle-switch .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 1px; background-color: white; transition: .4s; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch input:checked + .slider, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch input:checked + .slider, .pdp-main .product-options.toggleReplenishment .toggle-switch input:checked + .slider, .pdp-main .product-options.switch-replenishment .toggle-switch input:checked + .slider, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch input:checked + .slider, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch input:checked + .slider, .pt_cart .product-options.toggleReplenishment .toggle-switch input:checked + .slider, .pt_cart .product-options.switch-replenishment .toggle-switch input:checked + .slider { background-color: black; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch input:checked + .slider:before, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch input:checked + .slider:before, .pdp-main .product-options.toggleReplenishment .toggle-switch input:checked + .slider:before, .pdp-main .product-options.switch-replenishment .toggle-switch input:checked + .slider:before, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch input:checked + .slider:before, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch input:checked + .slider:before, .pt_cart .product-options.toggleReplenishment .toggle-switch input:checked + .slider:before, .pt_cart .product-options.switch-replenishment .toggle-switch input:checked + .slider:before { transform: translateX(18px); } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .slider.round, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .slider.round, .pdp-main .product-options.toggleReplenishment .toggle-switch .slider.round, .pdp-main .product-options.switch-replenishment .toggle-switch .slider.round, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .slider.round, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .slider.round, .pt_cart .product-options.toggleReplenishment .toggle-switch .slider.round, .pt_cart .product-options.switch-replenishment .toggle-switch .slider.round { border-radius: 34px; } .pdp-main .replenishment.align-middle.toggleReplenishment .toggle-switch .slider.round:before, .pdp-main .replenishment.align-middle.switch-replenishment .toggle-switch .slider.round:before, .pdp-main .product-options.toggleReplenishment .toggle-switch .slider.round:before, .pdp-main .product-options.switch-replenishment .toggle-switch .slider.round:before, .pt_cart .replenishment.align-middle.toggleReplenishment .toggle-switch .slider.round:before, .pt_cart .replenishment.align-middle.switch-replenishment .toggle-switch .slider.round:before, .pt_cart .product-options.toggleReplenishment .toggle-switch .slider.round:before, .pt_cart .product-options.switch-replenishment .toggle-switch .slider.round:before { border-radius: 50%; } .prs-rating-wrapper .prs-ratings { visibility: hidden; } /* PLP Product List Page */ /* PLP PAGE TITLE and INTRO DESCRIPTION */ .background-container { background-size: cover; background-repeat: no-repeat; } .background-container .plp-top-banner { min-height: 400px; } .search-text-wrapper h3 { color: #706258; font-size: 50px; font-weight: 300; margin: 0; padding: 44px 0; } @media screen and (max-width: 640px) { .page-intro-container { margin-top: .5em; width: 100%; display: -ms-flexbox; display: flex; } .page-intro-container h1 { border-bottom: 0; font-size: 1.8em; display: inline-block; } .page-intro-container h1 .page-intro-btm-border { border-bottom: 2px solid #050505; float: none; text-align: center; margin: 0 auto; display: none; } } @media print, screen and (max-width: 39.99875em) { .pt_product-search-result #main { margin-top: 67px; } } .pt_product-search-result .product-tile .product-short-blub { font-size: 14px; height: 50px; } /* end pt_product-search-result */ .edit-modal #pdpMain .product-image-container .row, .edit-modal #pdpMain .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .edit-modal #pdpMain .product-image-container .content-asset, .edit-modal #pdpMain .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .edit-modal #pdpMain .product-image-container .content-asset { margin-top: 0; } .edit-modal #pdpMain .slider-main-image .slick-prev:before, .edit-modal #pdpMain .slider-main-image .slick-next:before { color: #000; } @media print, screen and (min-width: 64em) { .edit-modal #pdpMain .slider-main-image .slick-next { right: -35px; } .edit-modal #pdpMain .slider-main-image .slick-prev { left: -35px; } } @media print, screen and (min-width: 40em) { .edit-modal #pdpMain #thumbnails.product-thumbnails .product-images .slick-track { display: -ms-flexbox; display: flex; } } .edit-modal #pdpMain #thumbnails.product-thumbnails .slick-slide { height: 63px; margin: 5px 0; } .search-promo > div { width: 100%; } #videos-slideshow .slick-slide { text-align: center; } @media (min-width: 768px) and (max-width: 1024px) { #videos-slideshow .slick-next { top: 50%; right: -23px; } } @media print, screen and (max-width: 39.99875em) { #videos-slideshow .slick-next { right: -18px; } } @media (min-width: 768px) and (max-width: 1024px) { #videos-slideshow .slick-prev { top: 50%; left: -20px; } } @media print, screen and (max-width: 39.99875em) { #videos-slideshow .slick-prev { left: -18px; } } #contentzone5 { border-top: none; display: block; } .slider-header { text-align: center; padding: 0; position: relative; top: 42px; } @media print, screen and (max-width: 39.99875em) { .slider-header { top: 32px; } } .slider-header h1 { margin: 0; } .ui-widget.bonus-eligibility-modal { margin: 0 1em; position: fixed; width: auto; z-index: 103 !important; } @media print, screen and (max-width: 39.99875em) { .ui-widget.bonus-eligibility-modal { top: 20px !important; } } @media print, screen and (min-width: 40em) { .ui-widget.bonus-eligibility-modal { width: 450px !important; } } .ui-widget.bonus-eligibility-modal + .ui-widget-overlay { z-index: 102 !important; } .bonus-product-list .bonus-product-item { border-bottom: 1px solid #d8d8d8; } @media screen and (max-width: 768px) { .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 .product-add-to-cart { padding-bottom: 0; } .bonus-product-list .product-add-to-cart .inventory { width: auto; } .bonus-product-list .product-name { float: none; margin: 1em 0; } .bonus-product-list .quantity-error { color: red; text-transform: inherit; } .bonus-product-list .bonus-product-list-footer { padding-top: 1em; padding-bottom: 1em; } .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus { float: right; } .bonus-product-list .selected-bonus-item { margin: 1em 0 1em 1em; position: relative; } .bonus-product-list .selected-bonus-item .remove-link { cursor: pointer; color: #990000; left: -1em; position: absolute; } .bonus-product-list .selected-bonus-item .remove-link:hover { color: #424242; } .bonus-discount-container { clear: both; text-align: center; } .bonus-discount-container .show-promo-details { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .bonus-discount-container .promo-details { display: none; } .bonus-discount-container .promo-details.visible { display: block; } .ui-dialog-buttonset .ui-button-text-only { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 14px; font-size: 0.875rem; line-height: 18pxpx; line-height: 1.125rem; letter-spacing: 0.05em; } /***** Bonus Modal *****/ .bonus-item-modal { border-bottom: 0 !important; padding-bottom: 0; } @media print, screen and (min-width: 64em) { .bonus-item-modal { width: 90% !important; max-width: 78.75rem !important; } } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal { top: 5px !important; height: calc(100vh - 20px) !important; } .bonus-item-modal .modal-body { height: 95% !important; } .bonus-item-modal .modal-body #bonus-modal-header { font-size: 2rem; } } .bonus-item-modal .error { float: none; margin-bottom: 0; } .bonus-item-modal .modal-content { position: relative; margin-top: 2em; } .bonus-item-modal .modal-content .search-result-content { display: block; } .bonus-item-modal .modal-content .search-result-content .product-tile { position: relative; } .bonus-item-modal .modal-content h2 { margin-bottom: 30px; font-size: 36px; font-size: 2.25rem; line-height: 42px; line-height: 2.625rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.01em; color: #081f2c; } @media print, screen and (min-width: 40em) { .bonus-item-modal .modal-content h2 { padding-right: 265px; } } @media print, screen and (min-width: 40em) { .bonus-item-modal .modal-content .tiles-container { padding: 0; } } .bonus-item-modal .modal-content button:focus { outline-color: #081f2c; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal .modal-content .product-listing.column, .bonus-item-modal .modal-content .product-listing.columns { padding: 0; } } .bonus-item-modal .modal-content .add-btn-container { padding: 0; } .bonus-item-modal .modal-content .add-btn-container.top-container { margin-top: 20px; position: relative; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal .modal-content .add-btn-container { margin: 20px 0; } } .bonus-item-modal .modal-content .add-btn-container.bottom-btn { border: 0px; } .bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart { background: #081f2c; border: #081f2c 2px solid; color: #ffffff; font-weight: 700; text-transform: uppercase; } .bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart:hover { background: #ffffff; border: #081f2c 2px solid; color: #081f2c; } .bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart:hover:disabled { color: #ffffff; } .bonus-item-modal .modal-content .add-btn-container .add-to-cart { width: 100%; } @media print, screen and (min-width: 40em) { .bonus-item-modal .modal-content .add-btn-container .add-to-cart { width: auto; } } .bonus-item-modal .badge-container { width: auto; } .bonus-item-modal .badge-container .badge-product { display: block; } .bonus-item-modal .badge-container .badge-product p { display: inline; } .bonus-item-modal .products-used-wrapper { padding: 0; border-bottom: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .bonus-item-modal .products-used-wrapper { font-size: 14px; } } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal #main.products-used-wrapper { border-top: none; } .bonus-item-modal #main .search-result-items .slick-next:before, .bonus-item-modal #main .search-result-items .slick-prev:before { font-size: 25px; } .bonus-item-modal #main .search-result-items li.product-tile-wrapper { border-bottom: none; border-top: none; margin: 0; padding: 0; } } .bonus-item-modal #main li.product-tile-wrapper { padding-bottom: 4em; padding-right: 1.5em; padding-top: 0 !important; text-align: center; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal #main li.product-tile-wrapper { padding: 2em 0 !important; border-bottom: 1px solid #081f2c; min-height: 1px; } } .bonus-item-modal #main li.product-tile-wrapper .product-tile { box-shadow: none; } .bonus-item-modal #main li.product-tile-wrapper .product-tile .name-link .product-name, .bonus-item-modal #main li.product-tile-wrapper .product-tile .badge-container { display: none !important; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal #main li.product-tile-wrapper .product-tile .product-short-blub { text-align: center; } } .bonus-item-modal #main li.product-tile-wrapper .product-image { margin: 0 auto; } .bonus-item-modal #main li.product-tile-wrapper .product-image img { display: block; max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal #main li.product-tile-wrapper .product-image img { margin: 0 auto; } } @media print, screen and (min-width: 40em) { .bonus-item-modal #main li.product-tile-wrapper .product-details { text-align: left; } } .bonus-item-modal #main li.product-tile-wrapper .product-details .product-name { font-size: 20px; } @media print, screen and (max-width: 39.99875em) { .bonus-item-modal #main li.product-tile-wrapper .product-details .product-name { font-size: 12px; } } .bonus-item-modal #main li.product-tile-wrapper .product-details .product-shortDesc { margin-top: 1em; font-size: 12px; } .bonus-item-modal #main li.product-tile-wrapper .product-details label { text-align: center; display: inline-block; } .bonus-item-modal #main li.product-tile-wrapper input.button.multiselect[type=checkbox] { width: 22px; height: 20px; background-color: #ffffff; border-color: #202020; color: #202020; margin: 0 auto; } .bonus-item-modal #main li.product-tile-wrapper input.button.multiselect[type=checkbox]:focus { outline: 1px dotted #202020; outline-offset: 1px; } .bonus-item-modal #main li.product-tile-wrapper input.button.multiselect[type=checkbox][value="selected"]:before { content: "\e917"; display: block; position: absolute; font-size: 14px; top: 1px; left: 2px; } .bonus-item-modal #main li.product-tile-wrapper input.button.multiselect[type=checkbox]:checked:before { background-image: none; } .bonus-item-modal #main li.product-tile-wrapper input.button.multiselect[type=checkbox][disabled] { background-color: #081f2c; border-color: #081f2c; opacity: .5; } .ui-dialog.bonus-eligibility-modal .bonus-product-alert, .ui-dialog.bonus-eligibility-modal .bonus-product-promo { font-size: 16px; line-height: 24px; } .ui-dialog.bonus-eligibility-modal .ui-dialog-buttonset .ui-button { color: #fff; background-color: #081f2c; } .ui-dialog.bonus-eligibility-modal .ui-widget-content { border: 0; } .sample-item .product-name { min-height: 63px; text-align: center; } @media print, screen and (min-width: 40em) { .sample-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-pack: stretch; justify-content: stretch; } .sample-item .product-tile { -ms-flex-positive: 1; flex-grow: 1; } .sample-item .product-details { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } } #modal-content #main.products-used-wrapper .search-result-content .tiles-container { display: -ms-flexbox; display: flex; margin-top: 15px; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media print, screen and (max-width: 39.99875em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container { margin-top: 0px; } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .product-tile .name-link { margin-left: auto; margin-right: auto; } } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3, #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.columns { margin-bottom: 1px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3, #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.columns { height: 460px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3.sample-item, .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.sample-item.columns { max-width: 32%; } .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3.sample-item .product-tile, .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.sample-item.columns .product-tile { padding: 0 0 15px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) and (max-width: 39.99875em) { .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3.sample-item .product-tile, .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.sample-item.columns .product-tile { padding: 0 5px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .column.large-3.sample-item .product-name:focus, .bonus-item-modal #modal-content #main.products-used-wrapper .search-result-content .tiles-container .large-3.sample-item.columns .product-name:focus { outline: 1px dotted #081f2c; } } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item { height: auto !important; width: 100%; } @media print, screen and (min-width: 64em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .thumb-link img { max-height: 200px; } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .product-image { height: 200px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .thumb-link img { max-height: 180px; } } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-details { color: #081f2c; font-size: 16px; margin: 0; text-transform: uppercase; display: inline-block; vertical-align: top; min-height: 33px; text-align: center; padding: 0; font-weight: bold; } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-details .product-name { text-align: center; min-height: 6rem; overflow: hidden; } #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-details .product-name:focus { outline: 1px dotted #202020; outline-offset: 1px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-details .product-name { font-size: 15px; } } @media print, screen and (max-width: 39.99875em) { #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-details .product-name { min-height: 1px; } } /***** End of Bonus Modal *****/ .sizinginformation { border: 0 none; padding: 10px; } .sizinginformation th { background: none repeat scroll 0 0 #ffffff; } .sizinginformation td, .sizinginformation th { border-bottom: 1px solid #ffffff; padding: 10px; } .sizinginformation td { border-left: 1px solid #ffffff; } .sizinginformation .ui-tabs-nav { height: 33px; } .sizinginformation .sizing-charts { border: 0 none; } .sizinginformation .tips-list { padding: 0 !important; } .sizinginformation .tips-list li { list-style: none outside none !important; } @media print, screen and (min-width: 40em) { #cart-table .bliitem-edit-details a:not(.wishlist-link), .cart-wishlist .bliitem-edit-details a:not(.wishlist-link) { font-size: .8em; text-transform: uppercase; text-decoration: underline; } } #cart-table:before, .cart-wishlist:before { content: " "; display: block; margin-top: 2px; width: 100%; } #cart-table .save-for-later, .cart-wishlist .save-for-later { text-align: center; border: 3px solid #050505; } #cart-table .cart-row, #cart-table .rowcoupons, .cart-wishlist .cart-row, .cart-wishlist #cart-table .rowcoupons, #cart-table .cart-wishlist .rowcoupons, .cart-wishlist .rowcoupons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1.25em; padding-bottom: 1.25em; border-bottom: 1px solid #050505; position: relative; } #cart-table .cart-row .add-to-wishlist, #cart-table .rowcoupons .add-to-wishlist, .cart-wishlist .cart-row .add-to-wishlist, .cart-wishlist #cart-table .rowcoupons .add-to-wishlist, #cart-table .cart-wishlist .rowcoupons .add-to-wishlist, .cart-wishlist .rowcoupons .add-to-wishlist { padding: 0; } #cart-table .cart-row ~ .cart-row, #cart-table .rowcoupons ~ .cart-row, #cart-table .cart-wishlist .rowcoupons ~ .cart-row, #cart-table .cart-row ~ .rowcoupons, #cart-table .rowcoupons ~ .rowcoupons, #cart-table .cart-wishlist .cart-row ~ .rowcoupons, #cart-table .cart-wishlist .rowcoupons ~ .rowcoupons, .cart-wishlist .cart-row ~ .cart-row, .cart-wishlist #cart-table .rowcoupons ~ .cart-row, #cart-table .cart-wishlist .rowcoupons ~ .cart-row, .cart-wishlist .rowcoupons ~ .cart-row, .cart-wishlist #cart-table .cart-row ~ .rowcoupons, #cart-table .cart-wishlist .cart-row ~ .rowcoupons, .cart-wishlist .cart-row ~ .rowcoupons, .cart-wishlist #cart-table .rowcoupons ~ .rowcoupons, #cart-table .cart-wishlist .rowcoupons ~ .rowcoupons, .cart-wishlist .rowcoupons ~ .rowcoupons { border-top: none; } #cart-table .cart-row ~ .cart-row:before, #cart-table .rowcoupons ~ .cart-row:before, #cart-table .cart-wishlist .rowcoupons ~ .cart-row:before, #cart-table .cart-row ~ .rowcoupons:before, #cart-table .rowcoupons ~ .rowcoupons:before, #cart-table .cart-wishlist .cart-row ~ .rowcoupons:before, #cart-table .cart-wishlist .rowcoupons ~ .rowcoupons:before, .cart-wishlist .cart-row ~ .cart-row:before, .cart-wishlist #cart-table .rowcoupons ~ .cart-row:before, #cart-table .cart-wishlist .rowcoupons ~ .cart-row:before, .cart-wishlist .rowcoupons ~ .cart-row:before, .cart-wishlist #cart-table .cart-row ~ .rowcoupons:before, #cart-table .cart-wishlist .cart-row ~ .rowcoupons:before, .cart-wishlist .cart-row ~ .rowcoupons:before, .cart-wishlist #cart-table .rowcoupons ~ .rowcoupons:before, #cart-table .cart-wishlist .rowcoupons ~ .rowcoupons:before, .cart-wishlist .rowcoupons ~ .rowcoupons:before { border-top: none; } #cart-table .cart-row.row, #cart-table .row.rowcoupons, #cart-table .pt_content-search-result-static .no-left-nav-template .rowcoupons.content-asset, .pt_content-search-result-static .no-left-nav-template #cart-table .rowcoupons.content-asset, #cart-table .pt_content-search-result-static .left-nav-template .rowcoupons.content-asset, .pt_content-search-result-static .left-nav-template #cart-table .rowcoupons.content-asset, #cart-table .pt_content-search-result-static .no-left-nav-template .cart-row.content-asset, .pt_content-search-result-static .no-left-nav-template #cart-table .cart-row.content-asset, #cart-table .pt_content-search-result-static .left-nav-template .cart-row.content-asset, .pt_content-search-result-static .left-nav-template #cart-table .cart-row.content-asset, .cart-wishlist .cart-row.row, .cart-wishlist #cart-table .row.rowcoupons, #cart-table .cart-wishlist .row.rowcoupons, .cart-wishlist #cart-table .pt_content-search-result-static .no-left-nav-template .rowcoupons.content-asset, #cart-table .pt_content-search-result-static .no-left-nav-template .cart-wishlist .rowcoupons.content-asset, .cart-wishlist .pt_content-search-result-static .no-left-nav-template #cart-table .rowcoupons.content-asset, .pt_content-search-result-static .no-left-nav-template #cart-table .cart-wishlist .rowcoupons.content-asset, .cart-wishlist #cart-table .pt_content-search-result-static .left-nav-template .rowcoupons.content-asset, #cart-table .pt_content-search-result-static .left-nav-template .cart-wishlist .rowcoupons.content-asset, .cart-wishlist .pt_content-search-result-static .left-nav-template #cart-table .rowcoupons.content-asset, .pt_content-search-result-static .left-nav-template #cart-table .cart-wishlist .rowcoupons.content-asset, .cart-wishlist .row.rowcoupons, .cart-wishlist .pt_content-search-result-static .no-left-nav-template .rowcoupons.content-asset, .pt_content-search-result-static .no-left-nav-template .cart-wishlist .rowcoupons.content-asset, .cart-wishlist .pt_content-search-result-static .left-nav-template .rowcoupons.content-asset, .pt_content-search-result-static .left-nav-template .cart-wishlist .rowcoupons.content-asset, .cart-wishlist .pt_content-search-result-static .no-left-nav-template .cart-row.content-asset, .pt_content-search-result-static .no-left-nav-template .cart-wishlist .cart-row.content-asset, .cart-wishlist .pt_content-search-result-static .left-nav-template .cart-row.content-asset, .pt_content-search-result-static .left-nav-template .cart-wishlist .cart-row.content-asset { margin-left: 0; margin-right: 0; } #cart-table .cart-row .item-details .attribute[data-attribute="color"], #cart-table .rowcoupons .item-details .attribute[data-attribute="color"], .cart-wishlist .cart-row .item-details .attribute[data-attribute="color"], .cart-wishlist #cart-table .rowcoupons .item-details .attribute[data-attribute="color"], #cart-table .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"], .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #cart-table .cart-row .item-details .attribute[data-attribute="color"] .colorvar, #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar, .cart-wishlist .cart-row .item-details .attribute[data-attribute="color"] .colorvar, .cart-wishlist #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar, #cart-table .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar, .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5px; margin-left: 5px; } #cart-table .cart-row .item-details .attribute[data-attribute="color"] .colorvar .swatch-block, #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar .swatch-block, .cart-wishlist .cart-row .item-details .attribute[data-attribute="color"] .colorvar .swatch-block, .cart-wishlist #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar .swatch-block, #cart-table .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar .swatch-block, .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .colorvar .swatch-block { height: 23px; width: 23px; border-radius: 50%; } #cart-table .cart-row .item-details .attribute[data-attribute="color"] .multi-color, #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .multi-color, .cart-wishlist .cart-row .item-details .attribute[data-attribute="color"] .multi-color, .cart-wishlist #cart-table .rowcoupons .item-details .attribute[data-attribute="color"] .multi-color, #cart-table .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .multi-color, .cart-wishlist .rowcoupons .item-details .attribute[data-attribute="color"] .multi-color { display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -ms-flex-align: center; align-items: center; column-gap: 5px; } #cart-table .cart-row .item-details .wishlist-button__add--container .wishlist-button__add, #cart-table .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add, .cart-wishlist .cart-row .item-details .wishlist-button__add--container .wishlist-button__add, .cart-wishlist #cart-table .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add, #cart-table .cart-wishlist .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add, .cart-wishlist .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add { text-transform: uppercase; text-decoration: underline; margin-right: 20px; } #cart-table .cart-row .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span, #cart-table .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span, .cart-wishlist .cart-row .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span, .cart-wishlist #cart-table .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span, #cart-table .cart-wishlist .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span, .cart-wishlist .rowcoupons .item-details .wishlist-button__add--container .wishlist-button__add .wishlist-button span { font-size: 14px; } @media print, screen and (min-width: 40em) { #cart-table .cart-row, #cart-table .rowcoupons, .cart-wishlist .cart-row, .cart-wishlist #cart-table .rowcoupons, #cart-table .cart-wishlist .rowcoupons, .cart-wishlist .rowcoupons { padding-top: 2.5em; padding-bottom: 2.5em; } } #cart-table .cart-row .user-action-remove, #cart-table .rowcoupons .user-action-remove, .cart-wishlist .cart-row .user-action-remove, .cart-wishlist #cart-table .rowcoupons .user-action-remove, #cart-table .cart-wishlist .rowcoupons .user-action-remove, .cart-wishlist .rowcoupons .user-action-remove { text-align: right; margin-right: 1.25rem; } #cart-table .cart-row .bonus-item-container .select-bonus, #cart-table .rowcoupons .bonus-item-container .select-bonus, .cart-wishlist .cart-row .bonus-item-container .select-bonus, .cart-wishlist #cart-table .rowcoupons .bonus-item-container .select-bonus, #cart-table .cart-wishlist .rowcoupons .bonus-item-container .select-bonus, .cart-wishlist .rowcoupons .bonus-item-container .select-bonus { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } #cart-table .cart-row .bonus-item-container .select-bonus:hover, #cart-table .rowcoupons .bonus-item-container .select-bonus:hover, .cart-wishlist .cart-row .bonus-item-container .select-bonus:hover, .cart-wishlist #cart-table .rowcoupons .bonus-item-container .select-bonus:hover, #cart-table .cart-wishlist .rowcoupons .bonus-item-container .select-bonus:hover, .cart-wishlist .rowcoupons .bonus-item-container .select-bonus:hover { text-decoration: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .cart-row .quantity-column, #cart-table .rowcoupons .quantity-column, .cart-wishlist .cart-row .quantity-column, .cart-wishlist #cart-table .rowcoupons .quantity-column, #cart-table .cart-wishlist .rowcoupons .quantity-column, .cart-wishlist .rowcoupons .quantity-column { text-align: right; } } #cart-table .cart-row .quantity-column .medium-price-column, #cart-table .rowcoupons .quantity-column .medium-price-column, .cart-wishlist .cart-row .quantity-column .medium-price-column, .cart-wishlist #cart-table .rowcoupons .quantity-column .medium-price-column, #cart-table .cart-wishlist .rowcoupons .quantity-column .medium-price-column, .cart-wishlist .rowcoupons .quantity-column .medium-price-column { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (max-width: 39.99875em) { #cart-table .cart-row .quantity-column .product-options ul, #cart-table .rowcoupons .quantity-column .product-options ul, .cart-wishlist .cart-row .quantity-column .product-options ul, .cart-wishlist #cart-table .rowcoupons .quantity-column .product-options ul, #cart-table .cart-wishlist .rowcoupons .quantity-column .product-options ul, .cart-wishlist .rowcoupons .quantity-column .product-options ul { padding: 0; } #cart-table .cart-row .quantity-column .product-options ul span, #cart-table .rowcoupons .quantity-column .product-options ul span, .cart-wishlist .cart-row .quantity-column .product-options ul span, .cart-wishlist #cart-table .rowcoupons .quantity-column .product-options ul span, #cart-table .cart-wishlist .rowcoupons .quantity-column .product-options ul span, .cart-wishlist .rowcoupons .quantity-column .product-options ul span { font-size: 12px; } #cart-table .cart-row .quantity-column .product-options ul span:first-child, #cart-table .rowcoupons .quantity-column .product-options ul span:first-child, .cart-wishlist .cart-row .quantity-column .product-options ul span:first-child, .cart-wishlist #cart-table .rowcoupons .quantity-column .product-options ul span:first-child, #cart-table .cart-wishlist .rowcoupons .quantity-column .product-options ul span:first-child, .cart-wishlist .rowcoupons .quantity-column .product-options ul span:first-child { font-weight: 500; } #cart-table .cart-row .quantity-column .medium-price-column, #cart-table .rowcoupons .quantity-column .medium-price-column, .cart-wishlist .cart-row .quantity-column .medium-price-column, .cart-wishlist #cart-table .rowcoupons .quantity-column .medium-price-column, #cart-table .cart-wishlist .rowcoupons .quantity-column .medium-price-column, .cart-wishlist .rowcoupons .quantity-column .medium-price-column { margin-right: 0.5rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .cart-row .item-quantity, #cart-table .rowcoupons .item-quantity, .cart-wishlist .cart-row .item-quantity, .cart-wishlist #cart-table .rowcoupons .item-quantity, #cart-table .cart-wishlist .rowcoupons .item-quantity, .cart-wishlist .rowcoupons .item-quantity { font-size: .8em; } } #cart-table .cart-row .label, #cart-table .rowcoupons .label, .cart-wishlist .cart-row .label, .cart-wishlist #cart-table .rowcoupons .label, #cart-table .cart-wishlist .rowcoupons .label, .cart-wishlist .rowcoupons .label { font-size: 1em; } #cart-table .cart-row .product-error.not-available, #cart-table .rowcoupons .product-error.not-available, .cart-wishlist .cart-row .product-error.not-available, .cart-wishlist #cart-table .rowcoupons .product-error.not-available, #cart-table .cart-wishlist .rowcoupons .product-error.not-available, .cart-wishlist .rowcoupons .product-error.not-available { color: #c8102e; margin-bottom: 1em; } #cart-table .cart-row .product-promotion-container, #cart-table .rowcoupons .product-promotion-container, .cart-wishlist .cart-row .product-promotion-container, .cart-wishlist #cart-table .rowcoupons .product-promotion-container, #cart-table .cart-wishlist .rowcoupons .product-promotion-container, .cart-wishlist .rowcoupons .product-promotion-container { color: #333333; font-style: italic; margin: 1rem 0 0 0; width: 100%; text-align: center; } #cart-table .cart-row .product-promotion-container .content-asset, #cart-table .rowcoupons .product-promotion-container .content-asset, .cart-wishlist .cart-row .product-promotion-container .content-asset, .cart-wishlist #cart-table .rowcoupons .product-promotion-container .content-asset, #cart-table .cart-wishlist .rowcoupons .product-promotion-container .content-asset, .cart-wishlist .rowcoupons .product-promotion-container .content-asset { width: 100%; } @media print, screen and (min-width: 40em) { #cart-table .rowcoupons .item-details, .cart-wishlist .rowcoupons .item-details { padding: 0 1.5em; } } @media print, screen and (min-width: 40em) { #cart-table .rowcoupons .coupon-actions, .cart-wishlist .rowcoupons .coupon-actions { padding: 0; } } @media print, screen and (min-width: 40em) { #cart-table .rowcoupons .coupon-actions .discount, .cart-wishlist .rowcoupons .coupon-actions .discount { margin-bottom: 1em; } } @media print, screen and (min-width: 40em) { #cart-table .rowcoupons .item-quantity-details button, .cart-wishlist .rowcoupons .item-quantity-details button { margin-top: 1em; } } #cart-table .rowcoupons .item-quantity-details button.textbutton, .cart-wishlist .rowcoupons .item-quantity-details button.textbutton { background: none; color: #202020; font-weight: normal; border: none; padding: 0; } @media print, screen and (min-width: 40em) { #cart-table .rowcoupons .item-quantity-details button.textbutton, .cart-wishlist .rowcoupons .item-quantity-details button.textbutton { font-size: 14px; text-decoration: underline; } } #cart-table .rowcoupons .item-quantity-details button.textbutton:hover, .cart-wishlist .rowcoupons .item-quantity-details button.textbutton:hover { text-decoration: none; } #cart-table .rowgiftcert, .cart-wishlist .rowgiftcert { margin: 0; padding: 2.5em 0; border-bottom: 1px solid #202020; } #cart-table .rowgiftcert .item-details, .cart-wishlist .rowgiftcert .item-details { padding-left: 1.5em; } @media print, screen and (max-width: 39.99875em) { #cart-table .rowgiftcert .item-details, .cart-wishlist .rowgiftcert .item-details { padding-left: 1em; width: 100%; } } @media print, screen and (max-width: 39.99875em) { #cart-table .rowgiftcert .item-details .item-edit-details, .cart-wishlist .rowgiftcert .item-details .item-edit-details { width: 100%; } #cart-table .rowgiftcert .item-details .item-edit-details a, .cart-wishlist .rowgiftcert .item-details .item-edit-details a { background-color: #202020; border: 2px solid #202020; cursor: pointer; display: inline-block; font-size: 1em; line-height: 1em; font-weight: 700; padding: .5em 0em; text-align: center; transition: all 0.3s ease; text-transform: uppercase; color: #ffffff; text-decoration: none; margin-left: -.5em; width: 100%; } #cart-table .rowgiftcert .item-details .item-edit-details a:hover, .cart-wishlist .rowgiftcert .item-details .item-edit-details a:hover { background-color: #fefefe; border-color: #767676; color: #767676; } } #cart-table .rowgiftcert .item-details .item-total, .cart-wishlist .rowgiftcert .item-details .item-total { margin-top: 1em; } #cart-table .rowgiftcert .item-details .item-user-actions, .cart-wishlist .rowgiftcert .item-details .item-user-actions { display: inline; } #cart-table .rowgiftcert .item-details .item-user-actions .button-text, .cart-wishlist .rowgiftcert .item-details .item-user-actions .button-text { font-weight: normal; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; text-decoration: underline; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .rowgiftcert .item-details .item-user-actions .button-text, .cart-wishlist .rowgiftcert .item-details .item-user-actions .button-text { font-size: .8em; } } #cart-table .rowgiftcert .item-details .item-user-actions .button-text:hover, .cart-wishlist .rowgiftcert .item-details .item-user-actions .button-text:hover { text-decoration: none; } #cart-table .rowgiftcert .item-details .item-user-actions .in-wishlist, .cart-wishlist .rowgiftcert .item-details .item-user-actions .in-wishlist { font-size: 12px; text-transform: uppercase; } #cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper, .cart-wishlist .rowgiftcert .item-details .gift-cert-edit-wrapper { margin-top: 1em; } #cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit, .cart-wishlist .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit { font-size: 14px; text-transform: uppercase; text-decoration: underline; } #cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit:hover, .cart-wishlist .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit:hover { text-decoration: none; } @media print, screen and (max-width: 39.99875em) { #cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit, .cart-wishlist .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit { width: 100%; } } #cart-table .header-total-price, .cart-wishlist .header-total-price { text-align: right; } #cart-table .item-image, .cart-wishlist .item-image { float: left; text-align: center; } @media print, screen and (max-width: 39.99875em) { #cart-table .item-image, .cart-wishlist .item-image { padding-right: 15px; } } @media screen and (min-width: 768px) { #cart-table .item-image, .cart-wishlist .item-image { float: none; width: 7rem; } } @media print, screen and (min-width: 40em) { #cart-table .item-image img, .cart-wishlist .item-image img { max-width: 100%; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } } @media print, screen and (min-width: 64em) { #cart-table .item-image img, .cart-wishlist .item-image img { width: 100%; max-width: 172px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); } } #cart-table .item-details, .cart-wishlist .item-details { float: left; padding-right: 0; } @media print, screen and (min-width: 64em) { #cart-table .item-details, .cart-wishlist .item-details { padding-left: 15px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .item-details, .cart-wishlist .item-details { padding-left: 1em; } } #cart-table .item-details .product-list-item .pli-giftmessage-text .value, .cart-wishlist .item-details .product-list-item .pli-giftmessage-text .value { word-break: break-all; } #cart-table .item-details .product-list-item .name, .cart-wishlist .item-details .product-list-item .name { margin-bottom: 0; } #cart-table .item-details .product-list-item .gc-attribute .label, .cart-wishlist .item-details .product-list-item .gc-attribute .label { display: -ms-inline-flexbox; display: inline-flex; } #cart-table .item-details .product-list-item .label, .cart-wishlist .item-details .product-list-item .label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #cart-table .item-details .product-list-item .label .swatch-block.hex-swatch-block, .cart-wishlist .item-details .product-list-item .label .swatch-block.hex-swatch-block { height: 23px; width: 23px; border-radius: 50%; margin-left: 5px; } #cart-table .item-details .product-list-item .label .color-description, .cart-wishlist .item-details .product-list-item .label .color-description { margin-left: 5px; } #cart-table .item-details .product-list-item .item-action-buttons, .cart-wishlist .item-details .product-list-item .item-action-buttons { display: inline-block; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions, .cart-wishlist .item-details .product-list-item .item-action-buttons .item-user-actions { display: inline; font-size: 12px; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text, .cart-wishlist .item-details .product-list-item .item-action-buttons .item-user-actions .button-text { font-size: 14px; font-size: 0.875rem; font-weight: normal; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: underline; margin-right: .5em; font-weight: normal !important; text-transform: uppercase; color: #706258; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text:hover, .cart-wishlist .item-details .product-list-item .item-action-buttons .item-user-actions .button-text:hover { text-decoration: none; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a, .cart-wishlist .item-details .product-list-item .item-action-buttons .item-user-actions a { text-decoration: underline; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; color: #706258; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a:hover, .cart-wishlist .item-details .product-list-item .item-action-buttons .item-user-actions a:hover { text-decoration: none; } #cart-table .item-details .item-edit-details, #cart-table .item-details .gift-cert-container, .cart-wishlist .item-details .item-edit-details, .cart-wishlist .item-details .gift-cert-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-top: 3px; margin-left: 20px; } #cart-table .item-details .item-edit-details a, #cart-table .item-details .gift-cert-container a, .cart-wishlist .item-details .item-edit-details a, .cart-wishlist .item-details .gift-cert-container a { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; text-decoration: underline; color: #706258; } #cart-table .item-details .item-edit-details a:hover, #cart-table .item-details .gift-cert-container a:hover, .cart-wishlist .item-details .item-edit-details a:hover, .cart-wishlist .item-details .gift-cert-container a:hover { text-decoration: none; } #cart-table .item-details .item-edit-details, .cart-wishlist .item-details .item-edit-details { margin-top: 0; } #cart-table .item-delivery-options, .cart-wishlist .item-delivery-options { text-align: center; } @media screen and (min-width: 768px) { #cart-table .item-delivery-options, .cart-wishlist .item-delivery-options { text-align: left; width: 8rem; } } #cart-table .item-delivery-options .form-row, .cart-wishlist .item-delivery-options .form-row { margin-top: 0; } @media print, screen and (max-width: 39.99875em) { #cart-table .item-delivery-options .form-row, .cart-wishlist .item-delivery-options .form-row { margin-bottom: -1em; } } @media print, screen and (min-width: 64em) { #cart-table .quantity-column, .cart-wishlist .quantity-column { padding-left: 2rem; } } #cart-table .item-quantity, .cart-wishlist .item-quantity { float: none; text-align: left; } @media print, screen and (min-width: 40em) { #cart-table .item-quantity, .cart-wishlist .item-quantity { float: none; text-align: right; } } @media print, screen and (min-width: 64em) { #cart-table .item-quantity, .cart-wishlist .item-quantity { text-align: left; float: left; } } #cart-table .item-quantity input, .cart-wishlist .item-quantity input { width: 2.7rem; } @media screen and (min-width: 768px) { #cart-table .item-quantity-details, .cart-wishlist .item-quantity-details { float: none; text-align: left; } } @media print, screen and (min-width: 40em) { #cart-table .item-quantity-details, .cart-wishlist .item-quantity-details { float: left; clear: both; } } #cart-table .item-quantity-details .product-availability-list, .cart-wishlist .item-quantity-details .product-availability-list { margin: 0; padding: 0; } @media screen and (min-width: 768px) { #cart-table .item-quantity-details .product-availability-list, .cart-wishlist .item-quantity-details .product-availability-list { width: 5em; width: -webkit-max-content; width: -moz-max-content; width: max-content; } } #cart-table .item-quantity-details .item-user-actions a:not(.wishlist-link), #cart-table .item-quantity-details .item-user-actions button:not(.wishlist-button), .cart-wishlist .item-quantity-details .item-user-actions a:not(.wishlist-link), .cart-wishlist .item-quantity-details .item-user-actions button:not(.wishlist-button) { display: block; font-size: 14px; font-size: 0.875rem; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: underline; color: #706258; width: 100%; margin: .3rem 0; } @media screen and (min-width: 768px) { #cart-table .item-quantity-details .item-user-actions a:not(.wishlist-link), #cart-table .item-quantity-details .item-user-actions button:not(.wishlist-button), .cart-wishlist .item-quantity-details .item-user-actions a:not(.wishlist-link), .cart-wishlist .item-quantity-details .item-user-actions button:not(.wishlist-button) { width: auto; } } #cart-table .item-quantity-details .item-user-actions a:not(.wishlist-link).button-text, #cart-table .item-quantity-details .item-user-actions button:not(.wishlist-button).button-text, .cart-wishlist .item-quantity-details .item-user-actions a:not(.wishlist-link).button-text, .cart-wishlist .item-quantity-details .item-user-actions button:not(.wishlist-button).button-text { font-weight: normal; } #cart-table .item-quantity-details .item-user-actions a:not(.wishlist-link):hover, #cart-table .item-quantity-details .item-user-actions button:not(.wishlist-button):hover, .cart-wishlist .item-quantity-details .item-user-actions a:not(.wishlist-link):hover, .cart-wishlist .item-quantity-details .item-user-actions button:not(.wishlist-button):hover { text-decoration: none; color: #706258; } #cart-table .price-column, .cart-wishlist .price-column { text-align: right; } #cart-table .price-column .low-in-stock, #cart-table .medium-price-column .low-in-stock, .cart-wishlist .price-column .low-in-stock, .cart-wishlist .medium-price-column .low-in-stock { color: #c8102e; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .medium-price-column .item-total, .cart-wishlist .medium-price-column .item-total { text-align: right; } } @media print, screen and (max-width: 39.99875em) { #cart-table .medium-price-column .item-total, .cart-wishlist .medium-price-column .item-total { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: end; } } #cart-table .price-promotion .price-sales, .cart-wishlist .price-promotion .price-sales { color: #990000; } #cart-table .price-promotion .price-standard, .cart-wishlist .price-promotion .price-standard { margin: 0 1em 0 0; text-decoration: line-through; } #cart-table .item-total, .cart-wishlist .item-total { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; text-align: right; word-wrap: break-word; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .item-total, .cart-wishlist .item-total { text-align: left; } } @media screen and (min-width: 768px) { #cart-table .item-total, .cart-wishlist .item-total { float: none; font-size: 1em; } } @media print, screen and (max-width: 39.99875em) { #cart-table .item-total, .cart-wishlist .item-total { text-align: left; } } @media screen and (min-width: 768px) { #cart-table .item-total .promo-adjustment, .cart-wishlist .item-total .promo-adjustment { width: 100%; float: right; } } #cart-table .price-unadjusted, .cart-wishlist .price-unadjusted { color: #202020; font-weight: normal; font-size: .9em; display: block; margin: 0 0 .42em; text-decoration: line-through; } #cart-table .price-adjusted-total, .cart-wishlist .price-adjusted-total { color: #202020; display: block; margin: .42em 0 0; color: #202020; } #cart-table .gift-cert-delivery, .cart-wishlist .gift-cert-delivery { color: #990000; } #cart-table .pwp-checkout-bonus, .cart-wishlist .pwp-checkout-bonus { padding: 20px 0; border-bottom: 1px solid #050505; } #cart-table .pwp-checkout-bonus .product-tile-wrapper, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper { padding-top: 0; margin-left: 0; margin-right: 0; } #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-image, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-image { padding-left: 4px; } @media print, screen and (min-width: 64em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-image, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-image { -ms-flex: 0 0 21%; flex: 0 0 21%; padding-right: 25px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-image, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-image { -ms-flex: 0 0 23%; flex: 0 0 23%; padding: 0; } } #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-image .thumb-link:focus, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-image .thumb-link:focus { outline: 1px dotted #081f2c; } #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-image .thumb-link img, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-image .thumb-link img { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-name, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-name { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-name, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-name { padding-left: 0; } } #cart-table .pwp-checkout-bonus .product-tile-wrapper .product-name:focus, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .product-name:focus { outline: 1px dotted #081f2c; } #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media print, screen and (max-width: 39.99875em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container { margin-top: 15px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container { padding-left: 0; padding-right: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; } } @media print, screen and (min-width: 64em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; } } #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button { width: 100%; } #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button:focus, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button:focus { outline: 1px dotted #081f2c; outline-offset: 2px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button { padding: 9px; } } @media print, screen and (min-width: 64em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button { padding: 10px; } } @media print, screen and (max-width: 39.99875em) { #cart-table .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button, .cart-wishlist .pwp-checkout-bonus .product-tile-wrapper .add-btn-container button { width: auto; } } #cart-table .custombundle-cart-row, .cart-wishlist .custombundle-cart-row { border-bottom: none; padding-bottom: 0; } @media print, screen and (max-width: 63.99875em) { #cart-table .custombundle-cart-row, .cart-wishlist .custombundle-cart-row { padding-bottom: 1.25em; } } #cart-table .custombundle-cart-row .product-name, .cart-wishlist .custombundle-cart-row .product-name { font-weight: bold; margin-bottom: 1em; } #cart-table .custombundle-cart-row .product-name:focus, .cart-wishlist .custombundle-cart-row .product-name:focus { outline: 2px dotted #515151; } #cart-table .custombundle-cart-row .product-ID, .cart-wishlist .custombundle-cart-row .product-ID { margin-bottom: 1em; } #cart-table .custombundle-cart-row .item-user-actions .button-text, .cart-wishlist .custombundle-cart-row .item-user-actions .button-text { font-size: 12px; text-transform: uppercase; text-decoration: underline; font-weight: normal; } #cart-table .custombundle-cart-row .item-action-buttons-small .button-text, .cart-wishlist .custombundle-cart-row .item-action-buttons-small .button-text { font-size: 16px; text-decoration: none; } #cart-table .custombundle-cart-row .quantity-container, .cart-wishlist .custombundle-cart-row .quantity-container { margin-bottom: 1em; } #cart-table .custombundle-cart-row .quantity-container .quantity-text:focus, .cart-wishlist .custombundle-cart-row .quantity-container .quantity-text:focus { outline: 2px dotted #515151; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .custombundle-cart-row .removeCB-user-action .button-text, .cart-wishlist .custombundle-cart-row .removeCB-user-action .button-text { margin: 0; display: inline-block; } } @media print, screen and (max-width: 39.99875em) { #cart-table .custombundle-cart-row .removeCB-user-action .button-text, .cart-wishlist .custombundle-cart-row .removeCB-user-action .button-text { text-align: left; } } #cart-table .custom-bundle-cart-row-items .add-to-wishlist, .cart-wishlist .custom-bundle-cart-row-items .add-to-wishlist { display: none; } #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list { text-align: center; width: 27%; margin: 10px; } @media print, screen and (max-width: 39.99875em) { #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list { width: 22%; margin: 10px 5px; } } @media print, screen and (min-width: 40em) { #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list { width: 20%; } } @media print, screen and (min-width: 64em) { #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list { width: 22%; display: inline-table; } } @media print, screen and (max-width: 39.99875em) { #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image { float: none; padding-right: 0; } } #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image img, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image img { width: auto; max-height: 150px; height: auto; min-width: auto; } @media print, screen and (max-width: 63.99875em) { #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image img, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list .item-image img { height: auto; } } #cart-table .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list > a, .cart-wishlist .custom-bundle-cart-row-items .custom-bundle-items-container ul.list-inline .item-list > a { padding-top: 1rem; display: inline-block; pointer-events: none; } #cart-table .bundlelinesstart, .cart-wishlist .bundlelinesstart { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: transparent; margin-top: 20px; padding: 0.5rem; border: 3px solid #050505; } #cart-table .bundlelinesstart .dummyDiv, .cart-wishlist .bundlelinesstart .dummyDiv { background-color: #ffffff; display: none; } @media print, screen and (max-width: 63.99875em) { #cart-table .bundlelinesstart .dummyDiv, .cart-wishlist .bundlelinesstart .dummyDiv { display: none; } } #cart-table .bundlelinesstart .custombundle-cartproduct, .cart-wishlist .bundlelinesstart .custombundle-cartproduct { float: left; padding: 1em; } #cart-table .bundlelinesstart .custombundle-cartproduct .item-image, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .item-image { margin: auto; width: 9rem; } @media screen and (min-width: 640px) and (max-width: 1024px) { #cart-table .bundlelinesstart .custombundle-cartproduct .item-image, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .item-image { width: 8rem; } } @media print, screen and (max-width: 39.99875em) { #cart-table .bundlelinesstart .custombundle-cartproduct .item-image, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .item-image { width: 6rem; } } #cart-table .bundlelinesstart .custombundle-cartproduct .item-image img, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .item-image img { width: auto; max-height: 150px; } @media print, screen and (max-width: 39.99875em) { #cart-table .bundlelinesstart .custombundle-cartproduct .item-image img, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .item-image img { height: 100px; } } #cart-table .bundlelinesstart .custombundle-cartproduct .productname, .cart-wishlist .bundlelinesstart .custombundle-cartproduct .productname { font-weight: bold; text-align: center; padding-top: 1em; } #cart-table .cb-cart-separator, .cart-wishlist .cb-cart-separator { height: 2.5em; border-bottom: 1px solid #202020; } @media print, screen and (max-width: 39.99875em) { #cart-table .custom-bundle-items-container, .cart-wishlist .custom-bundle-items-container { width: 100%; } } #cart-table .custom-bundle-items-container ul, .cart-wishlist .custom-bundle-items-container ul { list-style: none; } #cart-table .custom-bundle-items-container .item-bundle-title, .cart-wishlist .custom-bundle-items-container .item-bundle-title { padding: 10px; font-size: 14px; } #cart-table .custom-bundle-items-container ul.list-inline, .cart-wishlist .custom-bundle-items-container ul.list-inline { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 20px; background-color: #f6f6f6; } #cart-table .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list { margin: 0 10px; width: 90px; font-size: .75em; } #cart-table .custom-bundle-items-container ul.list-inline .item-list .item-image, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list .item-image { width: auto; } #cart-table .custom-bundle-items-container ul.list-inline .item-list .item-image img, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list .item-image img { height: 80px; min-width: 85px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #cart-table .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list { width: 95px; } #cart-table .custom-bundle-items-container ul.list-inline .item-list .item-image img, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list .item-image img { height: 100px; width: 100%; } } @media print, screen and (min-width: 64em) { #cart-table .custom-bundle-items-container ul.list-inline .item-list, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list { width: 128px; } #cart-table .custom-bundle-items-container ul.list-inline .item-list .item-image img, .cart-wishlist .custom-bundle-items-container ul.list-inline .item-list .item-image img { height: 128px; width: 100%; } } #cart-table .custom-bundle-items-container ul.list-inline ul.product-availability-list, .cart-wishlist .custom-bundle-items-container ul.list-inline ul.product-availability-list { padding-left: 0; } #cart-table .custom-bundle-items-container .item-image img, .cart-wishlist .custom-bundle-items-container .item-image img { border: none; } #cart-table .replenish-checkbox, .cart-wishlist .replenish-checkbox { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 13px; margin-top: 10px; } #cart-table .replenish-checkbox .replenish-right-wrapper, .cart-wishlist .replenish-checkbox .replenish-right-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; } #cart-table .replenish-checkbox .replenish-right-wrapper .replenishCheckbox-container, .cart-wishlist .replenish-checkbox .replenish-right-wrapper .replenishCheckbox-container { margin-top: 2px; } #cart-table .replenish-checkbox .replenish-right-wrapper .replenishCheckbox-container #cartReplenishCheckbox:checked:before, .cart-wishlist .replenish-checkbox .replenish-right-wrapper .replenishCheckbox-container #cartReplenishCheckbox:checked:before { background-position: -2px -2px; background-repeat: no-repeat; width: 16px; height: 16px; } #cart-table .replenish-checkbox .replenish-right-wrapper .replenish-right-content > label, .cart-wishlist .replenish-checkbox .replenish-right-wrapper .replenish-right-content > label { display: inline; font-weight: 700; } #cart-table .replenish-checkbox .replenishment, .cart-wishlist .replenish-checkbox .replenishment { display: -ms-flexbox; display: flex; padding-left: 21px; margin-bottom: 15px; margin-top: 10px; } @media print, screen and (max-width: 39.99875em) { #cart-table .replenish-checkbox .replenishment, .cart-wishlist .replenish-checkbox .replenishment { -ms-flex-wrap: wrap; flex-wrap: wrap; } } #cart-table .replenish-checkbox .replenishment > a, .cart-wishlist .replenish-checkbox .replenishment > a { width: 39px; margin-right: 5px; text-decoration: none; } @media print, screen and (max-width: 39.99875em) { #cart-table .replenish-checkbox .replenishment > a, .cart-wishlist .replenish-checkbox .replenishment > a { width: auto; } } #cart-table .replenish-checkbox .replenishment > span, .cart-wishlist .replenish-checkbox .replenishment > span { font-weight: 600; } #cart-table .replenish-checkbox .replenishment #replencycle, .cart-wishlist .replenish-checkbox .replenishment #replencycle { font-size: 13px; margin-left: 10px; width: 100%; } #cart-table .replenish-checkbox .collapse-expand-section, .cart-wishlist .replenish-checkbox .collapse-expand-section { font-size: 12px; font-family: Gotham,sans-serif; padding-left: 24px; margin-top: 0; } #cart-table .replenish-checkbox .collapse-expand-section a, .cart-wishlist .replenish-checkbox .collapse-expand-section a { text-decoration: underline; } #cart-table .replenish-checkbox .collapse-expand-section a:hover, .cart-wishlist .replenish-checkbox .collapse-expand-section a:hover { text-decoration: none; } #cart-table .product-options ul, .cart-wishlist .product-options ul { -webkit-padding-start: 0; padding-inline-start: 0; } #cart-table .product-options span, .cart-wishlist .product-options span { display: inline-block; } #cart-table .product-options .product-option, .cart-wishlist .product-options .product-option { font-size: 13px; height: auto; padding: 10px 30px 10px 15px; margin: 8px 0; width: 100%; } #cart-table .product-options .icon-info, .cart-wishlist .product-options .icon-info { display: inline-block !important; } #cart-table .product-options .label, .cart-wishlist .product-options .label { font-weight: 700; display: inline; font-size: 14px; } #cart-table .product-options .replenishOffer, .cart-wishlist .product-options .replenishOffer { font-size: 13px; display: block; } #cart-table .product-options .collapse-expand-section, .cart-wishlist .product-options .collapse-expand-section { font-size: 12px; font-family: Gotham,sans-serif; margin-top: 0; } #cart-table .product-options .collapse-expand-section a, .cart-wishlist .product-options .collapse-expand-section a { text-decoration: underline; } #cart-table .product-options .collapse-expand-section a:hover, .cart-wishlist .product-options .collapse-expand-section a:hover { text-decoration: none; } #cart-table .product-options.fade-replen-section, .cart-wishlist .product-options.fade-replen-section { opacity: 0.4; pointer-events: none; } form#dwfrm_oauthlogin .shi-content-all--center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .submit-passwordless-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .submit-passwordless-button.selected, .submit-passwordless-button:hover, .submit-passwordless-button:active, .submit-passwordless-button[value="selected"] { background-color: #333333; color: #ffffff; } .submit-passwordless-button:hover { background-color: #ffffff; color: #202020; border: 1px solid #202020; } .submit-passwordless-button:disabled { background-color: #8a8a8a; } .submit-passwordless-button:focus { outline-offset: 2px; } #social-media-login .oAuthIcon { margin: 0; padding: 10px 20px; } .reveal .modal-content .sample-item .product-details .not-available { text-transform: none; text-align: center; color: #c8102e; min-height: 0; } @media print, screen and (max-width: 39.99875em) { .reveal .modal-content .sample-item .product-details .not-available { width: 100%; } } .user-action-remove button[type="submit"] { text-decoration: none; } .cart-promo { background: url("../images/interface/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent; color: #333; font-style: italic; margin: 0.3em 0; padding: 1em; } .cart-promo .bonus-item-actions { font-size: 1em !important; text-align: right; vertical-align: middle; } .checkout-order-assistance { letter-spacing: 0.06em; } .checkout-order-assistance h6 { font-size: 20px; font-size: 1.25rem; margin: 10px 0 30px; } @media print, screen and (min-width: 40em) { .checkout-order-assistance { padding: 25px; } } .cart-coupon-code h3 { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .cart-coupon-code fieldset { width: 100%; } .cart-coupon-code .accordion-navigation #promopanel-label { margin: 0; } .cart-coupon-code input { width: 80%; background: none; padding: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .cart-coupon-code input { font-size: 12px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1025px) { .cart-coupon-code input { width: 78%; } } @media only screen and (min-device-width: 729px) and (max-device-width: 886px) { .cart-coupon-code input { width: 71%; } } .cart-coupon-code input:focus::-webkit-input-placeholder { color: transparent; } .cart-coupon-code input:focus:-moz-placeholder { color: transparent; } .cart-coupon-code input:focus::-moz-placeholder { color: transparent; } .cart-coupon-code input:focus:-ms-input-placeholder { color: transparent; } .cart-coupon-code .error { padding-top: 0.4em; } .cart-coupon-code button { background: none !important; width: 20%; } .cart-coupon-code .success { font-size: 1rem; color: #019328; margin: auto; text-align: center; } .cart-coupon-code .collapse-expand-section .promo-heading:focus { outline: 2px dotted currentColor; outline-offset: 1px; } .cart-coupon-code .collapse-expand-section .promo-heading > span { float: right; font-size: 1.4em; } .cart-coupon-code .collapse-expand-section .promo-heading > span:before { content: "+"; } .cart-coupon-code .collapse-expand-section + .field-button-container { display: none; } .cart-coupon-code .collapse-expand-section + .collapse { display: -ms-flexbox; display: flex; padding-bottom: 2em; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 640px) and (max-width: 679px) { .cart-coupon-code .collapse-expand-section + .collapse input { width: 74%; padding: 9px; } } @media only screen and (min-width: 680px) and (max-width: 728px) { .cart-coupon-code .collapse-expand-section + .collapse input { width: 76%; padding: 9px; } } .cart-coupon-code .collapse-expand-section + .collapse input:focus { outline: 2px dotted currentColor; outline-offset: 1px; } @media only screen and (min-width: 640px) and (max-width: 728px) { .cart-coupon-code .collapse-expand-section + .collapse #add-coupon { padding: 9px; } } .cart-coupon-code .collapse-expand-section:hover { cursor: pointer; } .cart-coupon-code .collapse-expand-section.expanded .promo-heading > span:before { content: "\2013"; } #sticky-checkout-button, #sticky-checkout-button-overlay { background: #d7d7d7; z-index: 1002; height: auto; padding: 5px 15px; position: fixed; bottom: 0; left: 0; right: 0; } #sticky-checkout-button .button-fancy-large, #sticky-checkout-button-overlay .button-fancy-large { background-color: #081f2c; border: none; color: #fff; font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1rem; line-height: 24px; letter-spacing: .05em; text-align: center; cursor: pointer; width: 100%; } #sticky-checkout-button .button-fancy-large.continue-checkout svg, #sticky-checkout-button-overlay .button-fancy-large.continue-checkout svg { padding-right: 2px; padding-left: 8px; } #sticky-checkout-button .button-fancy-large svg, #sticky-checkout-button-overlay .button-fancy-large svg { fill: #fff; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding-right: 8px; } #sticky-checkout-button .button-fancy-large.button-disabled, #sticky-checkout-button-overlay .button-fancy-large.button-disabled { opacity: .3; pointer-events: none; } #sticky-checkout-button .cart-action-checkout, #sticky-checkout-button-overlay .cart-action-checkout { margin-bottom: 10px; margin-top: 10px; } #sticky-checkout-button .third-party-container, #sticky-checkout-button-overlay .third-party-container { margin-bottom: 10px; } #sticky-checkout-button .estimated-total, #sticky-checkout-button-overlay .estimated-total { font-size: 22px; font-weight: 600; margin-bottom: 5px; margin-left: 10px; } #sticky-checkout-button .order-value, #sticky-checkout-button-overlay .order-value { font-size: 22px; font-weight: bold; margin-right: 10px; } #sticky-checkout-button .third-party-payment-wrapper, #sticky-checkout-button-overlay .third-party-payment-wrapper { display: -ms-flexbox; display: flex; margin: 0 auto; } #sticky-checkout-button .third-party-payment-wrapper .paypal-cart-buttons-container, #sticky-checkout-button .third-party-payment-wrapper .apple-pay-container, #sticky-checkout-button-overlay .third-party-payment-wrapper .paypal-cart-buttons-container, #sticky-checkout-button-overlay .third-party-payment-wrapper .apple-pay-container { -ms-flex: 1; flex: 1; width: 50%; text-align: center; } #sticky-checkout-button .third-party-payment-wrapper .apple-pay-container, #sticky-checkout-button-overlay .third-party-payment-wrapper .apple-pay-container { margin-left: 10px; } #sticky-checkout-button .afterpay-section, #sticky-checkout-button-overlay .afterpay-section { margin-top: 4px; text-align: center; } #sticky-checkout-button .afterpay-section .afterpay-text, #sticky-checkout-button-overlay .afterpay-section .afterpay-text { font-size: 13px; margin-top: 3px; font-weight: bold; letter-spacing: 0; } #sticky-checkout-button .afterpay-section .afterpay-link, #sticky-checkout-button-overlay .afterpay-section .afterpay-link { font-size: 14px; } #sticky-checkout-button .afterpay-section .afterpay-link a, #sticky-checkout-button-overlay .afterpay-section .afterpay-link a { padding: 4px; } @media print, screen and (max-width: 39.99875em) { #sticky-checkout-button .afterpay-section .afterpay-pdp-btn img, #sticky-checkout-button-overlay .afterpay-section .afterpay-pdp-btn img { height: 18px; } } #sticky-checkout-button .afterpay-section square-placement, #sticky-checkout-button-overlay .afterpay-section square-placement { margin: 0 0 10px 0; } #sticky-checkout-button .sticky-checkout-button-mobile svg, #sticky-checkout-button-overlay .sticky-checkout-button-mobile svg { fill: #fff; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding-right: 8px; } .afterpay-section .product-afterpay-message { text-align: center; } @media print, screen and (max-width: 39.99875em) { #sticky-checkout-button-overlay { bottom: -160px; } } #sticky-checkout-button-overlay.sticky-checkout-hide { bottom: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; } #sticky-checkout-button.sticky-checkout-hidden { bottom: -160px; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; } @media print, screen and (max-width: 39.99875em) { .checkout-overlay { display: none; } } .checkout-mini-cart { border-top: 2px solid #202020; padding: 0 0 1em; } .checkout-mini-cart .accordion { background: transparent; } .checkout-mini-cart .accordion-title { padding: 1.25rem 3rem; font-size: 16px; font-weight: 600; } @media print, screen and (max-width: 39.99875em) { .secondary-content { background: transparent; } } .secondary-content .accordion-title:hover { background-color: transparent; } .secondary-content .accordion-title:focus { background-color: transparent; } .secondary-content .promoname:after { content: "\0029"; } .secondary-content .promoname:before { content: "\0028"; } .secondary-content .promoname, .secondary-content .shippinginfo { font-size: 15px; } .secondary-content .order-subtotal, .secondary-content .order-shipping, .secondary-content .order-discount, .secondary-content .product-discount { border-bottom: 1px solid #ccc; } .secondary-content .order-summary-header { font-size: 25px; font-weight: 600; border-bottom: none; } @media print, screen and (max-width: 39.99875em) { .secondary-content .order-summary-header { font-size: 1.4em; } } .secondary-content .order-totals-table .calculations-container { border: none; } @media print, screen and (min-width: 40em) { .secondary-content .order-totals-table .calculations-container { border-top: 3px solid #050505; } } .secondary-content .order-totals-table .calculations-container > div { padding-bottom: 1em; padding-left: 0; padding-right: 0; margin: 0 2em 1em; } .secondary-content .order-totals-table .calculations-container .order-summary-header { margin-left: 1.3em; } .secondary-content .order-totals-table .calculations-container .order-sales-tax { margin-bottom: 12px; } .secondary-content .order-totals-table .calculations-container .order-total { font-size: 24px; margin: 0 1.3em; } .secondary-content .order-totals-table .calculations-container square-placement { margin: 0; } .secondary-content .rowcoupons.redesign { color: #8a8a8a; font-weight: bold; margin: 0.7rem 0; } .secondary-content .rowcoupons.redesign * { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .secondary-content .rowcoupons.redesign .item-details { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .secondary-content .rowcoupons.redesign .item-details .promo-details-wrapper { -ms-flex-align: start; align-items: flex-start; } .secondary-content .rowcoupons.redesign .item-details .cartcoupon { overflow-wrap: anywhere; font-size: 1rem; max-width: 50%; } .secondary-content .rowcoupons.redesign .item-details .item-total { padding-left: 0.3rem; } .secondary-content .rowcoupons.redesign .item-details .item-total.shippingCoupon-msg { padding: 0; } .secondary-content .rowcoupons.redesign .item-details .item-quantity-details { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: end; -ms-flex-positive: 1; flex-grow: 1; margin-top: 5px; } .secondary-content .rowcoupons.redesign .item-details .item-quantity-details button { border: none; padding: 0; color: #8a8a8a; cursor: pointer; font-size: 0.9rem; text-transform: uppercase; text-decoration: underline; font-weight: bold; } .secondary-content .rowcoupons.redesign .item-details .item-quantity-details button:hover { text-decoration: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .secondary-content .rowcoupons.redesign .item-details .item-quantity-details button { font-size: 0.6rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .secondary-content .rowcoupons.redesign .item-details .item-quantity-details { margin-top: 2px; } .secondary-content .rowcoupons.redesign .item-details .cartcoupon, .secondary-content .rowcoupons.redesign .item-details .item-total, .secondary-content .rowcoupons.redesign .item-details .discount { font-size: 0.7rem; } .secondary-content .rowcoupons.redesign .item-details .cartcoupon { max-width: 40%; } } .secondary-content .rowcoupons.redesign .discount { font-size: 0.9rem; } .order-totals-table .calculations-container { padding-top: 2em; } .order-totals-table .calculations-container > div { padding-left: 2em; padding-right: 2em; padding-bottom: 1em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-totals-table .calculations-container > div { padding-left: 1em; padding-right: 1em; } } .order-totals-table .calculations-container > div .float-left { color: #202020; text-transform: capitalize; } .order-totals-table .calculations-container > div .float-left.gtpromochecker { color: #202020 !important; } @media print, screen and (min-width: 40em) { .order-totals-table .calculations-container > div .float-left { max-width: 70%; } } .order-totals-table .calculations-container > div.order-discount { text-transform: capitalize; color: #202020; } .order-totals-table .calculations-container > div .total-bold { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } .order-totals-table .calculations-container > div.order-total { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; padding: 1em 0em; margin: 0em 2em; border-top: 2px solid #202020; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-totals-table .calculations-container > div.order-total { margin: 0 1em; } } .order-totals-table .order-totals-item { width: 60%; } .order-totals-table .order-totals-value { width: 40%; } .order-value { white-space: nowrap; } .cart-actions { font-size: 1.35em; padding: 1rem 1.4em; text-align: center; } @media only screen and (min-width: 640px) and (max-width: 728px) { .cart-actions { padding: 0 .7em 2em; } } @media print, screen and (max-width: 39.99875em) { .cart-actions { padding-bottom: 1rem; } .cart-actions .cart-action-checkout, .cart-actions .third-party-container { width: 99%; } } .cart-actions .dw-apple-pay-button { margin-top: 0; } .dw-apple-pay-button { text-align: center; background-color: #fff !important; background-image: -webkit-named-image(apple-pay-logo-black) !important; } @media print, screen and (max-width: 39.99875em) { .dw-apple-pay-button, .dw-apple-pay-button:hover, .dw-apple-pay-button:active { margin: 0 auto; min-height: 44px; min-width: 100%; } } .cart-action-continue-shopping .button-text { text-decoration: underline; text-transform: uppercase; font-size: .75em; color: #333333; margin-left: .2rem; margin-right: 1rem; } .cart-action-continue-shopping .button-text:hover { text-decoration: none; } .cart-actions-top { display: inline-block; margin-left: 1em; padding: 0; } .cart-actions-top .cart-action-continue-shopping { float: none; } .cart-empty { margin-top: 4rem; } .cart-empty h1 { text-align: center; margin-top: 14px; } .cart-empty .save-for-later { text-align: center; border: 3px solid #050505; } .cart-empty .cart-action-continue-shopping { float: none; text-align: center; margin-bottom: 4rem; } .cart-empty .product-listing { background-color: #ffffff; padding: 1rem 0; } .cart-empty .product-listing h2 { margin-left: 1.3rem; } .cart-empty .product-listing .search-result-items { margin-top: 1em; } .promo-adjustment { color: #990000; } .account-welcome .welcome-message { font-size: 1.2em; font-style: italic; } .account-welcome .not-user { margin: .83em 0; } #password-reset { white-space: nowrap; } .cart-column.cart-left-column { position: relative; } .pt_cart .full-width { background-color: transparent; } @media print, screen and (max-width: 39.99875em) { .pt_cart .full-width { margin-top: 67px; } } .pt_cart .login-box-content .user-consent-container { position: relative; padding-bottom: 25px; } .pt_cart .login-box-content .user-consent-container .user-consent-label > label { position: relative; top: 35px; } .pt_cart .login-box-content .user-consent-container .user-consent-label > label a { color: #00f; } .pt_cart .login-box-content .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .pt_cart .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 8px; } .pt_cart .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 29px; width: 15px; height: 15px; z-index: 10; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-right-column .cart-actions { display: none; } } .pt_cart .bg-grey-secondary { background-color: #f6f6f6; } .pt_cart .cart-right-column .total-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-top: 3px solid #050505; padding-top: 2px; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-right-column .total-container { -ms-flex-direction: column; flex-direction: column; } } .pt_cart .cart-right-column .total-container:before { display: block; content: " "; } .pt_cart .mobile-samples-counter { margin: 0 auto; font-size: 0.75rem; text-align: center; } .pt_cart .full-width-slot { margin: 20px -1.25rem 0; color: #ffffff; padding: 0.75rem; background: #f6f6f6; text-align: center; } .pt_cart .full-width-slot .dynamic-slot-text { display: inline-block; } .pt_cart .full-width-slot .cart-promo.cart-promo-approaching { background: none; color: #333333; font-style: normal; padding: 0; } .pt_cart .full-width-slot .button-text { font-size: 0.75rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart .full-width-slot { margin: 0; } } .pt_cart .cart-title { color: #706258; letter-spacing: 0.03em; margin-bottom: 0; padding-top: 25px; padding-bottom: 25px; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-title { padding-top: 16px; padding-bottom: 16px; text-align: center; font-size: 2rem; white-space: nowrap; } } @media print, screen and (min-width: 64em) { .pt_cart .cart-title { padding-top: 50px; font-size: 52px; font-size: 3.25rem; } } .pt_cart .cart-error { border: none; color: #c8102e; padding-bottom: 0.5em; font-weight: 700; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-error { text-align: center; } } .pt_cart .recommendation-section { margin-top: 1em; } .pt_cart .cart-recommendation-container { margin: 2em auto; width: 100%; } .pt_cart .cart-recommendation-container .carousel-recommendations { border: none; padding-bottom: 0; } .pt_cart .cart-recommendation-container .carousel-recommendations.before-load { overflow: hidden; max-height: 500px; } .pt_cart .cart-recommendation-container .slick-slider { overflow: hidden; padding-bottom: 50px !important; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-recommendation-container { width: 100%; } } .pt_cart .cart-actions .button-fancy-large { width: 100%; font-size: 16px; font-size: 1rem; } .pt_cart .cart-actions .button-fancy-large.button-disabled { background-color: #949494bf; cursor: default; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_cart .button-fancy-large { display: -ms-flexbox; display: flex; } } .pt_cart .checkout-icon { fill: white; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding-right: 8px; } .pt_cart .cart-column.cart-left-column .order-promotion-container { margin: 0; } .pt_cart .cart-column.cart-left-column .order-promotion-container.thick-border-top { border-top: 3px solid #050505; } .pt_cart .cart-column.cart-left-column .order-promotion-container > div { padding-top: 7px; } .pt_cart .cart-column.cart-left-column .mobile-action-btn a { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-transform: uppercase; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-column.cart-left-column .mobile-action-btn { display: -ms-flexbox; display: flex; margin-top: 10px; -ms-flex-pack: justify; justify-content: space-between; } .pt_cart .cart-column.cart-left-column .mobile-action-btn div[name="sr_cartProductDiv"] { width: 55%; margin-right: 18px; } } .pt_cart .cart-column.cart-left-column #cart-table .sample-tiles-container .sample-tile { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .pt_cart .cart-column.cart-left-column #cart-table .sample-tiles-container .sample-tile .name-available { padding-left: 1em; } .pt_cart .cart-column.cart-left-column #cart-table .sample-tiles-container .sample-tile .unavailabile + .remove-link-btn { margin-top: -20px; } .pt_cart .cart-column.cart-left-column #cart-table .sample-tiles-container .sample-tile .sample-product-image { margin-bottom: 0; } .pt_cart .cart-column.cart-left-column .sample-container { background: transparent; border: 3px solid #050505; margin: 20px 0; padding: 2px; } .pt_cart .cart-column.cart-left-column .sample-container .sample-inner { background-color: #ffffff; padding: 1.75rem; cursor: pointer; } .pt_cart .cart-column.cart-left-column .sample-container .sample-product-image { margin-bottom: 1em; } .pt_cart .cart-column.cart-left-column .sample-container .sample-header { text-align: center; } .pt_cart .cart-column.cart-left-column .sample-container .sample-header h3 { font-size: 20px; font-size: 1.25rem; color: #333333; letter-spacing: 0.06em; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 1em; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-header { text-align: left; line-height: 1.275rem; } .pt_cart .cart-column.cart-left-column .sample-container .sample-header h3 { margin: 0 0 1.275rem; } } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container { width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container { margin: 0 auto; } } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset { border-top: 1px solid #050505; margin: 0; padding: 12px 0; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row:first-child, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset:first-child, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset:first-child, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset:first-child, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset:first-child { border-top: none; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .column, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .column, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .column, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .column, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .column, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .columns, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .columns, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .columns, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .columns, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .columns { padding: 0; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .sku, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .sku, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sku, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .sku, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sku { margin-left: 10px; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .remove-link-btn, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .remove-link-btn, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .remove-link-btn, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn { text-align: center; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .remove-link-btn button.button-text, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .remove-link-btn button.button-text, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn button.button-text, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .remove-link-btn button.button-text, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn button.button-text { cursor: pointer; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: underline; font-size: 13px; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .remove-link-btn button.button-text:hover, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .remove-link-btn button.button-text:hover, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn button.button-text:hover, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .remove-link-btn button.button-text:hover, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .remove-link-btn button.button-text:hover { text-decoration: none; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .sample-tile, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .sample-tile, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-tile, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .sample-tile, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-tile { text-align: center; padding: 0 2em; font-size: .8em; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .sample-tile .sample-product-name, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .sample-tile .sample-product-name, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-tile .sample-product-name, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .sample-tile .sample-product-name, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-tile .sample-product-name { margin-bottom: auto; } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .row .sample-product-image img, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .no-left-nav-template .content-asset .sample-product-image img, .pt_content-search-result-static .no-left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-product-image img, .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .pt_content-search-result-static .left-nav-template .content-asset .sample-product-image img, .pt_content-search-result-static .left-nav-template .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .content-asset .sample-product-image img { max-height: 170px; } .pt_cart .cart-column.cart-left-column .sample-container .sample-header { text-align: center; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-header { text-align: left; } } .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link { margin-top: 0px; position: relative; top: 0; text-align: center; margin-bottom: 1em; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link { text-align: left; margin-bottom: 1em; } } @media print, screen and (min-width: 64em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link { text-align: right; margin-bottom: 0; } } .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link a { font-size: .8em; text-decoration: underline; padding-right: 12px; } .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link a:hover { text-decoration: none; } @media print, screen and (max-width: 63.99875em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link a { padding-right: 0; font-size: 1.3em; } } .pt_cart .cart-column.cart-left-column .sample-container .not-available { color: #c8102e; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-column.cart-left-column .sample-container .not-available { text-align: center; } } .pt_cart .cart-column.cart-left-column .medium-price-column { text-align: left; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .medium-price-column { display: inline-block; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_cart .cart-column.cart-right-column { font-size: .8em; } .pt_cart .cart-column.cart-right-column .order-help-container { padding-left: 1em; } } @media print, screen and (max-width: 63.99875em) { .pt_cart .cart-column.cart-right-column { padding-right: 1em; } } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-column.cart-right-column { padding: 0em; } } @media only screen and (min-width: 640px) and (max-width: 728px) { .pt_cart .cart-column.cart-right-column .cart-coupon-code { padding: 0 1em 2em; } } .pt_cart .cart-column.cart-right-column .cart-coupon-code .cart-coupon-field { vertical-align: top; } .pt_cart .cart-column.cart-right-column .cart-coupon-code button { width: auto; margin-left: -4px; padding: 12px; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .error { float: none !important; background: none !important; word-wrap: break-word; text-align: center; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .promo-terms { text-decoration: underline; color: #c8102e; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .field-button-container .coupon-submit-form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .pt_cart .cart-column.cart-right-column .cart-coupon-code form { width: 100%; } .pt_cart .cart-column.cart-right-column .third-party-container { margin-top: 10px; } .pt_cart .cart-column.cart-right-column .third-party-container > div { margin: 0 auto; } .pt_cart .cart-column.cart-right-column .third-party-container .or-container { width: 100%; font-size: .8em; margin: 0; } .pt_cart .cart-column.cart-right-column .third-party-container .or-container .side-line { border-top: 2px solid #202020; width: 1em; display: inline-block; vertical-align: middle; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_cart .cart-column.cart-right-column .third-party-container .dw-apple-pay-button { max-width: 100%; font-size: 0.8em; } } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper { display: -ms-flexbox; display: flex; } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .paypal-cart-buttons-container, .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container { text-align: left; -ms-flex: 1; flex: 1; width: 50%; } @media print, screen and (max-width: 39.99875em) { .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .paypal-cart-buttons-container, .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container { text-align: center; } } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .paypal-cart-buttons-container .paypal-button, .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container .paypal-button { min-width: 0 !important; } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .paypal-cart-buttons-container .paypal-button .zoid-outlet, .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container .paypal-button .zoid-outlet { width: 100% !important; min-width: 0 !important; } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container { display: none; margin-left: 10px; } .pt_cart .cart-column.cart-right-column .third-party-container .third-party-payment-wrapper .apple-pay-container button { min-height: 44px; width: 100%; } .js .loader-indicator { text-indent: -9999px; outline: 2px dotted #202020; background-position: center; } .gift-container { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media print, screen and (max-width: 39.99875em) { .gift-container { margin-left: 20px; margin-right: 10px; } } .gift-container .giftBox-notify { margin-top: 0.5em; color: #c8102e; } .gift-container .label-middle .field-wrapper { width: 35px; } .gift-container .field-wrapper + label { display: inline-block; vertical-align: text-bottom; font-weight: normal; margin: 0; } @media print, screen and (max-width: 39.99875em) { .gift-container .form-row { max-width: 100%; } } .gift-container .form-row .input-checkbox { background: none; } .gift-container .form-row .input-checkbox:focus { outline: 2px dotted #202020; } .gift-container .form-row.gift-message-textarea { -ms-flex-direction: column; flex-direction: column; } @media print, screen and (max-width: 39.99875em) { .gift-container .form-row.gift-message-textarea { width: 100%; max-width: 100%; margin-top: -1em; } } @media print, screen and (max-width: 39.99875em) { .gift-container .form-row.gift-message-textarea > label { margin-top: 1.5em; } } .gift-container .form-row.label-inline.form-indent { -ms-flex-direction: row; flex-direction: row; } .gift-container .form-row.form-indent { margin: 0; } .gift-container .form-row label { letter-spacing: 0.05em; text-transform: none; } .gift-container .form-row + label[for=dwfrm_cart_isGift] { position: relative; top: -32px; left: 25px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-container .form-row + label[for=dwfrm_cart_isGift] { left: 50px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .gift-container .form-row + label[for=dwfrm_cart_isGift] { left: 60px; } } .gift-container .gift-box-message-container { padding: 1em 2em; } .gift-container .gift-box-message-container .price-container { display: -ms-inline-flexbox; display: inline-flex; } .gift-container .gift-box-message-container .price-container .price { margin-left: 0.4em; text-transform: uppercase; } .gift-container .gift-box-message-container .giftbox-size-dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 1rem 0 1rem 0; } .gift-container .gift-box-message-container .giftbox-size-dropdown select { margin-left: 1rem; width: auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-container .gift-box-message-container img { max-width: 95%; } } .gift-container .gift-box-message-container textarea { width: 100%; } .gift-container .gift-box-message-container label { font-weight: 700; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-container .gift-box-message-container { font-size: .8em; } } @media print, screen and (max-width: 39.99875em) { .gift-container .gift-box-message-container { padding: 0 .25em; } .gift-container .gift-box-message-container h3 { margin-left: -0.25em !important; } } .gift-container .gift-box-message-container .gift-notice > div.gift-service-text { width: 60%; margin-top: 0.4em; margin-left: 1.2em; } @media print, screen and (max-width: 39.99875em) { .gift-container .gift-box-message-container .gift-notice > div.gift-service-text { margin-left: 0; } } .gift-container .gift-box-message-container .gift-notice > div.gift-service-img { width: 40%; text-align: center; } @media print, screen and (min-width: 40em) { .gift-container .gift-box-message-container .gift-notice > div.gift-service-img { margin-top: -60px; } } @media print, screen and (max-width: 39.99875em) { .gift-container .gift-box-message-container .gift-notice { padding: 0; margin: 0; } } .gift-container .gift-box-message-container .gift-bottom { margin-top: 1.5em; } .gift-container .gift-box-message-container .gift-bottom label { margin-left: 0; margin-bottom: 0; font-weight: 700; } .gift-container .gift-box-message-container .gift-bottom .gift-occasion { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .gift-container .gift-box-message-container .gift-bottom .gift-occasion select { width: auto; margin-left: 1em; } .gift-container .gift-box-message-container .gift-bottom span#dwfrm_cart_giftMessage-error { margin-bottom: 0; } .gift-container .gift-box-message-container .gift-bottom #dwfrm_cart_giftMessage.error { border-bottom: 3px solid #B82B35; color: #202020; } .gift-container .gift-box-message-container .gift-bottom .char-count { float: right; position: relative; bottom: 1em; font-weight: normal; bottom: .5em; font-size: 80%; font-weight: 100; } @media print, screen and (max-width: 39.99875em) { .gift-container .gift-box-message-container .gift-bottom .char-count { float: none; } } .gift-container .gift-box-message-container .gift-bottom textarea { width: 100%; } .gift-container .gift-box-message-container .gift-bottom #cart-gift-note { padding-top: 20px; } .gift-container .gift-box-message-container .gift-bottom .gift-bottom-note { font-size: .8em; } @media print, screen and (max-width: 39.99875em) { .gift-container .gift-box-message-container .gift-bottom .gift-bottom-note { padding-bottom: 1em; } } .gift-container .gift-box-message-container .save-msg-btn, .gift-container .gift-box-message-container .reset-msg-btn { font-size: 1rem; } .gift-container .gift-box-message-container .save-giftmessage-section .save-msg-btn:disabled { opacity: 0.5; pointer-events: none; } .gift-container .gift-box-message-container .edit-giftmessage-section p { font-style: italic; word-break: break-all; } .gift-container .guest-contact-info { display: none; width: 50%; margin: 0 0 0 32px; } @media print, screen and (max-width: 39.99875em) { .gift-container .guest-contact-info { margin: 0 0 25px 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-container .guest-contact-info { margin: 0 0 0 30px; } } .gift-container .guest-contact-info > span { margin-bottom: 20px; color: #d6001c; display: block; text-transform: uppercase; } .gift-container .guest-contact-info label { width: auto; font-weight: 600; } .gift-container .guest-contact-info input { border: 1px solid black; padding: 20px 10px; } .gift-container .guest-contact-info .recipientEmailAddress { font-weight: 400; margin-top: 20px; } .gift-container .guest-contact-info span.error { position: absolute; bottom: -30px; } .gift-container .guest-contact-info .error.ss-error { display: none; } .wishlist-button--container .wishlist-button { text-transform: inherit; text-decoration: none; white-space: inherit; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .wishlist-button--container .wishlist-button img { margin-right: 5px; height: 20px; width: 20px; } .wishlist-button--container .wishlist-button span { text-align: left; } .wishlist-button--container .wishlist-button span.svg-icon { margin-right: 5px; } .wishlist-button--container .wishlist-button span.svg-icon svg { height: 17px; width: 17px; } .wishlist-button--container .wishlist-button .wishlist-link { color: inherit; } /***** Complimentary Modal *****/ #complimentary-sample { border: 0; margin: 0 auto; padding: 1em; top: 90px !important; width: 80%; } #complimentary-sample h2 { display: inline-block; margin: 0 0.5em; text-transform: none; } @media print, screen and (min-width: 40em) { #complimentary-sample h2 { font-size: 2em; width: 56.66%; float: left; margin-top: 1.5em; } } @media print, screen and (min-width: 64em) { #complimentary-sample h2 { font-size: 1.5em; } } #complimentary-sample button { width: 92%; margin: 2em auto; display: block; } #complimentary-sample button.close-button { margin: 0; width: auto; } #complimentary-sample button.show-for-small-only { margin-bottom: 1em; } @media print, screen and (min-width: 40em) { #complimentary-sample button { display: inline; margin-top: 0; width: auto; } } @media print, screen and (min-width: 64em) { #complimentary-sample button { margin-top: 2.5em; float: right; } } #complimentary-sample label { background-color: #ffffff; border-color: #081f2c; color: #081f2c; display: inline-block; margin: 2em 0 0; text-transform: uppercase; width: 80%; } @media print, screen and (min-width: 40em) { #complimentary-sample label { width: 100%; } } #complimentary-sample input[type="checkbox"] { display: none; } #complimentary-sample input[type="checkbox"]:checked + label { background-color: #202020; border-color: #202020; color: #ffffff; } #complimentary-sample .sample-item { text-align: center; border-bottom: #081f2c thin solid; padding: 1.5em; position: relative; } #complimentary-sample .sample-item:first-child { border-top: #081f2c thin solid; } @media print, screen and (min-width: 40em) { #complimentary-sample .sample-item:first-child { border-top: 0; } } @media print, screen and (min-width: 40em) { #complimentary-sample .sample-item { border: 0; } } #complimentary-sample .recommended { display: block; height: 1em; margin-bottom: 1em; } #complimentary-sample .product-image { margin-bottom: 1em; } #complimentary-sample .row, #complimentary-sample .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template #complimentary-sample .content-asset, #complimentary-sample .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template #complimentary-sample .content-asset { clear: both; } /***** End of Complimentary Modal *****/ .sample-selection { border-bottom: 0 !important; padding-bottom: 0; } .sample-selection .sample-selection-msg { padding-left: 0; } .sample-selection .content-asset { width: 100%; } .sample-selection .error { float: none; margin-bottom: 1em; padding-top: 1em; } @media print, screen and (min-width: 40em) { .sample-selection .error { margin-bottom: 0; } } .sample-selection .modal-content { clear: both; position: relative; } .sample-selection .modal-content button:focus { outline-color: #081f2c; } .sample-selection .modal-content .add-btn-container { text-align: right; } .sample-selection .modal-content .add-btn-container.bottom-btn { margin-top: 1rem; } @media print, screen and (min-width: 40em) { .sample-selection .modal-content .add-btn-container.bottom-btn { margin-top: 0; } } .sample-selection .modal-content .add-btn-container .add-to-cart { width: 100%; } .sample-selection .modal-content .add-btn-container .add-to-cart:disabled { opacity: 0.5; } @media print, screen and (min-width: 40em) { .sample-selection .modal-content .add-btn-container .add-to-cart { width: auto; } } .sample-selection .modal-content .search-result-items { padding: 0; } @media print, screen and (max-width: 39.99875em) { .sample-selection .modal-content .search-result-items button.slick-next, .sample-selection .modal-content .search-result-items button.slick-prev { margin-top: -48px; } .sample-selection .modal-content .search-result-items button.slick-next::before, .sample-selection .modal-content .search-result-items button.slick-prev::before { font-size: 30px; } } .sample-selection .products-used-wrapper { padding-bottom: 0; border-bottom: 0; } .sample-selection .product-tile-wrapper { padding-bottom: 4em; padding-top: 0 !important; text-align: center; border-bottom: 1px #e6ddce solid; } @media print, screen and (min-width: 40em) { .sample-selection .product-tile-wrapper { border-bottom: none; display: block !important; } } .sample-selection .product-tile-wrapper label { display: inline-block; } .sample-selection .product-tile-wrapper .product-tile-view { box-shadow: 0 0 17px 4px rgba(167, 154, 132, 0.2); background-color: #fff; height: auto; min-height: 350px; } @media print, screen and (max-width: 63.99875em) { .sample-selection .product-tile-wrapper .product-tile-view { min-height: 250px; } } .sample-selection .product-tile-wrapper .product-tile-view .product-tile.bv-redesign { padding-bottom: 0; box-shadow: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sample-selection .product-tile-wrapper .product-tile-view .product-tile.bv-redesign .product-name { display: none; } .sample-selection .product-tile-wrapper .product-tile-view > .product-name { font-weight: 400; overflow: hidden; font-size: 1.125rem; padding: 0 15px; line-height: 1.2em; } @media print, screen and (max-width: 39.99875em) { .sample-selection .product-tile-wrapper .product-tile-view > .product-name { font-size: 1rem; } } .sample-selection .product-tile-wrapper .product-tile-view label input.button { margin: 0; } .sample-selection .product-tile-wrapper .product-tile { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sample-selection .product-tile-wrapper .product-tile .name-link { padding: 0 15px; } .sample-selection .product-tile-wrapper .product-tile .name-link .product-name { font-weight: normal; max-height: 80px; overflow: hidden; font-size: 1.125rem; } .sample-selection .product-tile-wrapper .product-tile .product-image { margin-bottom: 0; padding: 0; } @media print, screen and (min-width: 40em) { .sample-selection .product-tile-wrapper .product-tile .product-image { left: 0; } } @media print, screen and (min-width: 64em) { .sample-selection .product-tile-wrapper .product-tile .product-image .thumb-link img { max-height: 166px; } } .sample-selection .product-tile-wrapper button { background-color: #ffffff; border-color: #081f2c; color: #081f2c; margin-top: 1em; margin-bottom: 0 !important; width: 100%; } @media print, screen and (min-width: 40em) { .sample-selection .product-tile-wrapper button { margin-top: auto; } } .sample-selection .product-tile-wrapper button[value="selected"] { background-color: #202020; border-color: #202020; color: #ffffff; } .order-help-container { margin: 2em 0; padding-left: 2em; } @media print, screen and (max-width: 39.99875em) { .order-help-container { padding-left: 1em; } } .order-help-container h4 { margin-bottom: 0px; } .order-help-container a { text-decoration: underline; } .order-help-container a:hover { text-decoration: none; } .order-help-container p { margin-top: 0px; margin-bottom: 0px; } .order-help-container .chat-btn-container { margin-top: 2em; } @media print, screen and (max-width: 39.99875em) { .order-help-container .chat-btn-container { text-align: center; margin-left: -2em; } } .order-help-container .chat-btn { color: #081f2c; font-weight: normal; background: #ffffff; padding: 10px 15px; border: 2px solid #081f2c; } .order-help-container .chat-btn:hover { background: #202020; color: #ffffff; } .order-help-container #lpButtonDivFooter { margin-bottom: 30px; } .cart-promo-approaching:hover { cursor: pointer; } .cart-promo.cart-promo-approaching.product-promotion { background: none; color: #414141; font-style: inherit; font-size: 19px; margin: 0.3em 0; padding: 0 1em; } @media print, screen and (max-width: 39.99875em) { .cart-promo.cart-promo-approaching.product-promotion { font-size: 16px; padding: 0 2em; } } .disabled_paypal.disabled_paypal.disabled_paypal { width: 160px; filter: gray; filter: grayscale(1); cursor: not-allowed; } .paypal_tagline, .paypal_callout, .afterpay_callout { display: block; font-size: 12px; } .paypal_callout, .afterpay_callout { font-weight: bold; } .afterpay_callout { width: 100%; text-align: center; } .disabled_afterpay { filter: gray; filter: grayscale(1); cursor: not-allowed; } .after-pay-input-radio.disabled { cursor: not-allowed; } .error-form.paypal-error { margin-top: 10px; padding: 0px; } @media print, screen and (max-width: 39.99875em) { .error-form.paypal-error { text-align: center; } } .wishlist-item-wrapper .swatch-image-color .swatch-block-image { height: 20px; width: 20px; border-radius: 50%; margin-bottom: 4px; border: 2px solid black; } .wishlist-item-wrapper .swatch-image-color .hex-swatch-block { height: 20px; width: 20px; border-radius: 50%; display: inline-block; margin-bottom: -4px; border: 2px solid black; } .sample-selection .product-listing .product-tile-wrapper button { background-color: #081f2c; text-transform: uppercase; border: none; color: #ffffff; margin-top: 1em; padding: 10px 5px; } .sample-selection .product-listing .product-tile-wrapper button:hover { cursor: pointer; } .sample-selection .product-listing .product-tile-wrapper .multiselect:focus { outline: 1px dotted #202020; outline-offset: 1px; } .sample-selection .product-listing .product-tile-wrapper .multiselect + .not-available { color: #c8102e; padding-left: .625rem; padding-right: .625rem; } .sample-selection .product-listing .product-tile-wrapper button.active { background-color: #333; } #modal-cntr.sample-selection { margin-bottom: 0; padding: 0 2rem; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection { padding: 0; } } #modal-cntr.sample-selection .modal-content { margin-top: 0; } #modal-cntr.sample-selection .modal-body { max-height: unset; margin-top: 0; padding: 0 2rem; bottom: 1px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection h2#bonus-modal-header { font-size: 1.5rem; margin-bottom: 0; } } #modal-cntr.sample-selection .slick-dots button::before { font-size: 0; width: 10px; height: 10px; background: #999; transform: rotate(45deg); content: "\f1db"; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .product-tile-wrapper.sample-item { -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50%; } #modal-cntr.sample-selection .name-link { height: 100px; width: 100px; padding: 0; } #modal-cntr.sample-selection .thumb-link img { height: 100%; width: 100%; } } #modal-cntr.sample-selection .slick-dots li.slick-active button::before { opacity: .75; background: #202020; } #modal-cntr.sample-selection #main li.product-tile-wrapper .product-tile { max-height: 150px; } #modal-cntr.sample-selection .product-tile-wrapper .product-tile-view { min-height: 300px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .product-tile-wrapper .product-tile-view { min-height: 250px; font-size: 14px; } } #modal-cntr.sample-selection .product-tile-wrapper .product-tile-view .button.multiselect { margin-top: 15px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item { margin: 0; } } #modal-cntr.sample-selection #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .product-image { height: 150px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .product-image { height: 100px; } } #modal-cntr.sample-selection #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .product-image img { max-height: 150px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection #modal-content #main.products-used-wrapper .search-result-content .tiles-container .sample-item .product-tile .product-image img { max-height: unset; } } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .product-tile .name-link .dy-socialProof-container { min-height: unset; margin-bottom: 0; } } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-next { margin-top: -64px; right: -31px; } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-next.slick-disabled { opacity: .3; } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-next::before { color: black; opacity: 1; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .modal-content .search-result-items button.slick-next { margin-top: -55px; } } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-prev { margin-top: -64px; left: -29px; } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-prev.slick-disabled { opacity: .3; } #modal-cntr.sample-selection .modal-content .search-result-items button.slick-prev::before { color: black; opacity: 1; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .modal-content .search-result-items button.slick-prev { margin-top: -55px; } } #modal-cntr.sample-selection #main li.product-tile-wrapper .product-details .product-name { font-size: 17px; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection #main li.product-tile-wrapper .product-details .product-name { font-size: 12px; } } #modal-cntr.sample-selection .bottom-btn { display: none; } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .bottom-btn { display: block; } } @media print, screen and (max-width: 39.99875em) { #modal-cntr.sample-selection .top-container { display: none; } } #modal-cntr.sample-selection .search-result-items.tiles-container > div { padding: 0; } @media screen and (max-width: 767px) { .samples-categoryselect-label { padding: 15px 0; } .sample-selection .add-btn-container .add-to-cart.multi-add { width: 100%; font-size: 1rem; } .sample-selection .product-tile-wrapper .product-tile { width: 90%; max-width: 456px; margin: 0 auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .sample-selection .product-tile-wrapper, .sample-selection .add-btn-container { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .sample-selection .product-tile-wrapper .product-tile .product-image img { max-height: 133px; } .sample-selection .sample-selection-msg { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } } .product-bundle-error.not-available { border: none; color: #c8102e; padding-top: 0.7em; } #wrapper.pt_cart .callout.alert { color: #c8102e; margin-bottom: 0; padding-bottom: 0; } .pt_cart .cart-coupon-code .label-over-input label.label-design { width: auto; position: absolute; top: -12px; left: 12px; z-index: 9; padding: 2px 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .pt_cart .cart-coupon-code .label-over-input label.label-design { width: auto; left: 5%; padding: 2px 5px; } } .pt_cart label.label-design { font-weight: 700 !important; font-size: 14px; } .pt_cart .cart-coupon-code .field-button-container .spcAddCouponBtn { width: auto; padding: 1em; background: #000 !important; color: #fff; margin-left: -5px; height: 56px; margin-top: 0px; } .pt_cart .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 1; flex-grow: 1; position: relative; margin-bottom: 0; width: 100%; } .pt_cart .cart-coupon-code .border-input input { width: 100%; height: 56px; border: 1px solid #000; background: none; } .primary-content .product-error.not-available { margin-bottom: 7px; color: #c8102e; font-size: 1rem; } @media print, screen and (max-width: 39.99875em) { .primary-content .product-error.not-available { text-align: center; } } .sample-selection .product-tile-wrapper .product-error.not-available, .bonus-item-modal .product-tile-wrapper .product-error.not-available { margin-top: 15px; } .sample-selection .product-tile-wrapper input.button, .bonus-item-modal .product-tile-wrapper input.button { width: 22px; height: 20px; background-color: #ffffff; border-color: #202020; color: #202020; margin-top: 15px; margin-bottom: 0 !important; } .sample-selection .product-tile-wrapper input.button[value="selected"]:before, .bonus-item-modal .product-tile-wrapper input.button[value="selected"]:before { content: "\e917"; display: block; position: absolute; font-size: 14px; top: 1px; left: 2px; } .sample-selection .product-tile-wrapper input.button:checked:before, .bonus-item-modal .product-tile-wrapper input.button:checked:before { background-image: none; } .sample-selection .multiselect, .bonus-item-modal .multiselect { margin-top: 15px; } /* Cart Wishlist Section Elements */ .wishlist-refine-select { width: 120px; padding: 0; height: 32px; max-width: 100%; } .cart-wishlist-name { margin-top: 2.5em; font-size: 14px; } @media print, screen and (max-width: 39.99875em) { .cart-wishlist-name { margin-top: 1em; } } .cart-wishlist-title { font-size: 24px; font-weight: 600; } .cart-wishlist .listname { text-decoration: underline; } .cart-wishlist .item-total { text-align: left; margin-bottom: 0.5em; } .cart-wishlist .swatch-name { vertical-align: middle; } .cart-wishlist .added-to-bag { margin-top: 1.5em; text-transform: uppercase; color: #c8102e; } .cart-wishlist .success-message { text-transform: uppercase; margin-left: 5px; } .cart-wishlist .success-icon { width: 20px; height: 20px; display: inline-block; vertical-align: bottom; } .cart-wishlist .mask-red { background: #c8102e; -webkit-mask: url("../images/red_tick.png") no-repeat center; mask: url("../images/red_tick.png") no-repeat center; } .cart-wishlist .item-actions { text-align: right; margin-top: 20px; } @media print, screen and (max-width: 39.99875em) { .cart-wishlist .item-actions { margin-left: 33.33%; text-align: left; margin-top: 0; } } .cart-wishlist .item-actions button:not(.wishlist-button).disabled { background-color: transparent; border-color: #081f2c; color: #081f2c; cursor: auto; } .cart-wishlist .wishlist-product-oos button { padding: 10px 15px; font-weight: 100; font-size: 14px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cart-wishlist .wishlist-product-oos button { padding: 10px 16px; } } @media print, screen and (max-width: 39.99875em) { .cart-wishlist .wishlist-product-oos button { margin-top: 1em; } } .cart-wishlist .wishlistbtn { font-weight: 100; font-size: 14px; padding: 10px 25px; background-color: #081f2c; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .cart-wishlist .wishlistbtn { margin-top: 1em; } } .cart-wishlist .item-details .name { margin-bottom: 0.5em; } /* Wishlist pagination */ .cart-wishlist-items-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .cart-wishlist-items-container .item-details .name a { font-size: 15px; display: block; font-weight: bold; } .wishlist-desktop-pagination { display: -ms-flexbox; display: flex; margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .wishlist-desktop-pagination .show-all-wishlist button { -ms-flex-pack: start; justify-content: start; margin-left: 30px; font-size: 14px; font-weight: 100; margin-left: 1em; background-color: #081f2c; color: #ffffff; padding: 10px 25px; } @media print, screen and (max-width: 39.99875em) { .wishlist-desktop-pagination .show-all-wishlist button { margin-left: 0; margin-top: 25px; display: -ms-flexbox; display: flex; margin: 0 auto; margin-top: 25px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .wishlist-desktop-pagination .show-all-wishlist button { padding: 10px 20px; margin-left: 20px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .wishlist-desktop-pagination { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media print, screen and (max-width: 39.99875em) { .wishlist-desktop-pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; display: -ms-grid; display: grid; } } .pagination-wishlist { display: -ms-flexbox; display: flex; list-style: none; padding-left: 0; margin-top: 6px; margin-top: 1em; } .pagination-wishlist li a { color: #202020; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #202020; margin: 0 4px; cursor: pointer; } .pagination-wishlist li a.page-previous, .pagination-wishlist li a.page-next { border: none; font-weight: bold; font-size: 14px; } .pagination-wishlist li.active a { background: #202020; color: #ffffff; pointer-events: none; } .pagination-wishlist li.active.focus { outline: 1px dotted currentColor; outline-offset: 1px; } @media print, screen and (max-width: 39.99875em) { .pagination-wishlist { -ms-flex-pack: center; justify-content: center; } } @media print, screen and (max-width: 39.99875em) { .wishlist-accordion-navigation .cart-wishlist-title.desktop { display: none; } } @media print, screen and (max-width: 39.99875em) { .wishlist-accordion-navigation .cart-wishlist-title { font-size: 18px; font-weight: bold; margin: 0.625rem 0; display: block; } } .wishlist-accordion-navigation .wishlist-accordion-content { position: relative; } .wishlist-accordion-navigation .wishlist-accordion-content .loader-wrapper { display: none; position: absolute; top: 40%; left: 50%; z-index: 10; } .wishlist-accordion-navigation .accordion-content { border: none; } .wishlist-accordion-navigation.gift-border { border-top: 1px solid #202020; padding-top: 2rem; } :last-child > .accordion-content:last-child { border-bottom: none; } .wishlist-desktop-wrapper { display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .wishlist-desktop-wrapper .wishlist-refine-selector-desktop { display: none; } } .accordion { padding-left: 0; } .accordion .accordion-navigation .accordion-title { font-weight: bold; text-transform: capitalize; cursor: pointer; } .accordion .accordion-navigation .accordion-title::before { content: "\e914"; height: 21px; width: 42px; position: absolute; top: 50%; left: 0; font-family: icomoon,sans-serif; } @media print, screen and (max-width: 39.99875em) { .accordion .accordion-navigation .accordion-title::before { height: 0.8rem; width: 1.2rem; top: 52%; right: 3%; } } .accordion .accordion-navigation.is-active .accordion-title::before { content: "\e90f"; height: 21px; width: 42px; position: absolute; top: 50%; left: 0; font-family: icomoon,sans-serif; } @media print, screen and (max-width: 39.99875em) { .accordion .accordion-navigation.is-active .accordion-title::before { height: 0.8rem; width: 1.2rem; top: 52%; right: 3%; } } .pt_cart #display-count-down-timer { margin-bottom: 15px; } @media print, screen and (max-width: 39.99875em) { .pt_cart #display-count-down-timer .content-asset #order-count-down-timer { padding: 0 0.5em; } } .pt_cart #display-count-down-timer .content-asset #order-count-down-timer .timer-counter-id { font-weight: bold; color: #FF0000; } .pt_cart button[name="dwfrm_cart_checkoutCart"]:disabled { opacity: 0.5; pointer-events: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_cart #main .row.content-space, .pt_cart #main .pt_content-search-result-static .no-left-nav-template .content-space.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_cart #main .content-space.content-asset, .pt_cart #main .pt_content-search-result-static .left-nav-template .content-space.content-asset, .pt_content-search-result-static .left-nav-template .pt_cart #main .content-space.content-asset { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .pt_cart #main .row.content-space, .pt_cart #main .pt_content-search-result-static .no-left-nav-template .content-space.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_cart #main .content-space.content-asset, .pt_cart #main .pt_content-search-result-static .left-nav-template .content-space.content-asset, .pt_content-search-result-static .left-nav-template .pt_cart #main .content-space.content-asset { padding-left: 30px; padding-right: 30px; } } .pt_cart .product-list-item .quantity-container .quantity-text, .pt_cart .quantity-column .quantity-container .quantity-text { display: inline-block; margin: 0; border-bottom: 1px solid; } .pt_cart .product-list-item .quantity-container .quantity-select, .pt_cart .quantity-column .quantity-container .quantity-select { display: inline-block; width: auto; border: none; padding-top: 0; } @media print, screen and (max-width: 39.99875em) { .pt_cart .product-list-item .quantity-container, .pt_cart .quantity-column .quantity-container { margin-bottom: 0; } } .pt_cart .product-list-item .product-name-remove-cta-wrapper, .pt_cart .product-list-item .qty-price, .pt_cart .product-list-item .edit-wrapper, .pt_cart .product-list-item .sku.attribute, .pt_cart .quantity-column .product-name-remove-cta-wrapper, .pt_cart .quantity-column .qty-price, .pt_cart .quantity-column .edit-wrapper, .pt_cart .quantity-column .sku.attribute { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .pt_cart .product-list-item .product-name-remove-cta-wrapper .label, .pt_cart .product-list-item .qty-price .label, .pt_cart .product-list-item .edit-wrapper .label, .pt_cart .product-list-item .sku.attribute .label, .pt_cart .quantity-column .product-name-remove-cta-wrapper .label, .pt_cart .quantity-column .qty-price .label, .pt_cart .quantity-column .edit-wrapper .label, .pt_cart .quantity-column .sku.attribute .label { display: inline-block !important; } .pt_cart .product-list-item .sku.attribute .value, .pt_cart .quantity-column .sku.attribute .value { margin-left: 10px; } .pt_cart .product-list-item .qty-price, .pt_cart .quantity-column .qty-price { -ms-flex-align: start; align-items: flex-start; } @media print, screen and (max-width: 39.99875em) { .pt_cart .product-list-item .qty-price, .pt_cart .quantity-column .qty-price { margin-bottom: 10px; } } .pt_cart .product-list-item .edit-wrapper, .pt_cart .quantity-column .edit-wrapper { -ms-flex-pack: unset; justify-content: unset; } .pt_cart .product-list-item .toggleReplenishment.active .input-select, .pt_cart .quantity-column .toggleReplenishment.active .input-select { display: initial; } .pt_cart .product-list-item .product-options .auto_replenishment_cycle, .pt_cart .quantity-column .product-options .auto_replenishment_cycle { padding: 0; margin: 10px 0 0 0; width: 100%; } .pt_cart .product-list-item .product-options .auto_replenishment_cycle .input-select, .pt_cart .quantity-column .product-options .auto_replenishment_cycle .input-select { max-width: 35%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_cart .product-list-item .product-options .auto_replenishment_cycle .input-select, .pt_cart .quantity-column .product-options .auto_replenishment_cycle .input-select { max-width: 60%; } } @media print, screen and (max-width: 39.99875em) { .pt_cart .product-list-item .product-options .auto_replenishment_cycle .input-select, .pt_cart .quantity-column .product-options .auto_replenishment_cycle .input-select { max-width: 100%; } } .pt_cart .product-list-item .product-options .auto_replenishment_cycle .replenishOffer, .pt_cart .quantity-column .product-options .auto_replenishment_cycle .replenishOffer { font-size: 13px; } .pt_cart .product-list-item .product-options .collapse-expand-section, .pt_cart .quantity-column .product-options .collapse-expand-section { margin: 0; display: inline; text-decoration: underline; font-weight: bold; } @media print, screen and (max-width: 39.99875em) { .pt_cart .product-list-item .product-options .collapse-expand-section, .pt_cart .quantity-column .product-options .collapse-expand-section { font-size: 14px; } } .pt_cart .product-list-item .item-total, .pt_cart .product-list-item .user-action-remove, .pt_cart .quantity-column .item-total, .pt_cart .quantity-column .user-action-remove { margin-right: 0.7rem; } .pt_cart .product-list-item .item-total .button-text, .pt_cart .product-list-item .user-action-remove .button-text, .pt_cart .quantity-column .item-total .button-text, .pt_cart .quantity-column .user-action-remove .button-text { margin-bottom: 7px; } .pt_cart .item-quantity-details { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: 7px; } .carousel-recommendations.before-load { display: none; } .cart-flex { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 0.3125rem; padding-top: 0.75rem; } .cart-flex__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.3125rem; font-weight: 700; } .cart-flex__logo { background-color: #081f2c; border-radius: 0.3125rem; padding: 0.375rem; width: 2.5rem; height: auto; } @media print, screen and (min-width: 40em) { .cart-flex { padding-left: 0.9375rem; } } .tp-error { color: #c8102e; } @media print, screen and (max-width: 39.99875em) { .tp-error { text-align: center; } } .pt_checkout .total-container .order-totals-table .sub-heading-title { display: none; } .pt_checkout .secondary-content .order-totals-table .cart-coupon-code .accordion { border-bottom: 1px solid #8a8a8a; } .pt_checkout .secondary-content .order-totals-table .cart-coupon-code #promopanel-label { font-size: 16px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .secondary-content .order-totals-table .cart-coupon-code #promopanel-label { font-size: 11px; } } .pt_checkout .secondary-content .order-totals-table .calculations-container { border-top: none; padding-top: 0; } .pt_checkout .secondary-content .order-totals-table .calculations-container > div { padding-bottom: 0; } .pt_checkout .secondary-content .order-totals-table .calculations-container .sub-heading-title { margin: 1em 0; font-size: 1.15em; font-weight: 600; } .pt_checkout .secondary-content .order-totals-table .calculations-container .order-subtotal { border-top: none; } .pt_checkout .secondary-content .order-totals-table .calculations-container div.order-total { padding: 0; border-bottom: 2px solid #000; } .pt_checkout .secondary-content .order-totals-table .calculations-container .payment-summary-container { margin-top: 0; } .pt_checkout #secondary { border-right: none; } @media print, screen and (max-width: 39.99875em) { .pt_checkout #secondary { padding: 0; } } .pt_checkout select::-ms-expand { display: none; } .pt_checkout select option[value=""] { display: none; } .pt_checkout .accordion-title { font-size: 1em; border-bottom: 0 !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .accordion-title { font-size: 14px; } } .pt_checkout .accordion-title:hover { background: #f6f6f6; } .pt_checkout .accordion-title:focus { background: #f6f6f6; } .pt_checkout .accordion-content.scroll-items { overflow-y: auto; max-height: 700px; overflow-x: hidden; } .pt_checkout .cart-coupon-code .field-button-container button[type="submit"] { margin-left: -4px; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .cart-coupon-code .field-button-container button[type="submit"] { padding: 12px 13px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .cart-coupon-code .field-button-container button[type="submit"] { font-size: 12px; font-size: 0.75rem; padding: 10px 13px 11px; } } @media print, screen and (min-width: 64em) { .pt_checkout .cart-coupon-code .field-button-container button[type="submit"] { padding: 12px 13px; } } .pt_checkout .summary .bg-grey-secondary { background-color: #f6f6f6; } .pt_checkout .summary .thick-border-top { border-top: 3px solid #050505; position: relative; } .pt_checkout .summary .thick-border-top:before { content: " "; display: block; height: 2px; width: 100%; margin-top: 2px; } .pt_checkout .form-row-button button[type="submit"] { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; line-height: 1; } .pt_checkout .form-row-button button[type="submit"].selected, .pt_checkout .form-row-button button[type="submit"]:hover, .pt_checkout .form-row-button button[type="submit"]:active, .pt_checkout .form-row-button button[type="submit"][value="selected"] { background-color: #333333; color: #ffffff; } .pt_checkout .form-row-button button[type="submit"]:disabled { border: 1px solid #050505; background: transparent !important; color: #050505 !important; cursor: default; } .pt_checkout .error ul { list-style: disc; } .pt_checkout .checkout-legend .dialog-required { display: block; padding: 0; /*.required-indicator { display: block; color: $CPBred; }*/ } .pt_checkout .order-summary-footer .user-consent-container { top: 30px; } .pt_checkout .order-summary-footer .place-order-button { margin-top: 0px; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .order-summary-footer .place-order-button { margin-top: 20px; } } .pt_checkout .spc-need-assistance-small { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; display: none; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .spc-need-assistance-small { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; position: fixed; bottom: 0; z-index: 50; padding-right: 0; padding-left: 0; left: 0; height: 38px; background: #081f2c; } } .pt_checkout .spc-need-assistance-small .need-assist-container { margin-left: 20px; } .pt_checkout .spc-need-assistance-small .need-assist-container .title { color: #ffffff; } .pt_checkout .spc-need-assistance-small .need-assist-container .title a { color: #ffffff; margin-left: 10px; font-weight: bold; } .pt_checkout .spc-need-assistance-small .need-assist-container a { color: #ffffff; margin-left: 10px; font-weight: bold; } .pt_checkout .spc-need-assistance-small .need-assist-container #lpButtonDivFooter { display: inline-block; } .pt_checkout .spc-need-assistance-small { z-index: 999; } .pt_checkout .spc-need-assistance-large { margin-top: 40px; font-size: 14px; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .spc-need-assistance-large { display: none; } } .pt_checkout .spc-need-assistance-large .need-assist-container a { font-weight: bold; margin-left: 11px; } .pt_checkout .spc-need-assistance-large { margin-top: 0; font-size: 16px; } .phone-message { display: none; } .enable-input-mask { -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -ms-flexbox; display: flex; } .spc-container .checkout-progress-container .form-row input[type=text].enable-input-mask__input { color: transparent; caret-color: transparent; } .spc-container .checkout-progress-container .form-row input[type=text].enable-input-mask__input:-webkit-autofill, .spc-container .checkout-progress-container .form-row input[type=text].enable-input-mask__input:-webkit-autofill:hover, .spc-container .checkout-progress-container .form-row input[type=text].enable-input-mask__input:-webkit-autofill:focus { -webkit-text-fill-color: transparent; } .enable-input-mask__mask { padding-top: 20px; padding-left: 10px; font-weight: 100; height: 30px; z-index: 1; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .enable-input-mask__mask .enable-input-mask__mask-pre-val, .enable-input-mask__mask .enable-input-mask__mask-mid-val, .enable-input-mask__mask .enable-input-mask__mask-post-val { font-size: 0.7em; } } #dwfrm_billing #EditAddressForm #editprofile .phone-message { display: none; } .spc-container .checkout-billing .payment-wrapper, .spc-container .guest-billing-address .payment-wrapper, .spc-container #AddCreditCardForm .payment-wrapper, .spc-container .shipping-address-form .payment-wrapper, .spc-container #editprofile .payment-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 5px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .payment-wrapper, .spc-container .guest-billing-address .payment-wrapper, .spc-container #AddCreditCardForm .payment-wrapper, .spc-container .shipping-address-form .payment-wrapper, .spc-container #editprofile .payment-wrapper { -ms-flex-pack: center; justify-content: center; } } .spc-container .checkout-billing .input-text:focus + label .field-description, .spc-container .checkout-billing .input-text.emailaddress:focus + label .email-field-description, .spc-container .guest-billing-address .input-text:focus + label .field-description, .spc-container .guest-billing-address .input-text.emailaddress:focus + label .email-field-description, .spc-container #AddCreditCardForm .input-text:focus + label .field-description, .spc-container #AddCreditCardForm .input-text.emailaddress:focus + label .email-field-description, .spc-container .shipping-address-form .input-text:focus + label .field-description, .spc-container .shipping-address-form .input-text.emailaddress:focus + label .email-field-description, .spc-container #editprofile .input-text:focus + label .field-description, .spc-container #editprofile .input-text.emailaddress:focus + label .email-field-description { display: none; } .spc-container .checkout-billing .input-text:not(:placeholder-shown) + label .field-description, .spc-container .checkout-billing .input-text.emailaddress:not(:placeholder-shown) + label .email-field-description, .spc-container .guest-billing-address .input-text:not(:placeholder-shown) + label .field-description, .spc-container .guest-billing-address .input-text.emailaddress:not(:placeholder-shown) + label .email-field-description, .spc-container #AddCreditCardForm .input-text:not(:placeholder-shown) + label .field-description, .spc-container #AddCreditCardForm .input-text.emailaddress:not(:placeholder-shown) + label .email-field-description, .spc-container .shipping-address-form .input-text:not(:placeholder-shown) + label .field-description, .spc-container .shipping-address-form .input-text.emailaddress:not(:placeholder-shown) + label .email-field-description, .spc-container #editprofile .input-text:not(:placeholder-shown) + label .field-description, .spc-container #editprofile .input-text.emailaddress:not(:placeholder-shown) + label .email-field-description { display: none; } .spc-container .checkout-billing label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .checkout-billing label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .checkout-billing label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description { font-size: 11px; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-billing label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .checkout-billing label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .checkout-billing label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .checkout-billing label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .guest-billing-address label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container #AddCreditCardForm label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container .shipping-address-form label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_shippingaddress_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_billing_billingAddress_addressFields_phone"] .field-description, .spc-container #editprofile label[for="dwfrm_singleshipping_shippingAddress_addressFields_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_shippingaddress_address1"] .field-description, .spc-container #editprofile label[for="dwfrm_billing_billingAddress_addressFields_address1"] .field-description { font-size: 10px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing label .field-description, .spc-container .checkout-billing label .email-field-description, .spc-container .guest-billing-address label .field-description, .spc-container .guest-billing-address label .email-field-description, .spc-container #AddCreditCardForm label .field-description, .spc-container #AddCreditCardForm label .email-field-description, .spc-container .shipping-address-form label .field-description, .spc-container .shipping-address-form label .email-field-description, .spc-container #editprofile label .field-description, .spc-container #editprofile label .email-field-description { font-size: 10px; } } .spc-container .checkout-billing label .field-description, .spc-container .guest-billing-address label .field-description, .spc-container #AddCreditCardForm label .field-description, .spc-container .shipping-address-form label .field-description, .spc-container #editprofile label .field-description { line-height: 0.8; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .field-description, .spc-container .guest-billing-address .field-description, .spc-container #AddCreditCardForm .field-description, .spc-container .shipping-address-form .field-description, .spc-container #editprofile .field-description { line-height: 1; } } .spc-container .checkout-billing .checkout-state-zip-field, .spc-container .guest-billing-address .checkout-state-zip-field, .spc-container #AddCreditCardForm .checkout-state-zip-field, .spc-container .shipping-address-form .checkout-state-zip-field, .spc-container #editprofile .checkout-state-zip-field { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .spc-container .checkout-billing .checkout-state-zip-field > .split.us-fields, .spc-container .guest-billing-address .checkout-state-zip-field > .split.us-fields, .spc-container #AddCreditCardForm .checkout-state-zip-field > .split.us-fields, .spc-container .shipping-address-form .checkout-state-zip-field > .split.us-fields, .spc-container #editprofile .checkout-state-zip-field > .split.us-fields { width: 59%; } .spc-container .checkout-billing .checkout-state-zip-field > .split.flag-show-hide, .spc-container .guest-billing-address .checkout-state-zip-field > .split.flag-show-hide, .spc-container #AddCreditCardForm .checkout-state-zip-field > .split.flag-show-hide, .spc-container .shipping-address-form .checkout-state-zip-field > .split.flag-show-hide, .spc-container #editprofile .checkout-state-zip-field > .split.flag-show-hide { width: 39%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .checkout-state-zip-field, .spc-container .guest-billing-address .checkout-state-zip-field, .spc-container #AddCreditCardForm .checkout-state-zip-field, .spc-container .shipping-address-form .checkout-state-zip-field, .spc-container #editprofile .checkout-state-zip-field { -ms-flex-wrap: wrap; flex-wrap: wrap; } .spc-container .checkout-billing .checkout-state-zip-field > .split.us-fields, .spc-container .guest-billing-address .checkout-state-zip-field > .split.us-fields, .spc-container #AddCreditCardForm .checkout-state-zip-field > .split.us-fields, .spc-container .shipping-address-form .checkout-state-zip-field > .split.us-fields, .spc-container #editprofile .checkout-state-zip-field > .split.us-fields { width: 100%; } .spc-container .checkout-billing .checkout-state-zip-field > .split.flag-show-hide, .spc-container .guest-billing-address .checkout-state-zip-field > .split.flag-show-hide, .spc-container #AddCreditCardForm .checkout-state-zip-field > .split.flag-show-hide, .spc-container .shipping-address-form .checkout-state-zip-field > .split.flag-show-hide, .spc-container #editprofile .checkout-state-zip-field > .split.flag-show-hide { width: 100%; } } .spc-container .checkout-billing .credit-card-section, .spc-container .checkout-billing .flex-payment-section, .spc-container .guest-billing-address .credit-card-section, .spc-container .guest-billing-address .flex-payment-section, .spc-container #AddCreditCardForm .credit-card-section, .spc-container #AddCreditCardForm .flex-payment-section, .spc-container .shipping-address-form .credit-card-section, .spc-container .shipping-address-form .flex-payment-section, .spc-container #editprofile .credit-card-section, .spc-container #editprofile .flex-payment-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .credit-card-section, .spc-container .checkout-billing .flex-payment-section, .spc-container .guest-billing-address .credit-card-section, .spc-container .guest-billing-address .flex-payment-section, .spc-container #AddCreditCardForm .credit-card-section, .spc-container #AddCreditCardForm .flex-payment-section, .spc-container .shipping-address-form .credit-card-section, .spc-container .shipping-address-form .flex-payment-section, .spc-container #editprofile .credit-card-section, .spc-container #editprofile .flex-payment-section { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-billing .flex-payment-section .cc-number, .spc-container .guest-billing-address .flex-payment-section .cc-number, .spc-container #AddCreditCardForm .flex-payment-section .cc-number, .spc-container .shipping-address-form .flex-payment-section .cc-number, .spc-container #editprofile .flex-payment-section .cc-number { width: 2rem; } } .spc-container .checkout-billing .credit-card-label, .spc-container .guest-billing-address .credit-card-label, .spc-container #AddCreditCardForm .credit-card-label, .spc-container .shipping-address-form .credit-card-label, .spc-container #editprofile .credit-card-label { min-width: none; } .spc-container .checkout-billing .credit-card-label .credit-card-text, .spc-container .guest-billing-address .credit-card-label .credit-card-text, .spc-container #AddCreditCardForm .credit-card-label .credit-card-text, .spc-container .shipping-address-form .credit-card-label .credit-card-text, .spc-container #editprofile .credit-card-label .credit-card-text { margin-left: 5px; } .spc-container .checkout-billing input[type="radio"], .spc-container .guest-billing-address input[type="radio"], .spc-container #AddCreditCardForm input[type="radio"], .spc-container .shipping-address-form input[type="radio"], .spc-container #editprofile input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; margin-left: 5px; width: 18px; height: 18px; padding: 4px; background-clip: content-box; background-color: #ffffff; border-radius: 50%; border: 1px solid #081f2c; margin: -3px 0; } .spc-container .checkout-billing input[type="radio"]:checked, .spc-container .guest-billing-address input[type="radio"]:checked, .spc-container #AddCreditCardForm input[type="radio"]:checked, .spc-container .shipping-address-form input[type="radio"]:checked, .spc-container #editprofile input[type="radio"]:checked { background-color: #081f2c; } .spc-container .checkout-billing input[type="radio"]::before, .spc-container .guest-billing-address input[type="radio"]::before, .spc-container #AddCreditCardForm input[type="radio"]::before, .spc-container .shipping-address-form input[type="radio"]::before, .spc-container #editprofile input[type="radio"]::before { content: none; } .spc-container .checkout-billing input[type="radio"].creditcard-tile-select, .spc-container .guest-billing-address input[type="radio"].creditcard-tile-select, .spc-container #AddCreditCardForm input[type="radio"].creditcard-tile-select, .spc-container .shipping-address-form input[type="radio"].creditcard-tile-select, .spc-container #editprofile input[type="radio"].creditcard-tile-select { margin: 6px 4px; } .spc-container .checkout-billing input[type="radio"].creditcard-tile-select.js-credit-card-tile-select:checked::after, .spc-container .guest-billing-address input[type="radio"].creditcard-tile-select.js-credit-card-tile-select:checked::after, .spc-container #AddCreditCardForm input[type="radio"].creditcard-tile-select.js-credit-card-tile-select:checked::after, .spc-container .shipping-address-form input[type="radio"].creditcard-tile-select.js-credit-card-tile-select:checked::after, .spc-container #editprofile input[type="radio"].creditcard-tile-select.js-credit-card-tile-select:checked::after { background-color: #000; top: -4px; left: -4px; height: 17px; width: 17px; bottom: 0; content: ""; display: block; position: relative; border-radius: 40px; } .spc-container .checkout-billing .other-payment-contain, .spc-container .guest-billing-address .other-payment-contain, .spc-container #AddCreditCardForm .other-payment-contain, .spc-container .shipping-address-form .other-payment-contain, .spc-container #editprofile .other-payment-contain { margin-bottom: 0; } .spc-container .checkout-billing .other-payment-contain .other-payment .paypal-section, .spc-container .guest-billing-address .other-payment-contain .other-payment .paypal-section, .spc-container #AddCreditCardForm .other-payment-contain .other-payment .paypal-section, .spc-container .shipping-address-form .other-payment-contain .other-payment .paypal-section, .spc-container #editprofile .other-payment-contain .other-payment .paypal-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .spc-container .checkout-billing .other-payment-contain .other-payment .paypal-section .payment-image, .spc-container .guest-billing-address .other-payment-contain .other-payment .paypal-section .payment-image, .spc-container #AddCreditCardForm .other-payment-contain .other-payment .paypal-section .payment-image, .spc-container .shipping-address-form .other-payment-contain .other-payment .paypal-section .payment-image, .spc-container #editprofile .other-payment-contain .other-payment .paypal-section .payment-image { width: 50%; margin-left: 5px; } .spc-container .checkout-billing .flex-text, .spc-container .guest-billing-address .flex-text, .spc-container #AddCreditCardForm .flex-text, .spc-container .shipping-address-form .flex-text, .spc-container #editprofile .flex-text { margin-left: 0.3125rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.3125rem; } .spc-container .checkout-billing .flex-logo, .spc-container .guest-billing-address .flex-logo, .spc-container #AddCreditCardForm .flex-logo, .spc-container .shipping-address-form .flex-logo, .spc-container #editprofile .flex-logo { background-color: #081f2c; border-radius: 0.3125rem; padding: 0.375rem; width: 2.5rem; height: auto; } .spc-container .checkout-billing .flexpay.dropdown, .spc-container .guest-billing-address .flexpay.dropdown, .spc-container #AddCreditCardForm .flexpay.dropdown, .spc-container .shipping-address-form .flexpay.dropdown, .spc-container #editprofile .flexpay.dropdown { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .spc-container .checkout-billing .flexpay.dropdown .icon, .spc-container .guest-billing-address .flexpay.dropdown .icon, .spc-container #AddCreditCardForm .flexpay.dropdown .icon, .spc-container .shipping-address-form .flexpay.dropdown .icon, .spc-container #editprofile .flexpay.dropdown .icon { width: 9.375rem; height: auto; margin: 0 auto; display: block; } .spc-container .checkout-billing .apple-pay-section, .spc-container .guest-billing-address .apple-pay-section, .spc-container #AddCreditCardForm .apple-pay-section, .spc-container .shipping-address-form .apple-pay-section, .spc-container #editprofile .apple-pay-section { padding: 7px 15px; border-bottom: 1px solid #202020; } .spc-container .checkout-billing .apple-pay-section .payment-image, .spc-container .guest-billing-address .apple-pay-section .payment-image, .spc-container #AddCreditCardForm .apple-pay-section .payment-image, .spc-container .shipping-address-form .apple-pay-section .payment-image, .spc-container #editprofile .apple-pay-section .payment-image { max-width: 16%; margin-left: 6px; } .spc-container .checkout-billing .afterpay-sec .payment-image, .spc-container .guest-billing-address .afterpay-sec .payment-image, .spc-container #AddCreditCardForm .afterpay-sec .payment-image, .spc-container .shipping-address-form .afterpay-sec .payment-image, .spc-container #editprofile .afterpay-sec .payment-image { max-width: 25%; margin-left: 5px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .afterpay-sec .payment-image, .spc-container .guest-billing-address .afterpay-sec .payment-image, .spc-container #AddCreditCardForm .afterpay-sec .payment-image, .spc-container .shipping-address-form .afterpay-sec .payment-image, .spc-container #editprofile .afterpay-sec .payment-image { max-width: 40%; } } .spc-container .checkout-billing .gift-card, .spc-container .guest-billing-address .gift-card, .spc-container #AddCreditCardForm .gift-card, .spc-container .shipping-address-form .gift-card, .spc-container #editprofile .gift-card { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .spc-container .checkout-billing .gift-card li.accordion-navigation, .spc-container .guest-billing-address .gift-card li.accordion-navigation, .spc-container #AddCreditCardForm .gift-card li.accordion-navigation, .spc-container .shipping-address-form .gift-card li.accordion-navigation, .spc-container #editprofile .gift-card li.accordion-navigation { list-style: none; } .spc-container .checkout-billing .gift-card li.accordion-navigation a.accordion-title.giftcard-title, .spc-container .guest-billing-address .gift-card li.accordion-navigation a.accordion-title.giftcard-title, .spc-container #AddCreditCardForm .gift-card li.accordion-navigation a.accordion-title.giftcard-title, .spc-container .shipping-address-form .gift-card li.accordion-navigation a.accordion-title.giftcard-title, .spc-container #editprofile .gift-card li.accordion-navigation a.accordion-title.giftcard-title { padding-left: 41px; padding: 0 25px; } .spc-container .checkout-billing .gift-card li.accordion-navigation a.accordion-title.giftcard-title::before, .spc-container .guest-billing-address .gift-card li.accordion-navigation a.accordion-title.giftcard-title::before, .spc-container #AddCreditCardForm .gift-card li.accordion-navigation a.accordion-title.giftcard-title::before, .spc-container .shipping-address-form .gift-card li.accordion-navigation a.accordion-title.giftcard-title::before, .spc-container #editprofile .gift-card li.accordion-navigation a.accordion-title.giftcard-title::before { left: 5px; } .spc-container .checkout-billing .gift-card li.accordion-navigation a.accordion-title.giftcard-title:hover, .spc-container .guest-billing-address .gift-card li.accordion-navigation a.accordion-title.giftcard-title:hover, .spc-container #AddCreditCardForm .gift-card li.accordion-navigation a.accordion-title.giftcard-title:hover, .spc-container .shipping-address-form .gift-card li.accordion-navigation a.accordion-title.giftcard-title:hover, .spc-container #editprofile .gift-card li.accordion-navigation a.accordion-title.giftcard-title:hover { background: none; } .spc-container .checkout-billing .gift-card li.accordion-navigation .giftcardform:hover, .spc-container .guest-billing-address .gift-card li.accordion-navigation .giftcardform:hover, .spc-container #AddCreditCardForm .gift-card li.accordion-navigation .giftcardform:hover, .spc-container .shipping-address-form .gift-card li.accordion-navigation .giftcardform:hover, .spc-container #editprofile .gift-card li.accordion-navigation .giftcardform:hover { background: none; } .spc-container .checkout-billing .sub-title.billing-address-title h3, .spc-container .guest-billing-address .sub-title.billing-address-title h3, .spc-container #AddCreditCardForm .sub-title.billing-address-title h3, .spc-container .shipping-address-form .sub-title.billing-address-title h3, .spc-container #editprofile .sub-title.billing-address-title h3 { margin-block: 8px; font-size: 24px; line-height: 27px; } @media print, screen and (max-width: 63.99875em) { .spc-container .checkout-billing .sub-title.billing-address-title h3, .spc-container .guest-billing-address .sub-title.billing-address-title h3, .spc-container #AddCreditCardForm .sub-title.billing-address-title h3, .spc-container .shipping-address-form .sub-title.billing-address-title h3, .spc-container #editprofile .sub-title.billing-address-title h3 { font-size: 18px; } } .spc-container .checkout-billing .main-payment-section, .spc-container .guest-billing-address .main-payment-section, .spc-container #AddCreditCardForm .main-payment-section, .spc-container .shipping-address-form .main-payment-section, .spc-container #editprofile .main-payment-section { border: 1px solid #202020; margin-block: 10px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .main-payment-section #payment-method-creditcard, .spc-container .guest-billing-address .main-payment-section #payment-method-creditcard, .spc-container #AddCreditCardForm .main-payment-section #payment-method-creditcard, .spc-container .shipping-address-form .main-payment-section #payment-method-creditcard, .spc-container #editprofile .main-payment-section #payment-method-creditcard { width: 24px; } } .spc-container .checkout-billing .main-payment-section .credit-card-wrapper, .spc-container .checkout-billing .main-payment-section .main-paypal-wrapper, .spc-container .checkout-billing .main-payment-section .afterpay-wrapper, .spc-container .checkout-billing .main-payment-section .gift-card, .spc-container .checkout-billing .main-payment-section .flex-pay-wrapper, .spc-container .guest-billing-address .main-payment-section .credit-card-wrapper, .spc-container .guest-billing-address .main-payment-section .main-paypal-wrapper, .spc-container .guest-billing-address .main-payment-section .afterpay-wrapper, .spc-container .guest-billing-address .main-payment-section .gift-card, .spc-container .guest-billing-address .main-payment-section .flex-pay-wrapper, .spc-container #AddCreditCardForm .main-payment-section .credit-card-wrapper, .spc-container #AddCreditCardForm .main-payment-section .main-paypal-wrapper, .spc-container #AddCreditCardForm .main-payment-section .afterpay-wrapper, .spc-container #AddCreditCardForm .main-payment-section .gift-card, .spc-container #AddCreditCardForm .main-payment-section .flex-pay-wrapper, .spc-container .shipping-address-form .main-payment-section .credit-card-wrapper, .spc-container .shipping-address-form .main-payment-section .main-paypal-wrapper, .spc-container .shipping-address-form .main-payment-section .afterpay-wrapper, .spc-container .shipping-address-form .main-payment-section .gift-card, .spc-container .shipping-address-form .main-payment-section .flex-pay-wrapper, .spc-container #editprofile .main-payment-section .credit-card-wrapper, .spc-container #editprofile .main-payment-section .main-paypal-wrapper, .spc-container #editprofile .main-payment-section .afterpay-wrapper, .spc-container #editprofile .main-payment-section .gift-card, .spc-container #editprofile .main-payment-section .flex-pay-wrapper { border-bottom: 1px solid #202020; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; padding: 14px 1em; } .spc-container .checkout-billing .main-payment-section .credit-card-wrapper #paypal, .spc-container .checkout-billing .main-payment-section .main-paypal-wrapper #paypal, .spc-container .checkout-billing .main-payment-section .afterpay-wrapper #paypal, .spc-container .checkout-billing .main-payment-section .gift-card #paypal, .spc-container .checkout-billing .main-payment-section .flex-pay-wrapper #paypal, .spc-container .guest-billing-address .main-payment-section .credit-card-wrapper #paypal, .spc-container .guest-billing-address .main-payment-section .main-paypal-wrapper #paypal, .spc-container .guest-billing-address .main-payment-section .afterpay-wrapper #paypal, .spc-container .guest-billing-address .main-payment-section .gift-card #paypal, .spc-container .guest-billing-address .main-payment-section .flex-pay-wrapper #paypal, .spc-container #AddCreditCardForm .main-payment-section .credit-card-wrapper #paypal, .spc-container #AddCreditCardForm .main-payment-section .main-paypal-wrapper #paypal, .spc-container #AddCreditCardForm .main-payment-section .afterpay-wrapper #paypal, .spc-container #AddCreditCardForm .main-payment-section .gift-card #paypal, .spc-container #AddCreditCardForm .main-payment-section .flex-pay-wrapper #paypal, .spc-container .shipping-address-form .main-payment-section .credit-card-wrapper #paypal, .spc-container .shipping-address-form .main-payment-section .main-paypal-wrapper #paypal, .spc-container .shipping-address-form .main-payment-section .afterpay-wrapper #paypal, .spc-container .shipping-address-form .main-payment-section .gift-card #paypal, .spc-container .shipping-address-form .main-payment-section .flex-pay-wrapper #paypal, .spc-container #editprofile .main-payment-section .credit-card-wrapper #paypal, .spc-container #editprofile .main-payment-section .main-paypal-wrapper #paypal, .spc-container #editprofile .main-payment-section .afterpay-wrapper #paypal, .spc-container #editprofile .main-payment-section .gift-card #paypal, .spc-container #editprofile .main-payment-section .flex-pay-wrapper #paypal { border-bottom: none; } .spc-container .checkout-billing .main-payment-section .credit-card-wrapper .content-asset, .spc-container .checkout-billing .main-payment-section .main-paypal-wrapper .content-asset, .spc-container .checkout-billing .main-payment-section .afterpay-wrapper .content-asset, .spc-container .checkout-billing .main-payment-section .gift-card .content-asset, .spc-container .checkout-billing .main-payment-section .flex-pay-wrapper .content-asset, .spc-container .guest-billing-address .main-payment-section .credit-card-wrapper .content-asset, .spc-container .guest-billing-address .main-payment-section .main-paypal-wrapper .content-asset, .spc-container .guest-billing-address .main-payment-section .afterpay-wrapper .content-asset, .spc-container .guest-billing-address .main-payment-section .gift-card .content-asset, .spc-container .guest-billing-address .main-payment-section .flex-pay-wrapper .content-asset, .spc-container #AddCreditCardForm .main-payment-section .credit-card-wrapper .content-asset, .spc-container #AddCreditCardForm .main-payment-section .main-paypal-wrapper .content-asset, .spc-container #AddCreditCardForm .main-payment-section .afterpay-wrapper .content-asset, .spc-container #AddCreditCardForm .main-payment-section .gift-card .content-asset, .spc-container #AddCreditCardForm .main-payment-section .flex-pay-wrapper .content-asset, .spc-container .shipping-address-form .main-payment-section .credit-card-wrapper .content-asset, .spc-container .shipping-address-form .main-payment-section .main-paypal-wrapper .content-asset, .spc-container .shipping-address-form .main-payment-section .afterpay-wrapper .content-asset, .spc-container .shipping-address-form .main-payment-section .gift-card .content-asset, .spc-container .shipping-address-form .main-payment-section .flex-pay-wrapper .content-asset, .spc-container #editprofile .main-payment-section .credit-card-wrapper .content-asset, .spc-container #editprofile .main-payment-section .main-paypal-wrapper .content-asset, .spc-container #editprofile .main-payment-section .afterpay-wrapper .content-asset, .spc-container #editprofile .main-payment-section .gift-card .content-asset, .spc-container #editprofile .main-payment-section .flex-pay-wrapper .content-asset { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } .spc-container .checkout-billing .field-wrapper label, .spc-container .guest-billing-address .field-wrapper label, .spc-container #AddCreditCardForm .field-wrapper label, .spc-container .shipping-address-form .field-wrapper label, .spc-container #editprofile .field-wrapper label { top: 19px; color: #cccccc; position: absolute; pointer-events: none; text-align: left; left: 17px; font-weight: normal; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; width: auto; min-width: unset; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .field-wrapper label, .spc-container .guest-billing-address .field-wrapper label, .spc-container #AddCreditCardForm .field-wrapper label, .spc-container .shipping-address-form .field-wrapper label, .spc-container #editprofile .field-wrapper label { top: 16px; } .spc-container .checkout-billing .field-wrapper label[for="cc-expiry-date"], .spc-container .guest-billing-address .field-wrapper label[for="cc-expiry-date"], .spc-container #AddCreditCardForm .field-wrapper label[for="cc-expiry-date"], .spc-container .shipping-address-form .field-wrapper label[for="cc-expiry-date"], .spc-container #editprofile .field-wrapper label[for="cc-expiry-date"] { top: 11px; } .spc-container .checkout-billing .field-wrapper label[for="dwfrm_billing_paymentMethods_creditCard_cvn"], .spc-container .checkout-billing .field-wrapper label[for="cc-expiry-date"], .spc-container .checkout-billing .field-wrapper label[for="dwfrm_paymentinstruments_creditcards_newcreditcard_cvn"], .spc-container .guest-billing-address .field-wrapper label[for="dwfrm_billing_paymentMethods_creditCard_cvn"], .spc-container .guest-billing-address .field-wrapper label[for="cc-expiry-date"], .spc-container .guest-billing-address .field-wrapper label[for="dwfrm_paymentinstruments_creditcards_newcreditcard_cvn"], .spc-container #AddCreditCardForm .field-wrapper label[for="dwfrm_billing_paymentMethods_creditCard_cvn"], .spc-container #AddCreditCardForm .field-wrapper label[for="cc-expiry-date"], .spc-container #AddCreditCardForm .field-wrapper label[for="dwfrm_paymentinstruments_creditcards_newcreditcard_cvn"], .spc-container .shipping-address-form .field-wrapper label[for="dwfrm_billing_paymentMethods_creditCard_cvn"], .spc-container .shipping-address-form .field-wrapper label[for="cc-expiry-date"], .spc-container .shipping-address-form .field-wrapper label[for="dwfrm_paymentinstruments_creditcards_newcreditcard_cvn"], .spc-container #editprofile .field-wrapper label[for="dwfrm_billing_paymentMethods_creditCard_cvn"], .spc-container #editprofile .field-wrapper label[for="cc-expiry-date"], .spc-container #editprofile .field-wrapper label[for="dwfrm_paymentinstruments_creditcards_newcreditcard_cvn"] { font-size: 10px !important; width: 60%; } } .spc-container .checkout-billing .field-wrapper label span.required-indicator, .spc-container .guest-billing-address .field-wrapper label span.required-indicator, .spc-container #AddCreditCardForm .field-wrapper label span.required-indicator, .spc-container .shipping-address-form .field-wrapper label span.required-indicator, .spc-container #editprofile .field-wrapper label span.required-indicator { color: #ccc; } .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]), .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]), .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]), .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]), .spc-container #editprofile .field-wrapper input:not([type="checkbox"]) { color: #202020; padding: 10px 15px; } .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):focus, .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown), .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):focus, .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown), .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):focus, .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown), .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):focus, .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown), .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):focus, .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) { outline: none !important; } .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):focus ~ label, .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label, .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):focus ~ label, .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label, .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):focus ~ label, .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label, .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):focus ~ label, .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label, .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):focus ~ label, .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label { top: -8px; color: #202020; font-size: 14px; background-color: #fff; padding: 1px 5px; width: auto; } .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):focus ~ label span, .spc-container .checkout-billing .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label span, .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):focus ~ label span, .spc-container .guest-billing-address .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label span, .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):focus ~ label span, .spc-container #AddCreditCardForm .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label span, .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):focus ~ label span, .spc-container .shipping-address-form .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label span, .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):focus ~ label span, .spc-container #editprofile .field-wrapper input:not([type="checkbox"]):not(:placeholder-shown) ~ label span { color: #202020 !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-billing .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:focus ~ label, .spc-container .checkout-billing .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:not(:placeholder-shown) ~ label, .spc-container .checkout-billing .field-wrapper input#cc-expiry-date:focus ~ label, .spc-container .checkout-billing .field-wrapper input#cc-expiry-date:not(:placeholder-shown) ~ label, .spc-container .guest-billing-address .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:focus ~ label, .spc-container .guest-billing-address .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:not(:placeholder-shown) ~ label, .spc-container .guest-billing-address .field-wrapper input#cc-expiry-date:focus ~ label, .spc-container .guest-billing-address .field-wrapper input#cc-expiry-date:not(:placeholder-shown) ~ label, .spc-container #AddCreditCardForm .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:focus ~ label, .spc-container #AddCreditCardForm .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:not(:placeholder-shown) ~ label, .spc-container #AddCreditCardForm .field-wrapper input#cc-expiry-date:focus ~ label, .spc-container #AddCreditCardForm .field-wrapper input#cc-expiry-date:not(:placeholder-shown) ~ label, .spc-container .shipping-address-form .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:focus ~ label, .spc-container .shipping-address-form .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:not(:placeholder-shown) ~ label, .spc-container .shipping-address-form .field-wrapper input#cc-expiry-date:focus ~ label, .spc-container .shipping-address-form .field-wrapper input#cc-expiry-date:not(:placeholder-shown) ~ label, .spc-container #editprofile .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:focus ~ label, .spc-container #editprofile .field-wrapper input#dwfrm_billing_paymentMethods_creditCard_cvn:not(:placeholder-shown) ~ label, .spc-container #editprofile .field-wrapper input#cc-expiry-date:focus ~ label, .spc-container #editprofile .field-wrapper input#cc-expiry-date:not(:placeholder-shown) ~ label { left: 3px; font-size: 10px; padding: 1px 3px; } } .spc-container .checkout-billing .field-wrapper select, .spc-container .guest-billing-address .field-wrapper select, .spc-container #AddCreditCardForm .field-wrapper select, .spc-container .shipping-address-form .field-wrapper select, .spc-container #editprofile .field-wrapper select { -webkit-appearance: none; /* WebKit browsers */ -moz-appearance: none; /* Firefox */ appearance: none; background-image: none; } .spc-container .checkout-billing .field-wrapper select label, .spc-container .guest-billing-address .field-wrapper select label, .spc-container #AddCreditCardForm .field-wrapper select label, .spc-container .shipping-address-form .field-wrapper select label, .spc-container #editprofile .field-wrapper select label { top: 30px; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-billing .field-wrapper select label, .spc-container .guest-billing-address .field-wrapper select label, .spc-container #AddCreditCardForm .field-wrapper select label, .spc-container .shipping-address-form .field-wrapper select label, .spc-container #editprofile .field-wrapper select label { top: 31px; } } .spc-container .checkout-billing .field-wrapper select:focus ~ label, .spc-container .checkout-billing .field-wrapper select:not([value=""]):valid ~ label, .spc-container .guest-billing-address .field-wrapper select:focus ~ label, .spc-container .guest-billing-address .field-wrapper select:not([value=""]):valid ~ label, .spc-container #AddCreditCardForm .field-wrapper select:focus ~ label, .spc-container #AddCreditCardForm .field-wrapper select:not([value=""]):valid ~ label, .spc-container .shipping-address-form .field-wrapper select:focus ~ label, .spc-container .shipping-address-form .field-wrapper select:not([value=""]):valid ~ label, .spc-container #editprofile .field-wrapper select:focus ~ label, .spc-container #editprofile .field-wrapper select:not([value=""]):valid ~ label { top: -8px; background-color: #fff; padding: 1px 5px; } .spc-container .checkout-billing .field-wrapper select:focus ~ label span, .spc-container .checkout-billing .field-wrapper select:not([value=""]):valid ~ label span, .spc-container .guest-billing-address .field-wrapper select:focus ~ label span, .spc-container .guest-billing-address .field-wrapper select:not([value=""]):valid ~ label span, .spc-container #AddCreditCardForm .field-wrapper select:focus ~ label span, .spc-container #AddCreditCardForm .field-wrapper select:not([value=""]):valid ~ label span, .spc-container .shipping-address-form .field-wrapper select:focus ~ label span, .spc-container .shipping-address-form .field-wrapper select:not([value=""]):valid ~ label span, .spc-container #editprofile .field-wrapper select:focus ~ label span, .spc-container #editprofile .field-wrapper select:not([value=""]):valid ~ label span { color: #000 !important; } .spc-container .user-email-id { margin: 5px 0 10px 0; overflow-wrap: anywhere; } .spc-container .custom-input { opacity: 0 !important; position: absolute; } .spc-container .custom-input + label:before { border: 1px solid #262626; border-radius: 50%; content: ""; height: 16px; width: 16px; top: auto; right: auto; bottom: auto; left: 0; position: absolute; position: absolute; top: 50%; transform: translateY(-50%); } .spc-container .custom-input:checked + label:before { background-color: #202020; border-color: #202020; } .spc-container .custom-input:hover + label::before, .spc-container .custom-input:focus + label::before { outline: 1px dotted; outline-offset: 2px; } .spc-container .custom-input-label { display: -ms-flexbox; display: flex; position: relative; padding-left: 20px; width: auto; cursor: pointer; margin-bottom: 0; } label[for="dwfrm_singleshipping_shippingAddress_addressFields_address2"] span.field-description, label[for="dwfrm_shippingaddress_address2"] span.field-description, label[for="dwfrm_shippingaddress_address1"] span.field-description { margin-left: 5px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { label#dwfrm_singleshipping_shippingAddress_addressFields_phone ~ label .field-description { font-size: 10px; line-height: 10px; } } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper { margin-bottom: 5px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input.split, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input.split { margin-bottom: 5px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper label { top: 26px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper label { top: 31px; } } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper input:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper input:not(:placeholder-shown) ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper input:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper input:not(:placeholder-shown) ~ label { top: 2px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:not([value=""]):valid ~ label, .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_shippingaddress_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_shippingaddress_states_state:not([value=""]):valid ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:not([value=""]):valid ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_shippingaddress_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_shippingaddress_states_state:not([value=""]):valid ~ label { top: 2px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper .required-indicator, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper .required-indicator { color: #cccccc; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .form-row.border-input, .spc-container .spc-checkoutdiv #spcShipping #editprofile .form-row.border-input { line-height: 0.8; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .form-row span.error, .spc-container .spc-checkoutdiv #spcShipping #editprofile .form-row span.error { margin-top: 5px; margin-bottom: 5px; line-height: 10px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input { margin-bottom: 10px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input #dwfrm_singleshipping_shippingAddress_addressFields_address2 > label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input #dwfrm_singleshipping_shippingAddress_addressFields_address2 > label { top: 32px; color: #ccc; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper label { top: 30px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"], .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper label[for="dwfrm_shippingaddress_phone"], .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper label[for="dwfrm_singleshipping_shippingAddress_addressFields_phone"], .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper label[for="dwfrm_shippingaddress_phone"] { top: 25px; line-height: 12px; } } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:not([value=""]):valid ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:focus ~ label, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input .field-wrapper select#dwfrm_singleshipping_shippingAddress_addressFields_states_state:not([value=""]):valid ~ label { top: 3px; } .spc-container .spc-checkoutdiv #spcShipping .shipping-address-form .border-input, .spc-container .spc-checkoutdiv #spcShipping #editprofile .border-input { margin-bottom: 0; } .form-field-required { margin-bottom: 5px; text-align: left; } .form-field-required .required-indicator { font-weight: bold; } .form-field-required .required-indicator.black { color: #000; } .form-field-required .required-indicator .mandatory-callout { font-weight: normal; font-size: .85rem; font-style: normal; text-transform: uppercase; } .form-field-required .required-indicator .mandatory-callout.required-callout { color: #000; text-transform: none; } .form-field-required.guest-spc { display: none; } .spcGuestUser .guest-spc { display: block; } .mpcLoginUser .mpc-login-required { display: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-shipping .form-row-button { margin: 0 0 20px; } .checkout-shipping .form-row-button .medium-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .address-create { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .checkout-progress-indicator { overflow: hidden; } .checkout-progress-indicator div { display: inline; padding: 0 .83em 0 0; } .checkout-progress-indicator span { text-transform: uppercase; } .checkout-progress-indicator .active span { font-weight: 700; color: #202020; } .checkout-progress-indicator a { color: #333; } .checkout-progress-indicator i { padding-left: .83em; color: #ccc; } .checkout-progress-indicator .step-3 { padding-right: 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 .form-row { margin: 0; width: 45%; } .billing-coupon-code .tooltip { padding-left: 1rem; } .redemption { color: #990000; } .redemption .success { color: #019328; } .redemption span.error { margin-left: 0; } .payment-method-options .form-row { clear: none; float: left; width: 30%; } .payment-method { clear: both; display: none; } .payment-method-expanded { display: block; margin-top: 0.5rem; } @media print, screen and (min-width: 40em) { .payment-method-expanded { margin-top: 0.5rem; } } .payment-method-expanded .cctoken label span { display: none; } .month .form-caption { margin-left: 0; } .ssn { clear: left; } .shipping-edit-btn, .billing-edit-btn { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .shipping-edit-btn button.button-checkoutstep.shipping, .shipping-edit-btn button.button-checkoutstep.billing, .billing-edit-btn button.button-checkoutstep.shipping, .billing-edit-btn button.button-checkoutstep.billing { display: inline-block; position: relative; margin: 0; } .shipping-edit-btn button.button-checkoutstep.shipping, .billing-edit-btn button.button-checkoutstep.shipping { margin-top: 1rem; } @media print, screen and (max-width: 39.99875em) { .billing-edit-button { margin-top: 40px; } } #editprofile .set-default-cb.country-dependent { display: -ms-flexbox; display: flex; } .bml-terms-and-conditions { border: 1px solid #8a8a8a; font-size: 0.8em; height: 400px; overflow: auto; padding: 1em; } .bml-table-col-1 { width: 25%; } .mpc .form-row.expiration-date.required-field label:before { display: none; } .pt_checkout .credit-card-create, .pt_checkout .gift-card-form-toggle { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .pt_checkout .creditcard-tile .form-row.saved-cvn { position: relative; } .pt_checkout .creditcard-tile .form-row.saved-cvn input[type="text"], .pt_checkout .creditcard-tile .form-row.saved-cvn input[type="tel"] { background-color: transparent; } @media print, screen and (min-width: 40em) { .pt_checkout .creditcard-tile .form-row.saved-cvn label { font-size: 16px; font-size: 1rem; text-transform: none; font-weight: normal; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .creditcard-tile .form-row.saved-cvn label { font-size: 13px; min-width: 90px; } } @media print, screen and (max-width: 39.99875em) { .pt_checkout .creditcard-tile .form-row.saved-cvn { -ms-flex-direction: row; flex-direction: row; margin: 0; width: 100%; } .pt_checkout .creditcard-tile .form-row.saved-cvn label { display: inline-block; } .pt_checkout .creditcard-tile .form-row.saved-cvn .field-wrapper { display: inline-block; } } .pt_checkout .cart-coupon-code input[type="text"], .pt_checkout .cart-coupon-code button[type="submit"] { height: 40px; vertical-align: top; } .pt_checkout .cart-coupon-code button { width: auto; } .pt_checkout .summary { border: none !important; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .summary { padding-top: 40px; } } .pt_checkout .summary form { width: 100%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .summary form { font-size: 12px; } .pt_checkout .summary form input { width: 72%; } } .pt_checkout .if-gift-container { padding: 0 2em 2em; } .pt_checkout .if-gift-container .gift-msg, .pt_checkout .if-gift-container .recipient-email { margin-top: 0.5em; } .pt_checkout .if-gift-container .icon-checkmark { margin-right: .5em; display: inline-block; background-image: url(../images/sprite.png); background-position: -113px -48px; width: 16px; height: 16px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pt_checkout .if-gift-container .icon-checkmark { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .pt_checkout .if-gift-container .gift-msg-text { font-style: italic; word-wrap: break-word; } .pt_checkout .if-gift-container .gift-msg-occasion { margin-top: 0.5em; } .pt_checkout .if-gift-container .gift-msg-occasion .gift-msg-occasion-text { margin: 0; } .pt_checkout .checkout-order-totals .order-total { border-top: 2px solid #333333; padding-top: 1em; font-size: 1em; margin: 0 2em; padding-left: 0; padding-right: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .checkout-order-totals .order-total { margin: 0 1em; } } .icon-checkmark { background-image: url(../images/sprite.png); background-position: -56px 0px; width: 33px; height: 33px; display: block; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-checkmark { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .checkout-mini-cart { overflow: auto; border-top: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-mini-cart { padding: 0; } } .checkout-mini-cart .accordion-title { padding-left: 0; padding-right: 0; font-weight: normal; } .checkout-mini-cart .mini-cart-quantity { margin-top: 12px; } .checkout-mini-cart .mini-cart-pricing { margin-top: 12px; } .checkout-mini-cart .minicart-promo { margin-top: 12px; color: #081f2c; font-style: italic; } .checkout-mini-cart .mini-cart-product .mini-cart-image { width: 30%; } .place-order-totals { clear: both; } .place-order-totals .order-totals-table { float: right; width: 50%; } .order-component-block { margin: 1.67em 0; } .order-component-block .section-header a { float: right; font-weight: normal; } .order-component-block .details { background: none repeat scroll 0 0 #d8d8d8; color: #8a8a8a; padding: 0.5em 1em; } .order-summary-footer { position: relative; } .order-summary-footer .user-consent-container { position: relative; top: 15px; } .order-summary-footer .user-consent-container .user-consent-label > label { position: relative; top: -17px; } .order-summary-footer .user-consent-container .user-consent-label > label a { color: #00f; } .order-summary-footer .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .order-summary-footer .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: -35px; } .order-summary-footer .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: -8px !important; width: 15px; height: 15px; z-index: 10; } .order-summary-footer h2 { font-size: 2em; font-style: italic; font-weight: normal; } .order-summary-footer .form-row.label-middle .field-wrapper { max-width: 45px; display: inline-block; } .order-summary-footer .form-row.label-middle label { display: inline-block; } .order-summary-footer .form-row.label-middle label, .order-summary-footer .form-row.label-middle .field-wrapper { vertical-align: middle; } .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 .back-to-cart { font-size: 1.1em; } .submit-order .back-to-cart:hover { text-decoration: underline; } .submit-order button { margin-left: 1.5em; } .order-discount { color: #990000; } .gift-cert-used { padding: .83em 0; } .summary .edit { position: absolute; text-transform: uppercase; right: 10px; font-size: 0.9em; line-height: 1.5em; } .pt_cart .breadcrumb { padding-left: 0; } .pt_cart .calculations-container .sub-heading-title { margin: 1em 0; font-size: 1.15em; font-weight: 600; } .item-shipping-address { min-width: 120px; } .billing-error { color: red; margin: 0 0 .83em 24%; } .cvn-tooltip { margin: 5px; text-align: center; } .cvn-tooltip img { height: 150px; width: 110px; } h3.sub-title { font-size: 1.25rem; max-width: 90%; margin: 0 auto; color: #998578; font-weight: normal; } @media print, screen and (min-width: 40em) { h3.sub-title { font-size: 32px; font-size: 2rem; margin: 0; max-width: 100%; } } .checkout-shipping .form-field-tooltip, .edit-add-address .form-field-tooltip, .checkout-billing .form-field-tooltip, .edit-address .form-field-tooltip, .editaddress .form-field-tooltip { display: none; } .checkout-shipping .form-caption, .edit-add-address .form-caption, .checkout-billing .form-caption, .edit-address .form-caption, .editaddress .form-caption { font-weight: normal; } @media print, screen and (min-width: 40em) { .checkout-shipping .form-caption, .edit-add-address .form-caption, .checkout-billing .form-caption, .edit-address .form-caption, .editaddress .form-caption { font-size: 12px; font-size: 0.75rem; color: #333333; margin-left: 0; line-height: 1; } .checkout-shipping .form-caption.error-message, .edit-add-address .form-caption.error-message, .checkout-billing .form-caption.error-message, .edit-address .form-caption.error-message, .editaddress .form-caption.error-message { color: #c8102e; font-size: 14px; font-size: 0.875rem; } .checkout-shipping .form-caption.address1, .edit-add-address .form-caption.address1, .checkout-billing .form-caption.address1, .edit-address .form-caption.address1, .editaddress .form-caption.address1 { font-size: 11px; } } @media print, screen and (max-width: 39.99875em) { .checkout-shipping .form-caption, .edit-add-address .form-caption, .checkout-billing .form-caption, .edit-address .form-caption, .editaddress .form-caption { font-size: 12px; font-size: 0.75rem; } } @media print, screen and (max-width: 39.99875em) { .checkout-shipping .form-row.optional-field .form-caption, .edit-add-address .form-row.optional-field .form-caption, .checkout-billing .form-row.optional-field .form-caption, .edit-address .form-row.optional-field .form-caption, .editaddress .form-row.optional-field .form-caption { position: relative; } } .checkout-shipping .form-row-button, .edit-add-address .form-row-button, .checkout-billing .form-row-button, .edit-address .form-row-button, .editaddress .form-row-button { display: block; } @media print, screen and (min-width: 40em) { #AddressForm .form-row-button { text-align: center; } #AddressForm .form-row-button .apply-button, #AddressForm .form-row-button .back-button { float: none; } #AddressForm .dwfrm_shippingaddress_address1-caption { min-width: 167px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-shipping .form-row label { min-width: 100px; font-size: .85em; } } @media print, screen and (max-width: 39.99875em) { .checkout-billing, .checkout-shipping { padding: 10px 0px 32px; } } .edit_address_form .form-row-button { margin-top: 0; } @media print, screen and (max-width: 39.99875em) { .edit_address_form .form-row { max-width: 100%; padding-top: 1rem; } } .hide-country-field .form-row.country { display: none; } @media print, screen and (min-width: 64em) { .checkout-shipping { margin-bottom: 50px; } } @media print, screen and (min-width: 40em) { #shipping-method-list h3 { margin: 0 0 1rem; padding: 0; } } #shipping-method-list .selected-shipping-method span { font-size: 16px; } @media print, screen and (min-width: 40em) { #shipping-method-list fieldset { border: none; margin-bottom: 0; } } #shipping-method-list fieldset ul.row, #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset, .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset, #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset, .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset { padding-left: 0; } #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #shipping-method-list fieldset ul.row .shipping-method input[type="radio"]:focus, #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"]:focus, .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"]:focus, #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"]:focus, .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"]:focus { outline: none; } #shipping-method-list fieldset ul.row .shipping-method input[type="radio"]:focus + label, #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"]:focus + label, .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"]:focus + label, #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"]:focus + label, .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"]:focus + label { outline: 2px dotted #081f2c; outline-offset: 3px; } .shipping-method { min-width: 100%; margin-bottom: 1.5rem; } .shipping-method::before, .shipping-method::after { display: table; content: ' '; } .shipping-method::after { clear: both; } @media print, screen and (min-width: 40em) { .shipping-method { min-width: 0; margin-bottom: 0; } } .shipping-method label { border: 1px #202020 solid; background: #fff; padding: 1em; width: 100%; float: none; margin: 0; text-align: left; height: 100%; min-height: 165px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .shipping-method label { min-height: 185px; } } .shipping-method .base-shipping { font-size: 16px; font-size: 1rem; display: block; } .shipping-method .icon-checkmark { display: none; } .shipping-method input[type=radio]:checked + label { background-color: #f6f6f6; border: 4px solid #050505; } .shipping-method input[type=radio]:checked + label .icon-checkmark { display: block; position: absolute; top: 0; right: 0; } .shipping-method .shipping-name { font-size: 20px; font-size: 1.25rem; display: block; position: relative; padding-right: 33px; } .shipping-method .form-caption { font-size: 14px; margin: 0 0 1rem; position: static; } @media print, screen and (min-width: 40em) { .shipping-method .form-caption { margin: 0 0 32px; } } .shipping-method input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; } .shipping-method input[type="radio"]:focus { outline: none; } .shipping-method ul.shipping-promos { margin: 0; padding: 12px 0 0; } .address-list { -ms-flex-align: baseline; align-items: baseline; padding: 0 14px 1.25rem; } @media print, screen and (min-width: 40em) { .address-list { padding: 0; } } @media print, screen and (max-width: 39.99875em) { #addresses { border-top: 0 !important; } } .summary .accordion { background-color: transparent; } .summary .accordion-content { padding-left: 0; padding-right: 0; } .summary .accordion-content:last-child { background-color: transparent; border-bottom: none; } .address-tile .address-tile-inner { display: block; background: #ffffff; width: 100%; float: none; text-align: left; position: relative; } .address-tile .address-tile-inner .address-edit, .address-tile .address-tile-inner .address-select { border: 1px solid #081f2c; padding: 0; text-decoration: none !important; cursor: pointer; } .address-tile .address-tile-inner .address-select { padding: 10px; } .address-tile .address-tile-inner .address-select[title="Selected"] { background-color: #081f2c; color: #ffffff; } .address-tile .address-tile-inner a.button { font-weight: normal; margin-right: 1em; padding: 0; } .address-tile .address-tile-inner .icon-checkmark { display: none; } .address-tile .address-tile-inner .icon-close { display: block; float: right; } .address-tile .address-tile-inner .mini-address-name { font-size: 20px; font-size: 1.25rem; letter-spacing: 0.06em; } .address-tile .address-tile-inner .mini-address-location address { font-style: normal; } .address-tile .address-tile-inner .phone { margin: 1em 0; } .address-tile .address-tile-inner .address-edit, .address-tile .address-tile-inner .address-delete, .address-tile .address-tile-inner .address-make-default { text-transform: uppercase; text-decoration: underline; border: none; display: inline-block; } .address-tile.default .address-tile-inner, .address-tile.selected .address-tile-inner { border-width: 4px; background: #f6f6f6; position: relative; } .address-tile.default .address-tile-inner .icon-checkmark, .address-tile.selected .address-tile-inner .icon-checkmark { display: block; position: absolute; right: 20px; top: 20px; } .address-tile.default .address-tile-inner .icon-close, .address-tile.selected .address-tile-inner .icon-close { display: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #spcShipping .saved-addresses .address-tile.selected .address-tile-inner .icon-checkmark { right: 5px; } } .pt_checkout .address-tile .address-tile-inner .phone { margin: 1em 0; } @media print, screen and (min-width: 64em) { .pt_checkout .address-tile .address-tile-inner .phone { float: left; } } .pt_checkout .address-tile .address-tile-inner .address-edit { margin-top: 10px; border: none; text-decoration: underline !important; max-width: 20%; padding: 0; } @media print, screen and (min-width: 64em) { .pt_checkout .address-tile .address-tile-inner .address-edit { float: right; padding: 0; text-align: right; border: none; text-decoration: underline !important; } .pt_checkout .address-tile .address-tile-inner .address-edit.button:hover { background-color: transparent; color: black; } } @media print, screen and (max-width: 39.99875em) { .pt_checkout .address-tile .address-tile-inner .address-edit { border: none; text-decoration: underline !important; margin-top: 0; } } .add-new-address { text-align: center; } @media print, screen and (min-width: 40em) { .add-new-address { text-align: left; } } .add-new-address .address-create { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .set-default-cb.country-dependent .field-wrapper, .same-as-shipping-row.form-row.label-middle .field-wrapper { max-width: 25px; display: inline-block; } .set-default-cb.country-dependent label, .same-as-shipping-row.form-row.label-middle label { display: inline-block; } .set-default-cb.country-dependent label, .set-default-cb.country-dependent .field-wrapper, .same-as-shipping-row.form-row.label-middle label, .same-as-shipping-row.form-row.label-middle .field-wrapper { vertical-align: middle; } .set-default-cb.country-dependent label { vertical-align: middle; margin-bottom: 11px; } .billing-continue-container { margin: 50px 0; } fieldset.gift-card-section, fieldset.billing-address-section { border-top: 1px solid #050505; padding-top: 1.25rem; margin-top: 1.25rem; } .use-shipping-address { padding: 1.25rem 0; } .credit-card-icons-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 1rem; } .credit-card-icons-container .credit-card-icons { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .credit-card-icons-container .credit-card-icons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .credit-card-icons-container div.cc-number { height: 25px; margin-right: 0.5rem; width: 44px; display: inline-block; } .credit-card-icons-container h3 { margin: 0 0 1rem; padding: 0; width: 100%; color: #706258; } @media print, screen and (min-width: 64em) { .credit-card-icons-container h3 { width: auto; } } @media print, screen and (min-width: 40em) { .credit-card-icons-container h3 { margin-right: 1.25rem; width: auto; } } .add-credit-card .credit-card-icons-container h3 { font-size: 2rem; } .cc-number { position: relative; } .cc-number.form-row:before { position: absolute; right: 10px; bottom: 16px; } .reveal.add-credit-card .form-caption, .reveal.edit-credit-card .form-caption { display: none; font-weight: normal; } @media print, screen and (min-width: 40em) { .reveal.add-credit-card .form-caption, .reveal.edit-credit-card .form-caption { position: absolute; right: 0; bottom: 9px; font-size: 12px; color: #081f2c; } .reveal.add-credit-card .form-caption.error-message, .reveal.edit-credit-card .form-caption.error-message { color: #c8102e; font-size: 1em; } } .reveal.add-credit-card .form-row-button, .reveal.edit-credit-card .form-row-button { padding-top: 1.25rem; } .reveal.add-credit-card .form-row-button .column, .reveal.add-credit-card .form-row-button .columns, .reveal.edit-credit-card .form-row-button .column, .reveal.edit-credit-card .form-row-button .columns { padding: 0; margin: 0; } .reveal.add-credit-card .form-row-button .column button, .reveal.add-credit-card .form-row-button .columns button, .reveal.edit-credit-card .form-row-button .column button, .reveal.edit-credit-card .form-row-button .columns button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .reveal.add-credit-card .form-row-button .column button.selected, .reveal.add-credit-card .form-row-button .columns button.selected, .reveal.add-credit-card .form-row-button .column button:hover, .reveal.add-credit-card .form-row-button .columns button:hover, .reveal.add-credit-card .form-row-button .column button:active, .reveal.add-credit-card .form-row-button .columns button:active, .reveal.add-credit-card .form-row-button .column button[value="selected"], .reveal.add-credit-card .form-row-button .columns button[value="selected"], .reveal.edit-credit-card .form-row-button .column button.selected, .reveal.edit-credit-card .form-row-button .columns button.selected, .reveal.edit-credit-card .form-row-button .column button:hover, .reveal.edit-credit-card .form-row-button .columns button:hover, .reveal.edit-credit-card .form-row-button .column button:active, .reveal.edit-credit-card .form-row-button .columns button:active, .reveal.edit-credit-card .form-row-button .column button[value="selected"], .reveal.edit-credit-card .form-row-button .columns button[value="selected"] { background-color: #333333; color: #ffffff; } .payment-list { -ms-flex-align: baseline; align-items: baseline; padding: 0 14px 1.25rem; } @media print, screen and (min-width: 40em) { .payment-list { padding: 0; } } .payment-details .creditcard-tile { margin-top: 1rem; } .payment-details .creditcard-tile:first-child { margin-top: 0; } .select-payment-error:focus { outline: 1px dotted currentColor; } .creditcard-tile .creditcard-tile-inner { display: -ms-flexbox; display: flex; width: 100%; float: none; margin: 0; text-align: left; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.25rem; } .creditcard-tile .creditcard-tile-inner:hover { cursor: pointer; } .payment-details .creditcard-tile .creditcard-tile-inner { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .creditcard-tile .creditcard-tile-inner { display: block; } } .creditcard-tile .creditcard-tile-inner .cc-details { margin-left: 1.25rem; width: 75%; } @media print, screen and (min-width: 40em) { .creditcard-tile .creditcard-tile-inner .cc-details { width: auto; margin-left: 0; } } .creditcard-tile .creditcard-tile-inner .icon-checkmark { display: none; } .creditcard-tile .creditcard-tile-inner .creditcard-edit { text-transform: uppercase; text-decoration: underline; margin-top: 1rem; display: inline-block; } @media print, screen and (min-width: 40em) { .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn label { display: inline-block; width: 100%; } } @media print, screen and (min-width: 64em) { .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn { margin-left: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn .field-wrapper { width: 100%; } } .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn .cvn-input { width: 100%; border-bottom: 1px #202020 solid; height: 39px; margin-bottom: -10px; display: inline-block; } @media print, screen and (max-width: 39.99875em) { .creditcard-tile .creditcard-tile-inner .payment-value { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 4rem; } } .billing-section-payment-summary .creditcard-tile-inner { -ms-flex-align: center; align-items: center; gap: 5px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 20px !important; } .billing-section-payment-summary .creditcard-tile-inner .cc-details-wrapper { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; gap: 30px; } .billing-section-payment-summary .creditcard-tile-inner .cc-details-wrapper .cc-img { width: 4rem; } .billing-section-payment-summary .creditcard-tile-inner .payment-amount { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .creditcard-tile.default .creditcard-tile-inner .icon-checkmark, .creditcard-tile.selected .creditcard-tile-inner .icon-checkmark { position: absolute; display: block; right: 1.25rem; top: 1.25rem; } @media print, screen and (min-width: 40em) { .creditcard-tile.default .creditcard-tile-inner .icon-checkmark, .creditcard-tile.selected .creditcard-tile-inner .icon-checkmark { position: static; display: block; float: right; } } .credit-card-create { margin-top: 14px; margin-bottom: 14px; display: block; } @media print, screen and (min-width: 40em) { .credit-card-create { display: inline-block; } } .other-payment-contain { padding-top: 20px; margin-bottom: 30px; } @media print, screen and (max-width: 39.99875em) { .other-payment-contain { -ms-flex-direction: column; flex-direction: column; padding-top: 0; } } @media print, screen and (min-width: 40em) { .other-payment-contain { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .other-payment-contain .other-payment { margin-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .other-payment-contain .other-payment { margin-bottom: 0; max-width: 100%; padding: 0 1em; } } @media print, screen and (max-width: 39.99875em) { .other-payment-contain .other-payment { text-align: left; padding-bottom: 1rem; padding-top: 1rem; max-width: 100%; margin: 0 auto; } } .other-payment-contain .other-payment img { width: 100%; } .other-payment-contain .other-payment .paypal-button img { max-width: 102px; } .other-payment-contain .other-payment .visaCheckoutCartButton { max-width: 102px; margin: 0 auto; } .other-payment-contain .other-payment .visaCheckoutCartButton .v-learn.v-learn-default { font-size: 12px; } .other-payment-contain .other-payment:first-child { padding-top: 0; padding-bottom: 0; } .accordion-title { border: 0px; color: #202020; border: 0px; } .accordion-title:hover { background: none; } .billing-continue-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2rem; margin-top: 2rem; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media print, screen and (min-width: 64em) { .billing-continue-container { -ms-flex-direction: row; flex-direction: row; } } .billing-continue-container .newsletter-signup-check { width: 100%; margin-bottom: 1.25rem; } @media print, screen and (min-width: 64em) { .billing-continue-container .newsletter-signup-check { width: 75%; margin-top: 0; margin-bottom: 0; padding-right: 20px; } } .billing-continue-container .newsletter-signup-check .form-row { margin-left: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .billing-continue-container .newsletter-signup-check .form-row input { min-width: 30px; } .billing-continue-container .newsletter-signup-check .form-row label { margin-left: 10px; } } @media print, screen and (max-width: 39.99875em) { .billing-continue-container .newsletter-signup-check .form-row label { width: 80%; } } .billing-continue-container .newsletter-signup-check .user-consent-label a { color: #00f; } .billing-continue-container .form-row-button { width: 100%; } @media print, screen and (min-width: 64em) { .billing-continue-container .form-row-button { -ms-flex-pack: end; justify-content: flex-end; text-align: right; width: 25%; } } .billing-continue-container .form-row-button button { margin: 0; } .cc-expired-error { display: none; } .same-as-shipping-row { margin-top: 0.8rem; margin-bottom: 1rem; } .same-as-shipping-row .shipping-address-label { margin-bottom: 4px; } .spc-shipping-page-sec .checkout-address-form .form-row.set-default-cb { margin-top: 10px; margin-bottom: 10px; } .spc-shipping-page-sec .checkout-address-form .form-row.set-default-cb label[for="dwfrm_shippingaddress_setdefault"] { margin-bottom: 6px; } .payment-providers-divider { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; } .payment-providers-divider .or-divider { text-transform: uppercase; color: #2c2c2c; } .payment-providers-divider .safe-secure-icon { right: 0; position: absolute; } .payment-providers-divider .safe-secure-icon img { width: 95px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .minicart-third-party-container .column.large-3, .minicart-third-party-container .large-3.columns { padding-right: 0.625rem; padding-left: 0.75rem; } } .spc-express-checkout-section .express-checkout-title-spc { margin-bottom: 10px; } .spc-express-checkout-section .express-checkout-title-spc span { font-size: 30px; font-weight: 400; } .spc-express-checkout-section .paypal-cart-buttons-container { width: 100%; } .spc-express-checkout-section .de-checkout-btn-row { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } @media print, screen and (max-width: 39.99875em) { .spc-express-checkout-section .de-checkout-btn-row { -ms-flex-pack: justify; justify-content: space-between; } } .spc-express-checkout-section .payment-providers-divider:not(:empty) { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 20px; margin-bottom: 0px; } .spc-express-checkout-section .payment-providers-divider:not(:empty)::after { content: ""; -ms-flex: 1; flex: 1; border-bottom: 1px solid #c6c6c6; margin-left: 10px; } .spc-express-checkout-section .payment-providers-divider:not(:empty)::before { content: ""; -ms-flex: 1; flex: 1; border-bottom: 1px solid #c6c6c6; margin-right: 10px; } .spc-express-checkout-section .payment-providers-divider:not(:empty) .or-divider { text-transform: uppercase; color: #c6c6c6; font-size: 16px; font-weight: bold; font-weight: 100; } .spc-express-checkout-section .apple-pay-container { display: -webkit-flex; width: 100%; } .spc-express-checkout-section .dw-apple-pay-button { width: 100%; min-height: 44px; margin: 0; } /*** Header and footer styles **/ .checkout-header-container { background-color: #ffffff; padding-top: 1rem; padding-bottom: 1rem; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .checkout-header-container { padding-bottom: 0; } } @media print, screen and (min-width: 40em) { .checkout-header-container + #main { padding: 0 0 100px; } } @media print, screen and (min-width: 64em) { .checkout-header-container { padding-top: 12px; padding-bottom: 12px; border-top: 9px solid #e8e4da; } .checkout-header-container .primary-logo img { max-width: 86px; } } .checkout-header-container .header-right-container { color: #333333; font-weight: normal; letter-spacing: 0.06em; } .checkout-header-container .checkout-header { -ms-flex-align: center; align-items: center; max-width: 78.75rem; margin: 0 auto; position: relative; } .checkout-header-container .checkout-header .column, .checkout-header-container .checkout-header .columns { margin: 0 auto; } .checkout-header-container .checkout-header .column .primary-logo, .checkout-header-container .checkout-header .columns .primary-logo { margin: 0 auto; } @media print, screen and (min-width: 40em) { .checkout-header-container .checkout-header .column .primary-logo, .checkout-header-container .checkout-header .columns .primary-logo { margin: 0; max-width: 133px; } } .checkout-header-container .checkout-header h1 { max-width: 110px; } .checkout-header-container .checkout-header .header-right-container { text-align: right; } .checkout-header-container .checkout-header .header-right-container ul { display: -ms-flexbox; display: flex; margin: 0; } .checkout-header-container .checkout-header .header-right-container ul li { list-style: none; display: inline; margin: 1em; } .checkout-header-container .checkout-header .header-right-container ul li button { font-weight: normal; background: none; border: 1px solid #ffffff; } .checkout-header-container .checkout-header .header-right-container ul li button:hover { border-color: #e6ddce; background: #ffffff; } @media print, screen and (max-width: 39.99875em) { .spc-billing span.email-field-description { font-size: 10px; } } .spc-billing .gift-card { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #050505; margin-bottom: 30px; } @media print, screen and (max-width: 39.99875em) { .spc-billing .gift-card { padding-top: 0; } } .spc-billing .gift-card h3 { display: inline; font-size: 1.5rem; margin-right: 1em; } .spc-billing .gift-card .text-only.button { color: #706258; display: inline-block; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 13px; margin-left: auto; margin-right: auto; padding: 0; text-align: center; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .text-only.button { display: inline-block; } } .spc-billing .gift-card .gift-card-form { margin-bottom: 0; } .spc-billing .gift-card .gift-card-form.rolledup { max-height: 0; margin-top: 0; } .spc-billing .gift-card .gift-card-form input.input-text { margin: 3px; } .spc-billing .gift-card .gift-card-container { border: #202020 3px solid; background-color: #f6f6f6; margin: 1em 0; padding: 2em 1em; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container { padding: 2em 2em 2em 1em; width: 50%; } } @media print, screen and (min-width: 48em) { .spc-billing .gift-card .gift-card-container > div:first-child { padding: 0 5px; display: -ms-flexbox; display: flex; } .spc-billing .gift-card .gift-card-container .card-detail-container { padding-left: 5px; } } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container.appliedGCToCart .card-buttons .icon-checkmark { margin-top: 0; margin-left: auto; } } .spc-billing .gift-card .gift-card-container .gift-card-thumbnail { float: left; text-align: center; margin-bottom: 1em; width: 44px; height: 25px; background: url("../images/cpb-gift-card.jpg") no-repeat; background-size: cover; border-radius: 4px; margin-right: 2px; } .spc-billing .gift-card .gift-card-container .card-detail-container { padding-left: 10px; margin-top: -5px; } @media print, screen and (max-width: 39.99875em) { .spc-billing .gift-card .gift-card-container .card-detail-container { margin-left: 39px; } } .spc-billing .gift-card .gift-card-container .card-detail-container span { display: block; } .spc-billing .gift-card .gift-card-container .card-detail-container .card-balance { font-weight: 700; } @media print, screen and (max-width: 39.99875em) { .spc-billing .gift-card .gift-card-container .card-detail-container { padding-left: 1rem; } } @media print, screen and (min-width: 48em) { .spc-billing .gift-card .gift-card-container .card-detail-container { padding-left: 5px; } } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container .card-buttons { padding: 0; text-align: right; } } .spc-billing .gift-card .gift-card-container .card-buttons .icon-checkmark { display: none; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container .card-buttons .icon-checkmark { display: block; font-size: 1.5em; } } .spc-billing .gift-card .gift-card-container .card-buttons .gift-cert-balance-submit button { width: 100%; } .spc-billing .gift-card .gift-card-container .card-buttons .remove .gift-remove-link { display: block; text-decoration: underline; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container .card-buttons .remove .gift-remove-link { display: block; float: right; } } .spc-billing .gift-card .gift-card-container .card-buttons .remove .icon-close { display: block; text-align: right; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .gift-card-container .card-buttons .remove .icon-close { display: none; } } .spc-billing .gift-card .form-row { margin: 0; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .spc-billing .gift-card .form-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; } } .spc-billing .gift-card .form-row button { width: 100%; background-color: #081f2c; } .spc-billing .gift-card .form-row button:disabled:hover { color: #081f2c !important; background-color: #ffffff; } .spc-billing .gift-card .gift-cert-id { margin-top: 1rem; } .spc-billing .gift-card .gift-cert-pin label { min-width: 45px; } .spc-billing .gift-card .error-message { width: 100%; } @media screen and (min-width: 48em) and (max-width: 56.25em) { .spc-container .spc-billing .gift-card-container.appliedGCToCart { padding: 20px 6px 5px; } } @media print, screen and (min-width: 64em) { .gift-card-balance-modal { max-width: 53% !important; } } #gift-card-balance-form { border-bottom: 0; } #gift-card-balance-form form { padding: 1em 0 0; } @media print, screen and (min-width: 40em) { #gift-card-balance-form form { padding: 0; } } #gift-card-balance-form .form-row { margin: 0; width: 100%; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .form-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 90%; } } #gift-card-balance-form .form-row label { padding-right: 1em; width: auto; } #gift-card-balance-form .column, #gift-card-balance-form .columns { padding: 0 0 1em; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-card-number { margin-right: 2em; } } #gift-card-balance-form .remaining-balance { font-weight: 700; } #gift-card-balance-form .remaining-balance span { padding-top: 1em; } #gift-card-balance-form #GCCheckAnotherCardButton { display: none; } #gift-card-balance-form #GCApplyButton { display: none; } @media print, screen and (min-width: 40em) { #gift-card-balance-form #GCCheckBalanceButton { display: inline-block; } } #gift-card-balance-form .gift-cert-balance-submit { display: block; width: 100%; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-cert-balance-submit { text-align: right; } } #gift-card-balance-form .gift-cert-balance-submit button { margin-bottom: 1em; width: 100%; background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-cert-balance-submit button { margin-bottom: 0; margin-left: 1em; width: auto; } } #gift-card-balance-form .form-row input[type="text"]:disabled { background: #fff; color: #202020; } .gift-cert-balance-submit button { padding: 8px 0; } .gift-cert-balance-submit button:hover { background: transparent; color: #333333; cursor: pointer; } @media print, screen and (max-width: 63.99875em) { .gift-cert-balance-submit button { padding: 0; } } .white-button { background-color: #ffffff; border-color: #081f2c; color: #081f2c; } .white-button:hover { background-color: #202020; border: 2px solid #202020; color: #ffffff; } .white-button .copyright-container { border-bottom: 0px; display: block; text-align: center; font-size: .8em; padding-top: 2em; } .cn-fields, .email-hidden { display: none; } .shipping-summary, .payment-summary { margin-bottom: 24px; } @media print, screen and (min-width: 40em) { .shipping-summary, .payment-summary { margin-bottom: 60px; } } .shipping-summary .address-tile, .payment-summary .address-tile { margin-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .shipping-summary .address-tile, .payment-summary .address-tile { margin-bottom: 0; } } .shipping-summary .address-tile .address-tile-inner, .payment-summary .address-tile .address-tile-inner { height: 100%; margin-bottom: 0; min-height: 0; } @media print, screen and (max-width: 39.99875em) { .shipping-summary, .payment-summary { padding-top: 20px; } } .shipping-summary .payment-details, .payment-summary .payment-details { margin-bottom: 0; } .shipping-method-summary { border: 4px solid #050505; background: #f5f2e9; padding: 1rem; width: 100%; float: none; margin: 0; text-align: left; height: 100%; } .shipping-method-summary .shipping-name { font-size: 20px; font-size: 1.25rem; letter-spacing: 0.06em; margin-bottom: 1rem; display: block; position: relative; } .shipping-method-summary .icon-checkmark { position: absolute; top: 4px; right: 0; } .shipping-method-summary .shipping-description { font-size: 12px; color: #767676; } .address-tile.selected + .shipping-method .shipping-method-summary .icon-checkmark { display: block; } .payment-details { margin-bottom: 1.25rem; } .payment-details .payment-instrument { margin-top: 1.25rem; } .payment-summary .payment-details .payment-instrument { margin-top: 0; } @media print, screen and (min-width: 40em) { .payment-details .payment-instrument { margin-top: 0; } } .payment-details .payment-instrument + .payment-instrument { margin-top: 40px; } .payment-details .payment-instrument-inner { background: #ebebeb; padding: 1.25rem; border: 3px #202020 solid; } .payment-details .icon-checkmark { float: right; } .payment-details .cc-owner { letter-spacing: 0.06em; } .payment-details .gift-card-thumbnail { float: left; text-align: center; margin-right: 1.25rem; width: 47px; height: 28px; background: url("../images/cpb-gift-card.jpg") no-repeat; background-size: cover; border-radius: 4px; } .payment-details .paypal-thumbnail { float: left; text-align: center; margin-right: 1.25rem; width: 47px; height: 31px; background: url(../images/icon-other-payment.png) 0 -32px no-repeat; background-size: cover; border-radius: 4px; } .place-order-button { width: 100%; margin-bottom: 1.25rem; font-size: 1rem; min-height: 35px; } @media print, screen and (max-width: 39.99875em) { .place-order-button { min-height: 50px; } } @media print, screen and (min-width: 40em) { .align-right .place-order-button { float: right; } } .header-right-labels { display: table; margin-left: auto; margin-right: auto; width: 100%; } .header-right-labels .header-help-container { padding: 0 5px; display: table-cell; vertical-align: middle; width: 100%; } .guest-notification { margin: auto; } .checkout-footer { border-top: 3px solid #050505; padding-top: 2px; } .checkout-footer:before { content: ""; height: 2px; width: 100%; display: block; } .checkout-footer .copyright-container { border-bottom: 0px; display: block; text-align: center; font-size: 15px; font-size: 0.9375rem; padding: 30px 0; } @media print, screen and (max-width: 39.99875em) { footer .checkout-footer { padding-top: 2px; } } .cybersource_devicefingerprint_flash_image { display: none; } .military-address-alert-message, .deliveryFee-address-alert-message, .mn-deliveryFee-address-alert-message { color: #c8102e; } .checkout-shipping.address .saved-addresses .address-list .address-tile .address-tile-inner .military-address-alert-message { display: inline-block; } .checkout-shipping.address button[type=submit]:focus { outline: 2px dotted #081f2c; outline-offset: 2px; } .spc-shipping-page-sec .add-new-address button:not(.text-only), .spc-shipping-page-sec .checkout-address-form button:not(.text-only), .spc-shipping-page-sec .credit-card-action-buttons button:not(.text-only), .spc-shipping-page-sec #EditAddressForm .cancel-button.js-cancel-button, .spc-billing-page-sec .add-new-address button:not(.text-only), .spc-billing-page-sec .checkout-address-form button:not(.text-only), .spc-billing-page-sec .credit-card-action-buttons button:not(.text-only), .spc-billing-page-sec #EditAddressForm .cancel-button.js-cancel-button { border: 1px solid #081f2c; padding: 10px; text-decoration: none !important; cursor: pointer; width: 100%; font-size: 1rem; line-height: 1; } .spc-shipping-page-sec .add-new-address button:not(.text-only).enabled-checkoutCtn-button, .spc-shipping-page-sec .checkout-address-form button:not(.text-only).enabled-checkoutCtn-button, .spc-shipping-page-sec .credit-card-action-buttons button:not(.text-only).enabled-checkoutCtn-button, .spc-shipping-page-sec #EditAddressForm .cancel-button.js-cancel-button.enabled-checkoutCtn-button, .spc-billing-page-sec .add-new-address button:not(.text-only).enabled-checkoutCtn-button, .spc-billing-page-sec .checkout-address-form button:not(.text-only).enabled-checkoutCtn-button, .spc-billing-page-sec .credit-card-action-buttons button:not(.text-only).enabled-checkoutCtn-button, .spc-billing-page-sec #EditAddressForm .cancel-button.js-cancel-button.enabled-checkoutCtn-button { pointer-events: auto; } .spc-shipping-page-sec .add-new-address button:not(.text-only).disabled-checkoutCtn-button, .spc-shipping-page-sec .checkout-address-form button:not(.text-only).disabled-checkoutCtn-button, .spc-shipping-page-sec .credit-card-action-buttons button:not(.text-only).disabled-checkoutCtn-button, .spc-shipping-page-sec #EditAddressForm .cancel-button.js-cancel-button.disabled-checkoutCtn-button, .spc-billing-page-sec .add-new-address button:not(.text-only).disabled-checkoutCtn-button, .spc-billing-page-sec .checkout-address-form button:not(.text-only).disabled-checkoutCtn-button, .spc-billing-page-sec .credit-card-action-buttons button:not(.text-only).disabled-checkoutCtn-button, .spc-billing-page-sec #EditAddressForm .cancel-button.js-cancel-button.disabled-checkoutCtn-button { pointer-events: none; opacity: 0.5; } .spc-shipping-page-sec .add-new-address button:not(.text-only).js-address-change-submit, .spc-shipping-page-sec .add-new-address button:not(.text-only).js-billingaddress-change-submit, .spc-shipping-page-sec .checkout-address-form button:not(.text-only).js-address-change-submit, .spc-shipping-page-sec .checkout-address-form button:not(.text-only).js-billingaddress-change-submit, .spc-shipping-page-sec .credit-card-action-buttons button:not(.text-only).js-address-change-submit, .spc-shipping-page-sec .credit-card-action-buttons button:not(.text-only).js-billingaddress-change-submit, .spc-shipping-page-sec #EditAddressForm .cancel-button.js-cancel-button.js-address-change-submit, .spc-shipping-page-sec #EditAddressForm .cancel-button.js-cancel-button.js-billingaddress-change-submit, .spc-billing-page-sec .add-new-address button:not(.text-only).js-address-change-submit, .spc-billing-page-sec .add-new-address button:not(.text-only).js-billingaddress-change-submit, .spc-billing-page-sec .checkout-address-form button:not(.text-only).js-address-change-submit, .spc-billing-page-sec .checkout-address-form button:not(.text-only).js-billingaddress-change-submit, .spc-billing-page-sec .credit-card-action-buttons button:not(.text-only).js-address-change-submit, .spc-billing-page-sec .credit-card-action-buttons button:not(.text-only).js-billingaddress-change-submit, .spc-billing-page-sec #EditAddressForm .cancel-button.js-cancel-button.js-address-change-submit, .spc-billing-page-sec #EditAddressForm .cancel-button.js-cancel-button.js-billingaddress-change-submit { background-color: #081f2c; color: #ffffff; } .reveal.edit-add-address .military-address-alert-message { position: relative; display: inline-block; top: 20px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .reveal.edit-add-address .military-address-alert-message { width: 77%; top: 15px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .reveal.edit-add-address .military-address-alert-message { width: 77%; top: 15px; } } @media print, screen and (max-width: 39.99875em) { .reveal.edit-add-address .military-address-alert-message { top: 0; } } .accordion-navigation.is-active #list-of-products-accordion-heading.accordion-title::before { content: "\2013"; } @media screen and (min-width: 640px) and (max-width: 657px) { .accordion-navigation.is-active #list-of-products-accordion-heading.accordion-title::before { right: 0; } } .accordion-navigation.is-active #list-of-products.accordion-content .mini-cart-product:focus { background-color: #f6f6f6; } .accordion-navigation.is-active #list-of-products.accordion-content .mini-cart-product span:focus, .accordion-navigation.is-active #list-of-products.accordion-content .mini-cart-product strong:focus { outline: 1px dotted; } .accordion-navigation #list-of-products-accordion-heading.accordion-title { width: 100%; text-align: left; } .accordion-navigation #list-of-products.accordion-content { display: block; } @media screen and (min-width: 640px) and (max-width: 657px) { .pt_checkout .summary form input { width: 70%; padding: 6px; } } .credit-card-form .credit-card-form-wrapper .border-input { margin-bottom: 10px; } .credit-card-form .credit-card-form-wrapper .cvn.border-input { margin-left: 5px; } #dwfrm_billing .sameas-shippingadres-billingsec .form-row .field-wrapper { margin-bottom: 0; } .checkout-billing fieldset .cybes-creditcard-section .selectable-payment-method-options .credit-card-form .credit-card-form-wrapper .form-row.label-middle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .checkout-billing fieldset .cybes-creditcard-section .selectable-payment-method-options .credit-card-form .credit-card-form-wrapper .form-row.label-middle label { margin-bottom: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-billing fieldset .cybes-creditcard-section .selectable-payment-method-options .credit-card-form .credit-card-form-wrapper .form-row.label-middle label { min-height: 0; } } .spcGiftCertPin .field-wrapper { margin-top: 10px; } .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { display: inline-block; position: absolute; right: 3px; top: 2px; z-index: 0; font-size: 1.2rem; } @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { right: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { right: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { right: 0; top: 0; } } @media only screen and (min-device-width: 414px) and (max-device-width: 480px) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { top: 195px; right: 64px; font-size: 1rem; } } @media only screen and (max-width: 320px) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { right: 16px; top: 195px; font-size: 1rem; } } @media print, screen and (max-width: 39.99875em) { .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip { right: 15px; top: 2px; } } .pt_checkout .credit-card-form .form-row.cvn .form-field-tooltip a { padding: 0; box-shadow: none; } .spc-billing .credit-card-form #AddCreditCardForm .form-row.cc-number > label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; } .spc-billing .credit-card-form #AddCreditCardForm .form-row.cc-number::before { top: 55px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-billing .credit-card-form #AddCreditCardForm .form-row.cc-number::before { top: 85px; } .spc-billing .credit-card-form #AddCreditCardForm .form-row.cc-number > label .credit-card-icons-container-main { margin: 0; } } .spc-billing .credit-card-form #AddCreditCardForm .field-wrapper input.input-checkbox.savecard { padding: 0 !important; } .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip { display: inline-block; position: absolute; top: 3px; z-index: 0; font-size: 1.2rem; } @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) { .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip { right: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip { right: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip { right: 0; } } @media print, screen and (max-width: 39.99875em) { .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip { right: 0; left: 125px; top: 8px; font-size: 1rem; } } .pt_checkout .credit-card-form #AddCreditCardForm .form-row.cvn .form-field-tooltip a { padding: 0; box-shadow: none; } @media print, screen and (min-width: 40em) { .page-header { margin-top: 10px; margin-bottom: 20px; } } .page-header h1 { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px; font-size: 2rem; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .page-header h1 { margin-bottom: 0; font-size: 3rem; padding: 0; } } .page-header p { margin: 0; } .mobile-page-header h1 { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px; font-size: 2rem; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .mobile-page-header h1 { margin-bottom: 0; font-size: 3rem; padding: 0; } } .pt_account.pt_order .primary-content { border-top: none; padding-top: 0; } .pt_account.pt_order .primary-content:before { border: none; padding-bottom: 0; } @media print, screen and (max-width: 63.99875em) { .pt_account.pt_order .order-history .order-payment-instruments { margin-top: 1em; } } .history-details-container #results-hits-top { display: none; } .history-details-container .order-history-header, .history-details-container .thick-border-top { border-top: 3px solid #050505; position: relative; } .history-details-container .order-history-header:before, .history-details-container .thick-border-top:before { width: 100%; content: " "; margin-top: 2px; display: block; position: absolute; top: 0; left: 0px; } .ordereplenishments .replenishment-title { font-size: 14px; font-weight: bold; } .ordereplenishments .replenishment-title a { text-decoration: underline; } .ordereplenishments .replenishment-heading { margin-bottom: 20px; } .order-history-results, .replenishment-items { padding: 0; margin: 0 auto; list-style: none; max-width: 90%; } @media print, screen and (min-width: 40em) { .order-history-results, .replenishment-items { max-width: 100%; } } .order-history-results .order, .replenishment-items .order { margin-bottom: 40px; } .order-history-results li, .replenishment-items li { margin-bottom: 30px; } .order-history-header { background: #f5f2e9; overflow: hidden; padding: 20px; /* removed old code */ } .order-history-header .trackingNumber { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } @media print, screen and (max-width: 39.99875em) { .order-history-header .trackingNumber { -ms-flex-pack: unset; justify-content: unset; -ms-flex-direction: column; flex-direction: column; } } .order-history-header.row, .pt_content-search-result-static .no-left-nav-template .order-history-header.content-asset, .pt_content-search-result-static .left-nav-template .order-history-header.content-asset { margin: 0; } @media print, screen and (min-width: 40em) { .order-history-header { padding: 20px; } } .order-history-header .label { font-weight: 700; display: block; } .order-history-header .sub-label { font-weight: normal; font-size: 14px; } .order-history-header .value { font-size: 14px; } .order-history-header button { float: right; } .order-history-header .column, .order-history-header .columns { margin: 10px 0 0; } .order-history-header .order-total.order-detail { text-align: right; } .order-history-header .order-total.order-detail .value { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (min-width: 40em) { .order-history-header .order-total.order-detail { width: 100%; padding-right: 20px; } } .order-history-header .order-detail { margin-bottom: 10px; display: inline-block; } @media print, screen and (min-width: 64em) { .order-history-header .order-detail { min-width: 19%; margin-right: 30px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-history-header .order-detail { min-width: 30%; margin-right: 11px; } } .order-history-header .track-order { margin-left: auto; width: 20%; } .order-history-header .track-order button { width: 100%; } .order-history-header.apply-large-height { height: 14.375rem; } .order-history-header.apply-large-height:before { top: 30% !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-history-header.apply-large-height { height: 9.125rem; } .order-history-header.apply-large-height:before { top: 39% !important; } } @media print, screen and (min-width: 64em) { .order-history-header.apply-large-height { height: 8.125rem; } } .order-history-items .order-history-table { display: none; } @media print, screen and (min-width: 40em) { .order-history-items .order-history-table { display: block; } } .order-history-items .order-history-table th, .order-history-items .order-history-table td { padding: 5px 10px; } .order-history-items .order-history-table .item-price-column { text-align: right; padding-right: 52px; } .order-history-items .order-history-table .gift-cert-container { border-top: 1px #050505 solid; padding: 2em 0; } .ordered-items { font-size: 14px; } .ordered-items .item-detail-row { border-top: 1px #050505 solid; padding: 2em 0; } .ordered-items .item-detail-row:first-child { border-top: none; } .ordered-items .item-detail-row .price-unadjusted { display: block; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .ordered-items .item-detail-row .price-unadjusted { text-align: right; } } .ordered-items .item-detail-row .product-promotion-container { color: #333333; font-style: italic; margin: 0; padding-bottom: 1em; width: 100%; padding-left: 1em; } @media print, screen and (max-width: 39.99875em) { .ordered-items .item-detail-row .product-promotion-container { padding-top: 1em; padding-bottom: 1em; } } .ordered-items .item-detail-row .product-promotion-container .promo { padding-left: 0.5rem; } @media print, screen and (min-width: 40em) { .ordered-items .item-detail-row .product-promotion-container .promo { padding-left: 1.25rem; } } .ordered-items .line-item { font-weight: normal; font-size: 20px; } .ordered-items .attribute { margin: 10px 0; } @media print, screen and (min-width: 40em) { .ordered-items .qty .value { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media print, screen and (min-width: 64em) { .ordered-items .qty .value { margin-left: 20px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .ordered-items .qty-price-wrapper { text-align: right; } } .ordered-items .item-detail-row .gift-msg-text { margin: 15px 0; } .ordered-items .item-detail-row .gift-msg-text .value { word-break: break-all; } .js .order-history-table .hidden { display: none; } .view-detail-btn-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 20px 0; } @media print, screen and (min-width: 40em) { .view-detail-btn-container { border-top: 1px #050505 solid; margin: 20px 0 40px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: row; flex-direction: row; } } .view-detail-btn-container button, .view-detail-btn-container .button { margin: 10px auto; display: block; width: 80%; background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } @media print, screen and (min-width: 40em) { .view-detail-btn-container button, .view-detail-btn-container .button { width: auto; margin: 30px 0 0 20px; float: right; padding: 0.6em 2em; } } .orderdetails h2 { clear: both; } .orderdetails .order-shipment-table { padding: 0em; } .orderdetails .order-shipment-details .order-shipment-address .label { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1em; } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-shipment-details .order-shipment-address .label { margin-top: 1em; } } .orderdetails .order-shipment-details .shipping-method .label { margin-bottom: 1em; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-shipment-details .shipping-method { margin-top: 1em; } } .orderdetails .order-shipment-details .shipping-method .standard-shipping { text-transform: uppercase; } .orderdetails .order-shipment-details .order-payment-instruments .label { margin-bottom: 1em; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-shipment-details .order-payment-instruments { margin-top: 1em; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .orderdetails .order-shipment-details .order-payment-instruments .cc-exp { margin-left: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .orderdetails .order-shipment-details .order-payment-instruments .cc-details { clear: both; } } .orderdetails .order-shipment-details .order-payment-instruments img { width: 6.125rem; } .orderdetails .order-shipment-details .order-payment-method { margin-bottom: 20px; } .orderdetails .order-shipment-details .order-payment-method .cc-number .cc-img { max-width: 4.0625rem; } .orderdetails .order-shipment-details .order-payment-method .cc-owner, .orderdetails .order-shipment-details .order-payment-method .cc-type { display: none; } .orderdetails .order-shipment-details .order-payment-method .gift-card-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/cpb-gift-card.jpg) no-repeat top left; width: 44px; overflow: hidden; right: 0; bottom: -5px; margin-right: 10px; margin-bottom: 10px; background-size: 98%; } .orderdetails .order-shipment-details .order-payment-method .cc-number:before { position: relative; float: left; bottom: -2px; margin-right: 1rem; } .orderdetails .order-promotion-container { border: 1px #202020 solid; border-width: 1px 0; text-align: center; padding: 20px 0; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .orderdetails .sample-container { padding: 2em; border-top: 1px solid #202020; } @media print, screen and (max-width: 39.99875em) { .orderdetails .sample-container { padding: 1em; } } .orderdetails .sample-container h3 { text-align: center; margin-top: 0; } @media print, screen and (min-width: 40em) { .orderdetails .sample-container h3 { text-align: left; } } .orderdetails .sample-container .sample-tile { display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .orderdetails .sample-container .sample-tile + .sample-tile { border-top: 1px #081f2c solid; padding-top: 1rem; margin-top: 1rem; } } @media print, screen and (min-width: 40em) { .orderdetails .sample-container .sample-tile { border: none; display: block; text-align: center; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .orderdetails .sample-container .sample-product-image { margin: 0 auto; } } .orderdetails .sample-container .sample-product-image img { max-height: 170px; } @media print, screen and (min-width: 64em) { .orderdetails .sample-container .sample-product-image img { max-width: none; } } .orderdetails .sample-container .sample-product-name { margin-left: 20px; font-size: 1em; } @media print, screen and (min-width: 40em) { .orderdetails .sample-container .sample-product-name { margin-left: 0; font-size: 14px; margin-top: 10px; } } .orderdetails .item-detail-row.row, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset { margin: 0; padding: 30px 0; border-top: 1px #050505 solid; } .orderdetails .item-detail-row.row .line-item-price, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } @media print, screen and (max-width: 39.99875em) { .orderdetails .item-detail-row.row .line-item-price, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price { margin-top: 20px; } } .orderdetails .order-information { padding: 2rem 0; } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-information { border-top: 3px solid #050505; position: relative; } .orderdetails .order-information:before { content: ""; height: 2px; width: 100%; background-color: #f4dfbb; position: absolute; top: 2px; left: 0; display: block; } } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-information .value { display: block; } } .orderdetails .order-information .order-number { font-size: 1.75rem; text-align: center; margin-top: 1.5rem; } @media print, screen and (min-width: 40em) { .orderdetails .order-information .order-number { margin-top: 0; margin-bottom: 1em; text-align: left; } .pt_order-confirmation .orderdetails .order-information .order-number { text-align: center; } } .orderdetails .order-information .order-number .value { font-weight: normal; } @media print, screen and (max-width: 39.99875em) { .orderdetails .order-information .order-shipments { padding: 0 1rem; } } @media print, screen and (min-width: 40em) { .orderdetails .order-information .order-shipments .is-gifting-msg { margin-right: 7rem; } } .orderdetails .payment-amount .label { font-weight: normal; text-transform: none; } .orderdetails .order-totals-table td:first-child { padding-right: 5rem; text-align: left; } .orderdetails .order-totals-table .order-totals-table .order-totalcart .cart-coupon-code { display: none; } .orderdetails .gift-message-container { padding: 2em 1em; border-bottom: 1px solid #050505; } .orderdetails .gift-message-container.row, .orderdetails .pt_content-search-result-static .no-left-nav-template .gift-message-container.content-asset, .pt_content-search-result-static .no-left-nav-template .orderdetails .gift-message-container.content-asset, .orderdetails .pt_content-search-result-static .left-nav-template .gift-message-container.content-asset, .pt_content-search-result-static .left-nav-template .orderdetails .gift-message-container.content-asset { margin: 0; } @media print, screen and (min-width: 40em) { .orderdetails .gift-message-container { padding: 2em 0; } .orderdetails .gift-message-container .column, .orderdetails .gift-message-container .columns { padding-left: 0; } } .orderdetails .gift-message-container h3 { font-size: 22px; } .orderdetails .gift-message-container .order-shipment-gift-message .value { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; word-wrap: break-word; } .orderdetails .gift-message-container .gift-message-image { text-align: center; } .pt_order .actions, .confirmation .actions { padding: .5em 1%; } .pt_order .actions a, .confirmation .actions a { margin-right: 2rem; } /*** Promo Code Button ***/ .cart-coupon-code .field-button-container button { width: auto; padding: 1em 1.5em; background: #202020; color: #ffffff; } .cart-coupon-code .field-button-container button:disabled { color: #202020; background: transparent; } .cart-coupon-code .field-button-container button[type="submit"] { background: #202020; color: #202020; margin-top: -1px; } .cart-coupon-code fieldset { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; border: 0; } .cart-coupon-code fieldset .accordion { width: 100%; } .cart-coupon-code fieldset .accordion .cart-coupon-field { width: 80%; } .cart-coupon-code .error { word-wrap: break-word; } .confirmation-message { margin-top: 2rem; text-align: center; } .confirmation-message h1 { color: #706258; font-weight: normal; font-size: 52px; font-size: 3.25rem; } .confirmation-message-slot { font-size: 20px; font-size: 1.25rem; } .confirmation h1 { padding-left: 0px; } @media print, screen and (max-width: 39.99875em) { .confirmation .confirmation-message { text-align: center; } } .confirmation .confirmation-message-slot { width: 90%; margin: 0 auto; } @media print, screen and (min-width: 64em) { .confirmation .confirmation-message-slot { width: 50%; } } @media print, screen and (max-width: 39.99875em) { .confirmation .confirmation-message-slot { margin: 0 auto; } } .confirmation.create-account .order-confirmation-details { display: inline-block; width: 100%; vertical-align: top; } .confirmation.create-account .order-confirmation-details { width: 100%; } .confirmation.create-account .login-box-content { background-color: #ffffff; border: 1px solid #d8d8d8; border-radius: 5px; padding: 1em; } .confirmation.create-account .login-box-content p { margin-top: 0; margin-bottom: 0; } .confirmation.create-account .login-box-content .form-row { margin: 0; } .survey-section { font-size: 1.25rem; text-align: center; } @media print, screen and (min-width: 40em) { .survey-section { text-align: unset; } } .survey-section .survey-message { width: 100%; } @media print, screen and (min-width: 40em) { .survey-section .survey-message { width: 50%; } } .survey-section .survey-button { border: 1px solid #081f2c; background: #081f2c; color: #ffffff; text-decoration: none; padding: 10px; font-size: 1rem; } /** My account order history page styling **/ .pt_order .title-container { display: block; padding-top: .5em; } .pt_order .title-container h1 { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; } .pt_order .order-details-container #primary .search-result-options { display: none; } .pt_order .order-details-container #primary .search-result-items { padding-left: 0; padding-right: 0; } .pt_order .order-details-container #primary .search-result-items .view-detail-btn-container { text-align: right; padding-top: 3em; } @media print, screen and (max-width: 39.99875em) { .pt_order .order-details-container #primary .search-result-items .view-detail-btn-container { text-align: center; } } .pt_order .order-details-container #primary .search-result-items .order-history-header { background: none; background-color: #f5f2e9; margin: 0; padding: 2em; } .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .row, .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset, .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset { margin: 0; padding: 0; } .pt_order .order-details-container #primary .search-result-items .order-history-header .order-total { text-align: right; } .pt_order .order-details-container #primary .search-result-items .cart-items-container, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items { padding: 0; margin: 0; } .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row { margin: 0; padding: 2em; border-bottom: 1px solid #050505; } .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row .item-price-column { text-align: right; } .pt_order .order-details-container #secondary { padding-left: 0; border: none; } @media print, screen and (min-width: 40em) { .pt_order .order-details-container #secondary { padding-right: 1.25rem; padding-left: 1.25rem; border: none; } } .pt_order .order-details-container #secondary .account-nav-asset nav { padding-left: 0em; padding-right: 0em; padding-top: 2em; } .pt_order .order-details-container #secondary .account-nav-asset nav ul.account-left-nav li { padding-left: 0; padding-top: 0; } /** Order confirmation page styling **/ @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation #main { margin-top: 67px; } } .pt_order-confirmation .order-shipment-details { -ms-flex-pack: center; justify-content: center; } .pt_order-confirmation .order-shipment-details .cc-number.img { display: none; } @media print, screen and (min-width: 64em) { .pt_order-confirmation .order-shipment-details .hide-for-medium-only { display: none; } } .pt_order-confirmation .order-payment-summary { border-top: 3px solid #050505; position: relative; } .pt_order-confirmation .order-payment-summary:before { content: ""; height: 2px; width: 100%; position: absolute; top: 2px; left: 0; display: block; } .pt_order-confirmation .login-create-account { display: inline-block; width: 100%; vertical-align: top; padding: 1em 3em 2em; border-top: 3px solid #050505; margin-top: 2rem; position: relative; } .pt_order-confirmation .login-create-account:before { content: ""; height: 2px; width: 100%; position: absolute; top: 2px; left: 0; display: block; } .pt_order-confirmation .login-create-account h2, .pt_order-confirmation .login-create-account .create-account-message { text-align: left; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account h2, .pt_order-confirmation .login-create-account .create-account-message { text-align: center; } } .pt_order-confirmation .login-create-account .checkout-registration-form fieldset { display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-align: center; align-items: center; } .pt_order-confirmation .login-create-account .checkout-registration-form label, .pt_order-confirmation .login-create-account .checkout-registration-form span.error { text-align: left; } .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { font-size: 16px; font-size: 1rem; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { margin-top: 1.75em; } } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { width: 100%; margin-top: 2em; } } .pt_order-confirmation .login-create-account .checkout-registration-form .form-caption { display: none; position: unset; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-caption.phone { display: block; text-align: left; font-size: 12px; color: #333; } .pt_order-confirmation .login-create-account .checkout-registration-form .userconsent-text-container { display: none; } .pt_order-confirmation .login-create-account .checkout-registration-form .userconsent-text-container .user-consent-container { width: 100%; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .userconsent-text-container .user-consent-container { margin-left: -27px; margin-top: 10px; } } .pt_order-confirmation .login-create-account .checkout-registration-form .sms-optin-checkbox { -ms-flex-align: start; align-items: flex-start; margin-top: 1rem; } .pt_order-confirmation .login-create-account .checkout-registration-form .sms-optin-number-text { font-size: 12px; font-weight: 500; } .pt_order-confirmation .login-create-account .checkout-registration-form .sms-optin-form-caption { display: none; } .pt_order-confirmation .login-create-account .checkout-registration-form .checkbox-notchecked-error { color: #c8102e; font-weight: 500; font-size: 14px; } .pt_order-confirmation .login-create-account .login-box-content a { color: #00f; text-decoration: underline; } .pt_order-confirmation .login-create-account h2 { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: bold; margin-bottom: 0em; text-transform: none; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .login-create-account h2 { text-align: center; font-size: 2em; } } .pt_order-confirmation .login-create-account span .error { margin-left: 1em; } .pt_order-confirmation .order-number, .pt_order-confirmation .order-information .label { color: #706258; } .pt_order-confirmation .orderdetails .order-payment-instruments .payment-type { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-owner { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-type { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-number { margin-top: 1em; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-number:before { bottom: 0px; float: left; margin-right: 1em; position: relative; } .pt_order-confirmation .orderdetails .show-products-container { margin-top: 3.125rem; margin-bottom: 2rem; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container { margin: 0; } } .pt_order-confirmation .orderdetails .show-products-container .thick-border-top { border-top: 3px solid #050505; position: relative; } .pt_order-confirmation .orderdetails .show-products-container .thick-border-top:before { content: ""; height: 2px; width: 100%; position: absolute; top: 2px; left: 0; display: block; } .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container { padding: 2em; border: 1px solid #bfbfbf; } .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container.row, .pt_order-confirmation .orderdetails .show-products-container .pt_content-search-result-static .no-left-nav-template .gift-msg-container.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container.content-asset, .pt_order-confirmation .orderdetails .show-products-container .pt_content-search-result-static .left-nav-template .gift-msg-container.content-asset, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container.content-asset { margin: 0; } .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container .gift-msg-occasion { margin-top: 1em; } .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container .gift-msg-occasion .gift-msg-occasion-text { margin: 0; } .pt_order-confirmation .orderdetails .show-products-container .gift-msg-container .gift-msg-text { font-style: italic; word-wrap: break-word; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .name { font-size: 1rem; margin-bottom: 1rem; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .product-name { font-weight: normal; font-style: normal; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .line-item { font-weight: normal; font-size: 20px; font-style: normal; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute { margin-bottom: 0.7rem; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute { margin-bottom: 0.3rem; } } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute .value { font-weight: normal; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .pli-giftmessage-text .value { word-break: break-all; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset { margin: 0; padding-top: 2em; border-bottom: 1px solid #050505; padding-bottom: 1em; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-details .item-image img, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-details .item-image img, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-details .item-image img, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-details .item-image img, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-details .item-image img { max-height: 200px; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity { width: auto; margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity { text-align: right; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity .label, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity .label, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity .label, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity .label, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity .label { font-weight: normal; margin: 0; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price { margin-top: 1em; text-align: left; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .product-promotion-container, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .product-promotion-container, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .product-promotion-container, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container { color: #333333; font-style: italic; margin: 0; padding-bottom: 1em; width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .product-promotion-container, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .product-promotion-container, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .product-promotion-container, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container { padding-top: 1em; padding-bottom: 1em; text-align: center; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-details { padding: 0 1em; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-details .name { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-total { text-align: right; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-total { padding-top: 1em; text-align: left; padding-bottom: 1em; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .order-promotion-container { border-bottom: 1px solid black; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .order-promotion-container .checkout-promotion-container { font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container h3 { margin: 0; padding-bottom: 1em; font-size: 1.5em; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container h3 { padding: 1.5em 0; font-size: 1em; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper { padding: 1em 0; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile { text-align: center; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile { text-align: left; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile:first-child { padding-top: 0; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile .sample-product-name { margin-top: 1em; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile .sample-product-name { margin-top: 0; } } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right { padding-left: 0; padding-right: 0; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary { float: none; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .cart-coupon-code { display: none; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .order-totals-table .order-total { border-top: 2px solid #333333; padding-top: 1em; font-size: 1em; margin: 0 2em; padding-left: 0; padding-right: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .order-totals-table .order-total { margin: 0 1em; } } .pt_order-confirmation .gift-box-header-container { text-align: center; } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .gift-box-header-container { padding-bottom: 1em; margin-top: -2em; } } .pt_order-confirmation .gift-box-header-container .order-shipment-gift-message p { margin: 0; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .gift-box-header-container .order-shipment-gift-message { margin-right: 3.5rem; } } .pt_order-confirmation .recipient-email-wrapper { margin-top: 1em; } .pt_order-confirmation .recipient-email-wrapper .recipient-email-label { font-weight: 700; color: #706258; } .pt_order-confirmation .cart-recommendation-container { width: 100%; } .pt_order-confirmation .cart-recommendation-container .carousel-recommendations { border: none; } .order-confirmation-details { margin-top: 2em; } .order-confirmation-details .product-discount .float-left, .order-confirmation-details .product-discount .float-right { margin-top: 0; } /*** order details purchage type icons ***/ .gift-card-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/cpb-gift-card.jpg) no-repeat top left; width: 44px; height: 29px; overflow: hidden; right: 0; bottom: -5px; margin-right: 1rem; margin-bottom: 1.875rem; background-size: 100%; } .paypal-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/icon-other-payment.png) 0 -32px no-repeat; width: 47px; height: 31px; overflow: hidden; right: 0; bottom: -5px; background-size: cover; margin-right: 12px; } .applepay-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/icon-other-payment.png) no-repeat top left; width: 47px; height: 31px; overflow: hidden; right: 0; bottom: -5px; background-size: 100%; margin-right: 12px; } /*** Order track ***/ .pt_checkorder .primary-content { border-top: none; margin: 0 auto; } @media print, screen and (max-width: 63.99875em) { .pt_checkorder .order-track-wrapper { padding: 40px; } } .pt_checkorder .order-track-wrapper .error-form { text-align: center; margin-top: 20px; } .pt_checkorder .order-track-wrapper .error-form:focus { outline: 1px dotted; } .pt_checkorder .order-track-wrapper .login-order-track .dialog-required { display: block; text-align: center; margin-bottom: 14px; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container { position: relative; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-label > label { position: relative; top: 35px; text-align: left; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-label > label a { color: #00f; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-input .form-row { float: left; height: 11px; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 28px !important; width: 15px; height: 15px; z-index: 10; } .pt_checkorder .order-track-wrapper .login-order-track h2 { text-align: center; font-size: 2em; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: capitalize; margin-top: 0; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content { margin: 0 auto; width: 90%; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content { width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content p { width: 80%; margin: 0 auto; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content p { width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form { width: 90%; margin: 2em auto; text-align: center; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form { width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label { width: 80%; margin: 0 auto 10px; text-align: left; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label { width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label { width: 53%; } } @media print, screen and (max-width: 63.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label { min-width: 130px; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 80%; margin: 0 auto 16px; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 53%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper .input-text { width: 100%; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button { margin: 0; border-top: 0; padding: 40px 0 0; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button { padding: 40px 0px; max-width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .error { text-align: left; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn { width: 33%; padding: 0; } @media print, screen and (max-width: 39.99875em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn { width: 90%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn:disabled { border: 1px solid #050505; background: transparent !important; color: #050505 !important; cursor: default; } /*** Promo Code Button ***/ .cart-coupon-code .label-over-input label { background: #d7d7d7; } .cart-coupon-code .field-button-container.label-over-input { -ms-flex-direction: column; flex-direction: column; } .cart-coupon-code .field-button-container button { width: auto; padding: 1em 1.5em; background: #202020; color: #ffffff; } .cart-coupon-code .field-button-container button:disabled { color: #202020; background: transparent; } .cart-coupon-code .field-button-container button[type="submit"] { background: #202020; color: #ffffff; margin-top: -1px; } .cart-coupon-code fieldset { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; border: 1px solid #202020; } .cart-coupon-code .error { word-wrap: break-word; } .spc-summary .cart-coupon-code .border-input input { width: 100%; } .spc-summary .cart-coupon-code .border-input input[type="text"] { background: #faf9f9; } .spc-summary .cart-coupon-code .label-over-input label { background: #ffffff; } .order-totals-table .order-discount-text { display: inline-block; width: 100%; height: 20px; } .flex-pay-order { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.75rem; } .flex-pay-logo { background-color: #081f2c; border-radius: 0.3125rem; padding: 0.375rem; width: 2.9375rem; height: auto; } /* Reveal */ #modal-cntr { padding: 1em; margin-bottom: 1rem; } .modal-body { padding: 1em 0; margin-top: 1rem; overflow: auto; width: 100%; max-height: 700px; -webkit-overflow-scrolling: touch; } @media print, screen and (min-width: 40em) { .modal-body { padding: 0 1rem 1rem; margin-top: 2.5rem; max-height: 820px; } } @media print, screen and (min-width: 64em) { .modal-body { padding: 0 2rem 2rem; margin-top: 2.5rem; max-height: 820px; } } @media (min-height: 612px) and (max-height: 770px) { .modal-body { max-height: 540px; } } @media (max-height: 611px) { .modal-body { max-height: 440px; } } @media print, screen and (max-width: 39.99875em) { html.is-reveal-open { position: static; overflow-y: hidden; width: 100%; height: 100%; } } html.is-reveal-open body { position: static; overflow-y: hidden; } .reveal { border: 0; border-bottom: 5px solid #081f2c; max-width: 90%; margin-left: auto; margin-right: auto; width: auto; overflow: hidden; } @media print, screen and (max-width: 39.99875em) { .reveal { height: 97%; min-height: 0; padding: 1.5rem 2rem; } } @media print, screen and (min-width: 40em) { .reveal { max-width: 80%; } } @media print, screen and (min-width: 64em) { .reveal { max-width: 1000px; } } @media print, screen and (max-width: 39.99875em) { .reveal#virtual-try-on { padding: 0; max-width: 100%; height: auto; top: 20% !important; } } @media print, screen and (min-width: 40em) { .reveal#virtual-try-on { max-width: 53%; } } @media print, screen and (min-width: 64em) { .reveal#virtual-try-on { max-width: 482px; } } .reveal h1 { font-weight: 700; } .reveal button.close-button { background-color: transparent; border: 0; color: #081f2c; cursor: pointer; display: block; font-size: 1.5rem; font-weight: 100; position: absolute; top: 1rem; right: 1rem; padding: 0; z-index: 9; } @media print, screen and (min-width: 40em) { .reveal button.close-button { top: 1.25rem; right: 1.25rem; font-size: 1.875rem; } } .reveal.medium { width: 90%; margin-left: auto; margin-right: auto; max-width: 63.125rem; padding: 2rem; } @media print, screen and (min-width: 40em) { .reveal.medium { width: 80%; padding: 3rem; } } .reveal#modal-cntr { border-bottom: none; } .reveal.tiny { top: 20% !important; text-align: center; } .reveal.tiny .modal-title { font-size: 22px; } .reveal.tiny .popup-confirm-button { margin-top: 30px; width: 225px; } @media print, screen and (min-width: 64em) { .reveal.tiny .popup-confirm-button { height: 40px; } } .language-selection, .newsletter-signup-modal { width: 90% !important; margin: 0px auto; } @media print, screen and (min-width: 40em) { .language-selection, .newsletter-signup-modal { width: 600px !important; } } .languages-modal button { width: 140px; margin: 0 1em 1em 0; padding: 0.5em 2em 0.3em; } .newsletter-signup-modal input { border: 0; border-bottom: 1px solid; outline: none; } .reveal.productImageZoom { max-width: 90%; } @media print, screen and (min-width: 64em) { .reveal.productImageZoom { max-width: 800px; } } .reveal.productImageZoom .modal-body { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.productImageZoom .close-button { padding-right: 1em; } } .modal-content .product-images { margin: 0; padding: 0; max-height: 800px; } /******* EDIT MODAL *******/ .edit-modal { max-width: 90% !important; width: 90%; border-bottom: 0px; } .edit-modal .image-zoom { display: none; } @media print, screen and (max-width: 39.99875em) { .edit-modal .product-add-to-cart .price-qty-row { display: inline-block; width: 100%; } .edit-modal .product-add-to-cart .price-qty-row .price-label { display: inline-block; } .edit-modal .product-add-to-cart .price-qty-row .product-price { display: inline-block; } .edit-modal .product-add-to-cart .price-qty-row .inventory { display: inline-block; float: right; } } @media print, screen and (max-width: 63.99875em) { .edit-modal.reveal.medium { padding: 3em 2em; } } .edit-modal .full-detail-btn { display: none; } .edit-modal .product-image-container .row, .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset, .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset { margin-top: 7em; } @media print, screen and (max-width: 63.99875em) { .edit-modal .product-image-container .row, .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset, .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset { margin-top: 20em; } } @media print, screen and (max-width: 39.99875em) { .edit-modal .product-image-container .row, .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset, .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset { margin-top: 0em; } } .edit-modal .product-image-container .row .product-thumbnails, .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset .product-thumbnails, .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails, .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset .product-thumbnails, .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails { margin-top: 0px; } .edit-modal .product-form-actions { font-size: 1em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .edit-modal .product-form-actions { font-size: .8em; } } @media print, screen and (max-width: 63.99875em) { .edit-modal .product-form-actions .button.add-to-cart { margin: 0px; font-size: 1em; padding-left: 1.5em; padding-right: 1.5em; } } @media print, screen and (max-width: 63.99875em) { .edit-modal .product-actions { padding: 1em; padding-right: 0em; } } .edit-modal .product-actions .button.text-only { color: #706258; font-weight: normal; } .edit-modal .product-actions .button.text-only:hover { text-decoration: none; } .small-top-margin { top: 90px; } @media print, screen and (min-width: 40em) { #concierge-modal { max-width: 50%; } } .news-letter-form { overflow: hidden; } .news-letter-form .user-consent-container { position: relative; } .news-letter-form .user-consent-container .user-consent-label > label { position: relative; top: 26px; white-space: inherit; margin-bottom: 25px; } .news-letter-form .user-consent-container .user-consent-label > label a { color: #00f; } .news-letter-form .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 28px; width: 15px; height: 15px; z-index: 10; border: 1px solid; background-color: #ffffff; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -1px; left: -1px; background-position: 0px 0px; background-repeat: no-repeat; width: 15px; height: 15px; } #headerNewsLetter .input-checkbox { position: relative; top: 32px; width: 15px; height: 15px; z-index: 10; border: 1px solid; background-color: #ffffff; } #headerNewsLetter .input-checkbox:before { top: -1px; left: -1px; background-position: 0px 0px; background-repeat: no-repeat; width: 15px; height: 15px; } .news-letter-form { overflow: hidden; } .news-letter-form .user-consent-container { position: relative; } .news-letter-form .user-consent-container .user-consent-label > label { position: relative; top: 23px; white-space: inherit; margin-bottom: 1rem; } .news-letter-form .user-consent-container .user-consent-label > label a { color: #00F; } .news-letter-form .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 5px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 31px; width: 15px; height: 15px; z-index: 10; border: 1px solid; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -1px; left: -1px; } #modal-cntr.replenishment-modal { border-bottom: 5px solid #081f2c; } body.is-reveal-open { overflow-y: unset; } .shippingaddress .select-address { width: 100%; margin-left: 0; } .shippingaddress .edit-address { margin-top: 0.5em; } .shippingaddress .edit-address span { color: #84bd00; cursor: pointer; } .formactions { margin-top: 20px; text-align: right; } .item-list .multi-shipment-row { border-bottom: none; } .minishipments-method { padding-top: 10px; } .multishipprogress div, .multishipprogress .step-3 { display: inline; padding: 1em; } .multishipprogress .step-4 { padding-right: 0; } .pt_checkout #cart-table .cart-row .shipment-label, .pt_checkout #cart-table .rowcoupons .shipment-label { font-weight: 700; margin-top: 35px; font-size: 1.4em; } .pt_account #primary { position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; } .pt_account #secondary { transform: translateX(0%); transition: all 500ms ease; position: relative; padding-left: 0; padding-right: 0; border: none; } @media print, screen and (min-width: 40em) { .pt_account #secondary { padding-right: 1.25rem; padding-left: 1.25rem; border: none; } } @media print, screen and (min-width: 40em) { .pt_account #secondary .active-menu { font-weight: bold; } } .pt_account .primary-content { width: 100%; position: absolute; transform: translateX(100%); transition: all 500ms ease; } @media print, screen and (min-width: 40em) { .pt_account .primary-content { transform: none; position: relative; border-top: 3px solid #050505; padding-top: 32px; } .pt_account .primary-content:before { width: 100%; content: " "; margin-top: 2px; display: block; padding-bottom: 30px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_account .primary-content .address-list .address-tile-inner { padding: 15px; } } .pt_account .primary-content .address-list .address-tile-inner a { line-height: 1em; margin-right: 1em; color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_account .primary-content .address-list .address-tile-inner a { font-size: .85em; margin-right: .5em; } } .pt_account .primary-content .address-list .address-tile-inner a.icon-close { text-decoration: none; } .pt_account .page-intro { margin-bottom: 2em; } .pt_account .page-intro h1 { border: none; float: none; } .pt_account h1.account-text { margin-bottom: 0; line-height: 3rem; } .pt_account p.account-text { margin-bottom: 1.5em; } .account-gray-background { background-color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .content-show #primary { padding-right: 0.625rem; padding-left: 0.625rem; } .content-show .account-text { display: none; } .content-show #secondary { transform: translateX(-100%); transition: all 500ms ease; position: absolute; } .content-show #secondary .account-left-nav { display: none; } .content-show .primary-content { position: relative; transform: translateX(0%); } .content-show .back-to-account-btn { display: block; } } .icon-caret-left-small { background-image: url(../images/sprite.png); background-position: -131px -20px; width: 7px; height: 18px; position: relative; top: 4px; padding-right: 10px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-caret-left-small { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } @media print, screen and (min-width: 40em) { .account-nav-asset { border-top: 3px solid #050505; } .account-nav-asset:before { width: 100%; content: " "; margin-top: 2px; display: block; padding-bottom: 10px; } } .account-nav-asset ul { width: 100%; } .account-nav-asset li { border: 1px #050505 solid; border-width: 1px 0 0; margin: 0 !important; display: -ms-flexbox; display: flex; -ms-flex-line-pack: middle; align-content: middle; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 40em) { .account-nav-asset li { border-width: 0 0 1px; border-color: #202020; } } .account-nav-asset li:last-child { border-width: 1px 0; } @media print, screen and (min-width: 40em) { .account-nav-asset li:last-child { border-width: 0 0 1px; } } .account-nav-asset li a { padding: 15px 20px; width: 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .account-nav-asset li a { padding: 6px 0; } } .account-nav-asset li a .icon-caret-right-small { background-image: url(../images/sprite.png); background-position: -131px -40px; width: 7px; height: 18px; display: inline-block; float: right; position: relative; top: 4px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .account-nav-asset li a .icon-caret-right-small { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } @media print, screen and (min-width: 40em) { .account-nav-asset li a .icon-caret-right-small { display: none; } } .back-to-account-btn { display: none; background: #f5f2e9; padding: 1em; margin-bottom: 10px; margin-right: -0.625rem; margin-left: -0.625rem; margin-top: 2em; } @media print, screen and (min-width: 40em) { .back-to-account-btn { display: none; } } .reset-form-icon { transform: scale(1.5); margin-top: 25px; margin-bottom: 25px; } .PasswordResetForm fieldset, #NewPasswordForm fieldset { position: relative; } .PasswordResetForm fieldset .form-row label, #NewPasswordForm fieldset .form-row label { font-weight: bold; margin: 0; } .PasswordResetForm fieldset .field-wrapper, #NewPasswordForm fieldset .field-wrapper { height: 56px; } .PasswordResetForm fieldset .field-wrapper .input-text, #NewPasswordForm fieldset .field-wrapper .input-text { border-width: 1px; height: 50px; } .PasswordResetForm fieldset .field-wrapper .input-text:focus, #NewPasswordForm fieldset .field-wrapper .input-text:focus { border-bottom: 3px solid #202020; } .PasswordResetForm fieldset .field-wrapper .input-text.error, #NewPasswordForm fieldset .field-wrapper .input-text.error { color: #202020; display: -ms-flexbox; display: flex; } .PasswordResetForm fieldset .field-wrapper span.error, #NewPasswordForm fieldset .field-wrapper span.error { position: absolute; top: 75px; width: 350px; color: #595C60; font-size: 14px; } .PasswordResetForm fieldset .form-row-button, #NewPasswordForm fieldset .form-row-button { display: -ms-flexbox; display: flex; } .PasswordResetForm fieldset .form-row-button button, #NewPasswordForm fieldset .form-row-button button { float: right; top: 0px; left: 63%; width: 230px; height: 40px; line-height: 10px; margin-top: 50px; background-color: #081f2c; color: #ffffff; margin-bottom: 20px; } .PasswordResetForm fieldset .form-row-button button:hover, #NewPasswordForm fieldset .form-row-button button:hover { color: #202020; border: none; text-decoration: underline; float: none; } .PasswordResetForm fieldset .resend-password-reset-btn, #NewPasswordForm fieldset .resend-password-reset-btn { background-color: #081f2c; color: #ffffff; border: none; text-decoration: underline; float: none; } @media print, screen and (min-width: 64em) { .PasswordResetForm fieldset .resend-password-reset-btn, #NewPasswordForm fieldset .resend-password-reset-btn { background-color: #ffffff; } } #PasswordResetForm button[type="submit"] { background-color: #081f2c; color: #ffffff; padding: 10px 40px; } #NewPasswordForm button { float: left; margin-bottom: 0.7em; } h1 .account-logout { font-size: 0.6em; float: none; } .registration-selection input, .registration-selection label { display: inline; float: none; } .address-list, .payment-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-start; align-items: flex-start; margin: 0; padding: 0; } .address-list li, .payment-list li { list-style-type: none; padding: 1em; width: 90%; } @media screen and (min-width: 768px) { .address-list li, .payment-list li { width: 25%; } } .address-list li.default, .payment-list li.default { background-color: #ffffff; border: 1px solid #ccc; border-radius: 5px; margin-top: 1em; width: 85%; } .address-list li address, .payment-list li address { color: #666; font-style: normal; } .address-list li a, .address-list li .button-text, .payment-list li a, .payment-list li .button-text { line-height: 2rem; padding-right: .2rem; } .address-list .mini-address-title, .payment-list .mini-address-title { font-style: italic; line-height: 2rem; } .address-list .cc-owner, .payment-list .cc-owner { font-weight: 700; } .account-registration .user-consent-container, .login-wrapper .user-consent-container, .pt_checkorder .order-track-wrapper .user-consent-container { position: relative; } .account-registration .user-consent-container .user-consent-label > label, .login-wrapper .user-consent-container .user-consent-label > label, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label { position: relative; top: 26px; } .account-registration .user-consent-container .user-consent-label > label a, .login-wrapper .user-consent-container .user-consent-label > label a, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label a { color: #00f; } .account-registration .user-consent-container .user-consent-label .user-consent-input .form-row, .login-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row { float: left; height: 8px; } .account-registration .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper > span, .login-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper > span, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 10px; } .account-registration .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox, .login-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 29px; width: 30px; height: 30px; z-index: 10; margin-right: 10px !important; } .account-registration .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox:before, .login-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox:before, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -20px; left: -3px; } .account-registration .registration-box .error, .login-wrapper .registration-box .error, .pt_checkorder .order-track-wrapper .registration-box .error { margin: 0 auto !important; } .account-registration .registration-box .user-consent-container .user-consent-input .form-row, .login-wrapper .registration-box .user-consent-container .user-consent-input .form-row, .pt_checkorder .order-track-wrapper .registration-box .user-consent-container .user-consent-input .form-row { height: 0px !important; } .account-registration .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .login-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_checkorder .order-track-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { margin-right: 10px !important; } .account-registration .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper > span, .login-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_checkorder .order-track-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper > span { top: -10px !important; } .account-registration .registration-box h1, .login-wrapper .registration-box h1, .pt_checkorder .order-track-wrapper .registration-box h1 { text-align: center; font-size: 36px; margin: 0; } .account-registration .registration-box .form-row.label-middle, .login-wrapper .registration-box .form-row.label-middle, .pt_checkorder .order-track-wrapper .registration-box .form-row.label-middle { display: -ms-flexbox; display: flex; } .account-registration input, .login-wrapper input, .pt_checkorder .order-track-wrapper input { font-size: 16px !important; } .account-registration span.error, .login-wrapper span.error, .pt_checkorder .order-track-wrapper span.error { padding: 0; } .account-registration span.account_recaptcha_error, .login-wrapper span.account_recaptcha_error, .pt_checkorder .order-track-wrapper span.account_recaptcha_error { font-weight: 500; font-size: 12px; color: #c8102e; } .account-registration .splitter, .login-wrapper .splitter, .pt_checkorder .order-track-wrapper .splitter { border-top: 1px #202020 solid; margin: 40px -20px 0; padding: 40px 20px 0; } @media print, screen and (min-width: 40em) { .account-registration .splitter, .login-wrapper .splitter, .pt_checkorder .order-track-wrapper .splitter { margin: 40px -70px 0; padding: 40px 70px 0; } } .account-registration .captcha-container, .login-wrapper .captcha-container, .pt_checkorder .order-track-wrapper .captcha-container { padding: 30px 0 0; } @media print, screen and (max-width: 39.99875em) { .account-registration .captcha-container, .login-wrapper .captcha-container, .pt_checkorder .order-track-wrapper .captcha-container { padding: 30px 0 0; } } .account-registration .form-row, .login-wrapper .form-row, .pt_checkorder .order-track-wrapper .form-row { margin-top: 0.5em; } .account-registration .form-row label, .login-wrapper .form-row label, .pt_checkorder .order-track-wrapper .form-row label { font-size: 14px; min-width: 160px; white-space: normal !important; } @media print, screen and (min-width: 40em) { .account-registration .form-row label, .login-wrapper .form-row label, .pt_checkorder .order-track-wrapper .form-row label { font-size: 16px; min-width: 160px; white-space: normal !important; width: 30%; } } .account-registration .form-row .form-caption, .login-wrapper .form-row .form-caption, .pt_checkorder .order-track-wrapper .form-row .form-caption { font-weight: normal; color: #202020; } @media print, screen and (min-width: 40em) { .account-registration .form-row .form-caption, .login-wrapper .form-row .form-caption, .pt_checkorder .order-track-wrapper .form-row .form-caption { position: absolute; right: 0; bottom: 16px; font-size: 12px; } } .account-registration .form-row-button, .login-wrapper .form-row-button, .pt_checkorder .order-track-wrapper .form-row-button { margin: 40px -20px 0; border-top: #202020 1px solid; padding: 40px 20px 0; } @media print, screen and (max-width: 39.99875em) { .account-registration .form-row-button, .login-wrapper .form-row-button, .pt_checkorder .order-track-wrapper .form-row-button { margin-top: 40px !important; } } @media print, screen and (min-width: 40em) { .account-registration .form-row-button, .login-wrapper .form-row-button, .pt_checkorder .order-track-wrapper .form-row-button { margin: 0; border-top: 0; } } .account-registration .form-row-button button, .login-wrapper .form-row-button button, .pt_checkorder .order-track-wrapper .form-row-button button { min-height: 40px; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 16px 40px; } .account-registration .form-row-button button.selected, .login-wrapper .form-row-button button.selected, .pt_checkorder .order-track-wrapper .form-row-button button.selected, .account-registration .form-row-button button:hover, .login-wrapper .form-row-button button:hover, .pt_checkorder .order-track-wrapper .form-row-button button:hover, .account-registration .form-row-button button:active, .login-wrapper .form-row-button button:active, .pt_checkorder .order-track-wrapper .form-row-button button:active, .account-registration .form-row-button button[value="selected"], .login-wrapper .form-row-button button[value="selected"], .pt_checkorder .order-track-wrapper .form-row-button button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) { .account-edit .big-border-top { border-top: 3px solid #050505; } .account-edit .big-border-top:before { width: 100%; content: " "; margin-top: 2px; display: block; padding-bottom: 0px; } } .account-edit form#ChangePassowrdForm { border-top: 8px #202020 solid; } .account-edit button { min-height: 2.5em; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } @media print, screen and (max-width: 39.99875em) { .account-edit button { margin: 2em 0; width: 100%; height: 55px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit button { font-size: 14px; } } .account-edit button.selected, .account-edit button:hover, .account-edit button:active, .account-edit button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .account-edit #RegistrationForm { border-top: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .user-info .form-row span.error { top: 13px; } } .account-edit .form-row { padding-bottom: 1em; } @media print, screen and (min-width: 40em) { .account-edit .form-row.align-right { text-align: right; width: 60%; } } @media print, screen and (max-width: 39.99875em) { .account-edit .form-row.align-right { text-align: center; width: 100%; } } .account-edit .form-row label { width: auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .form-row label { font-size: .8em; } } .account-edit .form-row.account-optional .form-caption { font-weight: normal; font-size: 12px; color: #202020; position: absolute; right: 0; bottom: 5%; } @media print, screen and (min-width: 64em) { .account-edit .form-row.account-optional .form-caption { right: 0; bottom: 5%; } } @media print, screen and (max-width: 39.99875em) { .account-edit .form-row.account-optional .form-caption { position: relative; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .form-row.account-optional.gender .form-caption, .account-edit .form-row.account-optional.phone .form-caption { right: 31%; } } @media print, screen and (min-width: 40em) { .account-edit .form-row.b-password-change { width: 100%; -ms-flex-pack: end; justify-content: flex-end; } .account-edit .form-row.b-password-change .password-changed { -ms-flex-positive: 1; flex-grow: 1; } .account-edit .form-row.b-password-change .password-change-submit { width: 48%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } } @media print, screen and (max-width: 39.99875em) { .account-edit .form-row.b-password-change .password-change-submit { display: contents; } } .account-edit .form-row.error { color: #202020; display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 40em) { .account-edit .form-row span.error { position: absolute; top: 15px; } } .account-edit .form-row span.ss-error ~ .create-password { border-color: #c8102e; } .account-edit .user-info > div { margin: 0; } .account-edit .gender { clear: both; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .gender { width: 69%; } } .account-edit .birthdate { padding-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .account-edit .birthdate { display: block; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .birthdate { clear: both; float: none !important; width: 75%; } } @media print, screen and (min-width: 40em) { .account-edit .birthdate select { padding: 10px; } } .account-edit .birthdate > div { margin-left: 0; margin-right: 0; max-width: 100%; } @media print, screen and (min-width: 40em) { .account-edit .birthdate > div { float: left; } } .account-edit .birthdate > div.birthmonth label span span { font-weight: normal; font-size: 12px; color: #202020; position: absolute; text-transform: none; margin: 1px 0 0 5px; } @media print, screen and (min-width: 64em) { .account-edit .birthdate > div.birthmonth { width: 46%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .birthdate > div.birthmonth { width: 40%; } } .account-edit .birthdate > div.birthmonth .form-caption { display: none; } @media print, screen and (max-width: 39.99875em) { .account-edit .birthdate > div.dob { margin-top: 1.4em !important; } } @media print, screen and (min-width: 40em) { .account-edit .birthdate > div.dob { margin-left: 0.5em; width: 25%; } .account-edit .birthdate > div.dob label:after { content: "\00a0"; } } @media print, screen and (max-width: 39.99875em) { .account-edit .birthdate > div.birthyear { clear: both; } } @media print, screen and (min-width: 40em) { .account-edit .birthdate > div.birthyear { margin-left: 0.5em; width: 25%; } .account-edit .birthdate > div.birthyear label:after { content: "\00a0"; } } .account-edit .birthdate span.error { position: absolute; white-space: nowrap; } .account-edit .birthdate input.-error-pad { margin-top: 20px; } .account-edit .birthdate select.-error-pad { margin-top: 20px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .account-edit .phone { width: 67%; } } .account-edit .newsletter-notif { display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 40em) { .account-edit .newsletter-notif { white-space: nowrap; } } .account-edit .newsletter-notif span { font-weight: 500; } @media print, screen and (min-width: 64em) { .account-edit .newsletter-notif span { white-space: nowrap; } } .account-edit .newsletter-notif .field-wrapper { width: auto !important; } @media print, screen and (min-width: 40em) { .pw-requirements.hide-for-small-only { width: 42%; } } @media print, screen and (min-width: 64em) { .pw-requirements.hide-for-small-only { width: 30%; } } .pw-requirements span { font-weight: 500; font-size: 12px; } /*** Edit Address Modal ***/ .edit_address_form button.apply-button { float: right; } @media print, screen and (max-width: 39.99875em) { .edit_address_form button.apply-button { width: 100%; } } @media print, screen and (min-width: 40em) { .edit_address_form .form-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .edit_address_form .form-row label { margin-right: 1em; } @media print, screen and (min-width: 40em) { .edit_address_form .form-row label { width: auto; } } .edit_address_form .form-row label.error { width: 100%; } .edit_address_form .form-row .field-wrapper { -ms-flex-positive: 1; flex-grow: 1; } .edit_address_form .set-default-cb { margin-top: 1em; display: -ms-flexbox; display: flex; } .edit_address_form .set-default-cb label { width: 100%; } .edit_address_form .set-default-cb .field-wrapper { -ms-flex-positive: 0; flex-grow: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .edit_address_form .set-default-cb .field-wrapper input { min-width: 15px; margin-right: 10px; } } .edit_address_form .form-row-button { margin-top: 1em; } .edit_address_form .apply-button { margin-top: 1em; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .edit_address_form .apply-button.selected, .edit_address_form .apply-button:hover, .edit_address_form .apply-button:active, .edit_address_form .apply-button[value="selected"] { background-color: #333333; color: #ffffff; } #CreditCardForm .enable-input-mask .enable-input-mask__input { color: transparent; } /***** Payment methods styles *****/ .pt_account #CreditCardForm .form-row-button.lrg-right .column, .pt_account #CreditCardForm .form-row-button.lrg-right .columns { margin: 0; } .pt_account #CreditCardForm .expiration-date .form-caption { display: none; } .pt_account #CreditCardForm .expiration-date.error { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pt_account #CreditCardForm .expiration-date.error .form-caption { display: block; } .pt_account #CreditCardForm .error-message { background: none; white-space: nowrap; } .paymentslist .payment-list { margin-left: -1rem; margin-right: -1rem; } .paymentslist .creditcard-tile .creditcard-tile-inner { min-height: 190px; display: block; } @media print, screen and (max-width: 39.99875em) { .paymentslist .creditcard-tile .creditcard-tile-inner { min-height: 150px; } } .paymentslist .creditcard-tile .creditcard-tile-inner:hover { cursor: default; } .paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form { margin-top: 1em; } .paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form button.delete { text-decoration: underline; cursor: pointer; color: #202020; text-transform: uppercase; } @media print, screen and (max-width: 39.99875em) { .paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form button.delete { position: absolute; top: 10px; right: 15px; text-decoration: none; font-size: 16px; } } .paymentslist .creditcard-tile .creditcard-tile-inner .cc-number:before { position: relative; margin-bottom: 1em; bottom: 0; } @media print, screen and (max-width: 39.99875em) { .paymentslist .creditcard-tile .creditcard-tile-inner .cc-number:before { margin-bottom: 0; float: left; margin-right: 10px; } } .paymentslist .credit-card-create { width: auto; color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } @media print, screen and (max-width: 39.99875em) { .paymentslist .credit-card-create { width: 100%; } } .add-credit-card .credit-card-icons .cc-number { display: inline-block; } .column-header { font-size: 40px; margin: 0.4em 0; } .to-previous { background: #e6ddce; padding: 1em; font-weight: 700; margin-top: 1em; } .clear { clear: both !important; } .text-cursor { cursor: text !important; } /* hides the caption span in input/select fields */ .no-caption .form-caption { display: none; } #remove-address, #remove-card { height: auto; min-height: 0; } @media print, screen and (min-width: 64em) { #remove-address, #remove-card { width: 60%; } } #remove-address button:not(.close-button), #remove-card button:not(.close-button) { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } #remove-address button:not(.close-button).selected, #remove-card button:not(.close-button).selected, #remove-address button:not(.close-button):hover, #remove-card button:not(.close-button):hover, #remove-address button:not(.close-button):active, #remove-card button:not(.close-button):active, #remove-address button:not(.close-button)[value="selected"], #remove-card button:not(.close-button)[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { #remove-address button:not(.close-button), #remove-card button:not(.close-button) { margin-top: 1em; width: 100%; } } @media print, screen and (min-width: 40em) { #remove-address button:not(.close-button), #remove-card button:not(.close-button) { margin-left: 2em; margin-top: 2em; } } @media print, screen and (min-width: 40em) { #remove-address p, #remove-card p { margin: 0; } } .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .order-summary-footer .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_cart .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { width: 16px !important; height: 16px !important; top: 36px; } .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox.termsandconditions { top: 30px; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label, .pt_checkorder .order-track-wrapper .login-order-track .user-consent-container .user-consent-label > label { top: 35px; } .order-summary-footer .user-consent-container .user-consent-label > label { top: -8px; } #dwfrm_login .field-wrapper input[type="checkbox"]:checked:before, #RegistrationForm .field-wrapper input[type="checkbox"]:checked:before, #cart-items-form .field-wrapper input[type="checkbox"]:checked:before, .payment-method-expanded .field-wrapper input[type="checkbox"]:checked:before, #EditAddressForm .field-wrapper input[type="checkbox"]:checked:before, #ContactUSForm .field-wrapper input[type="checkbox"]:checked:before, #dwfrm_billing .field-wrapper input[type="checkbox"]:checked:before, .order-summary-footer .field-wrapper input[type="checkbox"]:checked:before, .checkout-shipping.address .field-wrapper input[type="checkbox"]:checked:before, .login-order-track .field-wrapper input[type="checkbox"]:checked:before { background-position: -2px -2px; background-repeat: no-repeat; width: 16px; height: 16px; } .pt_login .wishlist-search-container { max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .pt_login .wishlist-search-container { padding-left: 10px; padding-right: 10px; } } @media print, screen and (min-width: 40em) { .pt_login .wishlist-search-container .wishlist-search .form-row-button button { width: 95%; padding: 10px 40px; } } .list-share { border-top: 1px solid #e6e5e5; padding: 2em; } .list-share .share-option { box-sizing: border-box; display: block; float: left; } .list-share .share-options { text-align: center; margin-bottom: .5rem; font-size: 1.7em; float: left; margin-left: 1rem; } .list-share .share-options .share-title { display: inline; } .list-share .list-title { float: left; } .list-share .share-link { cursor: pointer; } .list-share .share-link-content { display: none; } .list-share .share-link-content.active { display: block; float: left; } .event-info { margin: 1em; } .wishlist-search .form-row, .registry-search .form-row { clear: none; margin: .5rem 0 .5rem 1%; float: left; width: 32.666666667%; } .wishlist-search .form-row:nth-of-type(3n + 1), .registry-search .form-row:nth-of-type(3n + 1) { margin-left: 0; } .wishlist-search .form-row-button, .registry-search .form-row-button { margin-left: 0; } .wishlist-error-message { height: 120px; } @media print, screen and (max-width: 39.99875em) { .wishlist-search .form-row.add-all-btn-wrapper { width: auto; margin-left: 1%; } } #skedgeiframe { width: 100%; height: 900px; border: none; } .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 #ffffff; margin-bottom: -1px; overflow: auto; padding: .83em; } .pt_gift-registry .add-gift-cert p { color: #999; font-style: italic; line-height: 1.5em; } .pt_gift-registry .hdr-options { width: 9%; } .page-content-tab-navigaton button { background-color: #d8d8d8; border-color: #ffffff; border-width: 1px; color: #999; 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 #ffffff; padding: .42em; } .gift-reg-purchases .item-purchased-by dd { float: left; 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 .toggle-content { display: none; } .gift-cert-title { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; } @media print, screen and (min-width: 64em) { .pt_account_full .page-content .collapse { padding-left: 0; } .pt_account_full .primary-content { padding-left: 0; padding-right: 0; } } .gift-cert-poster { border-top: #e6ddce 1px solid; border-bottom: #e6ddce 1px solid; padding: 14px 0; margin-bottom: 2em; } @media print, screen and (min-width: 64em) { .gift-cert-poster { margin-left: 0 !important; margin-right: 0 !important; } } .gift-cert-poster h2 { font-size: 1.5em; text-transform: none; } .gift-cert-poster img { width: 100%; } .gift-cert-poster > div { padding: 0 1em; } @media print, screen and (min-width: 40em) { .gift-cert-poster > div { padding: 0 2em; } } .gift-certificate-purchase { border-bottom: #e6ddce 1px solid; padding-bottom: 3em; margin-bottom: 1em; padding: .83em; } .gift-certificate-purchase .user-consent-container { position: relative; } .gift-certificate-purchase .user-consent-container .user-consent-label > label { position: relative; margin-top: 18px; } .gift-certificate-purchase .user-consent-container .user-consent-label > label a { color: #00f; } .gift-certificate-purchase .user-consent-container .user-consent-input .form-row { float: left; height: 19px; } .gift-certificate-purchase .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .gift-certificate-purchase .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 21px; width: 15px; height: 15px; z-index: 10; border: 1px solid; } .gift-certificate-purchase .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -1px; left: -1px; width: 15px; height: 15px; } @media print, screen and (min-width: 64em) { .gift-certificate-purchase { margin-left: 0 !important; margin-right: 0 !important; } } .gift-certificate-purchase .gift-instruction { margin: 3em 0 1em; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase .gift-instruction { margin-top: 0; } } .gift-certificate-purchase .img-preview { text-align: center; } .gift-certificate-purchase form { padding: 0; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form { padding: 0 1.66em 1.66em; } } .gift-certificate-purchase form .gift-templates select { display: inline-block; font-weight: 700; margin-left: 1em; width: 80%; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .gift-templates select { margin-left: 0; width: 85%; } } .gift-certificate-purchase form .email-label label { display: none; } .gift-certificate-purchase form .cert-amount { margin: 0; width: 100%; } .gift-certificate-purchase form .cert-amount label { width: auto; } .gift-certificate-purchase form .cert-amount .field-wrapper { width: 100%; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .cert-amount .field-wrapper { width: 40%; } } @media print, screen and (min-width: 64em) { .gift-certificate-purchase form .cert-amount .field-wrapper { width: 25%; } } .gift-certificate-purchase form .cert-message { display: block; margin: 1em 0; width: 100%; } .gift-certificate-purchase form .cert-message label { white-space: nowrap; } .gift-certificate-purchase form .cert-message .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .gift-certificate-purchase form .cert-message .field-wrapper .char-count { font-weight: normal; font-size: 13px; -ms-flex-order: 2; order: 2; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .cert-message .field-wrapper .char-count { font-weight: 500; -ms-flex-order: 1; order: 1; position: absolute; right: 0; top: 0; } } .gift-certificate-purchase form .cert-message .field-wrapper textarea { background-color: transparent; border-width: 1px; font-weight: normal; -ms-flex-order: 1; order: 1; width: 100%; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .cert-message .field-wrapper textarea { -ms-flex-order: 2; order: 2; } } .gift-certificate-purchase form button { margin-top: -4px; width: 12em; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .gift-certificate-purchase form .row, .gift-certificate-purchase form .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .gift-certificate-purchase form .content-asset, .gift-certificate-purchase form .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .gift-certificate-purchase form .content-asset { padding: 0 1em; } .gift-certificate-purchase form .form-row { -ms-flex-direction: row; flex-direction: row; max-width: none; padding: 0; } .gift-certificate-purchase form .form-row .field-wrapper { -ms-flex-positive: 1; flex-grow: 1; } .gift-certificate-purchase form .form-row.first { margin: 0; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row.first { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row.first .field-wrapper { margin-right: 1em; } } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row.first .field-wrapper { margin-right: 1em; } } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row.second { padding-left: 0; margin-top: auto; } } .gift-certificate-purchase form .form-row input { font-weight: normal; background-color: transparent; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-certificate-purchase form .form-row input { font-size: 11px; } } .gift-certificate-purchase form .form-row label { width: 17%; } @media print, screen and (max-width: 39.99875em) { .gift-certificate-purchase form .form-row label { margin-top: 0.6em; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-certificate-purchase form .form-row label { width: 30%; } } .gift-certificate-purchase form .form-row-button { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 2em 0 0; width: 100%; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row-button { display: block; -ms-flex-direction: initial; flex-direction: initial; } } .gift-certificate-purchase form .form-row-button button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; width: 100%; } .gift-certificate-purchase form .form-row-button button.selected, .gift-certificate-purchase form .form-row-button button:hover, .gift-certificate-purchase form .form-row-button button:active, .gift-certificate-purchase form .form-row-button button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row-button button { width: 55%; } } .gift-certificate-purchase form .form-row-button a { display: inline; margin-top: 1em; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase form .form-row-button a { margin-left: 2em; margin-top: 0; } } .gift-certificate-purchase ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; } .gift-certificate-purchase ul li { display: inline-block; margin-right: 0.7em; border-bottom: transparent 3px solid; padding-bottom: 0.2em; } .gift-certificate-purchase ul li:hover, .gift-certificate-purchase ul li.active { border-bottom: #202020 3px solid; } .gift-certificate-purchase ul li img { background-color: #081f2c; height: 100%; width: 100%; } .gift-certificate-purchase .cert-amount .form-caption { margin: 1.66em 0 0; position: absolute; width: 40%; } .gift-certificate-purchase .cert-amount.error { padding-bottom: 2.92em; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase .cert-amount .field-wrapper { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } } .gift-certificate-purchase span.error { margin-left: 2%; } .gift-certificate-purchase .e-gift-delivery-details { display: inline-block; margin: 3em 0; text-align: left; } @media print, screen and (min-width: 40em) { .gift-certificate-purchase .e-gift-delivery-details { text-align: center; } } .gift-certificate-purchase .e-gift-delivery-details span { font-weight: 700; } .gift-certificate-purchase-modal { border-bottom: 0; } .gift-certificate-purchase-modal form { padding: 0; } .gift-check-balance { margin: 0 auto; } @media print, screen and (min-width: 64em) { .gift-check-balance { width: 85%; } } @media print, screen and (max-width: 39.99875em) { .gift-check-balance { padding: 0 1em; } } .gift-check-balance h2 { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; font-size: 1.5rem; margin: .625rem 0; } @media print, screen and (min-width: 40em) { .gift-check-balance h2 { font-size: 1.75em; margin: 0 0 14px; } } .gift-check-balance h3 { font-weight: normal; } .check-balance { margin: 0 auto; padding: 0 0 1.66em; } @media print, screen and (min-width: 64em) { .check-balance { width: 85%; } } @media print, screen and (max-width: 39.99875em) { .check-balance { padding: 0 1em; } } .check-balance input { background-color: transparent; } .check-balance .row, .check-balance .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .check-balance .content-asset, .check-balance .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .check-balance .content-asset { width: 100%; margin: 0; } .check-balance .gift-cert-id { margin: 0 0 0 1em; width: 100%; } @media print, screen and (min-width: 40em) { .check-balance .gift-cert-id { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 35%; } } @media print, screen and (min-width: 64em) { .check-balance .gift-cert-id { width: 45%; } } @media print, screen and (max-width: 39.99875em) { .check-balance .gift-cert-id { margin: 0; } } .check-balance .gift-cert-id label { width: auto; } .check-balance .gift-cert-id .field-wrapper { -ms-flex-positive: 1; flex-grow: 1; } .check-balance .gift-cert-pin { width: 100%; margin-top: 1em; } @media print, screen and (min-width: 40em) { .check-balance .gift-cert-pin { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 2em 0 1em; width: 18%; } } @media print, screen and (min-width: 64em) { .check-balance .gift-cert-pin { margin: 0 2em; } } .check-balance .gift-cert-balance-submit { width: 100%; margin-top: auto; padding-bottom: .5rem; } @media print, screen and (min-width: 40em) { .check-balance .gift-cert-balance-submit { width: auto; } } @media print, screen and (max-width: 39.99875em) { .check-balance .gift-cert-balance-submit { text-align: center; padding-top: 2em; } } .check-balance .gift-cert-balance-submit button { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } .check-balance .gift-cert-balance-submit button:hover { background-color: #202020; border-color: #202020; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .check-balance .gift-cert-balance-submit button { width: 100%; } } .gift-cert-balance { float: left; width: 40%; } .gift-cert-balance input { margin-top: 0; width: 93%; } .gift-cert-balance .form-caption { margin-left: 0; } .gift-cert-balance .label { display: none; } .gift-certificate-purchase.edit-modal { border-bottom: 0px; } .checkoutlogin, .account-registration, .login-wrapper, .pt_checkorder .order-track-wrapper, .pt_customer-service .primary-content .contact-form-wrapper { margin: 2.5rem auto; border: 1px #081f2c solid; padding: 36px 20px; } @media print, screen and (min-width: 40em) { .checkoutlogin, .account-registration, .login-wrapper, .pt_checkorder .order-track-wrapper, .pt_customer-service .primary-content .contact-form-wrapper { padding: 5rem; margin: 1rem auto; } } .checkoutlogin .user-consent-container, .account-registration .user-consent-container, .login-wrapper .user-consent-container, .pt_checkorder .order-track-wrapper .user-consent-container, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container { position: relative; } .checkoutlogin .user-consent-container .user-consent-label > label, .account-registration .user-consent-container .user-consent-label > label, .login-wrapper .user-consent-container .user-consent-label > label, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label { position: relative; padding-bottom: 30px; top: 26px; white-space: inherit; font-size: 12px; } .checkoutlogin .user-consent-container .user-consent-label > label a, .account-registration .user-consent-container .user-consent-label > label a, .login-wrapper .user-consent-container .user-consent-label > label a, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-label > label a, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label a { color: #00f; } .checkoutlogin .user-consent-container .user-consent-input .form-row, .account-registration .user-consent-container .user-consent-input .form-row, .login-wrapper .user-consent-container .user-consent-input .form-row, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row { float: left; height: 3px; } .checkoutlogin .user-consent-container .user-consent-input .form-row .field-wrapper > span, .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper > span, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .checkoutlogin .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .account-registration .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .login-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_checkorder .order-track-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 30px; width: 15px; height: 15px; z-index: 10; margin-right: 10px !important; } .checkoutlogin .form-row label, .account-registration .form-row label, .login-wrapper .form-row label, .pt_checkorder .order-track-wrapper .form-row label, .pt_customer-service .primary-content .contact-form-wrapper .form-row label { width: auto; white-space: nowrap; } .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { font-size: 14px; text-align: center; margin: 20px auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { max-width: 75%; margin: 20px auto 0; } } @media print, screen and (min-width: 64em) { .checkoutlogin .guest-checkout-user-consent, .account-registration .guest-checkout-user-consent, .login-wrapper .guest-checkout-user-consent, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent { max-width: 66.666%; margin: 20px auto 0; font-size: inherit; } } .checkoutlogin .guest-checkout-user-consent a, .account-registration .guest-checkout-user-consent a, .login-wrapper .guest-checkout-user-consent a, .pt_checkorder .order-track-wrapper .guest-checkout-user-consent a, .pt_customer-service .primary-content .contact-form-wrapper .guest-checkout-user-consent a { color: #00f; } .checkoutlogin input[type=email], .account-registration input[type=email], .login-wrapper input[type=email], .pt_checkorder .order-track-wrapper input[type=email], .pt_customer-service .primary-content .contact-form-wrapper input[type=email] { height: 50px; } .checkoutlogin input[type=text], .account-registration input[type=text], .login-wrapper input[type=text], .pt_checkorder .order-track-wrapper input[type=text], .pt_customer-service .primary-content .contact-form-wrapper input[type=text] { height: 50px; } .checkoutlogin .checkoutlogin-wrapper, .account-registration .checkoutlogin-wrapper, .login-wrapper .checkoutlogin-wrapper, .pt_checkorder .order-track-wrapper .checkoutlogin-wrapper, .pt_customer-service .primary-content .contact-form-wrapper .checkoutlogin-wrapper { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; } @media print, screen and (max-width: 39.99875em) { .checkoutlogin .checkoutlogin-wrapper, .account-registration .checkoutlogin-wrapper, .login-wrapper .checkoutlogin-wrapper, .pt_checkorder .order-track-wrapper .checkoutlogin-wrapper, .pt_customer-service .primary-content .contact-form-wrapper .checkoutlogin-wrapper { -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: 100%; } } #emailcheck { margin: 10px auto; max-width: 100%; width: auto; min-height: 40px; display: block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } #emailcheck.selected, #emailcheck:hover, #emailcheck:active, #emailcheck[value="selected"] { background-color: #333333; color: #ffffff; } #emailcheck + .disabled-btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; display: none; } #emailcheck[disabled] + .disabled-btn { display: block; } #dwfrm_login .recaptcha-caption a { color: #00f; } .checkoutlogin-wrapper #dwfrm_login .recaptcha-caption { font-weight: normal; } .checkoutlogin .login-box .checkout-login-oauth, .account-registration .login-box .checkout-login-oauth, .login-wrapper .login-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_customer-service .primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .registration-box .checkout-login-oauth, .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 20px 0; margin-top: 20px; border: 1px solid #ccc; border-width: 1px 0; } .checkoutlogin .login-box h3, .account-registration .login-box h3, .login-wrapper .login-box h3, .pt_checkorder .order-track-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .account-registration .registration-box h3, .login-wrapper .registration-box h3, .pt_checkorder .order-track-wrapper .registration-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { margin: 0; text-align: center; font-size: 25px; font-size: 1.5625rem; line-height: 28px; line-height: 1.75rem; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box h3, .account-registration .login-box h3, .login-wrapper .login-box h3, .pt_checkorder .order-track-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .account-registration .registration-box h3, .login-wrapper .registration-box h3, .pt_checkorder .order-track-wrapper .registration-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { font-size: 36px; font-size: 2.25rem; line-height: 40px; line-height: 2.5rem; } } .checkoutlogin .login-box p, .account-registration .login-box p, .login-wrapper .login-box p, .pt_checkorder .order-track-wrapper .login-box p, .pt_customer-service .primary-content .contact-form-wrapper .login-box p, .account-registration .registration-box p, .login-wrapper .registration-box p, .pt_checkorder .order-track-wrapper .registration-box p, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p { margin: 1em 0; text-align: center; font-size: 16px; } .checkoutlogin .login-box p.recaptcha-caption, .account-registration .login-box p.recaptcha-caption, .login-wrapper .login-box p.recaptcha-caption, .pt_checkorder .order-track-wrapper .login-box p.recaptcha-caption, .pt_customer-service .primary-content .contact-form-wrapper .login-box p.recaptcha-caption, .account-registration .registration-box p.recaptcha-caption, .login-wrapper .registration-box p.recaptcha-caption, .pt_checkorder .order-track-wrapper .registration-box p.recaptcha-caption, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p.recaptcha-caption { text-align: left; } .checkoutlogin .login-box p.recaptcha-caption a, .account-registration .login-box p.recaptcha-caption a, .login-wrapper .login-box p.recaptcha-caption a, .pt_checkorder .order-track-wrapper .login-box p.recaptcha-caption a, .pt_customer-service .primary-content .contact-form-wrapper .login-box p.recaptcha-caption a, .account-registration .registration-box p.recaptcha-caption a, .login-wrapper .registration-box p.recaptcha-caption a, .pt_checkorder .order-track-wrapper .registration-box p.recaptcha-caption a, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p.recaptcha-caption a { color: #00f; } .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 0 -20px; padding: 36px 20px; border-top: 1px #202020 solid; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 54px -20px 0; } } .checkoutlogin .login-box #password-reset, .account-registration .login-box #password-reset, .login-wrapper .login-box #password-reset, .pt_checkorder .order-track-wrapper .login-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .login-box #password-reset, .account-registration .registration-box #password-reset, .login-wrapper .registration-box #password-reset, .pt_checkorder .order-track-wrapper .registration-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #password-reset { font-size: 14px; color: #081f2c; text-align: right; } .checkoutlogin .login-box #login, .account-registration .login-box #login, .login-wrapper .login-box #login, .pt_checkorder .order-track-wrapper .login-box #login, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login, .account-registration .registration-box #login, .login-wrapper .registration-box #login, .pt_checkorder .order-track-wrapper .registration-box #login, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login { margin: 40px auto 10px; width: 100%; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .checkoutlogin .login-box #login.selected, .account-registration .login-box #login.selected, .login-wrapper .login-box #login.selected, .pt_checkorder .order-track-wrapper .login-box #login.selected, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login.selected, .account-registration .registration-box #login.selected, .login-wrapper .registration-box #login.selected, .pt_checkorder .order-track-wrapper .registration-box #login.selected, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login.selected, .checkoutlogin .login-box #login:hover, .account-registration .login-box #login:hover, .login-wrapper .login-box #login:hover, .pt_checkorder .order-track-wrapper .login-box #login:hover, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login:hover, .account-registration .registration-box #login:hover, .login-wrapper .registration-box #login:hover, .pt_checkorder .order-track-wrapper .registration-box #login:hover, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login:hover, .checkoutlogin .login-box #login:active, .account-registration .login-box #login:active, .login-wrapper .login-box #login:active, .pt_checkorder .order-track-wrapper .login-box #login:active, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login:active, .account-registration .registration-box #login:active, .login-wrapper .registration-box #login:active, .pt_checkorder .order-track-wrapper .registration-box #login:active, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login:active, .checkoutlogin .login-box #login[value="selected"], .account-registration .login-box #login[value="selected"], .login-wrapper .login-box #login[value="selected"], .pt_checkorder .order-track-wrapper .login-box #login[value="selected"], .pt_customer-service .primary-content .contact-form-wrapper .login-box #login[value="selected"], .account-registration .registration-box #login[value="selected"], .login-wrapper .registration-box #login[value="selected"], .pt_checkorder .order-track-wrapper .registration-box #login[value="selected"], .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login[value="selected"] { background-color: #333333; color: #ffffff; } .checkoutlogin .login-box #guestcheckout, .account-registration .login-box #guestcheckout, .login-wrapper .login-box #guestcheckout, .pt_checkorder .order-track-wrapper .login-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .login-box #guestcheckout, .account-registration .registration-box #guestcheckout, .login-wrapper .registration-box #guestcheckout, .pt_checkorder .order-track-wrapper .registration-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #guestcheckout { margin: 20px auto 10px; width: 100%; } .checkoutlogin .login-box .user-recognized, .account-registration .login-box .user-recognized, .login-wrapper .login-box .user-recognized, .pt_checkorder .order-track-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .account-registration .registration-box .user-recognized, .login-wrapper .registration-box .user-recognized, .pt_checkorder .order-track-wrapper .registration-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin-top: 40px; padding-top: 40px; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized h3, .account-registration .login-box .user-recognized h3, .login-wrapper .login-box .user-recognized h3, .pt_checkorder .order-track-wrapper .login-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized h3, .account-registration .registration-box .user-recognized h3, .login-wrapper .registration-box .user-recognized h3, .pt_checkorder .order-track-wrapper .registration-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized h3 { font-size: 24px; } } .checkoutlogin .login-box .user-recognized .reset-password-link, .account-registration .login-box .user-recognized .reset-password-link, .login-wrapper .login-box .user-recognized .reset-password-link, .pt_checkorder .order-track-wrapper .login-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized .reset-password-link, .account-registration .registration-box .user-recognized .reset-password-link, .login-wrapper .registration-box .user-recognized .reset-password-link, .pt_checkorder .order-track-wrapper .registration-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized .reset-password-link { text-align: center; } .checkoutlogin .login-box .form-row-button.align-center .column, .account-registration .login-box .form-row-button.align-center .column, .login-wrapper .login-box .form-row-button.align-center .column, .pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .column, .account-registration .registration-box .form-row-button.align-center .column, .login-wrapper .registration-box .form-row-button.align-center .column, .pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .column, .checkoutlogin .login-box .form-row-button.align-center .columns, .account-registration .login-box .form-row-button.align-center .columns, .login-wrapper .login-box .form-row-button.align-center .columns, .pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .columns, .account-registration .registration-box .form-row-button.align-center .columns, .login-wrapper .registration-box .form-row-button.align-center .columns, .pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .columns { margin: 0 auto; position: relative; padding: 0; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .form-row-button .medium-7, .account-registration .login-box .form-row-button .medium-7, .login-wrapper .login-box .form-row-button .medium-7, .pt_checkorder .order-track-wrapper .login-box .form-row-button .medium-7, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button .medium-7, .account-registration .registration-box .form-row-button .medium-7, .login-wrapper .registration-box .form-row-button .medium-7, .pt_checkorder .order-track-wrapper .registration-box .form-row-button .medium-7, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button .medium-7 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } } .login-rememberme { display: -ms-flexbox; display: flex; margin-left: .5em; } .login-oauth p:first-child { font-size: 2em; text-align: center; margin: 0; text-transform: uppercase; } #OAuthProvider { display: block; margin-bottom: 1em; width: 80%; } @media print, screen and (min-width: 40em) { .login-wrapper { padding: 80px 80px 40px; } } @media print, screen and (max-width: 63.99875em) { .login-wrapper { padding: 20px; } } .login-wrapper .error-form { text-align: center; margin-top: 20px; } .login-wrapper .error-form.captcha-error { padding: 0 50px; } .login-wrapper .reset-password-link { text-align: center; text-decoration: underline !important; width: 100%; } .login-wrapper .login-box-content .login-oauth { margin-top: 20px; } .login-wrapper .create-new-account { text-align: center; padding: 2em 0 0.5em; border-top: 1px #767676 solid; margin-top: 40px; } .login-wrapper .create-new-account p { line-height: normal; margin: 0; font-size: 24px; } .login-wrapper .create-new-account a { max-width: 320px; margin: 20px auto; width: 100%; display: inline-block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 16px 40px; } .login-wrapper .create-new-account a.selected, .login-wrapper .create-new-account a:hover, .login-wrapper .create-new-account a:active, .login-wrapper .create-new-account a[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .login-wrapper .create-new-account a { font-size: 16px; font-size: 1rem; padding: 12px; } } .login-wrapper .form-row-button { max-width: 360px; margin: 0 auto; border: none; } .login-wrapper .form-row-button #login { margin: 0 auto 10px; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 16px 40px; } .login-wrapper .form-row-button #login.selected, .login-wrapper .form-row-button #login:hover, .login-wrapper .form-row-button #login:active, .login-wrapper .form-row-button #login[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .login-wrapper .form-row-button #login { font-size: 16px; font-size: 1rem; padding: 12px; } } .login-wrapper .login-account input[type=password] { height: initial; } .account-registration input[type=email], .login-wrapper input[type=email], .pt_checkorder .order-track-wrapper input[type=email], .account-registration input[type=text], .login-wrapper input[type=text], .pt_checkorder .order-track-wrapper input[type=text] { height: initial; } .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin-left: -20px; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin: 1rem 0 -1rem 1.7rem; display: inline-block; } } @media print, screen and (min-width: 40em) and (max-width: 77.5em) { .pt_cart #primary.primary-content a[data-id="link-checkout-login-back-to-cart"] { margin-left: 1rem; } } .pt_cart #primary.primary-content .checkoutlogin, .pt_cart #primary.primary-content .account-registration, .pt_cart #primary.primary-content .login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper { padding: 2rem 1.25rem; border: none; background-color: #faf9f9; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin, .pt_cart #primary.primary-content .account-registration, .pt_cart #primary.primary-content .login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper { padding: 0rem 1.25rem; } } .pt_cart #primary.primary-content .checkoutlogin.guest-checkout-disabled, .pt_cart #primary.primary-content .guest-checkout-disabled.account-registration, .pt_cart #primary.primary-content .guest-checkout-disabled.login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .guest-checkout-disabled.order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .guest-checkout-disabled.order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .guest-checkout-disabled.contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .guest-checkout-disabled.contact-form-wrapper { padding: 1rem 0 1rem 1.25rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin.guest-checkout-disabled, .pt_cart #primary.primary-content .guest-checkout-disabled.account-registration, .pt_cart #primary.primary-content .guest-checkout-disabled.login-wrapper, .pt_cart #primary.primary-content .pt_checkorder .guest-checkout-disabled.order-track-wrapper, .pt_checkorder .pt_cart #primary.primary-content .guest-checkout-disabled.order-track-wrapper, .pt_cart .pt_customer-service #primary.primary-content .guest-checkout-disabled.contact-form-wrapper, .pt_customer-service .pt_cart #primary.primary-content .guest-checkout-disabled.contact-form-wrapper { padding: 1rem 1.25rem; } } .pt_cart #primary.primary-content .checkoutlogin .login-box .login-box-content, .pt_cart #primary.primary-content .account-registration .login-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .login-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .account-registration .registration-box .login-box-content, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .registration-box .login-box-content, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .login-box-content { padding: 0 2rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .login-box .login-box-content, .pt_cart #primary.primary-content .account-registration .login-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .login-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .login-box-content, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .account-registration .registration-box .login-box-content, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .login-wrapper .registration-box .login-box-content, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .login-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .login-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .login-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .login-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .login-box-content { padding: 0; } } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 1.25rem 0 2rem; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:not(.login-sr), .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:not(.login-sr), .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:not(.login-sr), .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:not(.login-sr), .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:not(.login-sr), .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:not(.login-sr) { height: 1px; -ms-flex: 0 0 27%; flex: 0 0 27%; background-color: #ccc; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:first-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:first-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:first-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:first-child, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:first-child, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:first-child, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:first-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:first-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:first-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:first-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:first-child { margin-right: auto; } .pt_cart #primary.primary-content .checkoutlogin .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .account-registration .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .login-wrapper .login-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .social-login-separater span:last-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .social-login-separater span:last-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:last-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .social-login-separater span:last-child, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .account-registration .registration-box .social-login-separater span:last-child, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .login-wrapper .registration-box .social-login-separater span:last-child, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .social-login-separater span:last-child, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .social-login-separater span:last-child, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .social-login-separater span:last-child, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:last-child, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .social-login-separater span:last-child { margin-left: auto; } .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { margin: 0; border: none; padding: 0 32px; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 0; } .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth .login-sr, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr { font-size: 14px; } } @media only screen and (max-width: 330px) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth .login-sr, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth .login-sr, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth .login-sr, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth .login-sr { font-size: 13px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .pt_cart #primary.primary-content .checkoutlogin .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .login-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .login-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .login-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .login-box .checkout-login-oauth, .account-registration .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .account-registration .registration-box .checkout-login-oauth, .login-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .login-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .order-track-wrapper .pt_cart #primary.primary-content .checkoutlogin .registration-box .checkout-login-oauth, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .registration-box .checkout-login-oauth, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .registration-box .checkout-login-oauth, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .registration-box .checkout-login-oauth { padding: 0; } } .pt_cart #primary.primary-content .checkoutlogin .passwordless-login-modal, .pt_cart #primary.primary-content .account-registration .passwordless-login-modal, .pt_cart #primary.primary-content .login-wrapper .passwordless-login-modal, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .passwordless-login-modal, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .passwordless-login-modal, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .passwordless-login-modal, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .passwordless-login-modal { font-weight: 600; } .pt_cart #primary.primary-content .checkoutlogin .guest-box, .pt_cart #primary.primary-content .account-registration .guest-box, .pt_cart #primary.primary-content .login-wrapper .guest-box, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box { border-left: 1px solid #ccc; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset { border-left: none; margin: -1rem 0; padding-right: 0; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset { display: none; } } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content { padding-right: 0; height: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset { height: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .account-registration .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .login-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box.guest-box-content-asset .guest-box-content .content-asset img { display: inline-block; height: 100%; width: 100%; } .pt_cart #primary.primary-content .checkoutlogin .guest-box .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content { padding: 0 2rem; } @media print, screen and (max-width: 39.99875em) { .pt_cart #primary.primary-content .checkoutlogin .guest-box, .pt_cart #primary.primary-content .account-registration .guest-box, .pt_cart #primary.primary-content .login-wrapper .guest-box, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box { border-left: none; } .pt_cart #primary.primary-content .checkoutlogin .guest-box .guest-box-content, .pt_cart #primary.primary-content .account-registration .guest-box .guest-box-content, .pt_cart #primary.primary-content .login-wrapper .guest-box .guest-box-content, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .guest-box .guest-box-content, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .guest-box .guest-box-content, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .guest-box .guest-box-content { padding: 3rem 0 0.5rem; } } .pt_cart #primary.primary-content .checkoutlogin .grecaptcha-badge, .pt_cart #primary.primary-content .account-registration .grecaptcha-badge, .pt_cart #primary.primary-content .login-wrapper .grecaptcha-badge, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .grecaptcha-badge, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .grecaptcha-badge, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .grecaptcha-badge, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .grecaptcha-badge { bottom: 70px !important; opacity: 0; } @media print, screen and (min-width: 40em) { .pt_cart #primary.primary-content .checkoutlogin .grecaptcha-badge, .pt_cart #primary.primary-content .account-registration .grecaptcha-badge, .pt_cart #primary.primary-content .login-wrapper .grecaptcha-badge, .pt_cart #primary.primary-content .pt_checkorder .order-track-wrapper .grecaptcha-badge, .pt_checkorder .pt_cart #primary.primary-content .order-track-wrapper .grecaptcha-badge, .pt_cart .pt_customer-service #primary.primary-content .contact-form-wrapper .grecaptcha-badge, .pt_customer-service .pt_cart #primary.primary-content .contact-form-wrapper .grecaptcha-badge { bottom: 60px !important; } } .pt_cart #primary.primary-content #dwfrm_login #guestcheckout { margin: 1rem 0 0; } .pt_cart #primary.primary-content #dwfrm_login .checkout-header-text { font-family: inherit; text-align: left; font-weight: 600; font-size: 36px; margin: 1rem 0 0; } .pt_cart #primary.primary-content #dwfrm_login .checkout-header-text + p { text-align: left; } .pt_cart #primary.primary-content #dwfrm_login .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .pt_cart #primary.primary-content #dwfrm_login .border-input .field-wrapper span.error { margin: 3px 0 10px; } .pt_cart #primary.primary-content #dwfrm_login .border-input .input[type=email], .pt_cart #primary.primary-content #dwfrm_login .border-input input[type=password] { height: 50px; } .pt_cart #primary.primary-content #dwfrm_login button[type="submit"] { font-weight: 600; } .pt_cart #primary.primary-content #dwfrm_login button[name="dwfrm_login_register"] { text-decoration: underline; cursor: pointer; font-weight: 400; color: #202020; } .pass-modal-overlay { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-color: rgba(32, 32, 32, 0.45); display: none; width: 100%; height: 100%; padding: 1em; pointer-events: auto; } .menu-utility-content .login-box-content .password-less-login-modal .form-row { padding: 0; } .menu-utility-content .content-link-container .button.passwordless-login-modal { padding: 10px 35px; width: 100%; } @media print, screen and (min-width: 40em) { .menu-utility-content { max-height: 82vh; overflow-y: auto; } } .password-less-login-modal { background: #ffffff; width: 600px; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1006; position: fixed; padding: 30px; } .password-less-login-modal .submit-passwordless-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .password-less-login-modal .submit-passwordless-button.selected, .password-less-login-modal .submit-passwordless-button:hover, .password-less-login-modal .submit-passwordless-button:active, .password-less-login-modal .submit-passwordless-button[value="selected"] { background-color: #333333; color: #ffffff; } .password-less-login-modal .submit-passwordless-button:hover { background-color: #ffffff; color: #202020; } .password-less-login-modal .submit-passwordless-button:disabled { background-color: #8a8a8a; } .password-less-login-modal .submit-passwordless-button:focus { outline-offset: 2px; } .password-less-login-modal .request-passwordless-login-title { font-size: 22px; margin-bottom: 20px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .password-less-login-modal .passwordless-login-form .pwd-form-Error, .password-less-login-modal .passwordless-form .pwd-form-Error { text-align: left; } .password-less-login-modal .passwordless-login-form .border-input .field-wrapper, .password-less-login-modal .passwordless-form .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .password-less-login-modal .modal-title, .password-less-login-modal .send-passwordless-email-btn { text-align: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .password-less-login-modal .form-content .request-passwordless-login-body { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202020; padding: 0 10px; } @media print, screen and (min-width: 40em) { .password-less-login-modal .form-content .request-passwordless-login-body { padding: 0; } } .password-less-login-modal .form-content .request-passwordless-login-body .form-field-required { margin-left: 0; text-align: left; text-transform: uppercase; font-size: 1rem; } .password-less-login-modal #dwfrm_login_username-error { color: #990000; } .password-less-login-modal .form-group { margin-bottom: 20px; } .password-less-login-modal .form-group .sr-only { display: none; visibility: hidden; } .password-less-login-modal button[disabled] .submit-passwordless-button { background-color: #504949; border-color: #504949; opacity: 0.5; } .password-less-login-modal .pwd-form-Error { border: none; background: none; color: #990000; font-weight: normal; } .password-less-login-modal .pwd-form-Error .sign-up { color: #990000; text-decoration: underline; } .pass-less-divider { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 35px; } .menu-utility-content .passwordless-login-modal { font-size: 14px; margin-bottom: 0; } .menu-utility-content .pass-less-divider { margin: 10px 0 0 0; } .btn-passwordless { text-align: center; margin-bottom: 15px; } .login-box-content .btn-passwordless { margin-top: 15px; width: 100%; } .modal-passless-open { overflow: hidden; pointer-events: none; } .passless-button { text-transform: none; background: transparent; border: none; color: #202020; padding: 0px; text-decoration: underline; } .passwordless-login-modal { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; margin-bottom: 25px; } .passwordless-login-modal.selected, .passwordless-login-modal:hover, .passwordless-login-modal:active, .passwordless-login-modal[value="selected"] { background-color: #333333; color: #ffffff; } .bottom-banner-container { overflow: hidden; } .bottom-banner-container .bottom-banner-cell { float: left; overflow: hidden; text-align: center; } .bottom-banner-container .banner-cell-1 { width: 33%; } .bottom-banner-container .banner-cell-2 { width: 34%; } .bottom-banner-container .banner-cell-3 { width: 33%; } #wrapper.pt_categorylanding .regimen-primary { width: 100%; } body.is-reveal-open.unfix-reveal { overflow: auto; } #QuickViewDialog { display: none; } .regimen-primary #QuickViewDialog { position: relative; top: auto !important; left: auto !important; } #QuickViewDialog .close-button { position: absolute; right: 10px; top: 10px; } #QuickViewDialog .modal-body { max-height: inherit; } #QuickViewDialog .image-zoom, #QuickViewDialog .product-thumbnails { display: none; } #QuickViewDialog .top-rule { border-top: none; } #QuickViewDialog .pdp-main .product-base-info, #QuickViewDialog .pdp-main .pdp-action-area { background-color: #ffffff; border: 6px solid #050505; } #QuickViewDialog .pdp-main .product-base-info { border-bottom: none; } #QuickViewDialog .pdp-main .pdp-action-area { border-top: none; } #QuickViewDialog .pdp-main .product-add-to-cart button { background-color: #7f6f64; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; } #QuickViewDialog .product-base-info p { font-size: 20px; font-size: 1.25rem; line-height: 24px; line-height: 1.5rem; } #QuickViewDialog .product-base-info p, #QuickViewDialog .product-base-info .product-promo, #QuickViewDialog .product-base-info .promotion { text-align: left; } #QuickViewDialog .product-base-info .promotion { margin: 20px 0; } .category-banner { position: relative; } .category-banner img { display: block; width: 100%; } .regimen-tiles { border-top: 3px solid #050505; } .regimen-tiles:before { content: ""; width: 100%; display: block; } .regimen-tiles h2 { text-align: center; font-size: 40px; font-size: 2.5rem; line-height: 46px; line-height: 2.875rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } @media print, screen and (max-width: 39.99875em) { .regimen-tiles { background-color: #ffffff; } } @media print, screen and (min-width: 40em) { .regimen-tiles { background: #ffffff url(../images/regimen-bg-shadow.png) repeat-x center 225px; } } .regimen-tile .product-tile { box-shadow: none; text-align: center; background-color: transparent; display: block; } .regimen-tile .product-tile .product-name { font-size: 20px; font-size: 1.25rem; font-weight: normal; display: block; min-height: initial; margin-top: 0; } .regimen-tile .product-tile .product-name:before { content: ""; display: block; height: 1px; width: 52px; margin: 0 auto 15px; background-color: #998578; } .regimen-tile h4 { font-size: 28px; font-size: 1.75rem; line-height: 34px; line-height: 2.125rem; color: #706258; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; margin-bottom: 10px; } .regimen-tile h3 { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif !important; font-weight: normal; color: #706258; font-size: 20px; font-size: 1.25rem; line-height: 20px; line-height: 1.25rem; margin: 20px 0; } .regimen-tile .name-link { padding: 0; display: block; } .regimen-tile .product-pricing { display: none; } @media print, screen and (max-width: 39.99875em) { .regimen-tile .product-tile { padding-top: 130px; position: relative; } .regimen-tile h4 { margin: 0; position: absolute; top: 10px; left: 0; right: 0; } .regimen-tile .name-link { position: absolute; top: 56px; left: 0; right: 0; } } .search-add-to-cart { background-color: #ffffff; border-top: 3px solid #050505; position: relative; } .search-add-to-cart:before { content: ""; width: 100%; display: block; position: absolute; top: 2px; left: 0; right: 0; } .search-add-to-cart .row, .search-add-to-cart .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .search-add-to-cart .content-asset, .search-add-to-cart .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .search-add-to-cart .content-asset { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .search-add-to-cart h3 { font-size: 32px; font-size: 2rem; line-height: 38px; line-height: 2.375rem; color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .search-add-to-cart button[type="submit"] { color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 24pxpx; line-height: 1.5rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; color: #ffffff; background-color: #081f2c; } @media print, screen and (max-width: 39.99875em) { .search-add-to-cart { padding: 30px 0; } .search-add-to-cart h3 { font-size: 24px; font-size: 1.5rem; text-align: center; margin-top: 0; } .search-add-to-cart button[type="submit"] { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; padding: 12px 20px; margin: 0 auto; display: inline-block; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .search-add-to-cart { padding: 50px 0; } .search-add-to-cart h3 { font-size: 18px; font-size: 1.125rem; } .search-add-to-cart button[type="submit"] { font-size: 14px; font-size: 0.875rem; line-height: 16px; line-height: 1rem; padding: 10px 20px; height: 36px; margin-left: 58px; } } @media print, screen and (min-width: 64em) { .search-add-to-cart { padding: 58px 0; } .search-add-to-cart button[type="submit"] { padding: 25px 50px; margin-left: 100px; height: 76px; } } .hero__background, .ingrid-img-wrapper, .hero__media, .section__image { position: relative; } .ingrid-img-wrapper .play-pause-button { left: 25%; top: 50%; } @media print, screen and (max-width: 39.99875em) { .ingrid-img-wrapper .play-pause-button { left: 50%; top: 25%; } } .play-pause-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border: none; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition: background-color 0.3s; } .play-pause-button:hover { background-color: rgba(0, 0, 0, 0.8); } .play-pause-button svg { fill: #ffffff; } .play-pause-button .icon-play { display: none; } .play-pause-button .icon-pause { display: block; } .store-locator-header { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; font-size: 1.75em; font-style: italic; font-weight: 400; margin: 20px 0 0; padding: 20px 0; } .store-information { background: none repeat scroll 0 0 #d8d8d8; border-bottom: 1px solid #ffffff; } .store-name { font-weight: bold; margin: 0 0 10px; } .store-map { border-bottom: 1px solid #d8d8d8; } .store-locator-details { float: left; width: 44%; } .store-locator-details img { max-width: 100%; } .store-locator-details h1, .store-locator-details p { margin: 0.25em 0; } .store-locator-details-map { float: right; width: 50%; } .store-locator-details-map img { max-width: 100%; } .pt_brandify #locatoriframe { width: 100%; } .regimen-desc-addtobag { width: 100%; } .regimen-desc-addtobag .regimen-header-goldbg { display: -ms-flexbox; display: flex; font-family: inherit; } @media print, screen and (max-width: 39.99875em) { .regimen-desc-addtobag .regimen-header-goldbg { margin-bottom: 5px; font-family: inherit; } } .regimen-desc-addtobag .regimen-addall-message { float: right; margin-right: 0px !important; } @media print, screen and (max-width: 39.99875em) { .regimen-desc-addtobag .regimen-addall-message { float: none; } } @media print, screen and (max-width: 39.99875em) { .regimen-desc-addtobag .regimen-addtocart { width: 100%; } } .regim-inner-wrap { -ms-flex-align: end !important; align-items: end !important; } @media print, screen and (max-width: 39.99875em) { .regim-inner-wrap .regimen-header-button-section { display: block !important; width: 100%; } } @media print, screen and (max-width: 39.99875em) { .addall-message { display: block !important; } } .regimen-emailsend { float: right; } @media only screen and (min-device-width: 768px) and (max-device-width: 960px) { .regimen-header-button-section { width: 100% !important; } } @media print, screen and (max-width: 39.99875em) { .regimen-header-button-section > a { width: 100%; margin-left: 0px !important; margin-bottom: 5px; } } @media print, screen and (max-width: 39.99875em) { .regimen-grid__header-title { display: block !important; } } .js .loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .js .loader-bg { position: absolute; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.7; } .js .loader-indicator { z-index: 100; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; background: url("../images/loading-small.gif") no-repeat; } #search-suggestions { position: absolute; top: 66px; left: 0; right: 0; } #search-suggestions.new-search-suggestions { top: 90px; } @media print, screen and (min-width: 40em) { #search-suggestions { left: -5%; right: -5%; } } .new-search-suggestions { width: 98.5%; margin: auto; } .new-search-suggestions .search-suggestion-wrapper { border-top: 1px solid #e6ddce; } .search-suggestion-wrapper { background-color: #ffffff; border: 0; padding-bottom: 1em; position: absolute; margin-top: 0; width: 100%; z-index: 101; left: 0; right: 0; max-height: 70vh; overflow-x: hidden; overflow-y: auto; } @media print, screen and (max-width: 39.99875em) { .search-suggestion-wrapper { padding: 0 12px; max-height: calc(100vh - 320px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper { width: 100%; margin-top: 6px; border-bottom: 1px solid #e6ddce; z-index: 98; } .search-suggestion-wrapper .product-suggestions { margin: 0 2em; } } .search-suggestion-wrapper h4 { font-size: 14px; font-size: 0.875rem; margin-top: 2.18rem; color: #202020; text-transform: uppercase; } .search-suggestion-wrapper .hitgroup { color: #666; margin-bottom: 1.8rem; position: relative; } .search-suggestion-wrapper .hitgroup:nth-of-type(1) .flyout-close-btn { display: none; } @media print, screen and (max-width: 39.99875em) { .search-suggestion-wrapper .hitgroup:nth-of-type(1) .flyout-close-btn { display: inline-block; position: absolute; right: 0; } .search-suggestion-wrapper .hitgroup:nth-of-type(1) .flyout-close-btn .icon-close { font-weight: 700; } } .search-suggestion-wrapper .hitgroup:nth-of-type(1) .flyout-close-btn:focus { outline: 2px dotted #000; } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper .hitgroup { margin-bottom: 2.18rem; } .search-suggestion-wrapper .hitgroup .hit { font-size: 15px; font-size: 0.9375rem; } } .search-suggestion-wrapper .hitgroup .header { margin: 0 0 .5rem; } .search-suggestion-wrapper .hitgroup .hit { display: block; margin-bottom: .5rem; } .search-suggestion-wrapper .hitgroup .hit:hover { text-decoration: underline; } .search-suggestion-wrapper .hitgroup .parent-category { color: #202020; } .search-suggestion-wrapper .search-suggestion-container { margin: 0 auto; max-width: 77.5rem; width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper .search-suggestion-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .search-suggestion-wrapper .search-suggestion-container { padding-right: 0; padding-left: 0; } } .phrase-suggestions { margin-top: 1rem; } @media screen and (min-width: 768px) { .phrase-suggestions { border-top: none; margin-top: 2.18rem; } } .product-suggestion { margin-bottom: 1.25rem; } .product-suggestion a.product-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-suggestion a.product-link:hover { text-decoration: underline; } .product-suggestion .product-image { max-width: 65px; overflow: hidden; margin-right: 15px; } .product-suggestion .product-image img { width: 100%; max-width: 65px; } @media print, screen and (min-width: 40em) { .product-suggestion .product-details { font-size: 15px; font-size: 0.9375rem; } } .product-suggestion .product-details .product-price { color: #202020; } .search-phrase { color: #999; } .search-phrase .completed { font-style: italic; } .search-phrase .completed .original { text-decoration: underline; font-weight: bold; } .search-phrase .corrected { font-weight: bold; } .search-suggestions { display: none; } .search-suggestions.search-active { display: block; width: 580px; position: relative; float: right; } @media print, screen and (max-width: 39.99875em) { .search-suggestions.search-active { margin-top: -13px; width: 100%; } } .search-suggestions.search-active .search-suggestion-wrapper { width: 100%; top: 15px; border-bottom: none; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .search-suggestions.search-active .search-suggestion-wrapper { top: 52px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } } @media print, screen and (min-width: 64em) { .search-suggestions.search-active .search-suggestion-wrapper { top: 54px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin: auto; } @media print, screen and (max-width: 39.99875em) { .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .content-asset { width: 100%; } } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches { position: relative; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches > h3 { text-transform: uppercase; font-size: 16px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches > ul { padding: 0; margin-bottom: 0; margin-top: 20px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches > ul li { list-style: none; list-style-type: none; margin-bottom: 6px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches > ul li > a { font-size: 16px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches .flyout-close-btn { display: none; } @media print, screen and (max-width: 39.99875em) { .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches .flyout-close-btn { display: inline-block; position: absolute; right: 0; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches .flyout-close-btn .icon-close { font-weight: 700; } } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .top-serches .flyout-close-btn:focus { outline: 2px dotted #000; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-right: 0; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container > h3 { font-size: 16px; margin-bottom: 0; margin-top: 16px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion { max-width: 100%; width: 100%; -ms-flex: none; flex: none; margin-bottom: 0px; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-link { -ms-flex-align: start; align-items: start; } @media print, screen and (min-width: 40em) { .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-link { margin-top: 10px; } } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-image { max-width: none; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-image img { max-width: none; } @media print, screen and (min-width: 40em) { .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container { -ms-flex: 3; flex: 3; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-image { -ms-flex: 1; flex: 1; } .search-suggestions.search-active .search-suggestion-wrapper .search-suggestion-container > .product-suggestions .flyout-container .product-suggestion .product-details { -ms-flex: 2; flex: 2; padding-top: 15px; } } @media print, screen and (min-width: 40em) { .search-suggestions.search-suggestions-US { width: 75% !important; } } @media print, screen and (max-width: 39.99875em) { .search-suggestions.search-suggestions-US .product-suggestions .flyout-container > h3 { margin-bottom: 15px; } } @media only screen and (min-width: 640px) and (max-width: 820px) { .search-suggestions.search-suggestions-US .product-suggestions .flyout-container > h3 { height: 32px; } } .search-suggestions.search-suggestions-US .product-suggestions .flyout-container .bv-rating-wrapper { margin-top: 8px; } @media print, screen and (max-width: 39.99875em) { .search-suggestions.search-suggestions-US .product-suggestions .flyout-container .product-suggestion { margin-bottom: 25px; } } .foundation-product { text-align: center; padding: 0px 15px; position: relative; /*.foun-desc { @include breakpoint(small only) { padding-top: 15px; } }*/ } .foundation-product .mobile-foundation-header { display: none; } @media print, screen and (max-width: 39.99875em) { .foundation-product .mobile-foundation-header { display: block; background: #cebc9e; color: #fff; font-style: italic; } } @media print, screen and (max-width: 39.99875em) { .foundation-product .foun-image { width: 50%; float: left; } } @media print, screen and (max-width: 39.99875em) { .foundation-product .foun-image img { position: relative; top: 50%; transform: translateY(-50%); } } @media print, screen and (max-width: 39.99875em) { .foundation-product .foun-desc { width: 50%; float: left; padding: 25px 29px 25px 0; } } @media print, screen and (max-width: 39.99875em) { .foundation-product { padding: 0; border: 1px solid #cebc9e; position: relative; background-image: url(../images/foundation-background.jpg); } } @media print, screen and (max-width: 39.99875em) { .foundation-product img { float: left; } } .foundation-product h4 { color: #cebc9e; margin: 8px; font-weight: 100; } @media print, screen and (max-width: 39.99875em) { .foundation-product h4 { line-height: 1; font-size: 16px; margin: 4px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .foundation-product h4 { line-height: 1; font-size: 11px; margin: 4px; } } #slider2 { width: 800px; } .steps-2 { border: 1px solid transparent; /*follows #slider2 style for sizing purposes */ width: 800px; position: relative; height: 30px; } .tick { border: 1px solid transparent; /*follows slide handle style for sizing purposes*/ position: absolute; width: 1.2em; margin-left: -.6em; text-align: center; left: 0; } .desktop-foundation-header { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .desktop-foundation-header { display: block; } } .foundation-block-ui { border: 1px solid #cebc9e; position: relative; background-image: url(../images/foundation-background.jpg); } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .foundation-block-ui { border: none; position: relative; background-image: none; } } .foundation-block-ui .desktop-foundation-header { display: block; padding: 10px 0px; } @media print, screen and (max-width: 39.99875em) { .foundation-block-ui .desktop-foundation-header { display: none; } } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .foundation-block-ui .desktop-foundation-header { display: block; padding: 0px; } } .foundation-block-ui:after, .foundation-block-ui:before { content: ""; display: block; position: absolute; left: 42%; width: 0; height: 0; border-style: solid; transform: rotate(-90deg); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .foundation-block-ui:after, .foundation-block-ui:before { left: 36%; } } @media print, screen and (max-width: 39.99875em) { .foundation-block-ui:after, .foundation-block-ui:before { display: none; } } @media only screen and (max-width: 767px) { .foundation-block-ui:after, .foundation-block-ui:before { display: none; } } @media print, screen and (max-width: 39.99875em) { #foundation-slider { padding-left: 5%; padding-right: 5%; } } @media print, screen and (min-width: 64em) { #foundation-slider { padding-bottom: 15px; } } #foundation-slider ul { margin: 0; padding: 0; } #foundation-slider li.recommendation-item { margin: 0; padding: 12px 0 10px; list-style: none; float: left; width: 33%; } @media print, screen and (max-width: 39.99875em) { #foundation-slider li.recommendation-item { padding: 12px; } } #foundation-slider .slick-prev { margin-top: -45px; } #foundation-slider .slick-prev:before { content: ""; display: block; background-image: url(../images/sprite.png); background-position: 0px -56px; width: 20px; height: 51px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #foundation-slider .slick-prev:before { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } #foundation-slider .slick-next { margin-top: -45px; } #foundation-slider .slick-next:before { content: ""; display: block; background-image: url(../images/sprite.png); background-position: -91px 0px; width: 20px; height: 51px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #foundation-slider .slick-next:before { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } #foundation-slider .product-review { font-size: 10px; } /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */ .foundation-block-ui:after { top: -46px; border-color: transparent transparent transparent #fcfafa; border-width: 23px; } /* this border color controlls the outside, thin border */ .foundation-block-ui:before { top: -47px; border-color: transparent transparent transparent #cebc9e; border-width: 23px; } .foundation-products-block { padding-top: 35px; } @media print, screen and (max-width: 39.99875em) { .foundation-products-block { margin: 0 !important; } } @media print, screen and (max-width: 39.99875em) { .foundation-products-block ul { display: none !important; } } .foundation-products-block .slick-next { margin-top: 0px !important; } @media print, screen and (max-width: 39.99875em) { .foundation-products-block .slick-next { right: 18px; top: 62px; padding-right: 17px; height: 73%; } } .foundation-products-block .slick-prev { margin-top: 0px !important; } @media print, screen and (max-width: 39.99875em) { .foundation-products-block .slick-prev { left: 19px; top: 62px; padding-left: 17px; height: 73%; } } .desktop-foundation-heading { margin-top: 60px; } @media print, screen and (max-width: 39.99875em) { .desktop-foundation-heading { display: none; } } .desktop-foundation-heading h1 { font-size: 48px; } @media print, screen and (min-width: 40em) { .mobile-foundation-heading { display: none; } } .mobile-foundation-heading h1 { font-size: 40px; padding: 0px 15px; } .foundation-sliderbar-block .foundation-header > span { font-size: 20px; } @media print, screen and (max-width: 39.99875em) { .foundation-sliderbar-block .foundation-header { display: none; } } .foundation-sliderbar-block .foundation-header .Full { float: right; } @media print, screen and (max-width: 39.99875em) { .foundation-sliderbar-block { display: none; } } @media only screen and (max-width: 767px) { .foundation-sliderbar-block { display: none; } } .foundation-sliderbar-block .foundation-input-slider-bar { background: #cebc9e; border-radius: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 0.3em; } .foundation-sliderbar-block .foundation-input-slider-bar .foundation-slidebar-input { width: 87%; background: none; height: 2em; border: none; top: -21px; } .foundation-sliderbar-block .foundation-input-slider-bar .foundation-slidebar-input .foundation-slider-dragger { border-radius: 10px; top: 8px; background: transparent; width: 150px; margin-left: -95px; border: none; } .foundation-products-block { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .foundation-products-block .foundation-product { max-width: 100%; -ms-flex: 1; flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (max-width: 39.99875em) { .foundation-products-block .foundation-product .mylink { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 40em) { .foundation-block-ui a:before { content: " "; display: block; width: 30px; height: 30px; background-color: #cebc9e; margin: 0 auto; border-radius: 50%; top: -55px; left: 3px; position: relative; border: 5px solid #fcfafa; } } .js .ui-dialog-content { overflow: initial; } .js .ui-dialog-content .product-col-1 { padding: 13px 1%; width: 39%; } .js .ui-dialog-content .product-col-1 .product-image { max-width: 100%; } .js .ui-dialog-content .product-col-2 { padding: 20px 0; width: 58%; } .js .ui-dialog-content .pdp-main .product-set-list { height: 500px; } .js .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; width: 100%; } .js .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333; font-size: 12px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; border: 1px solid #ccc; background-color: #ffffff; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; *width: 100px; *height: 49px; } .js .zoomPup { overflow: hidden; background-color: #ffffff; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #ccc; z-index: 101; cursor: crosshair; } .js .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #ffffff; z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .js .zoomWindow { position: absolute; left: 110%; top: 40px; background: #ffffff; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .js .zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; } .js .zoomWrapperTitle { display: block; background: #999; color: #ffffff; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .js .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .js .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .js .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.8; opacity: 0.8; position: absolute; display: block; } .quickview-nav .quickview-next { float: right; } .storefront h2 { text-transform: none; margin: 20px 0 5px; font-size: 20px; } @media print, screen and (min-width: 64em) { .storefront h2 { font-size: 24px; margin: 20px 0 5px; } } .storefront .link { font-weight: 700; text-decoration: underline; text-transform: uppercase; font-size: 14px; } .storefront #homepage-hero { list-style: none; margin-bottom: 20px; margin-top: 0; width: 100%; overflow: hidden; } @media print, screen and (max-width: 63.99875em) { .storefront #homepage-hero { padding: 0; } } .storefront #homepage-hero:after { content: ""; display: block; width: 100%; background: #f4dfbb; height: 2px; margin-top: 2px; } .storefront #homepage-hero .slick-list { border-bottom: 3px solid #050505; } .storefront #homepage-hero .hero-slide img { width: 100%; } @media print, screen and (min-width: 40em) { .storefront #homepage-hero { max-height: 493px; } } .storefront #homepage-hero .slick-next { right: 1rem; } .storefront #homepage-hero .slick-prev { left: 1rem; } .storefront #homepage-hero li { list-style: none; } .storefront #homepage-hero li .row, .storefront #homepage-hero li .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .storefront #homepage-hero li .content-asset, .storefront #homepage-hero li .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .storefront #homepage-hero li .content-asset { margin: 0; } .storefront #homepage-hero .featured-details { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; font-size: 21px; } .storefront #homepage-hero .featured-details h2 { font-size: 32px; line-height: .9em; margin-bottom: 15px; margin-top: 0.5em; } @media print, screen and (min-width: 40em) { .storefront #homepage-hero .featured-details h2 { font-size: 45px; margin-top: 60px; } } @media print, screen and (min-width: 64em) { .storefront #homepage-hero .featured-details h2 { font-size: 55px; margin-top: 100px; margin-bottom: 15px; line-height: 65px; } } @media screen and (min-width: 75em) { .storefront #homepage-hero .featured-details h2 { font-size: 76px; margin-top: 125px; margin-bottom: 15px; line-height: 79px; } } .storefront #homepage-hero .featured-details p { margin: 0 0 15px; padding: 0; font-size: 14px; } @media print, screen and (min-width: 64em) { .storefront #homepage-hero .featured-details p { font-size: 21px; } } .storefront #homepage-hero .featured-details .button.text-only { color: #081f2c; float: left; font-size: 14px; text-transform: uppercase; display: inherit; margin: 0 0 15px; padding: 0; } @media print, screen and (min-width: 64em) { .storefront #homepage-hero .featured-details .button.text-only { font-size: 21px; } } .storefront #homepage-hero .slick-dots { bottom: 1em; position: absolute; margin: 5px 0; } .storefront .recommendations { padding: 0; } .storefront .recommendations .carousel-recommendations { border-top-width: 0; } .storefront .recommendations .carousel-recommendations.before-load { overflow: hidden; max-height: 500px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .storefront .feature-articles a { font-size: 12px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .storefront .feature-articles p { font-size: 12px; } } .storefront .feature-articles .main-article { position: relative; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .main-article a { color: #ffffff; } } .storefront .feature-articles .main-article h3 { font-size: 2em; } .storefront .feature-articles .main-article img { width: 100%; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .main-article img { float: left; } } @media print, screen and (min-width: 64em) { .storefront .feature-articles .main-article img { width: 98%; } } .storefront .feature-articles .main-article .main-article-details { padding: .5em; font-size: 20px; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .main-article .main-article-details { color: #ffffff; padding: 1em 5em 1em 3em; position: absolute; margin-top: 0; } } @media print, screen and (min-width: 64em) { .storefront .feature-articles .main-article .main-article-details { padding-right: 150px; line-height: auto; font-size: 16px; } } .storefront .feature-articles .main-article .main-article-details h3 { margin-top: 0; font-size: 20px; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .main-article .main-article-details h3 { font-size: 1.5em; margin-top: auto; } } @media print, screen and (min-width: 64em) { .storefront .feature-articles .main-article .main-article-details h3 { font-size: 44px; line-height: 41px; margin: 60px 0 15px; } } .storefront .feature-articles .main-article .main-article-details p, .storefront .feature-articles .main-article .main-article-details a { font-size: 14px; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .main-article .main-article-details p, .storefront .feature-articles .main-article .main-article-details a { font-size: 14px; } } .storefront .feature-articles .consultation { border-bottom: #202020 thin solid; padding-bottom: 2em; margin: 2.5em 0 0; position: relative; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .consultation { padding-bottom: 1.5em; margin: 0; } } .storefront .feature-articles .consultation .consultation-details { bottom: 1em; padding: 0 2.5em 2.5em; position: absolute; text-align: center; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .storefront .feature-articles .consultation .consultation-details { top: 4.5em; padding: 0 1em; } } .storefront .feature-articles .consultation .consultation-details h3 { font-size: 22px; line-height: 25px; margin-bottom: 0.2em; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .consultation .consultation-details h3 { font-size: 2.06em; line-height: 1.1em; } } .storefront .feature-articles .consultation .consultation-details p { margin: 1em 0 1.2em; font-size: 14px; line-height: 18px; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .consultation .consultation-details p { font-size: 16px; line-height: 20px; } } .storefront .feature-articles .inline-ad { border-bottom: #202020 thin solid; padding: 0.5em 3em; text-align: center; } @media print, screen and (min-width: 40em) { .storefront .feature-articles .inline-ad { padding: 0.5em 2em; } } @media print, screen and (min-width: 64em) { .storefront .feature-articles .inline-ad { padding-top: 0; padding: 0.5em 3em; } } .storefront .feature-articles .inline-ad h3 { margin: 0.5em 0 0; line-height: 1; font-size: 2em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .storefront .feature-articles .inline-ad h3 { font-size: 1.15em; } } .storefront .feature-articles .inline-ad a { padding-top: 1em; color: #081f2c !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .storefront .feature-articles .column.small-12.top-border, .storefront .feature-articles .small-12.top-border.columns { max-width: none; } .storefront .feature-articles .row, .storefront .feature-articles .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .storefront .feature-articles .content-asset, .storefront .feature-articles .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .storefront .feature-articles .content-asset { width: 100%; } } .storefront .sub-feature-article { list-style: none; margin: 20px 0 0; padding: 0 0 30px; font-size: 14px; } .storefront .sub-feature-article .slick-dots li { margin: 0 3px; } .storefront .sub-feature-article .sub-feature-article-container { width: 100%; } .storefront .sub-feature-article .sub-feature-article-container img { width: 100%; } .storefront .sub-feature-article .sub-feature-article-container .featured-details p, .storefront .sub-feature-article .sub-feature-article-container .featured-details a { font-size: 14px; } .storefront .sub-feature-article .sub-feature-article-container .featured-details p.feature-description, .storefront .sub-feature-article .sub-feature-article-container .featured-details a.feature-description { margin: 0; } @media print, screen and (min-width: 40em) { .storefront .sub-feature-article .sub-feature-article-container .featured-details p, .storefront .sub-feature-article .sub-feature-article-container .featured-details a { font-size: 16px; font-size: 1rem; } } .storefront .sub-feature-article .slick-dots { bottom: 2em; } .storefront .sub-feature-article img.slide-image { width: 100%; } .storefront .feature-tips { padding-top: 2.5em; } .storefront .feature-tips h2 { font-size: 20px; margin-top: 20px; } @media print, screen and (min-width: 40em) { .storefront .feature-tips h2 { font-size: 2em; margin-top: 0.5em; } } .storefront .feature-tips .main-tip { border-bottom: #202020 thin solid; padding-bottom: 2.5em; } @media print, screen and (min-width: 40em) { .storefront .feature-tips .main-tip { border-bottom: 0; } .storefront .feature-tips .main-tip a { font-size: 16px; } } .storefront .feature-tips .main-tip img { width: 100%; } .storefront .feature-tips .main-tip a { font-size: 14px; } .storefront .feature-tips .tutorial { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 2em; } .storefront .feature-tips .tutorial.top { border-bottom: #202020 thin solid; margin-bottom: 2.2em; } @media print, screen and (min-width: 40em) { .storefront .feature-tips .tutorial { padding-top: 0; } } @media print, screen and (min-width: 64em) { .storefront .feature-tips .tutorial { padding-top: 0; } } .storefront .feature-tips .tutorial > * { width: 100%; } .storefront .feature-tips .tutorial h3 { font-size: 1.2em; line-height: 1.1em; margin: 1em 0 0; -ms-flex-order: 1; order: 1; } @media print, screen and (min-width: 40em) { .storefront .feature-tips .tutorial h3 { -ms-flex-order: initial; order: initial; font-size: 18px; margin: 0; } } .storefront .feature-tips .tutorial p { -ms-flex-order: 1; order: 1; } @media print, screen and (min-width: 40em) { .storefront .feature-tips .tutorial p { -ms-flex-order: initial; order: initial; margin-top: 0; } } @media print, screen and (min-width: 64em) { .storefront .feature-tips .tutorial p { margin-top: 1em; } } .storefront .store-cursor { font-weight: 700; } .storefront .store-cursor:before { content: "\e909"; font-family: "icomoon" !important; font-size: 1.2em; font-weight: normal; padding-right: 0.3em; } #homepage-slider { position: relative; overflow: hidden; width: 100%; } #homepage-slider .jcarousel-control { bottom: 0.5rem; right: 0.5rem; position: absolute; } #homepage-slider .jcarousel-control a { background: none repeat scroll 0 0 #d8d8d8; border: 1px solid #ccc; display: block; float: left; height: 24px; margin: 0 3px; opacity: .5; text-indent: -999em; width: 24px; } #homepage-slider .jcarousel-control a.active { background-color: #666; } #homepage-slider .jcarousel-control a:hover { background-color: #666; opacity: .7; } .right-image-hero-bg-one, .right-image-hero-bg-two, .right-image-hero-bg-three, .right-image-hero-bg-four, .right-image-hero-bg-five, .right-image-hero-bg-six { background-repeat: no-repeat; background-size: cover; background-position: 0 !important; height: 100%; max-width: 610px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .homepage-container h3, .homepage-container .big-text { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; } .homepage-container p { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .homepage-container p a { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; } .content-sections h3, .content-sections .big-text, .pt_categorylanding #main h3, .pt_categorylanding #main .big-text { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .synactif-bottom h3, .synactif-bottom .big-text, .synactif-bottom2 h3, .synactif-bottom2 .big-text { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif !important; } .ui-dialog #listings-nav { float: right; margin-top: 2%; } .ui-dialog #listings-nav a { cursor: pointer; display: inline-block; margin: 0 5px; } .ui-dialog #listings-nav a.active { font-weight: bold; } .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: 20px 0; } .availability-web label { float: none; } .availability-web p { margin: 0; } .availability-web .availability-novariation { color: #999; font-style: italic; } .availability-storepickup .availability-instore, .availability-storepickup .availability-web { background-color: #d8d8d8; padding: 1rem; } .availability-storepickup .availability-web { float: none; } .availability-storepickup .availability-instore { margin-bottom: 1rem; } .in-stock-msg, .is-in-stock, [data-status="store-in-stock"] { color: #202020; font-weight: 700; } .not-available-msg, .in-stock-date-msg, .not-available, .out-of-stock, .store-error { color: #333333; } .on-order, .preorder-msg, .backorder-msg { color: #333333; font-weight: normal; } #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 #ccc; 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: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; } .multishipprogress div, .multishipprogress .step-3 { display: inline; padding: 1em; } .multishipprogress .step-4 { padding-right: 0; } .multishipaddressestable { margin: 9px 0px 20px; width: 706px; } .multi-ship-shipments-table { margin: 0 0 20px; width: 706px; } .multi-ship-shipments-table .section-header { font-size: 10px; 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 #999; 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 #ffffff; } .hide { display: none; } .show { display: block; } .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-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%; } @media screen and (max-width: 767px) { img { max-width: 100%; } .tooltip { font-size: .9em; } .form-field-tooltip { float: none; margin: 0 0 10px 5px; width: auto; } .ui-dialog { max-width: 98%; } .ui-dialog .ui-dialog-content { height: auto !important; overflow: visible; } .col-1, .col-2 { float: none; width: 100%; } .scrollable { height: auto; } .scrollable li { float: left; } .scrollable li a { border: 1px solid #d9d9d9; border-radius: 6px; display: block; padding: .2em .8em; } #header { height: auto; padding: 1% 1% 30px; } #header .primary-logo { float: left; position: relative; top: auto; width: 65%; } #header .primary-logo img { max-width: 100%; } .mini-cart-content { max-width: 220px; } #quickviewbutton { display: none !important; } ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .search-result-options { margin: .5em 0; } .search-result-options .items-per-page { display: none; } .search-result-options .pagination { margin: 0; } .search-result-options .pagination .results-hits { display: none; } .wide-tiles .product-tile .product-image { width: 41%; } .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .pr_stars, .wide-tiles .product-tile .product-swatches { float: right; } .wide-tiles .product-tile .product-name h2 { margin-top: 0px; } .product-tile .product-swatches .swatch img { height: 2em; width: 2em; } .product-listing-1x4 ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .product-compare, .compareitems { display: none; } .pt_product-details .primary-content { padding-bottom: 68px; } .pt_product-details .breadcrumb .last { display: none; } #product-nav-container { bottom: 0; width: 100%; } #product-nav-container div { width: 60px; } #product-nav-container div.product-next { float: right; } #product-nav-container .divided span { border: 0; } .sizinginformation { padding: 0; } .sizinginformation th { font-weight: normal; padding: 0 0 0 2px; } .sizinginformation td { background: #ffffff; padding: 5px; text-align: center; } .sizinginformation .sizechart { padding: 0 !important; } .ui-dialog .ui-dialog-content { padding: 2rem; } .pt_cart #secondary { display: none; } .checkout-progress-indicator { clear: both; font-size: .8em; margin-bottom: 3%; position: relative; overflow: hidden; text-align: left; top: auto; } .checkout-progress-indicator div { padding: 0 2%; } .order-summary-footer h2 { width: 50%; } .place-order-totals .order-totals-table { width: 100%; } .payment-method-options { padding: 0; } .payment-method-options .form-row { width: 100%; } .payment-method-options .form-row label { float: left; margin: 0; padding: 0 0 0 1em; width: 150px; } .payment-method-options .form-row .input-radio { margin: 0; } .pt_order-confirmation .item-list th { display: none; } .pt_order-confirmation .item-list td { float: left; padding: 1em 0; width: 98%; } .pt_order-confirmation .item-list .order-totals-table td { float: left; width: 48%; } .pt_order-confirmation .order-shipment-table th { display: none; } .pt_order-confirmation .order-shipment-table td { font-size: .9em; box-sizing: border-box; float: left; } .pt_order-confirmation .order-shipment-table .line-item-details { width: 70%; } .pt_order-confirmation .order-shipment-table .line-item-quantity { width: 10%; } .pt_order-confirmation .order-shipment-table .line-item-price { width: 20%; } .pt_order-confirmation .order-shipment-table .order-shipment-details { border: none; width: 100%; } .pt_order-confirmation .order-shipment-table .scrollable { height: auto; } .pt_order-confirmation .order-shipment-table .scrollable li { float: left; } .pt_order-confirmation .order-shipment-table .scrollable li a { border: 1px solid #d9d9d9; border-radius: 6px; display: block; padding: .2em .8em; } .pt_order-confirmation .order-shipment-table #header { height: auto; padding: 1% 1% 30px; } .pt_order-confirmation .order-shipment-table #header .primary-logo { float: left; position: relative; top: auto; width: 65%; } .pt_order-confirmation .order-shipment-table #header .primary-logo img { max-width: 100%; } .pt_order-confirmation .order-shipment-table .mini-cart-content { max-width: 220px; } .pt_order-confirmation .order-shipment-table #quickviewbutton { display: none !important; } .pt_order-confirmation .order-shipment-table ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .pt_order-confirmation .order-shipment-table .product-tile { height: auto !important; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-image { width: 41%; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-pricing, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-promo, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .pr_stars, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-swatches { float: right; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name h2 { margin-top: 0px; } .pt_order-confirmation .order-shipment-table .product-tile .product-swatches .swatch img { height: 2em; width: 2em; } .pt_order-confirmation .order-shipment-table .product-listing-1x4 ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .pt_order-confirmation .order-shipment-table .product-compare, .pt_order-confirmation .order-shipment-table .compareitems { display: none !important; } .pt_order-confirmation .order-shipment-table .pt_product-details .primary-content { padding-bottom: 68px; } .pt_order-confirmation .order-shipment-table .pt_product-details .breadcrumb .last { display: none; } .pt_order-confirmation .order-shipment-table #product-nav-container { bottom: 0; width: 100%; } .pt_order-confirmation .create-new-registry { overflow: hidden; } .pt_order-confirmation .create-new-registry p { display: none; } .pt_order-confirmation .checkout-progress-indicator { clear: both; font-size: .8em; margin-bottom: 3%; position: relative; overflow: hidden; text-align: left; top: auto; } .pt_order-confirmation .checkout-progress-indicator div { padding: 0 2%; } .pt_order-confirmation .order-summary-footer h2 { width: 50%; } .pt_order-confirmation .place-order-totals .order-totals-table { width: 100%; } .pt_order-confirmation .payment-method-options { padding: 0; } .pt_order-confirmation .payment-method-options .form-row { width: 100%; } .pt_order-confirmation .payment-method-options .form-row label { float: left; margin: 0; padding: 0 0 0 1em; width: 150px; } .pt_order-confirmation .payment-method-options .form-row .input-radio { margin: 0; } .pt_order-confirmation .pt_order-confirmation .item-list th { display: none; } .pt_order-confirmation .pt_order-confirmation .item-list td { float: left; padding: 1em 0; width: 98%; } .pt_order-confirmation .pt_order-confirmation .item-list .order-totals-table td { float: left; width: 48%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table th { display: none; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table td { font-size: .9em; box-sizing: border-box; float: left; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-details { width: 70%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-quantity { width: 10%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-price { width: 20%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .order-shipment-details { border: none; width: 100%; } .pt_order-confirmation .order-history-header button { font-size: 1em; padding: .25em; } .pt_order-confirmation .page-content-tab-navigaton button { width: 100%; } .pt_order-confirmation .pt_gift-registry .add-gift-cert p { width: 100%; } .pt_order-confirmation .pt_gift-registry .create-new-registry { overflow: hidden; } .pt_order-confirmation .pt_gift-registry .create-new-registry p { display: none; } .pt_order-confirmation .pt_gift-registry .item-list { width: 98%; } .pt_order-confirmation .pt_gift-registry .item-list th { display: none; } .pt_order-confirmation .order-shipment-table .section-header { font-size: .9em !important; padding: .3em; } .pt_order-confirmation table.item-list .section-header, .pt_order-confirmation .order-shipment-table .section-header { background-image: none; } .pt_order-confirmation table.item-list .item-image, .pt_order-confirmation table.item-list .item-details, .pt_order-confirmation table.item-list .item-availability, .pt_order-confirmation table.item-list .item-dashboard { display: inline-block; } .pt_order-confirmation table.item-list .item-image { width: 30%; } .pt_order-confirmation table.item-list .item-details { width: 50%; } .pt_order-confirmation table.item-list .item-availability, .pt_order-confirmation table.item-list .item-dashboard { width: 97%; } .pt_order-confirmation table.item-list .delete-registry { text-align: center; } .pt_order-confirmation .list-table-header { padding: 1em !important; } .pt_order-confirmation .list-table-header .button { display: block; margin: 20px 0; width: 196px; } .pt_order-confirmation .list-table-header p { display: none; } .pt_order-confirmation .list-table-header button { display: block; width: 260px; } .pt_order-confirmation .product-tile .product-image { height: auto; } .pt_order-confirmation #email-alert-signup { margin: 0; width: 100%; } .pt_order-confirmation #email-alert-signup label { text-align: center; width: 100%; } .pt_order-confirmation #email-alert-signup input [type="text"] { float: none; margin: 0; width: 50%; } .pt_order-confirmation #email-alert-signup input[type="image"] { float: none; vertical-align: bottom; } .pt_order-confirmation .facebook-registration { left: -3px; position: relative; width: 100.7% !important; } .pt_order-confirmation .facebook-registration iframe { position: relative; width: 100.7% !important; } } @media screen and (min-width: 480px) and (max-width: 767px) { .product-tile .pr_stars { left: 40px; } .wide-tiles .product-tile .product-name h2 { margin-top: 10px; } .wide-tiles .product-tile .product-image { width: 38%; } .facebook-registration { left: 0px; position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget { position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget span { position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100% !important; } #preferred-store-panel input[type="text"] { width: 49.5966%; } } @media screen and (min-width: 768px) and (max-width: 959px) { .primary-focus .primary-content { width: 540px; } .primary-focus #secondary { width: 190px; } .html-slot-container img, .bottom-banner-cell img { max-width: 100%; } .ui-dialog { max-width: 98%; } .ui-dialog .ui-dialog-content { height: auto !important; overflow: visible; } .scrollable { height: auto; } .mini-cart-total-label { display: none; } ul.search-result-items .new-row { clear: none; } ul.search-result-items .grid-tile { width: 41.5%; } table .section-header { font-size: 1em !important; } #compare-table td .product-tile { width: 79px; } .pt_gift-registry .add-gift-cert p { width: auto; } #cart-table .item-user-actions { width: 72px; } #cart-table .item-total .promo-adjustment { width: 77px; } .home-bottom-right .product-tile { min-height: 0; } #email-alert-signup { margin: 0; width: 100%; } #email-alert-signup label { float: none; display: block; text-align: center; width: 100%; } #email-alert-signup input[type="text"] { width: 73%; } .facebook-registration { left: 0px; position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget { position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget span { position: relative; width: 100% !important; } .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100% !important; } .mini-cart-item-word span { display: none; } } @media screen and (max-width: 480px) { #preferred-store-panel input[type="text"] { width: 49.5966%; } } @media print, screen and (max-width: 63.99875em) { #quickviewbutton { display: none !important; } } @media print { .pt_order-confirmation #mini-cart, .pt_order-confirmation .menu-utility-user, .pt_order-confirmation .menu-utility, .pt_order-confirmation .header-banner, .pt_order-confirmation #navigation { display: none; } } .no-hits-header { color: #706258; font-weight: 300; font-size: 50px; padding: 44px 0 32px !important; margin-left: -5px !important; } .no-hits-search button[type="submit"], .error-page-search button[type="submit"] { padding: 15px 0px 14px 10px !important; margin: 0 0 0 -4px; } .no-hits-search .search-label, .error-page-search .search-label { display: inline-block; } .no-hits-search .field-button-container, .error-page-search .field-button-container { display: inline-block; border: 1px solid #cebc9e; background-color: #ffffff; } .no-hits-search .field-button-container button, .error-page-search .field-button-container button { width: 13%; } .no-hits-search .field-button-container button[type="submit"], .error-page-search .field-button-container button[type="submit"] { border: none; } .no-hits-search .field-button-container input, .error-page-search .field-button-container input { border: none; } @media screen and (max-width: 39.9375em) { .no-hits-search .field-button-container, .error-page-search .field-button-container { width: 100%; } .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: 80%; } } @media print, screen and (min-width: 40em) { .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: 80%; } } @media print, screen and (min-width: 64em) { .no-hits-search .field-button-container, .error-page-search .field-button-container { width: calc(41% - 1px); } .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: calc(87% - 1px); } } .nohits-suggestion-wrapper .top-10-wrapper ul { padding-left: 0px; } .nohits-suggestion-wrapper .top-10-wrapper ul li { list-style: none; } .nohits-suggestion-wrapper .top-10-wrapper ul li a { text-decoration: underline; } .nohits-suggestion-wrapper .top-10-wrapper ul li a:hover { text-decoration: none; } @media print, screen and (min-width: 40em) { .nohits-suggestion-wrapper .field-button-container { width: 75%; } } @media print, screen and (min-width: 64em) { .nohits-suggestion-wrapper .field-button-container { width: 35%; } .nohits-suggestion-wrapper .search-tips-wrapper { width: 59%; padding-left: 0px; display: inline-block; } .nohits-suggestion-wrapper .help-chat-wrapper { width: 39%; display: inline-block; vertical-align: top; } } .did-you-mean-wrapper #primary { display: inline-block; float: left; } .did-you-mean-wrapper #secondary { padding-left: 0px; border-right: none !important; display: inline-block; float: left; } .did-you-mean-wrapper #secondary .refinement-header { display: none; } .category-tab-links { width: 100%; } .category-tab-links select { width: 100%; } .category-tab-links.tutorial { padding-bottom: 20px; } @media screen and (max-width: 39.9375em) { .category-tab-links { text-align: center; } } .category-tab-links ul { width: 100%; padding: 0px; margin-bottom: 4.125rem; } .category-tab-links ul li { list-style: none; display: inline-block; font-size: 22px; padding-right: 50px; } .category-tab-links ul li a { padding-bottom: 12px !important; } .category-tab-links ul li a:hover { border-bottom: 3px solid #050505; } .category-tab-links ul li a:active { border-bottom: 3px solid #050505; } .category-tab-links ul li a.highlighted { border-bottom: 3px solid #050505; } .category-tab-links ul li a.no-link-tab:hover { cursor: default; border-bottom: 3px solid #081f2c; } .category-tab-links select { width: 80%; } @media print, screen and (max-width: 39.99875em) { .search-text-wrapper { text-align: center; } } .search-text-wrapper .suggested-phrase { color: #081f2c; } @media screen and (max-width: 39.9375em) { .search-result-options { text-align: center; } } @media print, screen and (min-width: 40em) { .search-result-options { text-align: right; } } /***Tutorial PLP***/ .pt_content-search-result h1 { font-size: 2em; font-weight: bold; } .pt_content-search-result h2 { font-size: 2em; font-weight: bold; padding-left: 0px; } @media screen and (max-width: 39.9375em) { .pt_content-search-result #primary { text-align: center; } } .pt_content-search-result #primary .tutorial-detail-link { padding-bottom: 2rem; } .pt_content-search-result #primary a { padding-top: 10px; } .pt_content-search-result #primary a.content-title { font-weight: bold; } .pt_content-search-result #secondary { border-right: none !important; display: block; } .pt_content-search-result #secondary li { padding: 0px; } .pt_content-search-result #secondary li a { display: block; font-weight: 400; font-size: 0.875rem; } .pt_content-search-result #secondary li a:active { border-color: #081f2c; } .pt_content-search-result #secondary .accordion-title { font-weight: bold; font-size: 1rem; } .pt_content-search-result #secondary .accordion-content { font-weight: normal; } /***Tutorial PDP***/ .pt_tutorial .product-tile .product-name { min-height: 63px; height: 63px; } .pt_tutorial .search-result-items { padding: 0; } .pt_tutorial .promotion-content-wrapper.left-nav-template { padding-top: 0; } .tutorial-content-wrapper { padding-bottom: 50px; } .tutorial-content-wrapper .content-asset { width: 100%; } .tutorial-content-wrapper h1.tutorial-header { color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2rem; font-weight: bold; margin-top: 1rem; } @media print, screen and (min-width: 40em) { .tutorial-content-wrapper h1.tutorial-header { font-size: 2.4rem; } } .tutorial-content-wrapper .column, .tutorial-content-wrapper .columns { padding: 0; } .tutorial-content-wrapper .image-tutorial-main { padding-top: 1em; width: 100%; margin: 0 auto; } .tutorial-content-wrapper .image-tutorial-main .image-tutorial-left { text-align: center; width: 100%; margin: 0; } .tutorial-content-wrapper .image-tutorial-main #thumbnails { position: relative; width: 100%; margin-top: 60px; } .tutorial-content-wrapper .image-tutorial-main #thumbnails ul { max-width: 100%; } .tutorial-content-wrapper .image-tutorial-main #thumbnails ul.slick-dots { padding: 0; } .tutorial-content-wrapper .image-tutorial-main #thumbnails ul .productthumbnail { cursor: pointer; list-style: none; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto; outline: none; } .tutorial-content-wrapper .image-tutorial-main #thumbnails ul .productthumbnail.selected { border: 1px solid #202020; } .tutorial-content-wrapper iframe { width: 100%; padding-bottom: 15px; } .tutorial-content-wrapper .body-wrapper { padding-top: 15px; padding-bottom: 15px; margin: 0; } .tutorial-content-wrapper .steps-container { margin: 0; } .tutorial-content-wrapper .steps-container h3 { margin-bottom: 0; } .tutorial-content-wrapper .steps-container p { margin-top: 0; } .tutorial-content-wrapper .steps-container .step-wrapper { padding-right: 2em; } .tutorial-content-wrapper .steps-container .step-wrapper:last-child { padding-right: 0; } .tutorial-detail-wrapper iframe { width: 100%; padding: 10px; height: auto; } @media screen and (max-width: 39.9375em) { .view-all-link { float: none; } } .products-used-wrapper { padding-bottom: 65px; border-bottom: 1px solid #050505; border-top: 1px solid #081f2c; } .products-used-wrapper h2 { color: #706258; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: capitalize; } .products-used-wrapper .tiles-container { padding-bottom: 30px; } .products-used-wrapper form { width: 100%; } .products-used-wrapper .add-btn-container { float: right; position: relative; } .products-used-wrapper .add-btn-container span { margin-right: 1.5em; } .products-used-wrapper .multi-add.add-to-cart:disabled { opacity: 0.5; } @media screen and (max-width: 39.9375em) { .products-used-wrapper .add-btn-container { float: none; padding: 30px 0 12px; text-align: center; } .products-used-wrapper .add-btn-container span { margin: 0px; display: block; padding-bottom: 1em; } .products-used-wrapper .add-btn-container.top-container { margin-top: 0px; } .products-used-wrapper .product-tile-wrapper { border-top: 1px solid #081f2c; } .products-used-wrapper .tiles-container > :first-child { margin-top: 2em; } } .products-used-wrapper .product-tile-wrapper { padding-top: 30px; text-align: center; } .tutorial-tile div.tutorial-title { margin-bottom: 5px; margin-top: auto; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.15em; font-weight: 700; } .tutorial-tile a { display: block; } .tutorial-tile img { margin-bottom: 1rem; } .tutorial-tile .content-description { overflow: hidden; position: relative; margin-bottom: 1rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; font-weight: normal; } .search-result-items.tiles-container { margin: 0; padding: 0; width: 100%; } .related-wrapper h2 { text-transform: capitalize; } .related-wrapper .view-all-link { text-decoration: underline; float: right; position: relative; top: -40px; } .related-wrapper .view-all-link:hover { text-decoration: none; } @media screen and (max-width: 39.9375em) { .related-wrapper .view-all-link { float: none; top: 0px; } } .related-carousel-wrapper { display: block !important; } .related-carousel-wrapper .tutorial-wrapper .slick-track { margin: 0; } .related-carousel-wrapper .tutorial-wrapper .tutorial-detail-wrapper.column.small-12.medium-4.large-3.slick-slide, .related-carousel-wrapper .tutorial-wrapper .tutorial-detail-wrapper.small-12.medium-4.large-3.slick-slide.columns { max-width: initial; } .related-carousel-wrapper .tutorial-wrapper .tutorial-detail-wrapper .tutorial-tile h3 { text-align: left; } .related-carousel-wrapper .tutorial-wrapper .tutorial-detail-wrapper .tutorial-tile img { max-height: 203px; } @media print, screen and (max-width: 39.99875em) { .related-carousel-wrapper .tutorial-wrapper .tutorial-detail-wrapper .tutorial-tile img { max-width: none; } } .promotion-content-wrapper .accordion-content ul li.accordion-navigation a.accordion-title { padding: 0; border: 0; } .pt_content-search-result #secondary .accordion-content { padding-top: 1px; } .pt_content-search-result #secondary .accordion-content { padding-right: 0; background: transparent; } .pt_content-search-result #secondary .accordion-content ul.accordion { background: transparent; } .pt_content-search-result #secondary .accordion-content ul { background: #fff; } .full-width-layout { text-align: justify; } .article .gold-quote, .ourstory-header h1, .featured-header h1 { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; line-height: 1.35em; } .article .article-links a, .article .back-to-top, .article .links-opener { font-family: "Helvetica Neue For BBC W15 Md", Arial, Helvetica, sans-serif; font-weight: normal; } /* CSS Social Seperator */ .sperator-right { /*border-right: 1px solid #EEE;*/ padding-right: 8px; margin-right: 4px; font-size: 17px; line-height: 30px; display: inline-block; } .article-content .product-actions li { display: inline-block; } .article-content { border-bottom: 1px solid #eee; } .article-content .product-actions li div, .article-content .product-actions li a, .article-content .product-actions iframe { /*opacity:0.01;*/ } .article-content .product-actions li .styled-button { border: 1px solid #ccc; border-radius: 3px; padding: 2px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: linear-gradient(#fafafa, #ededed); position: absolute; display: block; opacity: 1; } .article-content .product-actions li.send-to-friend .styled-button { position: relative; } .article-content .product-actions li a:hover { color: #777; } .article-content .product-actions li.facebook-like { width: 56px; } .article-content .product-actions li.facebook-share { width: 64px; } .article-content .product-actions li.twitter { width: 67px; } .article-content .product-actions li.pinterest { width: 61px; } .article-content .product-actions li img { margin-top: 1px; margin-right: 5px; } .article-content .product-name { width: auto; } /*--------------CONTENT ARTICLES---------------*/ .article em { line-height: 1.235em !important; } .article .article-links-container { border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; line-height: 0; } .article .article-links-container ul { margin: 0; padding: 0; } .article .article-links li { display: inline-block; list-style: none; border-right: 1px solid #eee; } .article .article-links li:first-child { border-left: 1px solid #eee; } .article .article-links li a:hover, .article .article-links li:first-child a, .article .article-links li:first-child a:hover { background: linear-gradient(white, #ebe1cf); color: #ba9250; } .article .article-links li a, .article .links-opener { padding: 15px; display: block; text-transform: uppercase; font-size: 10px; } .article .article-content { background: url(../images/article-background-original.png) repeat-y center top; padding: 20px; margin-top: 50px; } .article .article-content li { list-style: none; width: 1000px; margin: 0 auto; } .article .back-to-top { position: fixed; right: -200px; bottom: 560px; padding: 10px 20px; background-color: white; text-transform: uppercase; font-size: 9px; line-height: 15px; border: 1px solid #eee; border-top: 3px solid #ba9250; transition: all 0.5s ease; cursor: pointer; z-index: 1001; } .article .back-to-top.active { right: 0; bottom: 106px; } .article .back-to-top i { font-size: 15px; padding-right: 10px; } .article img, .cat-prod-hits-carousel img { max-width: 100%; display: block; } .article .links-opener { display: none; } .article p, .article img, .article h2, .cat-prod-hits-carousel img { margin: 0 auto; } .article p { line-height: 1.5em; width: 57%; font-size: 18px; text-align: left; margin-bottom: 45px; } .article h2 { text-align: center; font-size: 26px; margin-bottom: 30px; } .article .gold-quote { width: 37%; border-style: solid; padding: 50px 33px; text-align: center; color: #b5904f; font-size: 27px; display: block; line-height: 1.25em; position: absolute; } .article .gold-quote, .article .gold-border { border-style: solid; border-width: 3px; border-image: linear-gradient(45deg, #b79254, #ebd08c) 25 30 10 20 stretch; } /* Related Artlces Text Above Images */ .article .related-articles #related-articles-top h3, .cat-prod-hits-carousel.related-articles #related-articles-top h3 { font-size: 18px; padding: 10px; margin-bottom: 20px; position: relative; top: -22px; } div#related-articles-top { height: 49px; } .article .related-articles, .cat-prod-hits-carousel.related-articles { text-align: center; padding: 40px; margin: 0 auto; width: 1175px; } .article .related-articles li, .cat-prod-hits-carousel.related-articles li { display: inline-block; } .article .related-articles h3, .cat-prod-hits-carousel.related-articles h3 { font-size: 18px; padding: 10px; margin-bottom: 20px; position: relative; top: 30px; } .article .related-articles span, .cat-prod-hits-carousel.related-articles span { color: #bbb; text-decoration: underline; font-size: 16px; position: relative; bottom: -12px; } .article .image-banner-content { /*position:absolute; bottom:0;*/ text-align: center; background-color: #100f1f; color: #e1e1e3; margin-bottom: 0; padding: 20px 0; line-height: 22px; } .article span.caption { display: block; text-align: center; font-size: 17px; font-style: italic; margin-top: 30px; padding-bottom: 40px; } .article span.question, .article span.answer { font-size: 17px; display: block; margin: 20px auto; width: 500px; } .article span.question { padding-top: 20px; } .article span.answer { padding-bottom: 20px; } .article span.question span.letter, .article span.answer span.letter { width: 10%; } .article span.question span, .article span.answer span { display: inline-block; width: 90%; } .article i.fa-share-square-o { font-size: 15px; } /* CSS Social Share within Articles*/ .article .social-share { position: relative; text-align: center; cursor: pointer; margin: 0 auto; margin-bottom: 30px; width: 40px; } .article .social-share .tooltip-opener { width: 40px; margin: 0 auto; text-align: center; } .article .social-share .infobox { max-width: 294px; width: 294px; margin-top: 0px !important; } .article .allure-of-amanda .social-share .infobox { max-width: 294px; } .article .social-share .infobox .info-close { padding-top: 21px; } .article .social-share .infobox h2 { text-align: left; margin-bottom: 0px; width: 100%; font-size: 18px; } .article .social-share .infobox.top .styled-button img { float: left; } .article .social-share .infobox .product-actions ul li, .synactif .infobox .product-actions ul li { padding-bottom: 5px; } .article .social-share .infobox.top .send-to-friend.social-button { width: 128px; margin-left: -2; } .article-content .product-actions .pinterest.social-button { margin-left: -1px; } .infobox { background-color: #fff; z-index: 101; display: none; position: absolute; top: 33px; border: #ba9250 4px none; text-transform: none; font-size: 16px; max-width: none; color: #555; box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.25); } .infobox.top { border-top-style: solid; } .infobox.bottom { border-bottom-style: solid; margin-bottom: 10px; } .infobox.bottom.opposite-border { border-bottom-style: none; border-top-style: solid; } .info-triangle { position: absolute; font-size: 34px; color: #ba9250; display: none; text-align: center; width: 100%; text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.5); } .info-triangle.top { top: 11px; left: 0; } .info-triangle.right { top: 11px; left: 44%; } .info-triangle.bottom { top: -24px; left: 0; color: #fff; font-size: 31px; text-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5); z-index: 9000; } .infobox h2 { font-size: 17px; border-bottom: 1px solid #eee; padding: 20px 18px; color: #555; font-weight: normal; } .infobox h3 { font-size: 18px; color: #555; font-weight: normal; margin-bottom: 16px; } .infobox h4 { font-size: 11px; color: #555; font-weight: normal; text-transform: uppercase; } .infobox .info-close { font-size: 14px; font-family: verdana; position: absolute; top: 0; right: 0; padding: 20px; margin: 0; font-weight: normal; color: #555; cursor: pointer; } .infobox .info-close:before { content: url("../images/x-close-icon.png"); } .infobox .share-icon { opacity: 1; visibility: visible; transform: translateX(0); } .category-banner .bx-wrapper { margin: 0 auto 0px; } .category-banner .bx-wrapper .bx-pager { padding-bottom: 1%; z-index: 100; } .category-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; } .category-banner .bx-wrapper .bx-pager, .category-banner .bx-wrapper .bx-controls-auto { bottom: 0; width: 100%; } .category-banner .bx-wrapper .bx-pager.bx-default-pager a, .related-articles .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% #555; width: 7px; height: 7px; } .category-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .category-banner .bx-wrapper .bx-pager.bx-default-pager a.active, .related-articles .bx-wrapper .bx-pager.bx-default-pager a:hover, .related-articles .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% #fff; } .pdp-main .category-banner .bx-wrapper .bx-pager.bx-default-pager a, .category-banner .bx-wrapper .bx-pager.bx-default-pager a { opacity: 1; } .category-banner .bx-wrapper .bx-viewport, .related-articles .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: #fff; height: 300px; } .category-banner .bx-wrapper .bx-viewport { height: 520px; } .category-banner .bx-wrapper .bx-prev:hover, .category-banner .bx-wrapper .bx-next:hover, .related-articles .bx-wrapper .bx-prev:hover, .related-articles .bx-wrapper .bx-next:hover { background-position: 0 0; } .category-banner .bx-wrapper .bx-viewport, .related-articles .bx-wrapper .bx-viewport .custom-sliding-banners { width: 100% !important; } .category-banner .bx-wrapper .bx-prev, .category-banner .bx-wrapper .bx-next, .related-articles .bx-wrapper .bx-prev, .related-articles .bx-wrapper .bx-next { border-color: #555; border-width: 1px; height: 19px; width: 19px; padding: 1px; margin: 5px; transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); background-image: none; background-color: rgba(0, 0, 0, 0.01); } .category-banner .bx-wrapper .bx-prev, .related-articles .bx-wrapper .bx-prev { border-bottom-style: solid; border-left-style: solid; } .category-banner .bx-wrapper .bx-next, .related-articles .bx-wrapper .bx-next { border-top-style: solid; border-right-style: solid; } .category-banner .bx-wrapper .bx-prev:hover, .category-banner .bx-wrapper .bx-next:hover, .related-articles .bx-wrapper .bx-prev:hover, .related-articles .bx-wrapper .bx-next:hover { border-color: #fff; background-image: none; } .related-articles .custom-sliding-banners li { overflow: visible; width: 365px; float: left; max-width: 365px; } .related-articles .bx-wrapper .bx-prev { margin-left: -40px; } .related-articles .bx-wrapper .bx-next { margin-right: -40px; } .related-articles .bx-wrapper .bx-prev:hover, .related-articles .bx-wrapper .bx-next:hover { border-color: #999; } .related-articles .bx-wrapper .bx-controls-direction a { top: 30%; } .related-articles .bx-wrapper .bx-pager { display: none; } .related-articles .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: transparent; height: 330px !important; } .cat-prod-hits-carousel.related-articles .bx-wrapper .bx-viewport { background: transparent; } .related-articles .bx-wrapper .bx-viewport .custom-sliding-banners { width: 800% !important; } /** Choose Language Modal Popup **/ #choose-language div { border: #081f2c thin solid; } #choose-language div:first-child { border-bottom: 0; } #choose-language h1 { padding-left: 0.5em; margin: 0; } #choose-language button.close-button { margin: -1em 0; } #choose-language .text-center { text-align: center; } #choose-language .text-center button { margin-bottom: 1em; text-transform: none; width: 85%; } @media print, screen and (min-width: 40em) { #choose-language .text-center button { width: auto; } } /** format the signin dropdown **/ #sign-in-dropdown { padding: 0 2em; } #sign-in-dropdown .content-link-container { padding: 0; } #sign-in-dropdown .required-indicator { display: none; } #sign-in-dropdown .reset-password-link { margin: auto; padding-bottom: 1em; text-align: center; width: 100%; } #sign-in-dropdown button { font-family: Crete Round, serif; font-size: 16px; margin: 1em 0; width: 100%; color: #fff; text-transform: capitalize; } #sign-in-dropdown button:hover { color: #081f2c; } #sign-in-dropdown form { border-bottom: #081f2c thin solid; } #sign-in-dropdown h3 { font-weight: normal; } #sign-in-dropdown p { font-weight: 700; } #sign-in-dropdown span { font-weight: normal; } #sign-in-dropdown .login-rememberme { margin: 0; } #sign-in-dropdown .login-rememberme .field-wrapper { margin: 0; } #sign-in-dropdown .login-rememberme .field-wrapper .rememberme { font-family: icomoon !important; height: 30px; } #sign-in-dropdown .login-rememberme label { display: -ms-flexbox !important; display: flex !important; font-size: larger; line-height: 1.5em; } #sign-in-dropdown .login-oauth p:first-child { float: left; font-size: 1em; margin: 1.8em 1em 0 3em; text-transform: initial; } #sign-in-dropdown .login-oauth form { padding: 1em 0; } #sign-in-dropdown .login-oauth fieldset { padding: 0.3em 0 0; } #sign-in-dropdown .login-oauth .oAuthIcon { width: 2em; } #sign-in-dropdown .create-new-account { text-align: center; padding: 2em 0 0.5em; } #sign-in-dropdown .create-new-account p { color: #081f2c; line-height: normal; margin: 0; } #sign-in-dropdown .create-new-account a { color: #081f2c; display: block; font-size: 0.9em; text-decoration: underline !important; margin-top: 1em; } #sign-in-dropdown .form-row { margin: 1em 0 0; padding: 0; width: 100%; } #sign-in-dropdown .form-row label { display: none; } #sign-in-dropdown .form-row .field-wrapper { margin-bottom: 0; width: auto; } #sign-in-dropdown .form-row .field-wrapper input { font-family: Crete Round, serif; height: 3em; padding: 0.5em; font-weight: normal; } #sign-in-dropdown .form-row.form-row-button { -ms-flex-direction: column; flex-direction: column; } #sign-in-dropdown .field-button-container { margin: 0 1.5em; } #sign-in-dropdown .field-button-container .error-form { font-weight: bold; border: none; background: none; color: #081f2c; } #sign-in-dropdown .user-links { padding: 1em 0; } #sign-in-dropdown .user-links li { padding-top: 1em; } #sign-in-dropdown .user-links li:last-child { padding-bottom: 1em; padding-top: 0; } #sign-in-dropdown .user-links a { text-decoration: none; font-weight: 500; } #sign-in-dropdown .user-links .error-form { background: none; color: #081f2c; font-weight: bold; border: none; } #sign-in-dropdown .support-link { color: #081f2c; display: block; font-weight: 700; text-align: center; width: 100%; } #sign-in-dropdown .support-link.customer-care { font-size: 0.9em; font-weight: normal; line-height: normal; padding: 0 2em; text-decoration: underline; } #sign-in-dropdown .support-link.assistance-label { pointer-events: none; } #sign-in-dropdown .button { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; display: block; } @media print, screen and (min-width: 64em) { .pt_content-search-result-static .breadcrumb-wrapper, .pt_content-search-result-static .full-width-wrapper { padding: 0; } } .pt_content-search-result-static .full-width-wrapper h1 { font-size: 2em; font-weight: bold; margin-bottom: 0; } .pt_content-search-result-static .no-left-nav-template { margin-bottom: 60px; } .pt_content-search-result-static .no-left-nav-template .content-asset { margin-top: 60px; } .pt_content-search-result-static .left-nav-template { display: -ms-flexbox; display: flex; margin-bottom: 60px; } .pt_content-search-result-static .left-nav-template .content-asset .promotion-content h1 { font-weight: bold; } @media print, screen and (max-width: 39.99875em) { .pt_content-search-result-static .left-nav-template .content-asset .promotion-content { padding: 0; } } .pt_content-search-result-static .left-nav-template .accordion-content { border: 0px; } @media print, screen and (min-width: 40em) { .pt_content-search-result-static footer { margin-top: 0px; } } .promotion-content-wrapper { /** full width template **/ /** no left nav template **/ /*tutorial accordion*/ } .promotion-content-wrapper .full-width-content { position: relative; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper .full-width-content { padding: 0; } } .promotion-content-wrapper .full-width-content .static-page.main-article-details { position: absolute; bottom: 15%; left: 15%; width: 45%; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { padding: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { left: 5%; width: 70%; } } @media print, screen and (max-width: 39.99875em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { position: relative; bottom: 0; left: 0; width: 100%; } } .promotion-content-wrapper .full-width-content .static-page.main-article-details h3 { color: #081f2c; font-size: 2em; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .promotion-content-wrapper.no-left-nav-template { padding: 0; } } .promotion-content-wrapper.no-left-nav-template .left-content-wrapper { padding-right: 1em; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper.no-left-nav-template .right-content-wrapper { padding-left: 1em; } } .promotion-content-wrapper.no-left-nav-template .right-content-wrapper h1 { font-weight: bold; } @media print, screen and (min-width: 64em) { .promotion-content-wrapper.left-nav-template { padding: 0; } } .promotion-content-wrapper.full-width-template > div .chat-btn, .promotion-content-wrapper.left-nav-template > div .chat-btn { padding-bottom: 20px; } .promotion-content-wrapper.full-width-template > div .chat-btn button, .promotion-content-wrapper.left-nav-template > div .chat-btn button { font-weight: bold; } @media screen and (max-width: 39.9375em) { .promotion-content-wrapper.full-width-template > div .chat-btn button, .promotion-content-wrapper.left-nav-template > div .chat-btn button { width: 100%; } } .promotion-content-wrapper.full-width-template .promotion-nav-select, .promotion-content-wrapper.left-nav-template .promotion-nav-select { width: 80%; padding-bottom: 30px; text-align: center; } .promotion-content-wrapper.full-width-template .promotion-nav-select select, .promotion-content-wrapper.left-nav-template .promotion-nav-select select { font-weight: bold; } .promotion-content-wrapper.no-left-nav-template .thumbnail-wrapper { text-align: center; } .promotion-content-wrapper .accordion { padding-left: 0px; margin-left: 0; margin-top: 0px; background: none; list-style-type: none; } .promotion-content-wrapper .accordion-item:first-child > :first-child { border-radius: 0; } .promotion-content-wrapper .accordion-item:last-child > :last-child { border-radius: 0; } .promotion-content-wrapper .accordion-title { position: relative; display: block; padding: .75em 0; border-bottom: 1px solid #202020; font-size: 1em; line-height: 1; font-weight: bold; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .promotion-content-wrapper .accordion-title { font-size: .85em; } } .promotion-content-wrapper :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #202020; border-radius: 0; } .promotion-content-wrapper .accordion-title::before { font-family: "icomoon"; position: absolute; top: 50%; right: .5em; margin-top: -0.5em; content: "\f0d7"; } .promotion-content-wrapper .is-active > .accordion-title { border-bottom: 0px; background: none; outline: none; } .promotion-content-wrapper .is-active > .accordion-title::before { content: "\f0d8"; color: #081f2c; } .promotion-content-wrapper .is-active > .accordion-content { border-bottom: 1px solid #202020; padding-left: 0; } .promotion-content-wrapper .accordion-content { display: none; padding-left: 0em; border-bottom: 0; border: 0; color: #202020; } .promotion-content-wrapper .accordion-content ul { list-style: none; padding: 0px; padding-left: 10px; } .promotion-content-wrapper .accordion-content ul li { padding-top: 5px; } .languageAreaWrapper ul { padding: 0; margin: 0; line-height: 130%; } .languageAreaWrapper ul li { box-sizing: initial !important; } .language div.languageAreaWrapper { width: 940px; min-height: 540px; margin-top: 20px; margin-left: 20px; } div.language_leftside { float: left; width: 327px; } div.region_europe { float: left; width: 327px; } div.region_europe ul { width: 100%; margin-top: 38px; } div.region_europe ul li { float: left; width: 100%; list-style-type: none; } div.region_europe ul li.firstChild { float: left; width: 100%; margin-bottom: 20px; } div.region_europe ul li.otherChild { float: left; width: 100%; height: 21px; margin-bottom: 3px; } div.region_europe ul li.otherChild ul.subcategory { display: inline; } div.region_europe ul li.otherChild ul.subcategory li { display: block; width: 167px; } div.region_europe ul li.otherChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.english a { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.english a:hover { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.francais { display: block; width: 54px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.francais a { display: block; width: 54px; height: 12px; text-indent: -9999px; background: url("../images/francais.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.francais a:hover { display: block; width: 54px; height: 12px; text-indent: -9999px; background: url("../images/francais_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.deutsch { display: block; width: 54px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.deutsch a { display: block; width: 54px; height: 10px; text-indent: -9999px; background: url("../images/deutsch.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.deutsch a:hover { display: block; width: 54px; height: 10px; text-indent: -9999px; background: url("../images/deutsch_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.deutsch2 { display: block; width: 68px; height: 10px; margin-top: 7px; margin-left: 5px; } div.region_europe ul li.otherChild ul.subcategory li.deutsch2 a { display: block; width: 68px; height: 10px; text-indent: -9999px; background: url("../images/deutsch2.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.deutsch2 a:hover { display: block; width: 68px; height: 10px; text-indent: -9999px; background: url("../images/deutsch2_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.nederlands { display: block; width: 72px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.nederlands a { display: block; width: 72px; height: 11px; text-indent: -9999px; background: url("../images/nederlands.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.nederlands a:hover { display: block; width: 72px; height: 11px; text-indent: -9999px; background: url("../images/nederlands_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.nederlands2 { display: block; width: 86px; height: 11px; margin-top: 7px; margin-left: 5px; } div.region_europe ul li.otherChild ul.subcategory li.nederlands2 a { display: block; width: 86px; height: 11px; text-indent: -9999px; background: url("../images/nederlands2.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.nederlands2 a:hover { display: block; width: 86px; height: 11px; text-indent: -9999px; background: url("../images/nederlands2_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.suomi { display: block; width: 43px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.suomi a { display: block; width: 43px; height: 10px; text-indent: -9999px; background: url("../images/suomi.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.suomi a:hover { display: block; width: 43px; height: 10px; text-indent: -9999px; background: url("../images/suomi_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.greek { display: block; width: 61px; height: 14px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.greek a { display: block; width: 61px; height: 14px; text-indent: -9999px; background: url("../images/greek.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.greek a:hover { display: block; width: 61px; height: 14px; text-indent: -9999px; background: url("../images/greek_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.italiano { display: block; width: 49px; height: 14px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.italiano a { display: block; width: 49px; height: 10px; text-indent: -9999px; background: url("../images/italiano.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.italiano a:hover { display: block; width: 49px; height: 10px; text-indent: -9999px; background: url("../images/italiano_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.norske { display: block; width: 47px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.norske a { display: block; width: 47px; height: 10px; text-indent: -9999px; background: url("../images/norske.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.norske a:hover { display: block; width: 47px; height: 10px; text-indent: -9999px; background: url("../images/norske_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.polska { display: block; width: 43px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.polska a { display: block; width: 43px; height: 10px; text-indent: -9999px; background: url("../images/polska.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.polska a:hover { display: block; width: 43px; height: 10px; text-indent: -9999px; background: url("../images/polska_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.portugues { display: block; width: 65px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.portugues a { display: block; width: 65px; height: 12px; text-indent: -9999px; background: url("../images/portugues.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.portugues a:hover { display: block; width: 65px; height: 12px; text-indent: -9999px; background: url("../images/portugues_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.russian { display: block; width: 51px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.russian a { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/russian.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.russian a:hover { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/russian_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.espanol { display: block; width: 51px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.espanol a { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/espanol.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.espanol a:hover { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/espanol_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.svenska { display: block; width: 53px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.svenska a { display: block; width: 53px; height: 10px; text-indent: -9999px; background: url("../images/svenska.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.svenska a:hover { display: block; width: 53px; height: 10px; text-indent: -9999px; background: url("../images/svenska_o.gif") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.turkish { display: block; width: 43px; height: 10px; margin-top: 7px; margin-left: 0px; } div.region_europe ul li.otherChild ul.subcategory li.turkish a { display: block; width: 43px; height: 12px; text-indent: -9999px; background: url("../images/turkish.jpg") 0 0 no-repeat; } div.region_europe ul li.otherChild ul.subcategory li.turkish a:hover { display: block; width: 43px; height: 12px; /* too tall */ text-indent: -9999px; background: url("../images/turkish-hover.jpg") 0 0 no-repeat; } div.region_europe ul li.lastChild { float: left; width: 100%; height: 36px; } div.region_europe ul li.lastChild ul.subcategory { display: inline; } div.region_europe ul li.lastChild ul.subcategory li { display: block; width: 167px; } div.region_europe ul li.lastChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 14px; margin-left: 0px; } div.region_europe ul li.lastChild ul.subcategory li.english a { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english.gif") 0 0 no-repeat; } div.region_europe ul li.lastChild ul.subcategory li.english a:hover { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english_o.gif") 0 0 no-repeat; } div.language_rightside { float: left; width: 252px; margin-left: 55px; } /* Americas */ div.region_americas { float: left; width: 202px; height: 82px; margin-top: 41px; } div.region_americas ul { float: left; width: 202px; } div.region_americas ul li { float: left; width: 202px; list-style-type: none; } div.region_americas ul li.firstChild { float: left; width: 202px; margin-bottom: 20px; } div.region_americas ul li.otherChild { float: left; width: 202px; height: 21px; margin-bottom: 3px; } div.region_americas ul li.otherChild ul.subcategory { display: inline; } div.region_americas ul li.otherChild ul.subcategory li { display: block; width: 65px; } div.region_americas ul li.otherChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_americas ul li.otherChild ul.subcategory li.english a { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english.gif") 0 0 no-repeat; } div.region_americas ul li.otherChild ul.subcategory li.english a:hover { display: block; width: 47px; height: 12px; background: url("../images/english_o.gif") 0 0 no-repeat; } div.region_americas ul li.otherChild ul.subcategory li.francais { display: block; width: 68px; height: 12px; margin-top: 7px; margin-left: 15px; } div.region_americas ul li.otherChild ul.subcategory li.francais a { display: block; width: 68px; height: 12px; text-indent: -9999px; background: url("../images/francais2.gif") 0 0 no-repeat; } div.region_americas ul li.otherChild ul.subcategory li.francais a:hover { display: block; width: 68px; height: 12px; text-indent: -9999px; background: url("../images/francais2_o.gif") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.subcategory { display: inline; } div.region_americas ul li.lastChild ul.subcategory li { display: block; width: 65px; } div.region_americas ul li.otherChild ul.subcategory li.brazil-top { margin-top: 6px; } div.region_americas ul li.lastChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_americas ul li.lastChild ul.subcategory li.english a { display: block; width: 102px; height: 15px; margin-top: -3px; text-indent: -9999px; background: url("../images/english2.gif") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.subcategory li.english a:hover { display: block; width: 102px; height: 15px; text-indent: -9999px; margin-top: -3px; background: url("../images/english2_o.gif") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.usalangs li.usachinese a { display: block; margin-left: 70px; margin-bottom: 5px; margin-top: 3px; width: 102px; height: 15px; text-indent: -9999px; background: url("../images/usachinese.png") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.usalangs li.usachinese a:hover { display: block; width: 102px; height: 15px; text-indent: -9999px; background: url("../images/usachinese-hover.png") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.usalangs li.usaespanol a { display: block; margin-left: 70px; width: 103px; height: 17px; text-indent: -9999px; background: url("../images/usaspanish.png") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.usalangs li.usaespanol a:hover { display: block; width: 103px; height: 17px; text-indent: -9999px; background: url("../images/usaspanish-hover.png") 0 0 no-repeat; } /* Revised 2011-07-13 start shiseido addition */ div.region_americas ul li.lastChild ul.subcategory li.shop { display: block; width: 51px; height: 12px; margin-top: 7px; margin-left: 15px; } div.region_americas ul li.lastChild ul.subcategory li.shop a { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/shop.gif") 0 0 no-repeat; } div.region_americas ul li.lastChild ul.subcategory li.shop a:hover { display: block; width: 51px; height: 12px; text-indent: -9999px; background: url("../images/shop_o.gif") 0 0 no-repeat; } /* Revised 2011-07-13 end */ /* Asia */ div.region_asia { float: left; width: 252px; margin-top: 70px; } div.region_asia ul { float: left; width: 100%; } div.region_asia ul li { float: left; width: 100%; list-style-type: none; } div.region_asia ul li.firstChild { float: left; width: 100%; margin-bottom: 20px; } div.region_asia ul li.otherChild { float: left; width: 100%; height: 21px; margin-bottom: 3px; } div.region_asia ul li.otherChild ul.subcategory { display: inline; } div.region_asia ul li.otherChild ul.subcategory li { display: block; width: 149px; } div.region_asia ul li.otherChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.english a { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.english a:hover { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.simplifiedchinese { display: block; width: 48px; height: 11px; margin-top: 4px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.simplifiedchinese a { display: block; width: 98px; height: 15px; text-indent: -9999px; background: url("../images/simplified_chinese.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.simplifiedchinese a:hover { display: block; width: 98px; height: 15px; text-indent: -9999px; background: url("../images/simplified_chinese_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.traditionalchinese { display: block; width: 48px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.traditionalchinese a { display: block; width: 48px; height: 11px; text-indent: -9999px; background: url("../images/traditional_chinese.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.traditionalchinese a:hover { display: block; width: 48px; height: 11px; text-indent: -9999px; background: url("../images/traditional_chinese_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.japanese { display: block; width: 38px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.japanese a { display: block; width: 38px; height: 11px; text-indent: -9999px; background: url("../images/japanese.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.japanese a:hover { display: block; width: 38px; height: 11px; text-indent: -9999px; background: url("../images/japanese_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.korean { display: block; width: 42px; height: 12px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.korean a { display: block; width: 42px; height: 12px; text-indent: -9999px; background: url("../images/korean.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.korean a:hover { display: block; width: 42px; height: 12px; text-indent: -9999px; background: url("../images/korean_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.taiwanese { display: block; width: 48px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.taiwanese a { display: block; width: 48px; height: 11px; text-indent: -9999px; background: url("../images/taiwanese.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.taiwanese a:hover { display: block; width: 48px; height: 11px; text-indent: -9999px; background: url("../images/taiwanese_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.thai { display: block; width: 24px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.thai a { display: block; width: 24px; height: 11px; text-indent: -9999px; background: url("../images/thai.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.thai a:hover { display: block; width: 24px; height: 11px; text-indent: -9999px; background: url("../images/thai_o.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.vietnamese { display: block; width: 55px; height: 11px; margin-top: 7px; margin-left: 0px; } div.region_asia ul li.otherChild ul.subcategory li.vietnamese a { display: block; width: 55px; height: 11px; text-indent: -9999px; background: url("../images/vietnamese.gif") 0 0 no-repeat; } div.region_asia ul li.otherChild ul.subcategory li.vietnamese a:hover { display: block; width: 55px; height: 11px; text-indent: -9999px; background: url("../images/vietnamese_o.gif") 0 0 no-repeat; } div.region_asia ul li.lastChild ul.subcategory { display: inline; } div.region_asia ul li.lastChild ul.subcategory li { display: block; width: 149px; } div.region_asia ul li.lastChild ul.subcategory { display: inline; } div.region_asia ul li.lastChild ul.subcategory li { display: block; width: 149px; } div.region_asia ul li.lastChild ul.subcategory li.english { display: block; width: 47px; height: 12px; margin-top: 14px; margin-left: 0px; } div.region_asia ul li.lastChild ul.subcategory li.english a { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english.gif") 0 0 no-repeat; } div.region_asia ul li.lastChild ul.subcategory li.english a:hover { display: block; width: 47px; height: 12px; text-indent: -9999px; background: url("../images/english_o.gif") 0 0 no-repeat; } div.photoArea { float: right; width: 290px; height: 400px; margin-top: 45px; } div.photoArea2 { float: right; width: 290px; height: 400px; margin-top: 45px; display: none; } div.photoArea3 { float: right; width: 290px; height: 400px; margin-top: 45px; display: none; } /***Information PLP***/ .information-page .tutorial-tile img { width: 100%; } @media print, screen and (min-width: 40em) { .information-page .tutorial-tile img { float: left; margin-right: 2em; width: 200px; } } @media print, screen and (min-width: 40em) { .information-page .tutorial-tile h3 { margin-bottom: 5px; margin-top: 0; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .information-page .tutorial-detail-link { padding-bottom: 2em; } .information-page .tutorial-detail-link .tutorial-tile .content-description { height: auto; line-height: 1.2em; overflow: initial; } .information-page .tutorial-detail-link .tutorial-tile .content-description:after { content: ""; } @media print, screen and (min-width: 40em) { .information-page .folder-content-list { padding: 0 4em; } } @media print, screen and (min-width: 64em) { .information-page .folder-content-list { padding: 0; } } .information-page .results-hits { text-align: center; } .information-page .results-hits:first-child { margin-top: 2em; } @media print, screen and (min-width: 40em) { .information-page .results-hits { float: left; } } /* Replenishment - My Account */ .order-replenishment h1 { font-size: 65px; font-weight: bold; line-height: 1; margin: 1em 0; } @media print, screen and (max-width: 63.99875em) { .order-replenishment h1 { font-size: 45px; } } @media print, screen and (min-width: 40em) { .order-replenishment h1 { width: 80%; margin: 0; } } .order-replenishment h3 { font-size: 36px; } @media print, screen and (max-width: 63.99875em) { .order-replenishment h3 { font-size: 22px; } } @media print, screen and (min-width: 40em) { .order-replenishment p { margin: 0; } } @media print, screen and (max-width: 39.99875em) { .order-replenishment .no-record img { padding: 2em; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-replenishment .no-record img { width: 50%; } } @media print, screen and (min-width: 40em) { .order-replenishment .no-record img { float: right; } } @media print, screen and (min-width: 64em) { .order-replenishment .no-record img { margin-top: -5em; } } .replenishment-items li { border-bottom: solid 1px #838588; margin-bottom: 20px; } .replenishment-items .price-unadjusted { text-decoration: line-through; } .replenishment-items .item-detail-row select { width: auto; max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .replenishment-items .quantity-column { display: -ms-flexbox; display: flex; max-width: 50%; padding-right: 0; } } .replenishment-items .quantity-column select { padding-top: 0; padding-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .replenishment-items .quantity-column select { -ms-flex-positive: 1; flex-grow: 1; } } .replenishment-items.product-listing .badge-product { display: inline-block; background-color: #081f2c; padding: 4px 8px; color: #fff; font-size: 14px; top: -30px; position: absolute; left: 20px; } @media print, screen and (max-width: 39.99875em) { .replenishment-items.product-listing .badge-product { left: 10px; } } .replenishment-items.product-listing .replenishment-item { border: 0; } .replenishment-items.product-listing .small-12.item-main { border: 1px dashed #838588; padding-top: 50px; } @media print, screen and (max-width: 39.99875em) { .replenishment-items.product-listing .small-12.item-main { padding-bottom: 20px; } } .replenishment-items.product-listing .item-detail-row { padding: 0; } .replenishment-items.product-listing .item-image { position: relative; } @media print, screen and (max-width: 39.99875em) { .replenishment-items.product-listing .addtocart-action { margin: 1em auto; } } .replenishment-items.product-listing .replenishment-add-to-cart { margin-top: 20px; } .replenishment-items .item-price-column { margin-top: 1em; } .replenishment-items .name { margin-bottom: 1em; } .replenishment-items .attribute { margin: 0; } .replenishment-items .replenishment { margin-top: 0; } .replenishment-items .replenishment .product-options { margin: 0; } .replenishment-items .replenishment .product-options ul { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } .replenishment-items .replenishment .product-options .attribute { margin: 0; } @media print, screen and (max-width: 39.99875em) { .replenishment-items .replenishment { -ms-flex-direction: column; flex-direction: column; } .replenishment-items .replenishment select { margin-left: 0; width: 70%; } } @media print, screen and (max-width: 39.99875em) { .replenishment-items .right-content { margin-top: 2em; } } @media print, screen and (min-width: 40em) { .replenishment-items .view-detail-btn-container { display: block; } .replenishment-items .view-detail-btn-container button { float: right; } } .replenishment-items .order-history-header { border-top: 2px solid #202020; margin-right: -1.25rem; margin-left: -1.25rem; } .replenishment-items #a2c-error { width: 11rem; } .replenishment { margin-top: 1em; } .replenishment span { display: block; } @media print, screen and (max-width: 39.99875em) { .replenishment { display: -ms-flexbox; display: flex; } } @media print, screen and (max-width: 39.99875em) { .replenishment .icon-info { width: 10%; } } @media print, screen and (max-width: 39.99875em) { .replenishment select { height: auto; margin-left: 1em; width: 50%; } } @media print, screen and (min-width: 40em) { .replenishment select { width: auto; } } .replenishment #replenrecommendation { display: block; } .replenishment #replenishmentContainer { white-space: nowrap; } #updated-replenishment { height: auto; top: unset; top: 20% !important; text-align: center; } @media print, screen and (min-width: 40em) { #updated-replenishment { width: 40%; } } @media print, screen and (min-width: 64em) { #updated-replenishment { width: 25%; } } #cancel-replenishment { height: auto; min-height: 0; text-align: center; top: unset; top: 20% !important; } @media print, screen and (min-width: 40em) { #cancel-replenishment { width: 40%; } } #cancel-replenishment .modal-btn-confirm { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } @media print, screen and (min-width: 64em) { #cancel-replenishment { width: 25%; } } @media print, screen and (max-width: 39.99875em) { #cancel-replenishment button:not(.close-button) { margin-top: 1em; width: 100%; } } @media print, screen and (min-width: 40em) { #cancel-replenishment button:not(.close-button) { margin-left: 2em; margin-top: 2em; } } @media print, screen and (min-width: 40em) { #cancel-replenishment p { margin: 0; } } #freeze-replenishment .modal-btn-confirm, #unfreeze-replenishment .modal-btn-confirm, #updated-replenishment .modal-btn-confirm { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; margin-top: 1em; } #freeze-replenishment .modal-body label[for="duration"], #unfreeze-replenishment .modal-body label[for="duration"], #updated-replenishment .modal-body label[for="duration"] { text-align: left; } @media print, screen and (min-width: 64em) { #replenishment-signin { width: 100%; } } @media print, screen and (min-width: 64em) { .clear-both-large-only { clear: both; } } .info-steps span { background-color: #f6f6f6; display: block; margin-top: -36px; padding: 4em 2em 2em; word-spacing: 1px; } .circled-numbering { background: #ccc1ad; border: 0; border-radius: 72px; color: #ffffff; font-size: 36px; height: 72px; padding: 12px; width: 72px; margin: 0 auto; } .info-steps .circled-numbering-aligned + span { background-color: #f1f1f1; } .circled-numbering-aligned { background: #ccc1ad; border: 0; border-radius: 72px; border-radius: 72px; color: #ffffff; font-size: 36px; min-height: 72px; height: auto; padding: 12px; width: 76px; margin: 0 auto; line-height: 52px; display: inline-block; } .nextscheduleddate { position: relative; } .nextscheduleddate .info-triangle { display: none; position: absolute; top: 24px; right: 14.75%; font-size: 20px; color: #050505; } .nextscheduleddate button[type="button"] { margin-left: 10px; cursor: pointer; } .nextscheduleddate input[type="text"] { width: calc(100% - 24px); display: inline-block; } @media print, screen and (max-width: 39.99875em) { .nextscheduleddate button[type="button"] { position: absolute; right: 0; top: 44px; } } .ui-datepicker th { background-color: #f4f4f4; padding: 5px; border: 1px solid #ddd; } .ui-datepicker td, .ui-datepicker th { border: 1px solid #ddd; text-align: center; } .ui-datepicker td { padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-datepicker table { margin-top: 10px; } .ui-datepicker-current-day { background-color: #706258; } .ui-datepicker-current-day a { color: #ffffff; } #ui-datepicker-div { background-color: white; border-top: 4px solid #050505; box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.25); width: 285px; } #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { outline-width: 0; } #ui-datepicker-div .ui-datepicker-prev .ui-icon, #ui-datepicker-div .ui-datepicker-next .ui-icon { font-family: FontAwesome; color: #7f6f64; font-size: 26px; line-height: 20px; height: 20px; } #ui-datepicker-div .ui-datepicker-prev .ui-icon:before, #ui-datepicker-div .ui-datepicker-next .ui-icon:before { display: block; text-indent: initial; } #ui-datepicker-div .ui-datepicker-prev.ui-state-disabled .ui-icon, #ui-datepicker-div .ui-datepicker-next.ui-state-disabled .ui-icon { opacity: 0.5; } #ui-datepicker-div .ui-datepicker-prev-hover, #ui-datepicker-div .ui-datepicker-next-hover { top: 2px; } #ui-datepicker-div .ui-datepicker-prev .ui-icon:before { content: "\f104"; } #ui-datepicker-div .ui-datepicker-prev-hover { left: 2px; } #ui-datepicker-div .ui-datepicker-next .ui-icon:before { content: "\f105"; } #ui-datepicker-div .ui-datepicker-next-hover { right: 2px; } @media print, screen and (min-width: 40em) { .replen-label { display: inline; } .replen-label + input[type="text"] { width: calc(100% - 34px); display: inline; } } .price-sales-replenishment { text-align: right; } .mobile-price-replenishment .price-sales { margin-top: 25px; margin-bottom: 25px; } .replenishment-product-unavailable { color: #c8102e; } .replenishment-quantity { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .replenishment-quantity span { text-align: center; } } @media print, screen and (max-width: 39.99875em) { .replenishment-quantity { width: 50%; margin-top: 20px; } } .product-edit-btns { text-align: left; } .product-edit-btns .replenishmentupdate { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 10px 40px; font-weight: 600; color: #ffffff; text-transform: uppercase; display: inline-block; } .product-edit-btns .replenishmentupdate.selected, .product-edit-btns .replenishmentupdate:hover, .product-edit-btns .replenishmentupdate:active, .product-edit-btns .replenishmentupdate[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .product-edit-btns .replenishmentupdate { margin-left: 10px; } } @media print, screen and (max-width: 39.99875em) { .product-edit-btns .replenishmentupdate { background-color: #081f2c; border-color: #081f2c; padding: 10px 50px; margin-top: 10px; } } .product-edit-btns .replenishmentcancel, .product-edit-btns .replenishmentfreeze, .product-edit-btns .replenishmentunfreeze { color: #504949; font-size: 18px; text-decoration: underline; } @media print, screen and (max-width: 39.99875em) { .product-edit-btns .replenishmentcancel, .product-edit-btns .replenishmentfreeze, .product-edit-btns .replenishmentunfreeze { padding: 10px 50px; margin-top: 10px; } } .product-edit-btns .addtocart-action button { width: 11rem; padding: 8px 0 !important; } @media print, screen and (max-width: 39.99875em) { .product-edit-btns .addtocart-action button { width: 8rem; } } .product-edit-btns .addtocart-action button.disabled-button { background-color: transparent; border: 1px solid #081f2c; color: #081f2c; cursor: default; } @media print, screen and (max-width: 39.99875em) { .replenishment-view-more { background-color: #c8102e; border-color: #c8102e; } } .pt_customer-service .search-container .visually-hidden, .pt_customer-service .search-container #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset ul.row .shipping-method .pt_customer-service .search-container input[type="radio"], .pt_customer-service .search-container #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method .pt_customer-service .search-container input[type="radio"], .pt_customer-service .search-container .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .pt_customer-service .search-container input[type="radio"], .pt_customer-service .search-container #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method .pt_customer-service .search-container input[type="radio"], .pt_customer-service .search-container .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .pt_customer-service .search-container input[type="radio"] { color: #000 !important; } .pt_customer-service .primary-content { margin: 0 auto; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container { text-align: center; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h1 { font-size: 2em; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container { position: relative; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label { position: relative; top: 35px; white-space: inherit; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-label > label a { color: #00f; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 8px; } .pt_customer-service .primary-content .contact-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 35px; width: 15px; height: 15px; z-index: 10; } .pt_customer-service .primary-content .contact-form-wrapper form label { white-space: nowrap; } .pt_customer-service .primary-content .contact-form-wrapper form .splitter { border-top: 1px #050505 solid; margin: 40px -20px 0; padding: 40px 20px 0; } @media print, screen and (min-width: 40em) { .pt_customer-service .primary-content .contact-form-wrapper form .splitter { margin: 40px -70px 0; padding: 40px 70px 0; } } .pt_customer-service .primary-content .contact-form-wrapper form .form-row-button { padding-top: 2em; -ms-flex-direction: column; flex-direction: column; } .pt_customer-service .primary-content .contact-form-wrapper form .form-row-button #sendBtn { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; font-weight: normal; vertical-align: middle; } @media print, screen and (max-width: 63.99875em) { .pt_customer-service .primary-content .contact-form-wrapper form .form-row-button #sendBtn { width: 100%; padding: 10px; } } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment { -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 1em; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment label { width: 100%; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count { text-align: right; position: relative; font-weight: normal; bottom: 1.5em; font-size: 80%; font-weight: 100; } @media print, screen and (max-width: 39.99875em) { .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count { text-align: left; bottom: 0em; -ms-flex-order: 2; order: 2; } } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea { width: 100%; resize: none; border: 1px solid #050505; } @media print, screen and (max-width: 39.99875em) { .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea { margin-top: 1em; } } .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { position: absolute; right: 0; bottom: -25%; font-size: 12px; font-weight: normal; color: #767676; margin-left: 0; z-index: 1; } @media print, screen and (max-width: 39.99875em) { .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { position: relative; } } .customerservice-leftnav.primary-content { margin: 0; -ms-flex: 1; flex: 1; max-width: none; } .customerservice-leftnav.primary-content .contact-form-wrapper { padding: 0; border: none; } @media print, screen and (max-width: 39.99875em) { .customerservice-leftnav.primary-content .contact-form-wrapper { padding: 15px; margin: 0 auto; } } .customerservice-leftnav.primary-content .contact-form-wrapper .row, .customerservice-leftnav.primary-content .contact-form-wrapper .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .customerservice-leftnav.primary-content .contact-form-wrapper .content-asset, .customerservice-leftnav.primary-content .contact-form-wrapper .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .customerservice-leftnav.primary-content .contact-form-wrapper .content-asset { margin: 0 auto 1.75rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .row .content-body p, .customerservice-leftnav.primary-content .contact-form-wrapper .pt_content-search-result-static .no-left-nav-template .content-asset .content-body p, .pt_content-search-result-static .no-left-nav-template .customerservice-leftnav.primary-content .contact-form-wrapper .content-asset .content-body p, .customerservice-leftnav.primary-content .contact-form-wrapper .pt_content-search-result-static .left-nav-template .content-asset .content-body p, .pt_content-search-result-static .left-nav-template .customerservice-leftnav.primary-content .contact-form-wrapper .content-asset .content-body p { font-size: .875rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory { width: 32%; float: left; border-right: 1px solid #d7d7d7; padding-right: 15px; } @media print, screen and (max-width: 39.99875em) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory { width: 100%; float: none; padding-right: 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-right: none; margin-top: 20px; padding-top: 15px; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .need-help { border-top: 1px solid #d7d7d7; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .need-help .customer-service-subheading { margin-top: 20px; } } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-subheading { font-size: 1.37rem; margin: .45em 0 .65em; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-section > ul { padding: 0px; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-section > ul li { list-style-type: none; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 .58em; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-section > ul li > a { font-size: .875rem; line-height: 1.17; letter-spacing: .075em; text-transform: uppercase; font-weight: 700; padding: 15px 0; width: 100%; max-width: 100%; text-decoration: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-section > ul li > a { font-size: .85rem; } } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .customer-service-section > ul li > a:hover { text-decoration: underline; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-directory .need-help-header { font-size: 1.83rem; font-weight: 700; margin: .45em 0 .65em; } @media only screen and (min-width: 640px) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section { width: 68%; float: right; padding: 0 4rem 2rem; margin: 0 auto 1rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .form-horizontal fieldset .splitter { display: inline-block; width: 100%; margin: 50px 0 0 0px; padding: 0; padding-top: 20px; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .form-horizontal fieldset .splitter > .form-row:nth-of-type(1) { width: 100%; clear: none; margin-left: 0; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .form-horizontal fieldset .splitter > .form-row:nth-of-type(2) { width: 100%; clear: none; margin-left: 0; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .top-text-container { padding-left: 15px; margin-bottom: 35px; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .top-text-container h1 { font-weight: 700; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section { padding: 0 1rem 1rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .right-content { margin-left: 15px; } } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .content-body p { font-size: 1rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .content-body ul { font-size: 1rem; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .content-body ul li { list-style-type: disc; } .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .content-body ul li a { text-decoration: underline; } @media print, screen and (max-width: 39.99875em) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .form-horizontal fieldset .splitter { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-top: 1px solid #d7d7d7; } } @media only screen and (min-width: 640px) { .customerservice-leftnav.primary-content .contact-form-wrapper .customer-service-page .customer-service-right-section .form-horizontal fieldset > .form-row:not(:nth-last-of-type(1)) { display: block; width: 100%; float: left; clear: none; } } .concierge-form-wrapper { border: 5px solid #050505; display: -ms-flexbox; display: flex; margin: 2.5em auto 1em; width: 100%; max-width: 1007px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .concierge-form-wrapper .user-consent-container { position: relative; } .concierge-form-wrapper .user-consent-container .user-consent-label > label { position: relative; top: 35px; z-index: 20; } .concierge-form-wrapper .user-consent-container .user-consent-label > label a { color: #00f; } .concierge-form-wrapper .user-consent-container .user-consent-input .form-row { float: left; height: 15px; z-index: 101; } .concierge-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 10px; } .concierge-form-wrapper .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 28px; width: 30px; height: 30px; z-index: 10; } .concierge-form-wrapper .concierge-content-wrapper { background-color: #ffffff; border: 1.5px solid #050505; margin: 3px; padding: 4rem 5rem; width: 100%; /* Override the default h3 styling */ } .concierge-form-wrapper .concierge-content-wrapper .prompt label, .concierge-form-wrapper .concierge-content-wrapper .dropdowns label { color: #7f6f64; font-size: 1.15em; padding: 24px 0 0; text-transform: none; font-weight: normal; } .concierge-form-wrapper .concierge-content-wrapper .form-prompt { color: #7f6f64; font-size: 24px; font-size: 1.5rem; line-height: 28px; line-height: 1.75rem; font-weight: normal; text-transform: none; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .concierge-form-wrapper .concierge-content-wrapper .top-fields { display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 40em) { .concierge-form-wrapper .concierge-content-wrapper .top-fields { margin: 0 -15px; } .concierge-form-wrapper .concierge-content-wrapper .top-fields .field-wrapper { padding: 0 15px; position: relative; width: 50%; } .concierge-form-wrapper .concierge-content-wrapper .top-fields .field-wrapper span.error { position: absolute; right: 6px; top: 10px; } } .concierge-form-wrapper .concierge-content-wrapper .title-h1 { width: 100%; letter-spacing: 0; } .concierge-form-wrapper .concierge-content-wrapper .top-text-container, .concierge-form-wrapper .concierge-content-wrapper h2 { text-align: center; } .concierge-form-wrapper .concierge-content-wrapper .top-text-container h3, .concierge-form-wrapper .concierge-content-wrapper h2 { margin: 2.25rem 0 3rem; } .concierge-form-wrapper .concierge-content-wrapper .splitter { border-top: 1.5px solid #050505; margin-top: 3rem; } .concierge-form-wrapper .form-row-button { margin-top: 3em; } .concierge-form-wrapper .rows-wrapper .form-row { display: -ms-flexbox; display: flex; } .concierge-form-wrapper .rows-wrapper .form-row label { text-transform: none; white-space: normal !important; color: #333333; font-weight: normal; } .concierge-form-wrapper .rows-wrapper .form-row#other-wrap .field-wrapper, .concierge-form-wrapper .rows-wrapper .form-row.other-wrap .field-wrapper { margin: 1rem 0; padding-left: 2.5em; width: 100%; } .concierge-form-wrapper .rows-wrapper .form-row#other-wrap textarea, .concierge-form-wrapper .rows-wrapper .form-row.other-wrap textarea { resize: none; width: 100%; } .concierge-form-wrapper .confidential-info-container { margin: 0 auto; padding-top: 1.5em; width: 50%; } @media print, screen and (max-width: 39.99875em) { .concierge-form-wrapper { width: auto; } .concierge-form-wrapper .concierge-content-wrapper { padding: 2rem; } .concierge-form-wrapper .concierge-content-wrapper .top-fields { -ms-flex-direction: column; flex-direction: column; } .concierge-form-wrapper .concierge-content-wrapper .top-fields .field-wrapper { width: auto; } } .concierge-form-wrapper .captcha-container { padding: 77px 0 0; } @media (min-width: 481px) and (max-width: 1024px) { .concierge-form-wrapper .captcha-container { padding: 77px 0 0 47px; } } /*-------------------------------------------------------------------------------------------------- GENERAL / PT_CONSULTATION --------------------------------------------------------------------------------------------------*/ /* html, body { height: 100%; }*/ ul { list-style-type: none; } .pt_consultation { min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; overflow: visible !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .pt_consultation { height: 100vh !important; } } .pt_consultation #footer, .pt_consultation .header-banner, .pt_consultation .mobile-search, .pt_consultation #header, .pt_consultation #subheader { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pt_consultation #main { -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex: 1 0 auto; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; min-height: 1px; /*height:100%;*/ -ms-flex-preferred-size: auto; } .pt_consultation #main > div { -ms-flex: 0 0 auto; flex: 0 0 auto; } html body .pt_consultation #consultation-content { -ms-flex: 1 0 auto; flex: 1 0 auto; } .pt_consultation #main .inside-inner-wrapper { padding: 32px 0 31px; margin: 0 25px; } .pt_consultation #main .inside-inner-wrapper .breadcrumb { padding: 0; } .consultation-bg { background: #f4edd9 url("../images/consultation/bg-consultationtool.jpg") no-repeat center center; background-size: cover; color: #555; } .pt_consultation #footer { margin-top: auto; box-shadow: none; } /*-------------------------------------------------------------------------------------------------- LANDING --------------------------------------------------------------------------------------------------*/ .consultation-bg { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .consultation_landing { padding: 40px 0; text-align: center; font-size: 20px; line-height: 1.4; max-width: 540px; margin: 0 auto; } .consultation_landing h2 { font-size: 36px; margin-bottom: 30px; } .consultation_landing p { margin-bottom: 30px; } .consultation_get-started { margin-top: 50px; } .consultation_get-started a { padding: 10px 22px; } /*-------------------------------------------------------------------------------------------------- QUIZZ --------------------------------------------------------------------------------------------------*/ /* custom checkboxes and radio */ #consultation_quiz, .consultation_quiz--wrapper { flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; } #consultation_quiz { border-right: 1px solid rgba(132, 131, 126, 0.2); width: 960px; -ms-flex-direction: column; flex-direction: column; } .consultation_quiz--wrapper { -ms-flex-direction: row; flex-direction: row; } #consultation_quiz input[type="radio"], #consultation_quiz input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #consultation_quiz input[type="radio"] + span, #consultation_quiz input[type="checkbox"] + span { display: inline-block; vertical-align: middle; font-size: 30px; font-family: inherit; color: #555; text-transform: none; line-height: 45px; } #consultation_quiz input[type="radio"] + span:before, #consultation_quiz input[type="checkbox"] + span:before { content: ""; display: inline-block; vertical-align: top; width: 37px; height: 37px; background: transparent url("../images/consultation/checkbox-unchecked.png") no-repeat top left; transition: 0.3s ease all; cursor: pointer; margin-right: 10px; } #consultation_quiz input[type="radio"]:checked + span:before, #consultation_quiz input[type="checkbox"]:checked + span:before { background-image: url("../images/consultation/checkbox-checked.png"); } .consultation_quiz--current-question ul li { cursor: pointer; } .consultation_quiz--current-question ul li:hover span, #consultation_quiz input[type="radio"]:checked + span, #consultation_quiz input[type="checkbox"]:checked + span { color: #998742 !important; } #consultation_quiz input#q1z + span { margin-top: 35px; } #consultation_quiz input[type="radio"]:focus + span, #consultation_quiz input[type="checkbox"]:focus + span { /*border-bottom:1px solid #998742;*/ } .consultation_quiz--navigation { width: 220px; margin-right: 45px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-family: inherit; -ms-flex-negative: 0; flex-shrink: 0; } .consultation_quiz--navigation li { border-right: 1px solid rgba(132, 131, 126, 0.2); border-bottom: 1px solid rgba(132, 131, 126, 0.2); padding: 10px 10px 0 20px; color: #777; font-size: 14px; } .consultation_quiz--navigation li h4 { font-size: 18px; padding-left: 0 !important; padding-bottom: 10px; } .consultation_quiz--nav-response { padding: 0 0 10px; } .consultation_quiz--navigation li > * { padding-left: 20px; } .consultation_quiz--navigation .separator:last-child { display: none; } .consultation-quiz--nav-edit-btn { cursor: pointer; text-decoration: underline; text-transform: uppercase; font-size: 10px; font-family: "Helvetica Neue For BBC W15 Md", Arial, Helvetica, sans-serif; padding-bottom: 20px; letter-spacing: 1px; display: block; } .consultation_quiz--navigation li.is-active { border-right: 1px solid transparent; color: #b69251; } .consultation-quiz--nav-title { font-size: 22px !important; color: #555; padding-top: 85px !important; padding-bottom: 25px !important; padding-left: 0 !important; } .consultation-quiz--nav-spacer { border-bottom-width: 0px !important; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 35px; } .consultation_quiz--current-question { padding-top: 85px; padding-right: 25px; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; } .consultation_quiz--current-question li, .consultation_quiz--current-question li label { display: block; } .consultation_quiz--current-question li { margin: 4px 0; } .consultation_quiz--current-question h3 { font-size: 30px; font-family: inherit; margin-bottom: 30px; } .consultation_quiz--buttons { margin-top: 60px; margin-bottom: 35px; } .consultation_quiz--buttons .button { display: inline-block; margin-right: 10px; cursor: pointer; } .consultation_quiz--buttons .button.grey-bg.is-disabled { color: #999; background: transparent; border: 1px solid #999; } .consultation_quiz--buttons .button.gold-bg.is-disabled { background-color: transparent; border: 1px solid #ba9250; color: #ba9250; } .consultation_quiz--navigation-secondary { display: none; } /*-------------------------------------------------------------------------------------------------- RESULTS --------------------------------------------------------------------------------------------------*/ .regimen_result--header { padding: 40px 0; background: transparent url("../images/consultation/bg-consultationtool-result.jpg") no-repeat center bottom; background-size: cover; color: #555; } .regimen_result--header .inside-inner-wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; } .regimen_result--header-intro { font-family: inherit; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; } .regimen_result--header-intro h1 { font-size: 36px; margin: 0 0 40px; } .regimen_result--header-intro p { font-size: 20px; line-height: 1.5; white-space: nowrap; } .regimen_result--header-buttons { display: inline-block; vertical-align: bottom; text-align: right; width: auto; -ms-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; } .regimen_result--buttons-mobile { display: none; } .regimen_result--header-buttons .button { margin-left: 10px; white-space: nowrap; display: inline-block; vertical-align: bottom; } .product-tile__step-desc { padding: 15px 15px 0; margin-bottom: -30px; height: 140px; text-align: center; font-family: inherit; position: relative; z-index: 2; } .product-tile__step-desc-title { font-size: 20px; color: #555; line-height: 1.5; } .product-tile__step-desc-info { font-size: 16px; color: #777; line-height: 1.25; } .regimen-time-use { text-align: center; margin-bottom: 15px; } .regimen-time-use-1 { visibility: hidden; height: 20px; width: 20px; display: inline-block; } .regimen-time-use-1:before { visibility: visible; content: " "; height: 20px; width: 20px; display: inline-block; background: transparent url("../images/consultation/morning-icon.gif") no-repeat top left; } .regimen-time-use-2 { visibility: hidden; height: 20px; width: 20px; display: inline-block; } .regimen-time-use-2:before { visibility: visible; content: " "; height: 20px; width: 20px; display: inline-block; background: transparent url("../images/consultation/evening-icon.gif") no-repeat top left; } .grid-tile .add-to-cart-wrapper { text-align: center; padding-bottom: 25px; } .grid-tile .add-to-cart-wrapper .button { display: inline-block; } .regimen-grid__header { padding: 32px; border-bottom: 1px solid #e0e0e0; } .regimen-grid .inside-inner-wrapper { padding: 20px; width: auto !important; } .regimen-grid .inside-inner-wrapper .tiles-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin: 20px auto; max-width: 1200px; } @media screen and (min-width: 960px) { .regimen-grid .inside-inner-wrapper .tiles-container .grid-tile { margin: 15px; width: 30%; } } @media screen and (max-width: 959px) and (min-width: 768px) { .regimen-grid .inside-inner-wrapper .tiles-container .grid-tile { width: 44.5%; } } .regimen-grid__header .inside-inner-wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .regimen-grid__header .inside-inner-wrapper .addall-message { margin-right: 10px; margin-left: auto; font-size: 18px; display: inline-block; } .regimen-grid__header .inside-inner-wrapper .regimen-grid__header-title { font-family: inherit; font-size: 20px; display: inline-block; } @media print, screen and (max-width: 39.99875em) { .regimen-grid__header .inside-inner-wrapper .regimen-grid__header-title { margin: 0 auto; } } .regimen-grid__header .button { white-space: nowrap; display: inline-block; } /*-------------------------------------------------------------------------------------------------- SUCCESS MODAL --------------------------------------------------------------------------------------------------*/ .modal-regimen-savesuccess { padding: 30px 40px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .modal-regimen-savesuccess__title { margin-bottom: 20px !important; font-size: 22px !important; } .modal-regimen-savesuccess__body { font-size: 18px; } .modal-regimen-savesuccess__btn { text-align: center; padding: 60px 0 30px; } /*-------------------------------------------------------------------------------------------------- EMAIL MODAL --------------------------------------------------------------------------------------------------*/ .modal-regimen-email__title { border-bottom: 1px solid #eee; padding: 35px; margin-bottom: 0 !important; font-size: 22px !important; } .modal-regimen-email form { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 35px; } .modal-regimen-email form button { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-left: 50%; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-email form button { width: 50%; } .modal-regimen-email form button { -ms-flex-preferred-size: auto; } } .modal-regimen-email form .form-row { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; margin-bottom: 25px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-email form .form-row { width: 100%; } .modal-regimen-email form .form-row { -ms-flex-preferred-size: auto; } } .modal-regimen-email form .form-row label { font-size: 18px; margin-bottom: 20px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; } .modal-regimen-email form .form-row input { font-size: 20px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 52px; } .modal-regimen-email .required-indicator { display: none; } /*-------------------------------------------------------------------------------------------------- RESPONSIVE --------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 960px) and (max-width: 1279px) { .inside-inner-wrapper { width: 964px; margin: 0 auto; } .regimen_result--header-intro { max-width: 450px; } .regimen_result .button { font-size: 14px; height: 35px; } .product-tile__step-desc { height: 165px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .regimen_result--header-buttons { width: 100% !important; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .inside-inner-wrapper { width: 707px; margin: 0 auto; } .pt_consultation #main > .inside-inner-wrapper { padding: 32px 0 31px !important; margin: 0 25px !important; } .consultation_quiz--navigation { margin-left: 25px; } #consultation_quiz input[type="radio"] + span, #consultation_quiz input[type="checkbox"] + span { font-size: 24px; } .consultation_quiz--current-question h3 { font-size: 24px !important; } .regimen_result .button { font-size: 14px; height: 35px; } .product-tile__step-desc { height: 185px; } .regimen_result--header-buttons .button { margin-top: 15px; } .regimen-grid__header .inside-inner-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .regimen-grid__header .inside-inner-wrapper .regimen-grid__header-title { margin-bottom: 15px; } .regimen-grid__header .inside-inner-wrapper .addall-message { width: 50%; margin-right: 0; margin-left: auto; margin-bottom: 15px; text-align: right; } .regimen-grid__header .inside-inner-wrapper .button { margin-left: auto; margin-right: 0; } } .regimen-addtocart { margin-left: auto; } @media print, screen and (max-width: 39.99875em) { .regimen-addtocart { display: none !important; } } .regimen-addall-message { text-align: center; } @media print, screen and (min-width: 64em) { .regimen-block-addbag { visibility: hidden; margin-top: 3px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .regimen-block-addbag { display: none; } } @media print, screen and (max-width: 39.99875em) { .regimen-block-addbag { display: none; } } @media screen and (max-width: 767px) { .consultation-bg { background: #fff; } .pt_consultation #main .inside-inner-wrapper { padding: 18px 0 17px; margin: 0 15px; } .consultation_landing { padding: 0 0 10px; max-width: 100%; font-size: 15px; line-height: 1.3; } .consultation_landing .html-slot-container > p, .consultation_get-started { padding: 0 15px; margin-bottom: 20px; } .consultation_get-started { display: block; margin: 30px 0; } .consultation_get-started a { display: block; } .consultation_landing h2 { font-size: 24px; height: 125px; padding: 1px; background: #f4edd9 url("../images/consultation/bg-consultationtool.jpg") no-repeat center center; background-size: cover; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -ms-flex-wrap: nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; vertical-align: middle; } .consultation_landing h2 span { max-width: 250px; text-align: center; padding: 1px; margin: 32px auto !important; display: block; vertical-align: middle; } .consultation_quiz--wrapper { -ms-flex-direction: column; flex-direction: column; } .consultation_quiz--navigation { width: 100%; } #consultation_quiz input[type="radio"] + span:before, #consultation_quiz input[type="checkbox"] + span:before { width: 19px; height: 19px; background: transparent url("../images/consultation/checkbox-unchecked-alt.png") no-repeat top left; margin-right: 10px; } #consultation_quiz input[type="radio"]:checked + span:before, #consultation_quiz input[type="checkbox"]:checked + span:before { background-image: url("../images/consultation/checkbox-checked-alt.png"); } .consultation_quiz--buttons { margin: 25px 0 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .consultation_quiz--buttons .button { display: block; margin: 5px 0; } .consultation_quiz--current-question li { margin-bottom: 8px; } .consultation_quiz--navigation-secondary { display: block; } .consultation_quiz--navigation-secondary li { border-bottom: 1px solid rgba(132, 131, 126, 0.2); font-size: 18px !important; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 15px !important; color: #b6b6b6; } .consultation_quiz--navigation-secondary li { display: block; } .consultation_quiz--navigation-secondary li.has-answer, .consultation_quiz--navigation-secondary li.is-active { display: none; } .consultation_quiz--navigation li { display: none; border-right: none; border-bottom: 1px solid rgba(132, 131, 126, 0.2); } .consultation_quiz--navigation li.has-answer.is-active { display: none; } .consultation_quiz--navigation li.has-answer, .consultation_quiz--navigation li.consultation-quiz--nav-title { display: block; } .consultation_quiz--navigation li.consultation-quiz--nav-title { font-size: 18px !important; padding-top: 0 !important; padding-bottom: 15px !important; padding-left: 15px !important; } #consultation_quiz input[type="radio"] + span, #consultation_quiz input[type="checkbox"] + span { font-size: 18px; line-height: 25px; } #consultation_quiz input#q1z + span { margin-top: 20px; } .consultation_quiz--current-question h3 { font-size: 18px !important; line-height: 1.5; margin-bottom: 15px; } .consultation_quiz--current-question { padding: 15px !important; border-bottom: 1px solid rgba(132, 131, 126, 0.2); } .regimen_result--header-intro { padding-left: 15px; padding-right: 15px; } .regimen_result--header-intro p { white-space: normal; display: inline; } .regimen_result--header-buttons { display: none; } .regimen_result--buttons-mobile { display: block; } .regimen_result--buttons-mobile { padding: 0 15px 15px; } .regimen_result.add-to-cart { display: block; } .regimen_result--buttons-mobile .button { display: block; } .regimen_result--buttons-mobile .button { margin-top: 15px; } .regimen-grid__header { padding-left: 0; padding-right: 0; padding-top: 15px !important; padding-bottom: 20px !important; } .regimen-grid__header .inside-inner-wrapper { -ms-flex-flow: column; flex-flow: column; } .regimen-grid__header-title { text-align: left; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif !important; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px; padding-bottom: 15px; font-size: 18px; } .regimen-grid__header-title span { font-family: inherit; } .regimen-grid__header .addall-message { text-align: center; font-size: 15px !important; margin: 10px auto !important; padding-bottom: 0; } .regimen-grid__header .button { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .regimen_result--header-intro h1 { font-size: 18px; margin-bottom: 20px; } .regimen_result--header-intro p { font-size: 15px; } .modal-regimen-savesuccess { padding: 15px 20px; } .modal-regimen-savesuccess__btn { padding: 30px 0 15px; } .product-tile__step-desc-title { font-size: 15px; margin-bottom: 10px; } .product-tile__step-desc-info { font-size: 13px; } .grid-tile .product-name h2 { font-size: 15px !important; } .grid-tile .product-pricing { font-size: 15px !important; } .product-tile__step-desc { margin-bottom: 0; height: 160px; } .add-to-cart-wrapper { display: block; padding-top: 20px; } .add-to-cart-wrapper .button { display: block !important; } /* */ .modal-regimen-email form button { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; } .grid-tile .add-to-cart-wrapper { padding-bottom: 0; } } @media print, screen and (min-width: 40em) { .mobile-addtocartmessage, .mobile-addtocart { display: none !important; } } @media print, screen and (max-width: 39.99875em) { .mobile-addtocartmessage, .mobile-addtocart { display: block !important; } } /*-------------------------------------------------------------------------------------------------- ACCOUNT - MY REGIMEN --------------------------------------------------------------------------------------------------*/ .myregimen--no-regimen { padding: 30px; } ul { list-style-type: none; } .myregimen--no-regimen p { margin-bottom: 35px; } .myregimen--no-regimen__more-info { display: none; } .myregimen--no-regimen .button { display: inline-block; } .myregimen__actions-mobile { display: none; } .myregimen { font-family: "Helvetica Neue For BBC W15 Md", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.06em; margin-bottom: 130px; } .myregimen__info { margin-top: 40px; margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .myregimen__info-name { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; padding-left: 20px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .myregimen__info-name { width: 50%; } html .myregimen__info-name { -ms-flex-preferred-size: auto; } } .myregimen__info-actions { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; padding-right: 30px; text-align: right; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .myregimen__info-actions { width: 50%; } html .myregimen__info-actions { -ms-flex-preferred-size: auto; } } .myregimen__info-name a, .myregimen__info-actions a { display: block; text-decoration: underline; text-transform: uppercase; line-height: 1.5; font-size: 11px; font-family: "Helvetica Neue For BBC W15 Md", Arial, Helvetica, sans-serif; } .regimen-table__title { padding: 20px 20px 25px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } .regimen-table__title span span { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .regimen-table-content, .regimen-table__header { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .regimen-table__header { background: #f4f4f5; text-transform: uppercase; padding: 12px 0; margin-bottom: 15px; } .regimen-table-content { border-bottom: 1px solid #eee; margin-bottom: 20px; max-width: 100%; } .regimen-table-content li, .regimen-table__header > div { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .regimen-table-content li, .regimen-table__header > div { width: 50%; } .regimen-table-content li, .regimen-table__header > div { -ms-flex-preferred-size: auto; } } .regimen-table__header-second-column { display: -ms-flexbox; display: flex; } .regimen-table-content li { margin-top: 5px; margin-bottom: 15px; } .regimen-table__header-second-column, .regimen-table-content li:nth-child(even) { padding-left: 20px; } .regimen-table__header-first-column, .regimen-table-content li:nth-child(odd) { padding-right: 20px; } .regimen-table-header-col1, .regimen-table-content-col1 { -ms-flex: 0 0 65px; flex: 0 0 65px; -webkit-flex: 0 0 65px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .regimen-table-header-col1, .regimen-table-content-col1 { width: 65px; } .regimen-table-header-col1, .regimen-table-content-col1 { -ms-flex-preferred-size: auto; } } .regimen-table-header-col1 { margin-left: 20px; } .regimen-table-content-col1 img { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); max-width: 100%; } .regimen-table-header-col2, .regimen-table-content-col2 { -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; margin-left: 15px; } .regimen-step-name { text-transform: uppercase; } .regimen-time-use { margin-top: 15px; margin-bottom: 15px; } .regimen-time-use-1 { overflow: hidden; font-size: 0; height: 20px; width: 20px; display: inline-block; } .regimen-time-use-1:before { content: " "; height: 20px; width: 20px; display: inline-block; background: transparent url("../images/consultation/morning-icon.gif") no-repeat top left; } .regimen-time-use-2 { overflow: hidden; font-size: 0; height: 20px; width: 20px; display: inline-block; } .regimen-time-use-2:before { content: " "; height: 20px; width: 20px; display: inline-block; background: transparent url("../images/consultation/evening-icon.gif") no-repeat top left; } .regimen-table-header-col3, .regimen-table-content-col3 { -ms-flex: 0 0 55px; flex: 0 0 55px; -webkit-flex: 0 0 55px; margin-left: 15px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .regimen-table-header-col3, .regimen-table-content-col3 { width: 55px; } .regimen-table-header-col3, .regimen-table-content-col3 { -ms-flex-preferred-size: auto; } } .regimen-table-header-col4, .regimen-table-content-col4 { -ms-flex: 0 0 110px; flex: 0 0 110px; -webkit-flex: 0 0 110px; margin-left: 15px; margin-right: 30px; text-align: right; text-transform: uppercase; line-height: 1.5; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .regimen-table-header-col4, .regimen-table-content-col4 { width: 110px; } .regimen-table-header-col4, .regimen-table-content-col4 { -ms-flex-preferred-size: auto; } } .regimen-table-content-col4 a span { text-decoration: underline; } .regimen-product-name-mobile { display: none; } /*-------------------------------------------------------------------------------------------------- ARCHIVE SPECIFIC --------------------------------------------------------------------------------------------------*/ .myregimen--archive .myregimen__info { margin-bottom: 40px; } .myregimen--archive .regimen-table-content li { margin-bottom: 50px; margin-top: 5px; } .myregimen--archive .regimen-table-header-col1, .myregimen--archive .regimen-table-content-col1 { -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; margin-left: 20px; } .myregimen--archive .regimen-table-header-col2, .myregimen--archive .regimen-table-content-col2 { -ms-flex: 0 0 75px; flex: 0 0 75px; -webkit-flex: 0 0 75px; margin-left: 15px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .myregimen--archive .regimen-table-header-col2, .myregimen--archive .regimen-table-content-col2 { width: 75px; } .myregimen--archive .regimen-table-header-col2, .myregimen--archive .regimen-table-content-col2 { -ms-flex-preferred-size: auto; } } .myregimen--archive .regimen-table-header-col3, .myregimen--archive .regimen-table-content-col3 { -ms-flex: 0 0 160px; flex: 0 0 160px; -webkit-flex: 0 0 160px; margin-left: 15px; margin-right: 30px; text-align: right; text-transform: uppercase; line-height: 1.5; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .myregimen--archive .regimen-table-header-col3, .myregimen--archive .regimen-table-content-col3 { width: 160px; } .myregimen--archive .regimen-table-header-col3, .myregimen--archive .regimen-table-content-col3 { -ms-flex-preferred-size: auto; } } .myregimen--archive .regimen-table-content-col3 a span { text-decoration: underline; } /*-------------------------------------------------------------------------------------------------- MODAL --------------------------------------------------------------------------------------------------*/ .modal-regimen-rename__title { border-bottom: 1px solid #eee; padding: 35px; margin-bottom: 0 !important; font-size: 22px; } .modal-regimen-rename__body form { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 35px; } .modal-regimen-rename__body .form-row { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-right: 50%; margin-bottom: 15px; padding-right: 15px; } .modal-regimen-discontinued__title { padding: 35px; font-size: 22px !important; border-bottom: 1px solid #eee; } .modal-regimen-discontinued__body { font-size: 16px; padding: 20px 35px; } .modal-regimen-discontinued__btn { text-align: center; padding: 25px 0 55px; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-rename__body .form-row { width: 50%; } .modal-regimen-rename__body .form-row { -ms-flex-preferred-size: auto; } } .modal-regimen-rename__body .regimen-name { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-right: 50%; text-transform: uppercase; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-rename__body .regimen-name { width: 100%; } .modal-regimen-rename__body .regimen-name { -ms-flex-preferred-size: auto; } } .modal-regimen-rename__body .btn_wrapper { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-rename__body .btn_wrapper { width: 50%; } .modal-regimen-rename__body .btn_wrapper { -ms-flex-preferred-size: auto; } } .modal-regimen-rename__body .btn_wrapper button { display: block; width: 100%; } .modal-regimen-rename__body .btn_wrapper:nth-child(even) { padding-left: 15px; } .modal-regimen-rename__body .btn_wrapper:nth-child(odd) { padding-right: 15px; } .modal-regimen-rename__body form > .required-indicator { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-left: 50%; padding-left: 15px; margin-top: 10px; font-size: 14px; white-space: nowrap; } /* ie10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-regimen-rename__body form > .required-indicator { width: 250px; } .modal-regimen-rename__body form > .required-indicator { -ms-flex-preferred-size: auto; } } /*-------------------------------------------------------------------------------------------------- OVERRIDING ACCOUNT TEMPLATE ACCORDING To H&M DESIGN --------------------------------------------------------------------------------------------------*/ .account-content { width: 100%; } /* @media screen and (min-width: 1280px) and (max-width: 1599px) { .account-content { width: 900px; } } @media screen and (min-width: 960px) and (max-width: 1279px) { .account-content { width: 850px; } } */ /*-------------------------------------------------------------------------------------------------- RESPONSIVE --------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 960px) and (max-width: 1279px) { .account-content { width: 100%; } .regimen-table-content li, .regimen-table__header > div { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } .regimen-table__header-second-column { display: none !important; } .regimen-table__header-second-column, .regimen-table-content li:nth-child(even) { padding-left: 0; } .regimen-table__header-first-column, .regimen-table-content li:nth-child(odd) { padding-right: 0; } .regimen-table-header-col3, .regimen-table-content-col3 { -ms-flex: 0 0 255px; flex: 0 0 255px; -webkit-flex: 0 0 255px; margin-left: 15px; } /* archive specific */ .myregimen--archive .regimen-table-content li { margin-bottom: 75px; } .myregimen--archive .regimen-table-header-col2, .myregimen--archive .regimen-table-content-col2 { -ms-flex: 0 0 160px; flex: 0 0 160px; -webkit-flex: 0 0 160px; } } @media screen and (min-width: 768px) and (max-width: 959px) { .regimen-table-content li, .regimen-table__header > div { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } .regimen-table__header-second-column { display: none !important; } .regimen-table__header-second-column, .regimen-table-content li:nth-child(even) { padding-left: 0; } .regimen-table__header-first-column, .regimen-table-content li:nth-child(odd) { padding-right: 0; } .regimen-table-content li { padding-left: 20px !important; } .regimen-table-header-col4, .regimen-table-content-col4 { margin-right: 15px !important; } .myregimen__info-actions { padding-right: 15px; } /* archive specific */ .myregimen--archive .regimen-table-content-col1 { margin-left: 0; } .myregimen--archive .regimen-table-header-col3, .myregimen--archive .regimen-table-content-col3 { margin-right: 15px; } .regimen-step-name { vertical-align: top; display: inline-block; } .regimen-time-use { display: inline-block; margin: 0; } } @media screen and (max-width: 767px) { .myregimen--no-regimen { padding: 20px; } .account-page { background: #fff; } .myregimen { margin-bottom: 0px; } .title-content { display: none; } .regimen-table-content li, .regimen-table__header > div { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } .regimen-table__header-second-column { display: none !important; } .regimen-table__header-second-column, .regimen-table-content li:nth-child(even) { padding-left: 0; } .regimen-table__header-first-column, .regimen-table-content li:nth-child(odd) { padding-right: 0; } .myregimen--no-regimen__more-info { display: block; } .myregimen--no-regimen__more-info a { text-decoration: underline; } .myregimen--no-regimen .button { display: block; } .myregimen--current .myregimen__info { margin-top: 30px; } .myregimen__info-name { -ms-flex: 00 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; } .regimen-table__title { font-size: 18px; } .myregimen__info-actions { display: none; } .myregimen--no-regimen p { margin-bottom: 25px; } .myregimen__actions-mobile { display: block; padding: 15px; } .myregimen__actions-mobile a { display: block; margin-bottom: 10px; padding-left: 0; padding-right: 0; font-size: 15px; height: 37px; } .myregimen__info-name { font-size: 18px; } .regimen-table__header { font-size: 10px; } .regimen-table-content li { /* -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; */ margin-bottom: 30px; display: block; } .myregimen--current .regimen-table-header-col1, .myregimen--current .regimen-table-header-col3 { -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-left: 0; margin-right: 0; } .myregimen--current .regimen-table-header-col1 { padding-left: 20px; } .myregimen--current .regimen-table-header-col3 { text-align: right; padding-right: 15px; } .myregimen--current .regimen-table-header-col2, .myregimen--current .regimen-table-header-col4 { display: none; } .myregimen--current .regimen-table-content-col1 { position: absolute; left: 15px; width: 70px; } .myregimen--current .regimen-table-content li { padding-left: 85px; min-height: 120px; position: relative; } .myregimen--current .regimen-table-content-col2 { font-size: 10px; display: block; padding-right: 70px; } .myregimen--current .regimen-table-content-col3 { text-align: right; padding-left: 15px; padding-right: 15px; position: absolute; top: 0; right: 0; } .myregimen--current .regimen-table-content-col4 { text-align: left; font-size: 10px; } .regimen-product-name, .regimen-product-name-mobile { font-size: 16px; line-height: 1.3; font-family: "BaskervilleMTW01-Roman", Arial, Times New Roman, times, serif; min-height: 43px; margin-bottom: 6px; clear: both; } .myregimen--current .regimen-table-content-col4 div, .myregimen--current .regimen-table-content-col4 a { display: inline-block; } .myregimen--current .regimen-table-content-col4 div:first-child a:after { content: "/"; margin: 0 8px; text-decoration: none !important; } .regimen-step-name { vertical-align: top; display: inline-block; } .regimen-time-use { display: inline-block; margin: 0; } .regimen-time-use-1, .regimen-time-use-2, .regimen-time-use-1:before, .regimen-time-use-2:before { height: 15px; width: 15px; background-size: 15px 15px; } .regimen-product-name { display: none; } .regimen-product-name-mobile { display: block; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex: 0 1 100%; margin-left: 15px; margin-right: 30px; } /* archive specific */ .myregimen--archive .regimen-table-content-col1 { font-size: 18px; font-family: "BaskervilleMTW01-Roman", Arial, Times New Roman, times, serif; } .myregimen--archive .myregimen__info { margin-top: 30px; margin-bottom: 20px; } .myregimen--archive .regimen-table-header-col1, .myregimen--archive .regimen-table-content-col1 { -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; margin-left: 0; padding-left: 20px; max-width: 70%; } .myregimen--archive .regimen-table-header-col2, .myregimen--archive .regimen-table-content-col2 { -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex: 1 0 auto; margin-left: 0; text-align: right; padding-left: 15px; padding-right: 20px; font-size: 10px; } .myregimen--archive .regimen-table-header-col3 { display: none; } .myregimen--archive .regimen-table-content-col3 { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; text-align: left; margin-left: 0; margin-top: 50px; padding-left: 20px; font-size: 10px; } .myregimen--archive .regimen-table-content-col3 div, .myregimen--archive .regimen-table-content-col3 a { display: inline-block; } .myregimen--archive .regimen-table-content-col3 div:first-child a:after { content: "/"; margin: 0 8px; text-decoration: none !important; } /* modal */ .modal-regimen-rename__body .form-row { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; margin-right: 0; padding-right: 0; margin-bottom: 5px; } .modal-regimen-rename__body .regimen-name { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; margin-right: 0; } .modal-regimen-rename__body .btn_wrapper { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; padding: 0 0 10px !important; } .modal-regimen-rename__body .btn_wrapper--cancel { -ms-flex-order: 100; order: 100; } .modal-regimen-rename__body .btn_wrapper--apply { -ms-flex-order: 99; order: 99; } .modal-regimen-rename__body form > .required-indicator { -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; margin-left: 0; margin-top: 0; padding-left: 0; -ms-flex-order: 101; order: 101; } .modal-regimen-rename__title { font-size: 18px; padding: 20px; } .modal-regimen-rename__body form { padding: 20px; } .modal-regimen-rename__body .btn_wrapper button { font-size: 15px; height: 37px; } .modal-regimen-discontinued__title { font-size: 18px; padding: 20px; } .modal-regimen-discontinued__body { padding: 20px; } .modal-regimen-discontinued__btn { padding: 15px 0 45px; } .modal-regimen-discontinued__btn .button { display: block; margin: 0 20px; } } .afterpay-dialog-open { overflow: hidden !important; position: fixed !important; height: 100%; width: 100%; margin: 0px; padding: 0px; } .product-info .afterpay-pdp-block { margin: 15px 0px; } .product-info .afterpay-pdp-block .afterpay-pdp-btn img { vertical-align: middle; margin: 0px 5px; } @media print, screen and (max-width: 39.99875em) { .cart-right-column .afterpay-cart-container { margin: 0 auto 1em; } } .cart-right-column .afterpay-cart-container .afterpay-cart-btn { display: block; } .cart-right-column .afterpay-cart-container .afterpay-cart-btn img { display: block; width: 150px; } @media print, screen and (max-width: 39.99875em) { .cart-right-column .afterpay-cart-container .afterpay-cart-btn img { padding: 6px 0px; width: 150px; margin-left: auto; margin-right: auto; } } .afterpay-payment { background-color: #081f2c; z-index: 1100; overflow: auto; font-family: "CronosPro-Lte Display"; } @media print, screen and (max-width: 39.99875em) { .afterpay-payment { top: 0px !important; position: fixed !important; height: 100vh; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-payment.ui-widget { width: 700px !important; } } @media screen and (min-width: 640px) and (max-width: 767px) { .afterpay-payment.ui-widget { width: 100% !important; top: 0px !important; margin-top: 0px; } } @media screen and (max-width: 639px) { .afterpay-payment.ui-widget { width: 100% !important; left: 0px; margin-top: 0px; top: 0px !important; } } .afterpay-payment .ui-dialog-content { padding: 0px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .afterpay-payment .ui-dialog-content { width: 100% !important; } } .afterpay-payment .ui-widget-header { height: 0px; padding: 0px; } .afterpay-payment .ui-dialog-titlebar-close { width: 30px; height: 30px; } .afterpay-payment .ui-dialog-titlebar-close:active, .afterpay-payment .ui-dialog-titlebar-close:focus, .afterpay-payment .ui-dialog-titlebar-close:hover { background-image: none !important; } .afterpay-payment .ui-dialog-titlebar-close:focus { outline: 1px dotted #ffffff; } @media print, screen and (max-width: 39.99875em) { .afterpay-payment .ui-dialog-titlebar-close { right: 15px; top: 15px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .afterpay-payment .ui-dialog-titlebar-close:after { content: "X"; font-size: 30px; width: 30px; height: 30px; color: #fff; position: absolute; top: 0px; right: 2px; font-family: "Helvetica Neue LT W01_35 Thin"; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .afterpay-payment .ui-dialog-titlebar-close span { display: none; } } .afterpay-payment .ui-icon-closethick { height: 22px; width: 22px; background-image: url("../images/interface/close-white.svg") !important; } @media print, screen and (min-width: 64em) { .afterpay-payment .ui-icon-closethick { left: 5px; top: 5px; } } @media screen and (max-width: 1024px) { .afterpay-payment .ui-icon-closethick { top: -5px; } } @media print, screen and (max-width: 39.99875em) { .afterpay-payment .ui-icon-closethick { height: 21px; width: 21px; right: 5px; top: 5px; } } .afterpay-content-wrapper { background-color: #081f2c; color: #fff; display: block; width: 100%; height: auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper { width: 100%; } } .afterpay-content-wrapper .afterpay-content { width: 100%; height: 100%; padding: 3em; box-sizing: border-box; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper .afterpay-content { padding: 2.5em; } } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content { padding: 1.6em 1.5em; } } .afterpay-content-wrapper .afterpay-content .heading { font-size: 1em; text-align: center; margin: 0.5em 0px 1.3em; } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content .heading { margin-bottom: 12px; } } .afterpay-content-wrapper .afterpay-content h3 { text-align: center; font-size: 1.5em; margin-bottom: 15px; text-transform: uppercase; } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content h3 { font-size: 1.5em; text-align: center; margin: auto; padding: 20px; } } .afterpay-content-wrapper .afterpay-content img { display: block; margin: 0 auto 2.6em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper .afterpay-content img { width: 250px; } } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content img { margin: auto; width: 150px; } } .afterpay-content-wrapper .afterpay-content h5 { text-align: center; font-size: 0.8em; margin: 0px 0px 5px; } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content h5 { text-align: center; margin: auto; padding: 0px 20px; } } .afterpay-content-wrapper .afterpay-content a { color: #fff; text-decoration: underline; } .afterpay-content-wrapper .afterpay-content .afterpay-steps-block { width: 100%; height: auto; padding: 1.5em 0em; margin: 1.5em 0em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; } .afterpay-content-wrapper .afterpay-content .afterpay-steps-block ul { padding-left: 0px; } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-steps-block { padding: 30px 0px 15px; margin: 1.5em 0em; } } .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li { list-style-type: none; float: left; width: 33.3%; padding: 0px 0.5em; box-sizing: border-box; font-size: 0.8em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li { padding: 0px 0.5em; } } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li { width: 100%; margin-bottom: 25px; padding: 0px 1em; } } .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li h4 { text-align: left; font-size: 1.12em; line-height: 1.2em; letter-spacing: 1px; text-transform: uppercase; margin: 0px; margin-bottom: 15px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li h4 { font-size: 1em; line-height: 1.1em; } } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-steps-block li h4 { margin-bottom: 5px; font-size: 1em; } } .afterpay-content-wrapper .afterpay-content .afterpay-bottom-content { text-align: center; font-size: 0.7em; line-height: 20px; padding: 0px 3%; margin-bottom: 1em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-bottom-content { padding: 0px 2%; } } @media print, screen and (max-width: 39.99875em) { .afterpay-content-wrapper .afterpay-content .afterpay-bottom-content { padding: 0px 2%; text-align: left; font-size: 0.85em; line-height: 15px; margin: 5px 0px; } } .afterpay-content-wrapper .afterpay-content .afterpay-bottom-content a:focus { outline: 1px dotted #ffffff; } .afterpay-content-wrapper .afterpay-content .afterpay-bottom-content a:first-letter { text-transform: uppercase; } .multiple-payment-selection-wrapper.form-indent { margin-left: 0px; display: block; border-top: 1px solid #ddd; padding-top: 10px; } .multiple-payment-selection-wrapper .form-row { float: left; width: 72%; } @media screen and (max-width: 768px) { .multiple-payment-selection-wrapper .form-row { width: 100%; } } @media print, screen and (max-width: 39.99875em) { .multiple-payment-selection-wrapper .form-row { width: 100%; } } .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn { float: left; margin-bottom: 0px; display: inline-block; } @media print, screen and (max-width: 39.99875em) { .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn { width: 95%; } } @media screen and (max-width: 1024px) { .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn input { vertical-align: bottom; border: 0px; top: 5px; } .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn input:checked { top: 5px; } .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn input:before { position: relative; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn input { top: 14px; } } .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn label { display: inline-block; position: relative; left: 20px; top: -3px; font-size: 15px; padding-right: 10px; min-width: 120px; } @media screen and (max-width: 1024px) { .multiple-payment-selection-wrapper .form-row .payment-method-radio-btn label { top: -10px; } } .multiple-payment-selection-wrapper .form-row .credit-card-icons-container { position: relative; margin: 0px; left: -5px; } @media print, screen and (max-width: 39.99875em) { .multiple-payment-selection-wrapper .form-row .credit-card-icons-container { width: 100%; left: 0px; } } .order-confirmation-section .afterpay-order-confirmation { width: 100%; height: auto; border: 1px solid #000; padding: 20px 12px; } .order-confirmation-section .afterpay-order-confirmation img { margin-left: auto; margin-right: auto; display: block; } .afterpay-payment-method { text-align: center; } .afterpay-payment-method label, .afterpay-payment-method .afterpay-checkout-logo { display: inline; } #is-AFTERPAY_PBI { display: none; } .checkout-afterpay-message, .afterpay-payment-method-message { text-align: center; } @media print, screen and (max-width: 39.99875em) { .afterpay-faqs { margin-top: 50px; } } #is-AFTERPAY_PBI { display: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); margin: 0 auto; } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { background: transparent; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; margin-top: -10px; outline: none; padding: 0; position: absolute; top: 50%; z-index: 9; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: "icomoon"; font-size: 40px; line-height: 1; opacity: .75; color: #e6ddce; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { right: -28px; left: auto; } .slick-prev:before { content: "\e903"; } [dir="rtl"] .slick-prev:before { content: "\e903"; } .slick-next { right: 0; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\e906"; } [dir="rtl"] .slick-next:before { content: "\e906"; } .slick-vertical .slick-prev { left: 50%; margin-left: -10px; top: -30px; } .slick-vertical .slick-prev:before { content: "\f0d8"; } .slick-vertical .slick-next { right: 50%; margin-right: -10px; top: auto; bottom: -30px; } .slick-vertical .slick-next:before { content: "\f0d7"; } /* Dots */ .slick-slider { margin-bottom: 30px; width: 100%; } .slick-dots { display: block; width: 100%; padding-left: 0px !important; list-style: none; text-align: center; } .slick-dots li { position: relative; float: none !important; display: inline-block; width: 20px; height: 20px; margin: 0 3px; padding: 0; cursor: pointer; margin: 5px; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 25px; height: 25px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: white; text-transform: lowercase; } .slick-dots li button:focus { outline: 1px dotted dimgrey; } .slick-dots li button:hover { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "FontAwesome"; font-size: 16px; line-height: 20px; position: absolute; top: 2px; left: 3px; width: 20px; height: 20px; content: "\f1db"; text-align: center; color: #202020; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { content: "\f111"; color: #998578; } .storefront h3.text-center, .recommendations h3.text-center { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: none; color: #998578; } .storefront h3.text-center:before, .storefront h3.text-center:after, .recommendations h3.text-center:before, .recommendations h3.text-center:after { content: " "; max-width: 36px; width: 100%; height: 1px; background-color: #050505; display: inline-block; vertical-align: super; } .storefront h3.text-center:before, .recommendations h3.text-center:before { margin-right: 35px; } .storefront h3.text-center:after, .recommendations h3.text-center:after { margin-left: 35px; } @media print, screen and (max-width: 39.99875em) { .storefront h3.text-center:before, .storefront h3.text-center:after, .recommendations h3.text-center:before, .recommendations h3.text-center:after { max-width: 23px; } .storefront h3.text-center:before, .recommendations h3.text-center:before { margin-right: 20px; } .storefront h3.text-center:after, .recommendations h3.text-center:after { margin-left: 20px; } } @media print, screen and (max-width: 63.99875em) { .storefront h3.text-center, .recommendations h3.text-center { font-size: 13px; font-size: 0.8125rem; } } @media print, screen and (max-width: 39.99875em) { .carousel-recommendations { padding-left: 5%; padding-right: 5%; } } @media print, screen and (min-width: 64em) { .carousel-recommendations { padding-bottom: 15px; } } .carousel-recommendations .slick-dots { margin: 0; padding: 0; } .carousel-recommendations .recommendation-item { margin: 0; padding: 12px 0 10px; list-style: none; float: left; width: 33%; } @media print, screen and (max-width: 39.99875em) { .carousel-recommendations .recommendation-item { padding: 12px; } } .carousel-recommendations .recommendation-item .mobile-variant-dropdown .dropdown__list { max-height: 180px; } .carousel-recommendations > .slick-prev { margin-top: -45px; } .carousel-recommendations > .slick-prev:before { content: ""; display: block; background-image: url(../images/sprite.png); background-position: 0px -56px; width: 20px; height: 51px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .carousel-recommendations > .slick-prev:before { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } @media print, screen and (min-width: 40em) { .carousel-recommendations > .slick-prev:before { width: 36px; } } .carousel-recommendations > .slick-next { margin-top: -45px; } .carousel-recommendations > .slick-next:before { content: ""; display: block; background-image: url(../images/sprite.png); background-position: -91px 0px; width: 20px; height: 51px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .carousel-recommendations > .slick-next:before { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } @media print, screen and (min-width: 40em) { .carousel-recommendations > .slick-next:before { width: 36px; } } .carousel-recommendations .product-review { font-size: 10px; } .carousel-recommendations .dropdown__list { bottom: 2rem !important; } @media print, screen and (max-width: 39.99875em) { #pdpMain.edit-custom-bundle-PM .plp-product-grid-category .product-set-step .search-result-items > .slick-list { padding: 0 !important; } } #pdpMain.edit-custom-bundle-PM .bundlesetoverlay { display: none; } #pdpMain.edit-custom-bundle-PM .add-set-to-bag-mobile { display: block; border-bottom: 1px solid #000; margin-bottom: 2em; padding-bottom: 2em; text-align: center; } #pdpMain.edit-custom-bundle-PM .plp-product-grid-category .product-set-step { margin-bottom: 5em; } #pdpMain.edit-custom-bundle-PM .plp-product-grid-category .product-set-step .search-result-items .slick-next { right: -1%; } #pdpMain.edit-custom-bundle-PM .plp-product-grid-category .product-set-step .search-result-items .slick-prev { left: -1%; } #pdpMain.edit-custom-bundle-PM .bundle-edit-loader-parent { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 31; width: 100%; height: 100%; background-color: #fcfcfa85; } #pdpMain.edit-custom-bundle-PM .bundle-edit-loader-parent .bundle-edit-loader { border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #3498db; width: 30px; height: 30px; animation: spin 2s linear infinite; position: absolute; top: 50%; left: 50%; } #pdpMain .bundle-detail button { cursor: pointer; } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundle-detail { padding: 0 10px; } } #pdpMain .bundle-detail .product-form-actions { position: relative; } #pdpMain .bundle-detail .product-title { margin-top: 30px; } #pdpMain .bundle-detail .product-details-tab .tabs-panel:focus { outline: 1px dotted #081f2c; } #pdpMain .bundle-detail .product-details-tab .row, #pdpMain .bundle-detail .product-details-tab .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template #pdpMain .bundle-detail .product-details-tab .content-asset, #pdpMain .bundle-detail .product-details-tab .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template #pdpMain .bundle-detail .product-details-tab .content-asset { margin-left: 0; margin-right: 0; } #pdpMain .bundle-detail .product-name { font-size: 1.5rem; } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundle-detail .product-name { font-size: 1.875rem; } } #pdpMain .bundle-detail .product-description { font-size: 0.875rem; } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundle-detail .mobile-details-pdp { padding-bottom: 0; } } #pdpMain .bundle-detail .product-image-container .socialsharing { display: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .bundle-detail .product-image-container .product-primary-image .product-thumbnails { -ms-flex-preferred-size: 0; flex-basis: 0; } } @media print, screen and (min-width: 40em) { #pdpMain .bundle-detail .product-image-container .product-primary-image .product-thumbnails { margin-top: 30px; } } #pdpMain .bundle-detail .product-image-container .product-primary-image .product-thumbnails .product-images { width: 60px; } @media print, screen and (min-width: 40em) { #pdpMain .bundle-detail .product-image-container .product-primary-image .product-thumbnails .product-images .product-image-thumbnail { border: 1px solid #c1c2c3; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .bundle-detail .product-info .product-price, #pdpMain .bundle-detail .product-info .inventory { display: inline-block; } } #pdpMain .bundle-detail .product-info .price-qty-row { padding-bottom: 10px; } #pdpMain .bundle-detail .product-info .price-qty-row #add-to-cart:focus { outline: 2px dotted #081f2c; outline-offset: 3px; } #pdpMain .bundle-detail .product-info .price-qty-row #add-to-cart[disabled="disabled"] { color: #ffffff; background: #081f2c; border: none; opacity: 0.5; cursor: default; z-index: 2; } #pdpMain .bundle-detail .product-info .price-qty-row .product-price { text-align: left; } #pdpMain .bundle-detail .product-info span.bundle-addtoset-text { height: 40px; z-index: 200; display: inline-block; width: 210px; padding: .6em 2em .4em; position: absolute; top: 0; cursor: pointer; } #pdpMain .plp-product-grid-category { border-top: 3px solid #202020; max-width: 77.5rem; margin-right: auto; margin-left: auto; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category { border-top: none; } } #pdpMain .plp-product-grid-category button { cursor: pointer; } #pdpMain .plp-product-grid-category .bundle-steps-link { padding: 2em; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .bundle-steps-link { display: none; } } #pdpMain .plp-product-grid-category .bundle-steps-link .bundlesteplink { background: white; color: #081f2c; border: none; font-size: 1.5rem; text-transform: uppercase; margin: 1em; } #pdpMain .plp-product-grid-category .bundle-steps-link .bundlesteplink:focus { outline: 1px dotted #081f2c; } #pdpMain .plp-product-grid-category .bundle-steps-link .bundlesteplink.bundlesteplinkborder { border-bottom: 2px solid #081f2c; } #pdpMain .plp-product-grid-category .product-set-step { margin-bottom: 5em; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step { margin-bottom: 2em; } } #pdpMain .plp-product-grid-category .product-set-step:not(.productsetFirstStep) { display: none; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step:not(.productsetFirstStep) { display: block; } } #pdpMain .plp-product-grid-category .product-set-step .productset-step { display: none; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .productset-step { display: block; margin: 2em 0 0 1em; font-weight: bold; } } #pdpMain .plp-product-grid-category .product-set-step .productsetnameDiv { margin: 0 3em 2em; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .productsetnameDiv { margin-left: 1em; } } #pdpMain .plp-product-grid-category .product-set-step .productsetnameDiv .productsetname { font-size: 1.125rem; } #pdpMain .plp-product-grid-category .product-set-step .productsetnameDiv .productsetname:focus { outline: 1px dotted #081f2c; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-dots li.slick-active button:before { color: #081f2c; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-prev, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next { top: 50%; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-prev:focus, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next:focus { outline: 1px dotted #081f2c; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-prev:before, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next:before { color: black; opacity: 1; font-size: 2.375rem; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-prev.slick-disabled, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next.slick-disabled { cursor: default; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-prev.slick-disabled:before, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next.slick-disabled:before { opacity: 0.25; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .slick-next { right: -5px; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list { padding: 0; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list .slick-track.autowidth, #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list .slick-active.autowidth { width: 100% !important; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list .slick-track.autowidth { transform: none !important; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide.custom-setproduct .product-tile { box-shadow: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide.custom-setproduct { padding-left: 1rem; padding-right: 1rem; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide.custom-setproduct.slick-active .product-tile { box-shadow: 0 0 17px 4px rgba(167, 154, 132, 0.2); } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide.custom-setproduct.slick-active .product-tile { box-shadow: none; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide { padding: 0 1rem; position: relative; max-width: 100%; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items > .slick-list div.slick-slide .product-tile { width: 100%; display: block; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .badge-container { position: absolute; top: 0; left: 5%; z-index: 5; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .badge-container { left: 2%; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .badge-container:focus { outline: 2px dotted #081f2c; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .badge-container .badge-product p { width: 62px; height: 62px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .badge-container .badge-product p { width: 55px; height: 55px; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile:focus { outline: none; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .quickview { display: none; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth { padding: 0 2em; min-height: 45px; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth { padding: 0; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .plp-swatch-count { display: none; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches { display: block; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-prev { left: -10px; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-prev:before { font-size: 1.2rem; color: #000; content: "\f0d9"; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-next { right: -15px; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-next:before { font-size: 1.2rem; color: #000; content: "\f0da"; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-prev:focus, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-next:focus { outline: 1px dotted #081f2c; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-prev.slick-disabled, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-next.slick-disabled { opacity: 0.25; cursor: default; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-prev.slick-disabled:before, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .swatch-list .slick-next.slick-disabled:before { opacity: 0.25; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .swatch-placeholder-fullwidth .product-swatches .hex-swatch-block { width: 20px; height: 20px; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .product-name { margin: 0 2em 0.5em; font-size: 1.25rem; min-height: 48px; text-align: center; } @media screen and (min-width: 640px) and (max-width: 1024px) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .product-name { margin: 0; min-height: 72px; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .product-name { margin: 0; font-size: 1.125rem; line-height: 20px; min-height: 60px; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .swatch-placeholder-fullwidth { display: none; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .product-pricing .product-price { text-align: center; display: block; margin: auto !important; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .product-pricing .product-price .price-sales { font-weight: inherit; font-size: 0.875rem; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .bv-rating-wrapper { margin: 12px 0; text-align: center; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .product-tile .name-link .bv-rating-wrapper .bv_main_container { pointer-events: none !important; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block { display: block; text-align: center; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .plp-quickshop-icon { float: none; display: inline-block; margin-bottom: 1em; background: #000; border: 1px solid #000; padding: 18px; margin-right: 5px; background-image: url(../images/icon-plus.png); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .plp-quickshop-icon:focus { outline: 1px solid #081f2c; outline-offset: 3px; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-div { clear: both; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart { background-color: #081f2c; color: #fff; font-weight: bold; padding: 0.6rem 1rem; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct:focus, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart:focus { outline: 1px dotted #081f2c; outline-offset: 3px; } @media print, screen and (min-width: 64em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart { width: 50%; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct, #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart { width: 95%; } } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct[disabled="disabled"], #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart[disabled="disabled"] { opacity: 0.5; } #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .add-to-set-bundleproduct[disabled], #pdpMain .plp-product-grid-category .product-set-step .search-result-items .plp-icon-block .update-addedBundlePSInCart[disabled] { opacity: 0.5; } @media print, screen and (max-width: 39.99875em) { #pdpMain .plp-product-grid-category .product-set-step .search-result-items > div { border-bottom: none; } } #pdpMain .plp-product-grid-category ~ .content-sections .main-video { text-align: center; } #pdpMain .bundlesetoverlay .custombundleoverlay { display: block; position: fixed; top: 213px; z-index: 10; right: -330px; } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay { right: -280px; } } #pdpMain .bundlesetoverlay .custombundleoverlay.overlayClosed { z-index: 10; } #pdpMain .bundlesetoverlay .custombundleoverlay button { cursor: pointer; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv { float: left; transform: rotate(-90deg); left: -110px; top: 200px; position: absolute; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv { left: -90px; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv { left: -100px; } } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv .custombundle-overlay-button { background-color: #081f2c; font-weight: 100; text-transform: none; border: none; border-radius: 16px; color: #ffffff; padding: 0.7rem 1rem; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv .custombundle-overlay-button:focus { outline: 1px dotted #fff; outline-offset: -8px; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv .custombundle-overlay-button:hover { color: #ffffff; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv .custombundle-overlay-button .custombundle-overlay-button-text { font-size: 0.875rem; padding: 0 1.5em; } @media print, screen and (min-width: 64em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaybuttonDiv .custombundle-overlay-button .custombundle-overlay-button-text { font-size: 1rem; } } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv { float: right; background-color: #ffffff; border-left: 1.2em solid #081f2c; width: 349px; height: 280vh; border-radius: 14px; padding-top: 1.5em; overflow-y: scroll; max-height: 82vh; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv { width: 348px; max-height: 80vh; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv { width: 300px; max-height: 92vh; } } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-close { border: none; background: #ffffff; color: black; float: right; font-size: 2rem; padding: 0.6rem 1rem; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-close:focus { outline: 1px dotted #081f2c; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul { list-style-type: none; -webkit-padding-end: 40px; padding-inline-end: 40px; -webkit-padding-start: 30px; padding-inline-start: 30px; padding-top: 10px; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .setheading { font-size: 1.375rem; font-weight: bold; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .setheading:focus { outline: 1px dotted #081f2c; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle { text-align: center; padding: 1em 0 2em; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .quickview { display: none; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-name { font-size: 1rem; font-weight: bold; margin: 1em; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-name:focus { outline: 1px dotted #081f2c; } @media print, screen and (min-width: 40em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-name { font-size: 1.25rem; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-name { margin: 0; } } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-price { padding-top: 0.5em; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-price:focus { outline: 1px dotted #081f2c; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-edit-remove { padding-top: 1em; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-edit-remove .editinfo, #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-edit-remove .removeinfo { margin: 0 1em; text-transform: uppercase; border-bottom: 1px solid #504949; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-edit-remove .editinfo a, #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv ul .productBundle .set-product-edit-remove .removeinfo a { color: #504949; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-add-settocart { text-align: center; padding-bottom: 3em; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-add-settocart #add-all-setto-cart { background-color: #081f2c; border: none; padding: 0.6rem 2rem; font-weight: bold; color: #ffffff; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-add-settocart #add-all-setto-cart:focus { outline: 2px dotted #081f2c; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-add-settocart #add-all-setto-cart[disabled="disabled"] { background-color: #767676 !important; border-color: #767676 !important; opacity: 0.5; cursor: default; } #pdpMain .bundlesetoverlay .custombundleoverlay .overlaycontentDiv .overlay-noproducts-added { display: none; text-align: center; padding: 5em 3em; font-weight: bold; } #pdpMain .add-set-to-bag-mobile { display: none; } @media print, screen and (max-width: 39.99875em) { #pdpMain .add-set-to-bag-mobile { display: block; position: relative; text-align: center; padding: 1em 0; border-top: 1px solid black; } } #pdpMain .add-set-to-bag-mobile #add-all-setto-cart-mobile { background-color: #081f2c; color: #fff; font-weight: 700; padding: .6rem 1rem; } #pdpMain .add-set-to-bag-mobile #add-all-setto-cart-mobile[disabled="disabled"] { opacity: 0.5; cursor: default; } @media print, screen and (max-width: 39.99875em) { #pdpMain .add-set-to-bag-mobile #add-all-setto-cart-mobile { font-weight: 600; height: 50px; padding: .6em 2em .4em; text-transform: uppercase; background-color: #081f2c; z-index: 2; padding: 1em 2em; font-weight: bold; cursor: pointer; color: #ffffff; } #pdpMain .add-set-to-bag-mobile #add-all-setto-cart-mobile[disabled="disabled"] { background-color: #767676 !important; border-color: #767676 !important; opacity: 0.5; cursor: default; } } #pdpMain .add-set-to-bag-mobile span.bundle-addtoset-text { height: 50px; z-index: 200; display: inline-block; width: 180px; padding: .6em 2em .4em; position: absolute; top: 15px; } #pdpMain .button--secondary { background: #081f2c; color: #fff; border: 1px solid #081f2c; text-transform: uppercase; font-size: 3vw; font-weight: bold; padding: 10px 30px 8px; letter-spacing: 2px; transition: .5s; display: inline-block; margin-top: 1%; } #pdpMain .button--secondary:hover { color: #081f2c; background: #fff; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay { display: block; position: fixed; top: 0; z-index: 202; right: -518px; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; float: left; left: auto; } @media print, screen and (max-width: 39.99875em) { #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay { right: -280px; } } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay.overlayClosed { visibility: hidden; z-index: -9; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay button { cursor: pointer; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv { float: right; background-color: #ffffff; width: 28.83333%; height: 100vh; overflow: hidden; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv { width: 50%; } } @media print, screen and (max-width: 39.99875em) { #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv { width: 100%; } } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-close { border: none; background: #ffffff; color: #081f2c; font-size: 1.2rem; margin: 1.2rem 1.2rem; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-close:focus { outline: 1px dotted #081f2c; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .cross-sell-container { height: 78vh; overflow-y: auto; margin-bottom: 10px; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .cross-sell-container .cross-sell-title h2 { margin: 0 60px; font-size: 2.5rem; text-align: center; font-weight: normal; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul { padding: 0; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-image-placeholder { margin-bottom: 10px; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-image-placeholder .cSell-product-name { text-align: center; font-size: 2em; max-width: 90%; margin: 0 auto; font-weight: 500; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-image { -ms-flex-preferred-size: 240px; flex-basis: 240px; text-align: center; max-height: 186px; max-width: 186px; margin: 0 auto; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-image img { width: 100%; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-product-info-heading { text-align: center; text-decoration: underline; text-transform: uppercase; font-weight: normal; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-child-row { display: block; width: 100%; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-child-row .cSell-child-title, #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-child-row .cSell-child-attribute { float: left; display: inline-block; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-child-row .cSell-child-title { width: 70%; margin: 10px 0; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .cross-sell-item .cSell-product-info-wrapper .cSell-child-row .cSell-child-attribute { width: 30%; margin: 10px 0; text-align: right; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .slick-dots > li { display: inline-block; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .crosssell-overlay-ul .slick-dots > li:only-child { display: none; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv ul { list-style-type: none; -webkit-padding-end: 40px; padding-inline-end: 40px; -webkit-padding-start: 30px; padding-inline-start: 30px; padding-top: 10px; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv ul .setheading { font-size: 1.375rem; font-weight: bold; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv ul .setheading:focus { outline: 1px dotted #081f2c; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart { text-align: center; padding-bottom: 3em; margin: 0 1em; } @media print, screen and (min-width: 40em) { #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart { margin: 0 2em; } } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #crossCollectionForm { font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #cSell-add-to-cart, #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #product-link { background-color: #081f2c; border: none; padding: 0.5rem 0; font-weight: bold; color: #ffffff; width: 45%; text-transform: uppercase; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #cSell-add-to-cart:focus, #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #product-link:focus { outline: 2px dotted #081f2c; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #cSell-add-to-cart[disabled="disabled"], #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #product-link[disabled="disabled"] { background-color: #767676 !important; border-color: #767676 !important; opacity: 0.5; cursor: default; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-add-settocart #product-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; color: #081f2c; border: 1px solid #081f2c; } #pdpMain .cross-sell-overlay-wrapper .cross-sell-overlay .overlaycontentDiv .overlay-noproducts-added { display: none; text-align: center; padding: 5em 3em; font-weight: bold; } #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv { right: -500px; top: auto; bottom: 250px; position: fixed; z-index: 11; } @media print, screen and (max-width: 39.99875em) { #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv { bottom: 120px; } } #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv .overlay-button { background-color: #081f2c; font-weight: 100; text-transform: none; border: none; border-radius: 30px 0px 0px 30px; color: #ffffff; padding: 1rem; } #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv .overlay-button:focus { outline: 1px dotted #fff; outline-offset: -10px; } #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv .overlay-button:hover { color: #ffffff; } #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv .overlay-button .overlay-button-text { font-size: 0.875rem; padding: 0 1.5em; } @media print, screen and (min-width: 64em) { #pdpMain .cross-sell-overlay-wrapper .overlaybuttonDiv .overlay-button .overlay-button-text { font-size: 1rem; } } #pdpMain .cross-sell-overlay-wrapper .overlay-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 201; background-color: rgba(32, 32, 32, 0.45); } body.active-CrossSellOverlay { overflow: hidden !important; } ::-moz-selection { background: rgba(200, 16, 46, 0.2); } ::selection { background: rgba(200, 16, 46, 0.2); } #main { background-color: #ffffff; background-image: url(../images/bg-checkout.png), url(../images/bg-shadow.png); background-repeat: no-repeat, repeat-x; background-position: center top, center top; background-size: 100% auto, auto; } .serif { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } .sans-serif { font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; } .dropdown-pane { box-shadow: 0 3px 3px 0px rgba(66, 66, 66, 0.3); z-index: 40; } .dropdown-pane { width: 320px; } .dropdown-pane .helpContainerSubTitleNoBorder.helpflyoutsectionheader { visibility: hidden !important; } .dropdown-pane.is-open .helpContainerSubTitleNoBorder.helpflyoutsectionheader { visibility: visible !important; } .uppercased { text-transform: uppercase; } .strikethrough { text-decoration: line-through; } .globalprice_unadjusted { color: #000; font-weight: normal; font-size: .9em; display: block; margin: 0 0 .42em; } .globalprice_unadjusted span { text-decoration: line-through; } .main-video:hover, .video:hover, .modal-video:hover { cursor: pointer; } .modal-video.video { position: relative; } .modal-video.video:before { content: "\e90d"; display: block; position: absolute; font-family: icomoon; color: #fff; font-size: 70px; height: 70px; width: 70px; right: 50%; top: 50%; margin: -35px -35px 0 0; line-height: 1; } .bg-grey-secondary { background-color: #f6f6f6; } .field-button-container { display: -ms-flexbox; display: flex; } .field-button-container input { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 15px; outline: none; border: solid #050505; border-width: 1px 0 1px 1px; } .field-button-container button[type="submit"] { background: #ffffff; border: none; color: #000; padding: 13px; font-weight: bold; border: solid #050505; border-width: 1px 1px 1px 0; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; } .field-button-container::before, .field-button-container::after { display: table; content: ' '; } .field-button-container::after { clear: both; } input.underline, li.underline { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #202020 solid; border-width: 0 0 1px; border-radius: 0px; padding: 10px 28px 10px 5px; height: 100%; } select.underline { appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 14px; font-size: 0.875rem; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #050505; border-radius: 0px; padding: 8px 30px 8px 10px; height: 100%; background: url("../images/icon-caret.png") no-repeat 94% 50%; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { select.underline { background-image: url("../images/icon-caret@2x.png"); background-size: 18px 7px; } } select::-ms-expand { display: none; } .icon { display: inline-block; } .scroll-top-wrapper { position: fixed; outline: none; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 20; color: #ffffff; width: 54px; height: 54px; line-height: 50px; right: 10px; bottom: 70px; transition: all 0.2s ease-in-out; color: #c2913a; } .scroll-top-wrapper.back-to-top-arrow { width: 33px; height: 33px; line-height: 33px; bottom: 40%; } .scroll-top-wrapper.back-to-top-arrow .scroll-top-inner { background: none; } .scroll-top-wrapper .icon-chevron-thin-up { background-image: url(../images/sprite.png); background-position: 0px 0px; width: 54px; height: 54px; display: block; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .scroll-top-wrapper .icon-chevron-thin-up { background-image: url(../images/retina-sprite.png); background-size: 138px 135px; } } .scroll-top-wrapper .icon-chevron-thin-up:before { content: ""; } @media print, screen and (min-width: 40em) { .scroll-top-wrapper { bottom: 60px; } } .scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 1; } .scroll-top-wrapper.show:hover { outline: none; } .scroll-top-wrapper.show:active, .scroll-top-wrapper.show:focus { border: 1px solid transparent; outline: 2px dotted #081f2c; } .scroll-top-wrapper.show.white-outline:active, .scroll-top-wrapper.show.white-outline:focus { outline: 2px dotted white; } .scroll-top-wrapper.zeroOpacity { visibility: visible; cursor: pointer; opacity: 0; } .scroll-top-wrapper i.fa { line-height: inherit; } .tooltip { box-shadow: 0 3px 3px 0px rgba(66, 66, 66, 0.3); } /** should be placed together with other mixins for Shiseido **/ .store-locator-form .field-button-container { display: block; margin-top: 15px; } .store-locator-form input { width: 80%; padding: 0px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .store-locator-form input { width: 70%; } } .store-locator-form span.error { font-size: 1em; margin-top: 1em; margin-bottom: 10px; padding: 0; } .store-locator-form button { opacity: 1; margin-right: -5px; } .store-locator-form button[type="submit"] { padding-top: 10px; } .store-locator-form button:disabled, .store-locator-form button:hover { color: #081f2c !important; background: transparent !important; } .menu-utility-content { font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; color: #706258; } .menu-utility-content label { font-size: 13px; font-size: 0.8125rem; color: #333333; margin: 0 0 10px; } .menu-utility-content input[type="email"], .menu-utility-content input[type="text"] { border: 1px solid #050505; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } .menu-utility-content input[type="text"], .menu-utility-content input[type="email"] { font-size: 13px; font-size: 0.8125rem; padding: 8px; line-height: 14px; line-height: 0.875rem; height: 32px; } .menu-utility-content .field-button-container input[type="text"], .menu-utility-content .field-button-container input[type="email"] { border-right: none; } .menu-utility-content .field-button-container button[type="submit"] { border: 1px solid #050505; border-left: none !important; margin-left: -4px; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; display: inline-block; padding: 9px !important; vertical-align: bottom; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; } .menu-utility-content .login-box h3, .menu-utility-content .account-registration .registration-box h3, .account-registration .menu-utility-content .registration-box h3, .menu-utility-content .login-wrapper .registration-box h3, .login-wrapper .menu-utility-content .registration-box h3, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box h3, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box h3, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box h3 { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-weight: normal; font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; padding: 0 12px; color: #333333; letter-spacing: 0.05em; } .menu-utility-content .login-box .form-row, .menu-utility-content .account-registration .registration-box .form-row, .account-registration .menu-utility-content .registration-box .form-row, .menu-utility-content .login-wrapper .registration-box .form-row, .login-wrapper .menu-utility-content .registration-box .form-row, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .form-row, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .form-row, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .form-row { padding: 0 12px; } .menu-utility-content .login-box .form-row-button, .menu-utility-content .account-registration .registration-box .form-row-button, .account-registration .menu-utility-content .registration-box .form-row-button, .menu-utility-content .login-wrapper .registration-box .form-row-button, .login-wrapper .menu-utility-content .registration-box .form-row-button, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .form-row-button, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .form-row-button, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .form-row-button { margin: 20px 0 5px; padding: 0; } .menu-utility-content .login-box .btn.submit-passwordless-button, .menu-utility-content .account-registration .registration-box .btn.submit-passwordless-button, .account-registration .menu-utility-content .registration-box .btn.submit-passwordless-button, .menu-utility-content .login-wrapper .registration-box .btn.submit-passwordless-button, .login-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .btn.submit-passwordless-button, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .btn.submit-passwordless-button, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button { background-color: #202020; color: #ffffff; width: auto; } .menu-utility-content .login-box .btn.submit-passwordless-button:hover, .menu-utility-content .account-registration .registration-box .btn.submit-passwordless-button:hover, .account-registration .menu-utility-content .registration-box .btn.submit-passwordless-button:hover, .menu-utility-content .login-wrapper .registration-box .btn.submit-passwordless-button:hover, .login-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button:hover, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .btn.submit-passwordless-button:hover, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button:hover, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .btn.submit-passwordless-button:hover, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .btn.submit-passwordless-button:hover { background-color: #ffffff; color: #202020; border: 1px solid #202020; } .menu-utility-content .login-box .login-rememberme, .menu-utility-content .account-registration .registration-box .login-rememberme, .account-registration .menu-utility-content .registration-box .login-rememberme, .menu-utility-content .login-wrapper .registration-box .login-rememberme, .login-wrapper .menu-utility-content .registration-box .login-rememberme, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .login-rememberme, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .login-rememberme, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .login-rememberme, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .login-rememberme { margin-left: 0; padding: 0; } .menu-utility-content .login-box .login-rememberme input[type="checkbox"]:checked:before, .menu-utility-content .account-registration .registration-box .login-rememberme input[type="checkbox"]:checked:before, .account-registration .menu-utility-content .registration-box .login-rememberme input[type="checkbox"]:checked:before, .menu-utility-content .login-wrapper .registration-box .login-rememberme input[type="checkbox"]:checked:before, .login-wrapper .menu-utility-content .registration-box .login-rememberme input[type="checkbox"]:checked:before, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .login-rememberme input[type="checkbox"]:checked:before, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .login-rememberme input[type="checkbox"]:checked:before, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .login-rememberme input[type="checkbox"]:checked:before, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .login-rememberme input[type="checkbox"]:checked:before { background-position: -2px -2px; background-repeat: no-repeat; width: 16px; height: 16px; } .menu-utility-content .login-box button[type="submit"], .menu-utility-content .account-registration .registration-box button[type="submit"], .account-registration .menu-utility-content .registration-box button[type="submit"], .menu-utility-content .login-wrapper .registration-box button[type="submit"], .login-wrapper .menu-utility-content .registration-box button[type="submit"], .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box button[type="submit"], .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box button[type="submit"], .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box button[type="submit"], .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box button[type="submit"] { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 14px; font-size: 0.875rem; line-height: 18pxpx; line-height: 1.125rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; text-transform: none; display: block; width: 100%; } .menu-utility-content .login-box .rememberme:focus, .menu-utility-content .account-registration .registration-box .rememberme:focus, .account-registration .menu-utility-content .registration-box .rememberme:focus, .menu-utility-content .login-wrapper .registration-box .rememberme:focus, .login-wrapper .menu-utility-content .registration-box .rememberme:focus, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box .rememberme:focus, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box .rememberme:focus, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box .rememberme:focus, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box .rememberme:focus { outline: 2px dotted #081f2c; } .menu-utility-content .login-box #loginDropDown, .menu-utility-content .account-registration .registration-box #loginDropDown, .account-registration .menu-utility-content .registration-box #loginDropDown, .menu-utility-content .login-wrapper .registration-box #loginDropDown, .login-wrapper .menu-utility-content .registration-box #loginDropDown, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box #loginDropDown, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box #loginDropDown, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box #loginDropDown, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box #loginDropDown { text-transform: uppercase; } .menu-utility-content .login-box #loginDropDown:focus, .menu-utility-content .account-registration .registration-box #loginDropDown:focus, .account-registration .menu-utility-content .registration-box #loginDropDown:focus, .menu-utility-content .login-wrapper .registration-box #loginDropDown:focus, .login-wrapper .menu-utility-content .registration-box #loginDropDown:focus, .menu-utility-content .pt_checkorder .order-track-wrapper .registration-box #loginDropDown:focus, .pt_checkorder .order-track-wrapper .menu-utility-content .registration-box #loginDropDown:focus, .menu-utility-content .pt_customer-service .primary-content .contact-form-wrapper .registration-box #loginDropDown:focus, .pt_customer-service .primary-content .contact-form-wrapper .menu-utility-content .registration-box #loginDropDown:focus { outline: 2px dotted #081f2c; outline-offset: 2px; } .menu-utility-content .reset-password-link { text-align: center; } .menu-utility-content a.password-reset { font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; text-transform: capitalize; } .menu-utility-content .create-new-account { text-align: center; padding-top: 20px; border-top: 1px solid #050505; margin-top: 20px; } .menu-utility-content .create-new-account p { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp", "Times New Roman", times, serif; font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; color: #333333; margin: 0; } .menu-utility-content .create-new-account a { color: #333333; text-decoration: underline; } @media print, screen and (min-width: 40em) { .menu-utility-content { border: 0; padding: 0 2em; } .menu-utility-content:after { content: ""; background-color: #050505; height: 1px; margin: 0 -2em 2px; display: block; } .menu-utility-content .content-asset { height: 100%; padding: 18px 0; text-align: left; } .menu-utility-content .content-asset ul { margin: 0; padding: 0; } .menu-utility-content .content-asset ul li { border: 0; display: block; line-height: 2em; margin: 0; text-align: left; } .menu-utility-content .content-asset ul li a { color: #202020; } .menu-utility-content .content-asset ul li a.padded-links { padding-left: 1em; } .menu-utility-content .content-asset ul.stores-names { font-weight: 700; } .menu-utility-content .content-asset .register-newsletter .user-consent-container { position: relative; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-label > label { position: relative; top: 18px; margin: 0 0 18px; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-label > label a { color: #00f; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 270px; top: -24px; font-size: 12px; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 20px; width: 15px; height: 15px; z-index: 10; border-width: 1px; padding: 0; color: #cebc9e; } .menu-utility-content .content-asset .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -20px; left: -3px; } .menu-utility-content .content-asset .register-newsletter > span { font-size: 13px; font-size: 0.8125rem; color: #333333; margin: 0 0 10px; } .menu-utility-content .content-asset .newsletter-content { form-margin-top: 1em; } .menu-utility-content .content-asset .newsletter-content span { display: block; } .menu-utility-content .content-asset .newsletter-content span.error { font-size: 1em; margin-top: 2em; padding: 0; } .menu-utility-content .content-asset .newsletter-content .registered-email { display: block; margin: 0; } .menu-utility-content .content-asset .newsletter-content .field-button-container { display: block; } .menu-utility-content .content-asset .newsletter-content input { width: 80%; color: #202020; } .menu-utility-content .content-asset .newsletter-content input:focus { color: #202020; } .menu-utility-content .content-asset .newsletter-content input.input-checkbox { width: 30px; } .menu-utility-content .content-asset .newsletter-content button { background: transparent !important; opacity: 1; } .menu-utility-content .content-asset .newsletter-content button:disabled { color: #081f2c; } .menu-utility-content .content-asset .newsletter-content .content-asset { border-bottom: 0; padding: 1em 0 0; } .menu-utility-content .content-asset .newsletter-content .content-asset h1 { font-size: 1em; margin: 0; } .menu-utility-content .content-asset .newsletter-content .content-asset p { margin: 0; } .menu-utility-content .content-asset .store-details { display: block; margin-bottom: 2em; } .menu-utility-content .content-asset .button { padding-top: 5px; text-transform: uppercase; } .menu-utility-content .content-asset a { text-decoration: none; color: #706258; } .menu-utility-content .content-link-container { height: 100%; padding: 18px 0; text-align: left; } .menu-utility-content .content-link-container ul { margin: 0; padding: 0; } .menu-utility-content .content-link-container ul li { border: 0; display: block; line-height: 2em; margin: 0; text-align: left; } .menu-utility-content .content-link-container ul li a { color: #202020; } .menu-utility-content .content-link-container ul li a.padded-links { padding-left: 1em; } .menu-utility-content .content-link-container ul.stores-names { font-weight: 700; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container { position: relative; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-label > label { position: relative; top: 18px; margin: 0 0 18px; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-label > label a { color: #00f; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 270px; top: -24px; font-size: 12px; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 20px; width: 15px; height: 15px; z-index: 10; border-width: 1px; padding: 0; color: #cebc9e; } .menu-utility-content .content-link-container .register-newsletter .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -20px; left: -3px; } .menu-utility-content .content-link-container .register-newsletter > span { font-size: 13px; font-size: 0.8125rem; color: #333333; margin: 0 0 10px; } .menu-utility-content .content-link-container .newsletter-content { form-margin-top: 1em; } .menu-utility-content .content-link-container .newsletter-content span { display: block; } .menu-utility-content .content-link-container .newsletter-content span.error { font-size: 1em; margin-top: 2em; padding: 0; } .menu-utility-content .content-link-container .newsletter-content .registered-email { display: block; margin: 0; } .menu-utility-content .content-link-container .newsletter-content .field-button-container { display: block; } .menu-utility-content .content-link-container .newsletter-content input { width: 80%; color: #202020; } .menu-utility-content .content-link-container .newsletter-content input:focus { color: #202020; } .menu-utility-content .content-link-container .newsletter-content input.input-checkbox { width: 30px; } .menu-utility-content .content-link-container .newsletter-content button { background: transparent !important; opacity: 1; } .menu-utility-content .content-link-container .newsletter-content button:disabled { color: #081f2c; } .menu-utility-content .content-link-container .newsletter-content .content-asset { border-bottom: 0; padding: 1em 0 0; } .menu-utility-content .content-link-container .newsletter-content .content-asset h1 { font-size: 1em; margin: 0; } .menu-utility-content .content-link-container .newsletter-content .content-asset p { margin: 0; } .menu-utility-content .content-link-container .store-details { display: block; margin-bottom: 2em; } .menu-utility-content .content-link-container .button { padding-top: 5px; text-transform: uppercase; } .menu-utility-content .underline { text-decoration: underline; } } #store-locator-dropdown .input-header-label { font-weight: 700; } #store-locator-dropdown label { text-transform: uppercase; margin: 0 0 8px; } #store-locator-dropdown .store-locator-form .field-button-container { margin-top: 8px; } input.error, .form-row input.error { border-color: #c8102e; } .text-center { text-align: center; } /* Cross out the swatches that are not available */ .unavailable:before { border: #ffffff 2px solid; content: ""; display: block; height: 45px; left: -20px; position: absolute; top: 10px; transform: rotate(45deg); width: 50px; -webkit-transform: rotate(45deg); } @media print, screen and (min-width: 40em) { .unavailable:before { left: -31px; } } @media print, screen and (min-width: 64em) { .unavailable:before { left: -25px; } } .fade-circle { margin: 2.4rem auto; outline: 0 none; border-radius: 100%; font-size: 1.2rem; width: 1em; height: 1em; animation: fade-circle 1.5s infinite ease; } .reveal-overlay { overflow: auto; } @keyframes fade-circle { 0%, 100% { box-shadow: 0em -2em 0em 0em #c8102e, 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0.2), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.4), -2em 0em 0em 0em rgba(200, 16, 46, 0.6), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.8); } 12.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.8), 1.4em -1.4em 0em 0em #c8102e, 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.2), -2em 0em 0em 0em rgba(200, 16, 46, 0.4), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.6); } 25% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.6), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.8), 2em 0em 0em 0em #c8102e, 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0.2), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.4); } 37.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.4), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.6), 2em 0em 0em 0em rgba(200, 16, 46, 0.8), 1.4em 1.4em 0em 0em #c8102e, 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.2); } 50% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.2), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.4), 2em 0em 0em 0em rgba(200, 16, 46, 0.6), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.8), 0em 2em 0em 0em #c8102e, -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 62.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.2), 2em 0em 0em 0em rgba(200, 16, 46, 0.4), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.6), 0em 2em 0em 0em rgba(200, 16, 46, 0.8), -1.4em 1.4em 0em 0em #c8102e, -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 75% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0.2), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.4), 0em 2em 0em 0em rgba(200, 16, 46, 0.6), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.8), -2em 0em 0em 0em #c8102e, -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 87.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.2), 0em 2em 0em 0em rgba(200, 16, 46, 0.4), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.6), -2em 0em 0em 0em rgba(200, 16, 46, 0.8), -1.4em -1.4em 0em 0em #c8102e; } } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } /* red style button */ .red-button { background: #081f2c; border: #081f2c 2px solid; color: #ffffff; font-weight: 700; text-transform: uppercase; } .red-button:hover { background: #ffffff; border: #081f2c 2px solid; color: #081f2c; } /* remove transition */ .no-transition { transition: none; } * { letter-spacing: 1px; } .menu-utility-content .content-link-container .newsletter-content span.required-indicator { display: none; } .menu-utility-content .content-link-container .newsletter-content input { width: 100%; } .menu-utility-content .content-link-container .newsletter-content input[type="text"] { border: 1px #050505 solid; } .menu-utility-content .content-link-container .newsletter-content .form-submit { display: block; } .menu-utility-content .content-link-container .newsletter-content .form-submit .form-row { display: inline-block; width: 80%; } .menu-utility-content .content-link-container .newsletter-content .form-submit .field-wrapper { margin: 0; } .menu-utility-content .content-link-container .newsletter-content .form-submit .lastname { width: 100%; border-right: none !important; } .menu-utility-content .content-link-container .newsletter-content button[type="submit"] { width: 20%; } .cpb-loader { background: none; position: relative; color: transparent; background-image: url(../images/spin.gif); background-repeat: no-repeat; background-position: 50%; background-size: 10%; } @media print, screen and (min-width: 40em) { #GLChatLinkFrame { left: 0px; bottom: -10px !important; } #GLChatDiv { left: 0px; bottom: -8px !important; } } .register-newsletter-container { background: none !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; } .register-newsletter-container .register-firstName { margin-bottom: 7px; } .register-newsletter-container .register-firstName input { background-color: #fff !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-firstName input { width: 100%; } } .register-newsletter-container .register-lasttName { margin-bottom: 7px; } .register-newsletter-container .register-lasttName input { background-color: #fff !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-lasttName input { width: 100%; } } .register-newsletter-container .register-email { display: -ms-flexbox; display: flex; } .register-newsletter-container .register-email > input { background-color: #fff !important; margin-right: 0 !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-email > input { width: 100%; } } .register-newsletter-container .register-email > button { background-color: #fff !important; padding: 0 7px !important; margin-right: 0px; } .register-newsletter-container .register-email > button .image-btn { background-size: 22px 14px !important; } a:focus, button:focus, select:focus { outline: 1px dotted #202020; outline-offset: 1px; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { border: 1px solid #081f2c; } input[type="checkbox"] { border: 2px solid #081f2c; } select, select.underline { border: 1px solid #081f2c; background: url("../images/svgicons/carrot-dropdown.svg") no-repeat calc(100% - 10px) 50%; color: #081f2c; } select.quantity-dropdown, select.underline.quantity-dropdown { margin-left: 0.3125rem; } #minimized-header-container { display: block; border-bottom: none; } #minimized-header-container .fullwidth-header-bg { background-color: #081f2c; } #minimized-header-container .fullwidth-header-bg .header-announcement-container .header-promotion, #minimized-header-container .fullwidth-header-bg .header-promotion-container .header-promotion { height: auto; margin: 8px 0; -ms-flex-pack: center; justify-content: center; } #minimized-header-container .fullwidth-header-bg .header-announcement-container p, #minimized-header-container .fullwidth-header-bg .header-promotion-container p { color: #ffffff; font-size: 16px; text-align: center; margin: 0; } #minimized-header-container .fullwidth-header-bg .header-announcement-container .promotion-msg-action, #minimized-header-container .fullwidth-header-bg .header-promotion-container .promotion-msg-action { text-align: right; } #minimized-header-container .fullwidth-header-bg .header-announcement-container button, #minimized-header-container .fullwidth-header-bg .header-promotion-container button { color: #ffffff; font-size: 20px; cursor: pointer; text-align: right; } #minimized-header-container .fullwidth-header-bg .header-announcement-container { display: none; } @media print, screen and (max-width: 39.99875em) { #minimized-header-container .fullwidth-header-bg .header-announcement-container .promotion-msg { overflow-x: hidden; margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box; } #minimized-header-container .fullwidth-header-bg .header-announcement-container .promotion-msg p.promotion-msg-text { font-weight: 500; display: inline-block; padding-left: 100%; animation: scroll-left 15s linear infinite; } } #minimized-header-container .menu-toggle-hamburger, #minimized-header-container .header-search-toggle-link { display: inline-block; float: left; position: relative; top: 13px; left: 10px; text-align: center; } #minimized-header-container .header-search-toggle-link { margin: 0 30px 0 25px; padding: 1px; } #minimized-header-container .header-search-toggle-link .icon-search { color: #081f2c; } #minimized-header-container .utility-nav { background-color: #ffffff; height: auto; padding: 5px 0; } #minimized-header-container .utility-nav .menu-utility-user > a, #minimized-header-container .utility-nav .menu-utility-user > .utility-link { font-size: 15px; color: #081f2c; text-transform: uppercase; height: 25px; min-height: 25px; } #minimized-header-container .utility-nav .menu-utility-user > a .guest-greeting, #minimized-header-container .utility-nav .menu-utility-user > .utility-link .guest-greeting { color: #081f2c; height: 25px; margin-top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 6px; } #minimized-header-container .utility-nav .menu-utility-user > a:after, #minimized-header-container .utility-nav .menu-utility-user > .utility-link:after { bottom: 1px; background-color: #081f2c; } #minimized-header-container .utility-nav .menu-utility-user > a.newsletter, #minimized-header-container .utility-nav .menu-utility-user > .utility-link.newsletter { font-family: "CronosPro-Regular", "CronosPro-Display", "Helvetica Neue", Helvetica; } #minimized-header-container .utility-nav .trackorderdesktop { font-family: "CronosPro-Regular", "CronosPro-Display", "Helvetica Neue", Helvetica; } #minimized-header-container .utility-nav .guest-greeting img, #minimized-header-container .utility-nav .guest-greeting embed { height: 19px; width: 17px; } #minimized-header-container .utility-nav .stores img, #minimized-header-container .utility-nav .stores embed, #minimized-header-container .utility-nav .mini-cart-link img, #minimized-header-container .utility-nav .mini-cart-link embed { height: 17px; width: 15px; } #minimized-header-container .utility-nav .mini-cart-total .mini-cart-link { height: 25px; -ms-flex-align: center; align-items: center; padding: 15px; margin: -15px; } #minimized-header-container .utility-nav .utility-link.stores { padding: 12px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 48px; margin: -12px -7px -12px 12px; width: 48px; } #minimized-header-container .utility-nav #mini-cart { border-bottom: none; } #minimized-header-container .utility-nav .mini-cart-total { height: 40px; width: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #minimized-header-container .utility-nav .menu-utility-content input[type="email"], #minimized-header-container .utility-nav .menu-utility-content input[type="text"] { border: 1px solid #081f2c; } #minimized-header-container .utility-nav .menu-utility-content input[type="password"] { padding: 8px; font-size: 13px; font-size: 0.8125rem; } #minimized-header-container .utility-nav .menu-utility-content .field-button-container button[type="submit"] { border: 1px solid #081f2c; } #minimized-header-container .utility-nav .menu-utility-content:after { background: transparent; } @media print, screen and (max-width: 63.99875em) { #minimized-header-container .utility-nav .utility-link.login, #minimized-header-container .utility-nav #login-dropdown { display: none; } } #minimized-header-container .utility-nav .login-links-box { top: 21px; } #minimized-header-container .utility-nav .login-links-box ul a { color: #081f2c; } #minimized-header-container .utility-nav .mini-cart-content { top: 40px; } #minimized-header-container .utility-nav #extole_zone_global_header a { font-size: 15px; color: #081f2c; text-transform: uppercase; height: 25px; min-height: 25px; font-family: "CronosPro-Regular", "CronosPro-Display", "Helvetica Neue", Helvetica; } #minimized-header-container .header-container { padding: 10px 0; } #minimized-header-container .header-container .storename-logo-image img { transition: all .5s ease; max-width: 134px; } @media print, screen and (min-width: 64em) { #minimized-header-container .header-container .storename-logo-image img { max-width: 268px; } } @media print, screen and (min-width: 64em) { #minimized-header-container .header-container .storename-logo-image.shrinked-logo img { max-width: 223px; } } @media print, screen and (min-width: 64em) { #minimized-header-container .header-container .level-1 { padding-right: 0; padding-left: 296px; } #minimized-header-container .header-container .level-1 li a, #minimized-header-container .header-container .level-1 li span { border-bottom: none; position: relative; text-transform: uppercase; } #minimized-header-container .header-container .level-1 li a:after, #minimized-header-container .header-container .level-1 li span:after { content: ""; width: 0%; border-bottom: 2px solid #081f2c; position: absolute; top: 38px; left: 50%; transform: translateX(-50%); } #minimized-header-container .header-container .level-1 li a:hover:after, #minimized-header-container .header-container .level-1 li span:hover:after { width: 40px; } } #minimized-header-container .header-container .level-1 li { padding: 0 12px; } @media print, screen and (min-width: 64em) { #minimized-header-container .header-container .level-2 { top: 63px; left: 0; right: 0; background-color: #ffffff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } } #minimized-header-container .header-container .level-2 .category-header { font-size: 18px; text-transform: uppercase; color: #081f2c; padding: 8px 18px; font-weight: normal; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } #minimized-header-container .header-container .level-2 li a { font-size: 16px; text-transform: capitalize; color: #081f2c; padding: 7px 0px; } #minimized-header-container .header-container .level-2 .sub-level-wrapper { padding: 26px 0 1rem; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { #minimized-header-container .header-container .level-2 .sub-level-wrapper.two-columnSub-level-wrapper { -ms-flex-pack: end; justify-content: flex-end; } #minimized-header-container .header-container .level-2 .sub-level-wrapper.two-columnSub-level-wrapper .column, #minimized-header-container .header-container .level-2 .sub-level-wrapper.two-columnSub-level-wrapper .columns { max-width: 27%; -ms-flex: 2 1 27%; flex: 2 1 27%; } } #minimized-header-container .header-container .level-2 li a:after, #minimized-header-container .header-container .level-2 li span:after { display: none; } #minimized-header-container .header-container .level-2 .content-column { padding-right: 30px; } #minimized-header-container .header-container .level-2 .content-column .meganav-contentAssets-imgWrapper { position: relative; } #minimized-header-container .header-container .level-2 .content-column .meganav-contentAssets-imgWrapper img { border: none; } #minimized-header-container .header-container .level-2 .content-column .meganav-contentAssets-imgWrapper p { position: absolute; bottom: 27px; left: 7px; font-size: 15px; text-decoration: none; text-transform: initial; color: #081f2c; letter-spacing: 0.2px; } #minimized-header-container .header-container .level-2 .content-column .meganav-contentAssets-TextWrapper h6 { margin: 14px 0 6px; font-size: 16px; text-transform: initial; color: #081f2c; font-weight: normal; } #minimized-header-container .header-container .level-2 .content-column .meganav-contentAssets-TextWrapper h5 { margin: 0; font-size: 16px; text-transform: uppercase; color: #081f2c; } #minimized-header-container .header-container .level-2 .content-column .header-nav-content-assets a:hover:after { width: 0px; } #minimized-header-container .header-container .level-2:before, #minimized-header-container .header-container .level-2:after { display: none; } #minimized-header-container .header-container .level-3.sub-level-wrapper { padding-top: 5px; } #minimized-header-container .header-container .level-3 li { display: block; padding: 0px 18px; } #minimized-header-container .header-container .new-search-suggestions { top: 67px; position: relative; left: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #minimized-header-container .header-container .new-search-suggestions { top: 52px; } } #minimized-header-container .header-container .new-search-suggestions .search-suggestion-wrapper { border-top: none; border-bottom: 1px solid #081f2c; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } #minimized-header-container .header-search.new-header-search { display: block; border: none; border-bottom: 1px solid #081f2c; height: 30px; width: 202px; margin-right: 0; margin-bottom: 10px; } #minimized-header-container .header-search input { height: auto; padding: 5px; margin: -5px; font-size: 15px; color: #081f2c; box-shadow: none; } #minimized-header-container .header-search .field-button-container button[type="submit"] { border: none; padding: 0 0 0 20px; } #minimized-header-container .header-search .icon-search { color: #081f2c; } #minimized-header-container.sticky-header .utility-nav { padding: 3px 0; } #minimized-header-container.sticky-header .utility-nav #mini-cart { min-height: 20px; } #minimized-header-container.sticky-header .utility-nav #mini-cart .mini-cart-total { height: 30px; } #minimized-header-container.sticky-header .header-container { padding: 7px 0 8px; } @media print, screen and (max-width: 39.99875em) { #minimized-header-container.sticky-header .header-container { padding: 10px 0 0; } } #minimized-header-container.sticky-header .header-container .storename-logo-image embed { height: 54px; } #minimized-header-container.sticky-header .level-2 { top: 50px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #minimized-header-container.sticky-header .level-2 { top: 48px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } } #minimized-header-container.sticky-header .new-search-suggestions { top: 54px; position: relative; left: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #minimized-header-container.sticky-header .new-search-suggestions { top: 52px; } } #minimized-header-container .header-container .level-1 > li > a { font-weight: normal; font-size: 20px; text-transform: uppercase; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } @media print, screen and (max-width: 39.99875em) { #minimized-header-container .header-promotion { padding: 0; } #minimized-header-container .header-promotion p { display: block; } #minimized-header-container .menu-toggle-hamburger { top: 13px; z-index: 1; } #minimized-header-container .utility-nav { display: inline-block; float: right; } #minimized-header-container .utility-nav .mini-cart-total { display: inline; } #minimized-header-container .utility-nav #extole_zone_global_header { display: none; } #minimized-header-container .header-search.new-header-search { position: static; margin-bottom: 20px; } #minimized-header-container .quick-access-menu { display: inline; } #minimized-header-container .quick-access-menu > li { margin: 0px 8px; } #minimized-header-container .quick-access-menu .store-locator-mobile img { margin-top: -3px; } #minimized-header-container .header-container .logo-medium { display: inline-block; margin-left: 6px; padding: 2px; position: relative; left: 25px; top: 4px; } #minimized-header-container .header-container .logo-medium .storename-logo-image { height: 32px; display: -ms-flexbox; display: flex; } #minimized-header-container .header-container .logo-medium .storename-logo-image embed { height: 32px; } #minimized-header-container .quick-access-menu { display: inline; top: -7px; position: absolute; right: 9px; width: auto; } #minimized-header-container .mini-cart-link { padding-right: 0; display: inline; top: -2px; } #minimized-header-container .mini-cart-link .minicart-quantity { right: -17px; } #minimized-header-container .new-header-search { margin-left: 50%; transform: translateX(-50%); padding: 0; margin-top: 10px; } #minimized-header-container .new-header-search form { border: none; } #minimized-header-container .new-header-search form input { width: 159px; } #minimized-header-container .header-container { padding: 2px 0; position: relative; } #minimized-header-container .header-container .level-1 > li { padding: 0 20px 0 30px; border-bottom: 1px solid #d7d7d7; } #minimized-header-container .header-container .level-1 > li.mobile-close-icon { min-height: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } #minimized-header-container .header-container .level-1 > li > a { padding: 11px 0px; font-size: 18px; color: #081f2c; text-transform: uppercase; } #minimized-header-container .header-container .level-1 > li > .menu-item-toggle { border: none; } #minimized-header-container .header-container .mobile-menu-bottom { background: #f5f5f5; border: none; } #minimized-header-container .header-container .mobile-menu-bottom li { border-bottom: 1px solid #d7d7d7; } #minimized-header-container .header-container .mobile-menu-bottom li a { padding: 12px 30px; font-size: 18px; color: #081f2c; text-transform: uppercase; } #minimized-header-container .header-container .mobile-menu-back { margin-top: 0; margin-left: -25px; font-family: "ChronicleDisplay-Light", "CronosPro-LtDisp"; font-size: 18px; color: #081f2c; text-transform: uppercase; } #minimized-header-container .header-container .mobile-menu-back i { margin-right: 4px; margin-top: -3px; font-weight: bold; } #minimized-header-container .header-container .level-2 .sub-level-wrapper { padding: 0 0 1rem; } #minimized-header-container .header-container .level-2 .sub-level-wrapper .mobile-menu-back, #minimized-header-container .header-container .level-2 .sub-level-wrapper .category-header { padding: 11px 18px; } #minimized-header-container .header-container .level-2 li { border-bottom: 1px solid #d7d7d7; padding: 0 20px 0 12px; } #minimized-header-container .header-container .level-2 li a { display: block; padding: 12px 18px; } #minimized-header-container .header-container .level-2 li .menu-item-toggle { border: none; } #minimized-header-container .header-container .new-search-suggestions { top: 1px; } #minimized-header-container .header-search-toggle-link { visibility: hidden; transition: all .5s ease; } } #minimized-header-container .svgicons-header { height: 18px; } #minimized-header-container .icon-search { font-size: 15px; margin-top: 4px; } .header-banner .row, .header-banner .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .header-banner .content-asset, .header-banner .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .header-banner .content-asset { display: block; } .promo-top { position: relative; overflow: hidden; text-align: center; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; /* Remove default Swiper arrows */ } .promo-top .promo-top-swiper { width: 100%; } .promo-top .promo-top-swiper .swiper-slide { background-color: inherit; } .promo-top .promo-top-swiper .swiper-wrapper { -ms-flex-align: center; align-items: center; } .promo-top .announcement-content { color: #ffffff; text-align: center; font-weight: bold; padding: 0; font-weight: 400; font-size: 0.6875rem; display: inline-block; text-align: center; margin: 0 12.5%; max-width: 75%; } @media print, screen and (min-width: 40em) { .promo-top .announcement-content { margin: 0 auto; width: auto; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.875rem; } } .promo-top .promo-link { color: #ffffff; font-size: 0.6875rem; text-align: center; padding: 0; } @media print, screen and (min-width: 40em) { .promo-top .promo-link { font-size: 0.875rem; padding: 0 0.25rem; } } .promo-top .promo-link:focus { outline: 1px dotted #ffffff; outline-offset: -1px; } .promo-top .swiper-button-prev::after, .promo-top .swiper-button-next::after { display: none; } .promo-top .swiper-button-prev { left: 0; background: url('data:image/svg+xml;utf8,') no-repeat center; background-size: 22px 22px; } .promo-top .swiper-button-next { background: url('data:image/svg+xml;utf8,') no-repeat center; background-size: 22px 22px; right: 0; } .promo-top .promo-top-nav { cursor: pointer; } .promo-top .promo-top-nav:focus { outline: 1px dotted #ffffff; outline-offset: -1px; } .header-promotions-wrapper { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; } .swiper-toggle { background: transparent; border: none; padding: 0; cursor: pointer; position: absolute; z-index: 10; position: absolute; left: 1.875rem; } .swiper-toggle:focus { outline: 1px dotted #ffffff; } @media print, screen and (min-width: 40em) { .swiper-toggle { left: 6.25rem; } } .promo-top-swiper .swiper-button-prev, .promo-top-swiper .swiper-button-next, .promo-top-swiper .swiper-toggle { display: block; } .swiper-toggle .icon-pause, .swiper-toggle .icon-play { display: block; fill: #ffffff; } @media print, screen and (max-width: 39.99875em) { .main-nav { transform: translateX(-100%); } .main-nav .mobile-menu-bottom { position: relative; z-index: 99; } .main-nav .mobile-menu-bottom .svgicons-header { margin-right: 10px; margin-top: -5px; height: 16px; } .menu-active .main-nav { transform: translateX(0); height: auto; overflow-y: auto; background-color: #ffffff; } .menu-active .main-nav .level-2 .sub-level-wrapper { -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu-active .main-nav .level-3 { min-height: 0; } .menu-active .main-nav .active > .level-3 { min-height: 100%; } #minimized-header-container.sticky-header .header-search-toggle-link { visibility: visible; z-index: 1; } #minimized-header-container.sticky-header .new-header-search { display: none; } #minimized-header-container.sticky-header .new-header-search.searchInputFocused { display: block; } #minimized-header-container.sticky-header .header-container { padding: 2px 0; } #minimized-header-container.sticky-header .new-search-suggestions { top: 2px; } } @media print, screen and (min-width: 64em) { .utility-nav > .row, .pt_content-search-result-static .no-left-nav-template .utility-nav > .content-asset, .pt_content-search-result-static .left-nav-template .utility-nav > .content-asset { padding-left: 0; padding-right: 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .menu-utility-user > a, #minimized-header-container .utility-nav .menu-utility-user > .utility-link, #minimized-header-container .utility-nav .menu-utility-user .trackorderdesktop { height: auto; } .level-1 { padding-left: 150px; } .level-1 .level-2 { background-color: #ffffff; top: 48px; } .level-1 .level-2 .column, .level-1 .level-2 .columns, .level-1 .level-2 .columns { max-width: 30%; } #minimized-header-container .utility-nav .utility-link.login, #minimized-header-container .utility-nav #login-dropdown { display: block; } #minimized-header-container.sticky-header .header-container .storename-logo-image embed, .header-container .logo-medium embed { height: 33px; } #minimized-header-container .header-container .level-1 > li > a { font-size: 13px; } #minimized-header-container .header-container .level-1 li { padding: 0 5px; } #minimized-header-container .header-search.new-header-search { width: 175px; } #minimized-header-container .header-search .field-button-container button[type="submit"] { padding: 0 0 0 10px; } #minimized-header-container .header-search input { font-size: 12.5px; } #minimized-header-container .utility-nav #extole_zone_global_header a { height: auto; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { #minimized-header-container .header-container .level-1 > li > a { font-size: 16px; } #minimized-header-container .header-container .level-1 li { padding: 0 5px; } } @media print, screen and (min-width: 40em) { #minimized-header-container .fullwidth-header-bg .header-announcement-container .promotion-msg-action { text-align: center; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .header-search.new-header-search { right: 10px; } #minimized-header-container .header-container { padding: 10px; } #minimized-header-container .header-container .level-2 li a { padding: 9px 13px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #minimized-header-container .header-container .level-1 { padding-left: 134px; } #minimized-header-container .header-container .storename-logo-image img { max-width: 124px; } #minimized-header-container .header-container .logo-medium { padding-left: 7px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1200px) and (orientation: landscape) { #minimized-header-container .header-container .storename-logo-image img { max-width: 210px; } #minimized-header-container .header-container .level-1 { padding-left: 250px; } #minimized-header-container .header-container .level-2 .sub-level-wrapper { max-height: 560px; overflow-y: scroll; } } /* SRS-2301 */ @media print, screen and (max-width: 39.99875em) { .common-SRS-2301, .hamberger-active, .hamberger-active body { overflow: hidden; width: 100%; height: 100%; position: fixed; -ms-touch-action: none; touch-action: none; } .hamberger-active body #minimized-header-container { position: relative; } .hamberger-active body #minimized-header-container.sticky-header { position: relative !important; } .hamberger-active body #minimized-header-container .hide-fullwidth-header-bg { display: none; } .hamberger-active body #minimized-header-container .hidden-fullwidth-header-bg { display: none; } .hamberger-active body #minimized-header-container .menu-toggle-hamburger { display: none; } .hamberger-active body #minimized-header-container .utility-nav { display: none; } .hamberger-active body #minimized-header-container .header-container { position: fixed; width: 100%; } .hamberger-active body #minimized-header-container .header-search-toggle-link { display: none; } } /* ends here SRS-2301 */ @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .mini-cart-link-cart:focus, .mini-cart-link-checkout:focus { outline: 2px dotted #202020; } .footer-container .countries-selector:focus { outline: 2px dotted #fff; } .news-signup .field-button-container button:focus { outline: 2px dotted #fff; } .user-consent-input .termsandconditions:focus { outline: 2px dotted #fff; } .findation-widget-wrapper:focus { outline: 2px dotted #202020; } .product-add-to-cart #add-to-cart:focus { outline: 2px dotted #202020; } .social-media-container .social-media-inner-container-item a:focus { display: inline-block; outline: 2px dotted #fff; } #oos_email_btn:focus { outline: 2px dotted #202020; } #navigation.main-nav { max-height: 100vh; } #login-dropdown .form-row { margin-bottom: 0.8rem; } #login-dropdown .form-row label { margin: 0; } #login-dropdown .form-row.form-row-button { margin-bottom: 0.2rem; margin-top: 0; } #login-dropdown #dwfrm_mini_login .content-asset { padding: 0 12px; } #login-dropdown #dwfrm_mini_login .recaptcha-caption { font-size: .8125rem; } #login-dropdown #dwfrm_mini_login .recaptcha-caption a { text-decoration: underline; } #country-selector-container { padding: 30px; max-width: 450px; height: auto; top: 25%; } #country-selector-container .close-button { color: #d7d7d7; } #country-selector-container .selectcountry { border: 1px solid #d7d7d7; } #country-selector-container .shopnow-button { border: 1px solid #d7d7d7; margin-left: 5px; cursor: pointer; color: #202020; font: inherit; } .scroll-top-wrapper { color: #081f2c; } footer .footer-form.footer-newsletter .newsletter-content .register-success { margin-top: 36px; } @media print, screen and (max-width: 39.99875em) { #country-selector-container { margin: 0 3%; padding: 20px; } } .footer-full-width { max-width: 100%; background-color: #081f2c; color: #ffffff; } .footer-full-width a { color: #ffffff; } .special-offers-title { font-size: 1em; font-family: CronosPro-LtDisp,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; text-align: center; margin: 1em auto; } .footer-container { max-width: 77.5rem; margin-right: auto; margin-left: auto; } .footer-container .offer-image { height: 40px; width: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-container .offer-text { text-align: left; } @media print, screen and (max-width: 39.99875em) { .footer-container .offer-text { margin: 0 0 0 2rem; } } .footer-container .offer-text h4 { margin: 0; } .footer-container .offer-text p { line-height: 1em; margin: 0; position: relative; top: 0.3rem; } .footer-container .offers-div-nonmobile { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .footer-container .offers-div-nonmobile .offer-image { transition: margin 0.4s linear; } .footer-container .offers-div-nonmobile .offer-text { opacity: 0; max-height: 0; transition: opacity 2s, max-height .4s, visibilty .4s; visibility: hidden; text-align: center; z-index: -1; } .footer-container .offers-div-nonmobile .offer-text p { width: auto; margin: 0 auto; } .footer-container .offers-div-nonmobile.always-show .offer-image { margin: 0 0 1.3rem; } .footer-container .offers-div-nonmobile.always-show .offer-text { max-height: 5rem; opacity: 1; z-index: 1; visibility: visible; } .footer-container #inputaddressfooter:-ms-input-placeholder, .footer-container .email:-ms-input-placeholder { color: #202020; opacity: 1; } .footer-container #inputaddressfooter::placeholder, .footer-container .email::placeholder { color: #202020; opacity: 1; } .footer-container .countries-selector { border: 1px solid #ffffff; background-image: url(../images/caret-icon-8.jpg); background-position: right; background-size: 33px 33px; } .footer-container a:focus { outline-color: #ffffff; } .footer-container .card-row { margin-bottom: 0; } .footer-container .card-row .col-md-fullcard { text-align: center; } .footer-container .card-row .col-md-fullcard > a { display: inline-block; padding-bottom: 1rem; } .footer-container .card-row .col-md-fullcard > a:focus { outline: 1px dotted #ffffff; outline-offset: 2px; } .footer-special-offers { width: 100%; } .footer-special-offers .card-row p a, .footer-special-offers .offers-container p a { text-decoration: none; } .card-row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 1rem auto; } @media print, screen and (max-width: 39.99875em) { .card-row { display: none; } } .card-row:hover .offer-image { margin: 0 0 1.3rem; } .card-row:hover .offer-text { max-height: 5rem; opacity: 1; z-index: 1; visibility: visible; } .col-md-fullcard { min-height: 10px; padding: 0; margin: 0; -ms-flex: 1; flex: 1; } .formobile .offers-container { padding-right: 1.5rem; padding-left: 1.5rem; color: #ffffff; padding-bottom: 0.6rem; } .formobile .offers-container .offers-container-item { display: -ms-flexbox; display: flex; margin: 1.5rem 0; -ms-flex-align: center; align-items: center; } .formobile .offers-container .offers-container-item:first-child { margin-top: 1rem; } .formobile .offers-container .offers-container-item:last-child { margin-bottom: 1rem; } .select-country { margin-top: 30px; } @media print, screen and (max-width: 39.99875em) { .select-country { top: 0; } .select-country label[for=selectcountry] { margin-top: 20px; } } .change-language { position: relative; top: 20px; } .user-consent-parent-container { display: -ms-flexbox; display: flex; position: relative; top: 25px; } .user-consent-parent-container .user-consent-container { position: relative; top: -7px; } .social-media-container.desktop { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding-top: 1rem; } .social-media-container.desktop .social-media-icon { height: 25px; width: 25px; margin: 0 1.5rem; } .formobile .social-media-container { color: #ffffff; padding-right: 1.5rem; padding-left: 1.5rem; } .formobile .social-media-container .social-media-divider { height: 1px; background-color: #ffffff; } .formobile .social-media-container .social-media-divider.top { margin-bottom: 1rem; } .formobile .social-media-container .social-media-divider.bottom { margin-top: 1rem; } .formobile .social-media-container .social-media-inner-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .social-media-icon { background-position: left top; height: 29px; width: 29px; left: 0; top: 0; margin-left: 0; margin-top: 0; background-repeat: no-repeat; } .social-media-icon.facebook-icon { background-image: url("../images/interface/facebook.svg"); } .social-media-icon.instagram-icon { background-image: url("../images/interface/instagram.svg"); } .social-media-icon.pinterest-icon { background-image: url("../images/interface/pinterest.svg"); } .social-media-icon.youtube-icon { background-image: url("../images/interface/youtube.svg"); background-position: left 5px; } .social-media-icon.wechat-icon { background-image: url("../images/interface/wechat.svg"); } footer .footer-form.store-locator .news-signup .field-button-container { padding: 0; } footer .footer-form.store-locator .news-signup .field-button-container input { padding: 10px 0px 10px 15px; } footer .footer-form.store-locator .news-signup .field-button-container button { margin-left: 7px; height: 37px; cursor: pointer; color: transparent !important; background-size: 21px 33px !important; position: relative; vertical-align: middle; width: 34px; } @media print, screen and (min-width: 40em) { footer .footer-form.store-locator .news-signup .field-button-container button { margin-left: 5px; } } footer .footer-form.store-locator .news-signup .field-button-container button .image-btn { position: absolute; height: 13px; width: 20px; background: url(../images/interface/next.svg) no-repeat; background-size: 32px 13px; margin-top: -6px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { footer .footer-form.store-locator .news-signup .field-button-container button .image-btn { background-size: 24px 13px; } } footer .footer-form.store-locator .news-signup .field-button-container button:disabled .image-btn { background: url(../images/interface/next-disabled.svg) no-repeat; background-size: 32px 13px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { footer .footer-form.store-locator .news-signup .field-button-container button:disabled .image-btn { background-size: 24px 13px; } } .copyright-div { border-top: 1px solid #ffffff; margin-top: 30px; } @media print, screen and (max-width: 39.99875em) { .copyright-div { margin-top: 0; } } .copyright-div .footer-copyright { padding-top: 15px; margin-top: 0; text-align: center; font-size: 12px; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .user-consent-parent-container input[type="checkbox"] { background: #ffffff; width: 23px; height: 23px; } .user-consent-parent-container input[type="checkbox"]:checked:before { background-image: url(../images/interface/close.svg); background-position: -1px -1px; background-repeat: no-repeat; width: 21px; height: 30px; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type="checkbox"]:checked:before { background-size: unset; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { footer .footer-container .countries-selector { padding: 10px 25px 10px 5px; } footer .footer-form.store-locator .news-signup .field-button-container { padding: 0; } footer .footer-form.store-locator .news-signup .field-button-container input { padding: 10px 0px 10px 10px; width: 74%; margin-right: 0; } footer .footer-form.store-locator .store-locator-form .field-button-container { padding: 0; } footer .footer-form.store-locator .store-locator-form .field-button-container input { padding: 10px 5px; } footer .register-newsletter .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { width: 230px; top: -16px; } } .news-letter-form .user-consent-label.consent_ca { margin-bottom: 45px; } .news-letter-form.news-signup .user-consent-container { display: none; } .pdp-main .miniproduct-info .product-price { display: -ms-inline-flexbox; display: inline-flex; width: 55px; } @media print, screen and (min-width: 64em) { footer .register-newsletter .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { width: 320px; } } footer .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { top: -18px; } @media print, screen and (max-width: 39.99875em) { footer .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { top: -16px; width: 100%; line-height: 0.86; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1200px) and (orientation: landscape) { footer .footer-form.store-locator .store-locator-form .field-button-container input { margin-right: 0px; } footer .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { width: 230px; top: -16px; } } .register-newsletter-container { background: none !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; } .register-newsletter-container .register-firstName, .register-newsletter-container .register-lasttName, .register-newsletter-container .register-mobileNumber { margin-bottom: 15px; } .register-newsletter-container .register-firstName input, .register-newsletter-container .register-lasttName input, .register-newsletter-container .register-mobileNumber input { background-color: #fff !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-firstName input, .register-newsletter-container .register-lasttName input, .register-newsletter-container .register-mobileNumber input { width: 100%; } } .register-newsletter-container .register-firstName label, .register-newsletter-container .register-lasttName label, .register-newsletter-container .register-mobileNumber label { font-size: 16px; margin-bottom: 5px; text-transform: capitalize; } .register-newsletter-container .register-email { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .register-newsletter-container .register-email > input { background-color: #fff !important; margin-right: 0 !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-email > input { width: 100%; } } .register-newsletter-container .register-email label { font-size: 16px; margin-bottom: 5px; text-transform: capitalize; display: block; width: 100%; } .register-newsletter-container .register-email > button { background-color: #fff !important; padding: 0 7px !important; } .register-newsletter-container .register-email > button .image-btn { background-size: 22px 14px !important; } .register-newsletter-container { background: none !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; } .register-newsletter-container .register-firstName { margin-bottom: 15px; } .register-newsletter-container .register-firstName input { background-color: #fff !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-firstName input { width: 100%; } } .register-newsletter-container .register-lasttName { margin-bottom: 15px; } .register-newsletter-container .register-lasttName input { background-color: #fff !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-lasttName input { width: 100%; } } .register-newsletter-container .register-email { display: -ms-flexbox; display: flex; } .register-newsletter-container .register-email > input { background-color: #fff !important; margin-right: 0 !important; } @media only screen and (max-width: 639px) { .register-newsletter-container .register-email > input { width: calc(100vw - 85px); } } .register-newsletter-container .register-email > button { background-color: #fff !important; padding: 0 7px !important; } .register-newsletter-container .register-email > button .image-btn { background-size: 22px 14px !important; } .news-letter-form.footer-optin-form .register-firstName, .news-letter-form.footer-optin-form .register-lasttName, .news-letter-form.footer-optin-form .register-mobileNumber { display: none; } .news-letter-form.footer-optin-form .newsletter-mobile-error { margin: 8px 0 10px; } .news-letter-form.footer-optin-form .register-email { margin-bottom: 15px; } @media print, screen and (max-width: 39.99875em) { .news-letter-form.footer-optin-form .register-email #footerEmail { width: 86%; } } .news-letter-form.footer-optin-form label span.required-indicator { display: inline-block; margin-right: 5px; font-size: 1.2rem; color: #ffffff; } .news-letter-form.footer-optin-form #footerEmail-error.error { margin-top: 0; } .news-letter-form.footer-optin-form .user-consent-container { display: none; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-checkbox { height: auto; float: none; position: relative; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-checkbox .field-wrapper { display: inline-block; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-checkbox .field-wrapper .input-checkbox.termsandconditions { top: 0; padding: 0; width: 20px; height: 20px; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-checkbox .field-wrapper .input-checkbox.termsandconditions::before { width: 20px; height: 20px; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-checkbox label { display: inline-block; position: absolute; top: -7px; left: 30px; } .news-letter-form.footer-optin-form .user-consent-container .newsletter-optin-legalverbiage label { top: 0; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox { height: auto; float: none; position: relative; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox .field-wrapper { display: inline-block; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox .field-wrapper .input-checkbox.mobileoptin { top: 0; padding: 0; width: 20px; height: 20px; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox .field-wrapper .input-checkbox.mobileoptin::before { width: 20px; height: 20px; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox .field-wrapper .input-checkbox.mobileoptin:focus { outline: 2px dotted #ffffff; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-checkbox label { display: inline-block; position: absolute; top: -7px; left: 30px; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-legalverbiage label { top: 0; } .news-letter-form.footer-optin-form .user-consent-container.sms-user-consent-container .sms-optin-legalverbiage span#userconsent_mobileoptin p { line-height: 14px; margin-top: 0; } .news-letter-form.footer-optin-form #footer-optin-submit-btn { padding: 8px 25px 5px 25px; font-size: 16px; font-weight: bold; background: #081f2c; border: 1px solid #ffffff; color: #ffffff; } .news-letter-form.footer-optin-form #footer-optin-submit-btn:hover { background: #ffffff !important; color: #081f2c !important; cursor: pointer; } .news-letter-form.footer-optin-form #footer-optin-submit-btn:focus { outline: 1px dotted #ffffff; outline-offset: 2px; } .news-letter-form.footer-optin-form .checkbox-notchecked-error { margin: 15px 0; font-weight: 700; } .news-letter-form.footer-optin-form .checkbox-notchecked-error:focus { outline: 1px dotted white; } .footer-newsletter .register-success { margin-top: 10px; } .footer-newsletter .register-success:focus { outline: 1px dotted white; } .footer-newsletter #newsletter-submit-message { padding: 0 0 5px 5px; } .footer-newsletter #newsletter-submit-message:focus { outline: 1px dotted white; } .footer-newsletter .footer-newsletter-heading .footer-form-description { text-transform: none; font-size: 14px; } .user-consent-input label[for=dwfrm_userconsent_termsandconditions] span.required-indicator { display: none; } .user-consent-input { margin-top: 15px; } .user-consent-input #dwfrm_userconsent_termsandconditions-error { margin-top: -10px; } #main { background-color: #ffffff; background-image: none; } @media print, screen and (min-width: 40em) { #main { background-color: #ffffff; background-image: none; } } #main .homepage-container { padding-bottom: 60px; } #wrapper.pt_storefront .storefront { margin-top: 0; } a.link-btn { display: inline-block; } .promo-creative { width: 100%; } .btn-all { padding: 10px 20px; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.2; display: inline-block; text-transform: uppercase; transition: all 500ms ease-out; } .btn-all.btn-light { border: 1px solid #ffffff; color: #ffffff; } @media print, screen and (min-width: 40em) { .btn-all.btn-light:hover { color: #081f2c; } } @media print, screen and (min-width: 40em) { .homepage-container .video-container .main-video:before { top: 58%; } } .static-banner { width: 100%; margin-right: 0; margin-left: 0; } @media print, screen and (min-width: 40em) { .static-banner { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .half-width { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .half-width { padding-right: 4px; padding-left: 4px; } .half-width:first-child { padding-left: 0; } .half-width:last-child { padding-right: 0; } } @media print, screen and (min-width: 40em) { .link-btn-inline { margin: 30px 30px 0; } } @media print, screen and (min-width: 64em) { .link-btn-inline { margin: 30px 50px 0; } } .carousel-hero.redesign-carousel { max-height: 1200px; height: auto; margin-bottom: 40px; padding-bottom: 0; } @media print, screen and (min-width: 40em) { .carousel-hero.redesign-carousel { max-height: 1200px; height: auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .carousel-hero.redesign-carousel { max-height: 700px; height: auto; margin-bottom: 60px; padding-bottom: 0; } } .carousel-hero.redesign-carousel:after { content: none; } .carousel-hero.redesign-carousel .hero__content .hero__content_heading { font-size: 34px; margin-bottom: 15px; margin-top: 0; letter-spacing: 0.08em; font-weight: 400; line-height: 1.1em; } .carousel-hero.redesign-carousel .slick-list { border-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .carousel-hero.redesign-carousel .slick-prev { top: 27%; left: 5px; } } @media print, screen and (max-width: 39.99875em) { .carousel-hero.redesign-carousel .slick-next { top: 27%; right: 0; } } .carousel-hero.redesign-carousel .slick-prev:before, .carousel-hero.redesign-carousel .slick-next:before { color: #202020; } @media print, screen and (max-width: 39.99875em) { .carousel-hero.redesign-carousel .slick-prev:before, .carousel-hero.redesign-carousel .slick-next:before { font-size: 24px; } } .carousel-hero.redesign-carousel .slick-arrow { display: block; } .carousel-hero.redesign-carousel .slick-dots { bottom: 0; margin: 0; position: static; padding-top: 1em; padding-bottom: 1em; } .carousel-hero.redesign-carousel .slick-dots li.slick-active button:before { opacity: .75; background: #202020; } .carousel-hero.redesign-carousel .slick-dots li button { width: 10px; height: 10px; padding: 0; } .carousel-hero.redesign-carousel .slick-dots li button:before { font-size: 0; width: 10px; height: 10px; background: #999; transform: rotate(45deg); } .product-tile-redesign .tabs { margin: 0; -webkit-padding-start: 0; padding-inline-start: 0; } @media print, screen and (max-width: 39.99875em) { .product-tile-redesign .tabs { width: 70%; margin: 0 auto; } } .product-tile-redesign .tabs .tabs-title { display: inline-block; margin: 0 25px; } .product-tile-redesign .tabs .tabs-title a { color: #202020; padding: 0; line-height: 1.5rem; text-transform: uppercase; } .product-tile-redesign .tabs .tabs-title.is-active { border-bottom: 0; position: relative; } .product-tile-redesign .tabs .tabs-title.is-active a { font-weight: bold; } .product-tile-redesign .tabs .tabs-title.is-active a:before { content: ""; position: absolute; width: 30%; height: 1px; bottom: -4px; left: 35%; border-bottom: 2px solid #081f2c; right: 35%; } .product-tile-redesign .tabs-panel { display: none; overflow: hidden; } .product-tile-redesign .tabs-panel.is-active { display: block; } .product-tile-redesign .carousel-recommendations .recommendation-item { min-height: 500px; } @media print, screen and (max-width: 63.99875em) { .mt-60 { margin-top: 30px; } } .product-tile-redesign { margin-bottom: 60px; } @media print, screen and (max-width: 39.99875em) { .product-tile-redesign .tabs-content { background: transparent; } } .product-tile-redesign .product-carousel-redesign .slick-dots { padding-bottom: 0; padding-top: 0; } .product-tile-redesign .slick-slider { -webkit-padding-start: 0; padding-inline-start: 0; } .product-tile-redesign .slick-slider .slick-slide { margin: 0 5px; } .product-tile-redesign .slick-slider .slick-slide.grid-tile { padding: 30px 0 10px; } .product-tile-redesign .slick-slider .slick-dots { bottom: -10px; padding-top: 0; padding-bottom: 0; } .product-tile-redesign .slick-slider .slick-dots .slick-dots-list.slick-active button:before { opacity: .75; background: #202020; } .product-tile-redesign .slick-slider .slick-dots .slick-dots-list .slick-dots-button { width: 10px; height: 10px; padding: 0px; } .product-tile-redesign .slick-slider .slick-dots .slick-dots-list .slick-dots-button:before { font-size: 0px; width: 10px; height: 10px; background: #999; transform: rotate(45deg); } .product-tile-redesign .slick-slider > .slick-next { right: 3px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .product-tile-redesign .slick-slider > .slick-next { right: 0px; top: 37%; } } .product-tile-redesign .slick-slider > .slick-next:before { background-image: none; background-position: unset; content: "\e906"; color: #202020; } @media print, screen and (max-width: 39.99875em) { .product-tile-redesign .slick-slider > .slick-next:before { font-size: 24px; } } .product-tile-redesign .slick-slider > .slick-prev { left: -5px; } @media print, screen and (min-width: 40em) { .product-tile-redesign .slick-slider > .slick-prev { left: -9px; } } .product-tile-redesign .slick-slider > .slick-prev:before { background-image: none; background-position: unset; content: "\e903"; color: #202020; } @media print, screen and (max-width: 39.99875em) { .product-tile-redesign .slick-slider > .slick-prev:before { font-size: 24px; } } .carousel-recommendations.slick-slider .product-tile { text-align: left; box-shadow: none; padding: 0 15px 15px; border: 1px solid transparent; min-height: 499px; } .carousel-recommendations.slick-slider .product-tile:hover { z-index: 2; box-shadow: none; border-radius: 2px; border-color: #d8d8d8; } .carousel-recommendations.slick-slider .product-tile .product-swatches { margin: 0 10px; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list button.slick-prev { left: -12px; top: 62%; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list button.slick-prev::before { font-size: 16px; color: #202020; content: "\e903"; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list button.slick-next { right: -19px; top: 62%; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list button.slick-next::before { font-size: 16px; color: #202020; content: "\e906"; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list .swatch b { height: 20px; padding: 1px; width: 20px; vertical-align: middle; } .carousel-recommendations.slick-slider .product-tile .product-swatches .swatch-list .swatch.selected b { border: 1px solid #081f2c; } .carousel-recommendations.slick-slider .product-tile .product-image { position: relative; margin: 60px auto 20px; padding: 0; } .carousel-recommendations.slick-slider .product-tile .product-image .quickview { background-color: #081f2c; color: #ffffff; max-width: 100% !important; } .carousel-recommendations.slick-slider .product-tile .name-link { padding: 0; -ms-flex-pack: start; justify-content: flex-start; min-height: 107px; } .carousel-recommendations.slick-slider .product-tile .name-link .product-name { color: #081f2c; font-size: 16px; margin: 0; text-transform: uppercase; display: inline-block; vertical-align: top; min-height: 33px; text-align: left; padding: 0; font-weight: bold; } .carousel-recommendations.slick-slider .product-tile .name-link .product-price { color: #081f2c; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; font-size: 14px; text-align: left; margin: 10px 0; display: inline-block; } .carousel-recommendations.slick-slider .product-tile .name-link .product-price .price-sales { font-size: 14px; } .carousel-recommendations.slick-slider .product-tile .bv-cv2-cleanslate .bv-core-container-288 .bv-inline-rating-container .bv-rating-stars-off { font-size: 18px !important; color: #979797 !important; } .carousel-recommendations.slick-slider .product-tile .bv-cv2-cleanslate .bv-core-container-288 .bv-inline-rating-container .bv-rating-stars-on { font-size: 18px !important; color: #081f2c !important; } .carousel-recommendations.slick-slider .product-tile .badge-container { position: absolute; top: 10px; left: 10px; z-index: 1; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .carousel-recommendations.slick-slider .product-tile .badge-container { top: -2px; left: -5px; } } .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product { display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; text-align: center; margin-bottom: 10px; background: #081f2c; color: #ffffff; padding: 9px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product { width: 55px; height: 55px; padding: 6px; } } .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product p { background-color: inherit; display: inherit; padding: 0; margin-top: 0; border-radius: 50%; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product p { font-size: 8px; } } .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product:nth-child(even) { background: #d7d7d7; color: #081f2c; } .carousel-recommendations.slick-slider .product-tile .badge-container .badge-product:nth-child(even) p { color: #081f2c; } .carousel-recommendations.slick-slider .product-tile .product-pricing .product-price .price-standard { text-decoration: line-through; } @media print, screen and (max-width: 39.99875em) { .reveal-overlay .search-result-content .tiles-container .column, .reveal-overlay .search-result-content .tiles-container .columns, .reveal-overlay .search-result-content .tiles-container .columns { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; border-bottom: none; min-height: 500px; height: auto !important; } } @media print, screen and (min-width: 40em) { .search-result-items .bv-redesign .name-link { min-height: 107px; } .search-result-items .bv-redesign .product-swatches .slick-track { min-width: 211px; } .search-result-items .bv-redesign .product-swatches .slick-slide { min-width: 26px; } .search-result-items .bv-redesign .product-swatches .swatch-list .slick-slide a img { height: 20px; width: 20px; } } #search-result-items .product-tile .label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #search-result-items .product-tile .label .swatch-block.hex-swatch-block { height: 23px; width: 23px; border-radius: 50%; margin-left: 5px; } #search-result-items .product-tile .label .color-description { margin-left: 5px; } #main { background: #ffffff; } #main .breadcrumb { padding: 20px 0 30px; min-height: 30px; } #main .breadcrumb .breadcrumb-element { color: #081f2c; font-size: 12px; text-transform: uppercase; } #main .breadcrumb .breadcrumb-element:after { color: #a4a8ab; content: "|"; margin: 0 13px; } #main .breadcrumb .breadcrumb-element:last-child:after { content: ""; margin: 0; } #main .redesigned-category-header-banner { position: relative; margin-bottom: 30px; } #main .redesigned-category-header-banner .category-header-banner-textWrapper { position: absolute; top: 50%; transform: translateY(-50%); left: 7.5%; } #main .redesigned-category-header-banner .category-header-banner-textWrapper h1 { font-size: 34px; color: #081f2c; } #main .redesigned-category-header-banner .category-header-banner-textWrapper h4 { font-size: 24px; padding: 10px 0; margin: 0; font-weight: normal; } #main .search-result-keyword-banner { margin: 0 auto; padding: 20px auto; } #main .search-text-wrapper { padding: 0; } #main .search-text-wrapper h3 { color: #081f2c; font-size: 30px; padding: 0; } #main .category-tab-links ul { margin-bottom: 20px; } #main .category-tab-links ul li a { font-size: 16px; text-transform: uppercase; } #main .category-tab-links ul li a.highlighted { border-bottom: 3px solid #081f2c; } #main .search-result-options { margin-bottom: 30px; } #main .search-result-options .filter { margin-right: 20px; margin-bottom: 0; } #main .search-result-options .filter select { padding: 5px 30px 5px 10px; font-size: 15px; } #main .search-result-options #results-hits-top .results-hits { font-size: 15px; color: #081f2c; text-transform: lowercase; } #main .search-result-options .sort-by { position: absolute; right: 0; } #main .search-result-options select.underline { border-color: #081f2c; padding: 5px 30px 5px 10px; font-size: 15px; } #main .search-result-options .shrink { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #main .search-result-options:last-child { margin-bottom: 0; } #main .search-result-content { margin-bottom: 0; } #main .search-result-content .tiles-container .column, #main .search-result-content .tiles-container .columns, #main .search-result-content .tiles-container .columns { padding: 15px; } #main .search-result-content .tiles-container .column.large-3, #main .search-result-content .tiles-container .large-3.columns, #main .search-result-content .tiles-container .columns.large-3 { -ms-flex: 0 0 22.8%; flex: 0 0 22.8%; max-width: 22.8%; outline: 1px solid transparent; margin: 0px 24px 30px 0px; height: auto; } #main .search-result-content .tiles-container .column.large-6, #main .search-result-content .tiles-container .large-6.columns, #main .search-result-content .tiles-container .columns.large-6 { -ms-flex: 0 0 47.7%; flex: 0 0 47.7%; max-width: 47.7%; outline: 1px solid transparent; margin: 0px 24px 30px 0px; height: 500px; } #main .search-result-content .tiles-container .column.large-12, #main .search-result-content .tiles-container .large-12.columns, #main .search-result-content .tiles-container .columns.large-12 { margin-top: 40px; } #main .search-result-content .tiles-container .column:hover, #main .search-result-content .tiles-container .columns:hover, #main .search-result-content .tiles-container .columns:hover { outline-color: #d8d8d8; } #main .search-result-content .shadow-tile .product-tile { border: 1px solid transparent; } #main .search-result-content .shadow-tile .product-tile:hover { z-index: 2; box-shadow: none; border-radius: 2px; border-color: #d8d8d8; } #main .search-result-content .product-tile { text-align: left; box-shadow: none; padding: 0 15px 15px; } #main .search-result-content .product-tile:focus { outline: 1px dotted #202020; outline-offset: 1px; } #main .search-result-content .product-tile .product-swatches { margin: 0 5px; } @media print, screen and (max-width: 39.99875em) { #main .search-result-content .product-tile .product-swatches { margin: 0px 22px; } } #main .search-result-content .product-tile .product-swatches .swatch-list button.slick-prev { left: -12px; top: 62%; } #main .search-result-content .product-tile .product-swatches .swatch-list button.slick-prev::before { font-size: 16px; color: #202020; content: "\e903"; } #main .search-result-content .product-tile .product-swatches .swatch-list button.slick-next { right: -19px; top: 62%; } #main .search-result-content .product-tile .product-swatches .swatch-list button.slick-next::before { font-size: 16px; color: #202020; content: "\e906"; } #main .search-result-content .product-tile .product-swatches .swatch-list .swatch b { height: 20px; padding: 1px; width: 20px; vertical-align: middle; } #main .search-result-content .product-tile .product-swatches .swatch-list .swatch.selected b { border: 1px solid #081f2c; } #main .search-result-content .product-tile .product-image { position: relative; margin: 60px auto 20px; padding: 0; } #main .search-result-content .product-tile .quickview { background-color: #081f2c; color: #ffffff; } #main .search-result-content .product-tile .name-link { padding: 0; -ms-flex-pack: start; justify-content: flex-start; min-height: 0px; } #main .search-result-content .product-tile .name-link .product-name { color: #081f2c; font-size: 16px; margin: 0; text-transform: uppercase; display: inline-block; vertical-align: top; min-height: 36px; text-align: left; padding: 0; font-weight: bold; } #main .search-result-content .product-tile .name-link .product-price { color: #081f2c; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; font-size: 20px; text-align: left; display: inline-block; } #main .search-result-content .product-tile .name-link .product-price .price-sales { font-size: 20px; } #main .search-result-content .product-tile .bv-cv2-cleanslate .bv-core-container-288 .bv-inline-rating-container .bv-rating-stars-off { font-size: 18px !important; color: #979797 !important; } #main .search-result-content .product-tile .bv-cv2-cleanslate .bv-core-container-288 .bv-inline-rating-container .bv-rating-stars-on { font-size: 18px !important; color: #081f2c !important; } #main #results-hits-bottom { display: -ms-flexbox; display: flex; padding-left: 0; -ms-flex-pack: center; justify-content: center; margin: 0 0 40px; width: 100%; } #main #results-hits-bottom .results-hits { margin: 0; font-size: 15px; color: #081f2c; text-transform: lowercase; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: 40px; } #main #results-hits-bottom .pagination-buttons { padding-right: 0; } #main .pagination-buttons .button { font-size: 14px; font-weight: bold; color: #081f2c; padding: 3px 40px; background: transparent; border: 2px solid #081f2c; margin: 0 30px 0 0; } #main .search-result-content .product-tile .badge-container, .pt_product-search-result .product-tile .badge-container { position: absolute; top: 0px; left: 10px; z-index: 1; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #main .search-result-content .product-tile .badge-container, .pt_product-search-result .product-tile .badge-container { top: -2px; left: -5px; } } #main .search-result-content .product-tile .badge-container .badge-product, .pt_product-search-result .product-tile .badge-container .badge-product { display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; text-align: center; margin-bottom: 10px; background: #081f2c; color: #ffffff; padding: 9px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #main .search-result-content .product-tile .badge-container .badge-product, .pt_product-search-result .product-tile .badge-container .badge-product { width: 55px; height: 55px; padding: 6px; } } #main .search-result-content .product-tile .badge-container .badge-product p, .pt_product-search-result .product-tile .badge-container .badge-product p { background-color: inherit; display: inherit; padding: 0; margin-top: 0; border-radius: 50%; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #main .search-result-content .product-tile .badge-container .badge-product p, .pt_product-search-result .product-tile .badge-container .badge-product p { font-size: 8px; } } #main .search-result-content .product-tile .badge-container .badge-product:nth-child(even), .pt_product-search-result .product-tile .badge-container .badge-product:nth-child(even) { background: #d7d7d7; color: #081f2c; } #main .search-result-content .product-tile .badge-container .badge-product:nth-child(even) p, .pt_product-search-result .product-tile .badge-container .badge-product:nth-child(even) p { color: #081f2c; } @media print, screen and (max-width: 63.99875em) { .pt_product-search-result #main { margin-top: 0; } .pt_product-search-result #main .primary-content { margin: 0 3%; max-width: 94%; } .pt_product-search-result #main .primary-content .top-filter, .pt_product-search-result #main .primary-content .search-result-content { margin: 0; } .pt_product-search-result #main .primary-content .tiles-container .column, .pt_product-search-result #main .primary-content .tiles-container .columns, .pt_product-search-result #main .primary-content .tiles-container .columns { height: auto; margin-bottom: 20px; outline-color: #d8d8d8; } .pt_product-search-result #main .primary-content .tiles-container .column:last-child, .pt_product-search-result #main .primary-content .tiles-container .columns:last-child, .pt_product-search-result #main .primary-content .tiles-container .columns:last-child { margin-bottom: 0; } .pt_product-search-result #main .primary-content .search-result-content .product-tile { padding: 0; margin: 0; width: 100%; } .pt_product-search-result #main .primary-content .search-result-content .product-tile .product-image { margin: 0; } .pt_product-search-result #main .primary-content .search-result-content .product-tile .product-name { min-height: 0px; font-weight: bold; } .pt_product-search-result #main .primary-content #results-hits-bottom { margin: 0; } .pt_product-search-result #main .breadcrumb { padding: 20px 0 20px 10px; } .pt_product-search-result #main .redesigned-category-header-banner .category-header-banner-imgWrapper img { width: 100%; } .pt_product-search-result #main .redesigned-category-header-banner .category-header-banner-textWrapper { position: static; top: 0; left: 0; transform: none; margin: 20px 0 65px; text-align: center; } .pt_product-search-result #main .redesigned-category-header-banner .category-header-banner-textWrapper h1 { font-size: 25px; } .pt_product-search-result #main .search-result-options { padding-bottom: 0; } .pt_product-search-result #main .search-result-options .sort-by { position: static; width: 47%; } .pt_product-search-result #main .search-result-options .filter { margin-right: 3%; margin-bottom: 10px; width: 47%; } .pt_product-search-result #main .search-result-content .tiles-container .column, .pt_product-search-result #main .search-result-content .tiles-container .columns, .pt_product-search-result #main .search-result-content .tiles-container .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pt_product-search-result #main .search-result-content #results-hits-bottom { display: block; } .pt_product-search-result #main .search-result-content #results-hits-bottom .results-hits { margin-right: 0; padding: 20px 0; } .pt_product-search-result #main .search-result-content #results-hits-bottom .pagination-buttons { display: -ms-flexbox; display: flex; margin-bottom: 20px; } .pt_product-search-result #main .search-result-content #results-hits-bottom .pagination-buttons .button { padding: 4px 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-search-result #main .redesigned-category-header-banner .category-header-banner-textWrapper { position: absolute; top: 50%; transform: translateY(-50%); left: 7.5%; } .pt_product-search-result #main .search-result-options .filter { margin-right: 0; } .pt_product-search-result #main .search-result-content .tiles-container .columns, .pt_product-search-result #main .search-result-content .tiles-container .column, .pt_product-search-result #main .search-result-content .tiles-container .columns { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; width: 46%; } .pt_product-details .product-detail .table .cell.product-image-container { max-width: none; margin-bottom: 20px; } } .search-result-items .plp-csrf-error-msg { position: absolute; z-index: 99; left: 30%; color: #c8102e; font-weight: 600; font-size: 20px; padding: 0 !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .search-result-items .plp-csrf-error-msg { left: 24%; font-size: 15px; } } @media print, screen and (max-width: 39.99875em) { .search-result-items .plp-csrf-error-msg { left: 0; font-size: 13px; } } @media print, screen and (max-width: 39.99875em) { #main .regimen-primary .regimen-tiles .search-result-items.tiles-container .regimen-tile { -ms-flex: 0; flex: 0; max-width: 100%; outline: transparent solid 1px; margin: 0; height: auto; } #main .regimen-primary .regimen-tiles .search-result-items.tiles-container .regimen-tile .product-tile { padding: 130px 15px 15px; height: auto; } #main .regimen-primary .regimen-tiles .search-result-items.tiles-container .regimen-tile .product-tile .product-image { margin-top: 0; } #main .regimen-primary .regimen-tiles .search-result-items.tiles-container .regimen-tile .product-tile .badge-container { top: 40px; } #main .regimen-primary .regimen-tiles .search-result-items.tiles-container .regimen-tile .product-tile .name-link { bottom: 0; } } #main .regimen-primary .regimen-tiles { background: #ffffff url(../images/regimen-bg-shadow.png) repeat-x center 68px; } @media only screen and (min-device-width: 481px) and (max-device-width: 1200px) and (orientation: landscape) { .pt_product-search-result #primary.primary-content .search-result-options { padding: 0 15px; } .pt_product-search-result #primary.primary-content .search-result-options .sort-by { position: absolute; right: 20px; } #main .breadcrumb { padding: 20px 15px 30px; } #minimized-header-container .utility-nav { padding: 5px 15px; } #minimized-header-container.sticky-header .header-container { padding: 7px 15px 8px; } #minimized-header-container.sticky-header .utility-nav { padding: 3px 15px; } #minimized-header-container .header-container { padding: 10px 15px; } #minimized-header-container .header-container .level-2 .category-header { padding: 14px 5px; } #minimized-header-container .header-search.new-header-search { right: 15px; } #pdpMain .content-sections { padding: 0 20px; } .pt_product-details#wrapper #main .product-image-container .product-primary-image { padding-left: 20px !important; } } .pt_product-search-result .product-tile-redesign.product-carousel-redesign .carousel-recommendations.slick-initialized .recommendation-item.grid-tile { padding: 5px 0; } .pt_product-search-result .product-tile-redesign.product-carousel-redesign .carousel-recommendations.slick-initialized .recommendation-item.grid-tile .product-tile { box-shadow: none; } .reco-csrf-error { font-size: 20px; color: #c8102e; text-align: center; } .bottom-ctas { margin-bottom: 1.5em; } .bottom-ctas .bottom-cta-container { text-align: center; padding: 5px; font-weight: bold; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (max-width: 39.99875em) { .bottom-ctas .bottom-cta-container { display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .bottom-ctas .bottom-cta-container .category-links { -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .bottom-ctas .bottom-cta-container .category-cta { padding: 0.3em 0; display: inline-block; background-color: #081f2c; -ms-flex-pack: center; justify-content: center; margin-left: 1em; width: 208px; } @media (min-width: 425px) and (max-width: 1023px) { .bottom-ctas .bottom-cta-container .category-cta { width: auto; padding: 0.1em; } } @media print, screen and (max-width: 39.99875em) { .bottom-ctas .bottom-cta-container .category-cta { width: 8em; height: 0.8em; margin-top: 1em; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1em; } } .bottom-ctas .bottom-cta-container .category-cta #category-items { color: white; padding: 2px 2px 2px 1px; overflow: inherit; } @media print, screen and (max-width: 39.99875em) { .bottom-ctas .bottom-cta-container .category-cta #category-items { line-height: 14px; } } .afterpay-payment { z-index: 1008 !important; } .afterpay-payment .dialog-content { width: 100% !important; height: 100% !important; } .afterpay-payment .dialog-content .afterpay-content-wrapper { overflow-y: auto; height: 100%; } .afterpay-payment + .ui-widget-overlay { z-index: 1007 !important; } /*Power reviews syndication tab styles*/ .pr-review-details .ps-tabs { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } @media print, screen and (min-width: 64em) { .pr-review-details .ps-tabs:not(.prs-desk-slider) { padding: 0 1.25rem; -ms-flex-pack: center; justify-content: center; } .pr-review-details .ps-tabs:not(.prs-desk-slider) ~ .prs-navigation-control { display: none; } .pr-review-details .ps-tabs.prs-desk-slider { padding: 1.25rem 0; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pr-review-details .ps-tabs { padding-top: 0.625rem; } } .pr-review-details .ps-tabs-title { border: 2px solid #050505; background-color: #ffffff; border-radius: 3.125rem !important; width: auto; display: inline-block; margin-right: 1.25rem !important; } .pr-review-details .ps-tabs-title:before { border-bottom: none !important; } .pr-review-details .ps-tabs-title.is-active { background-color: #050505; } .pr-review-details .ps-tabs-title.is-active .ps-tab-link { color: #ffffff !important; } .pr-review-details .ps-tabs-title .ps-tab-link { -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875rem !important; min-height: 1.875rem; padding: 0.25rem 0.75rem !important; text-transform: none !important; } .pr-review-details .ps-tabs-title:first-child { padding-right: 0; border: 2px solid #050505; } .pr-review-details .ps-tabs-title:last-of-type { margin-right: 0; } .pr-review-details .ps-tabs .title { -webkit-line-clamp: 2; display: -webkit-box; max-height: none; overflow: hidden; text-align: center; max-width: 18.4375rem !important; } @media print, screen and (max-width: 39.99875em) { .pr-review-details .ps-tabs-menu { padding-left: 0.625rem; padding-top: 1.25rem; } } .pr-review-details .icon { width: 1.25rem; height: 1.25rem; } .pr-review-details .icon.prs-tabs__prev::after { color: #050505; font-size: 1.25rem; } .pr-review-details .icon.prs-tabs__next::after { color: #050505; font-size: 1.25rem; } .pr-review-details .prs-navigation-control { position: absolute; top: 0.5rem; right: -0.5rem; width: 4.375rem; height: 1.875rem; gap: 0.625rem; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media print, screen and (max-width: 39.99875em) { .pr-review-details .prs-navigation-control { top: 0.75rem; } } .pr-review-details .prs-content-text { padding-left: 0.625rem; padding-top: 0.625rem; } @media print, screen and (max-width: 39.99875em) { .pr-review-details .ps-tabs-content:not(.is-active) { display: none; } } .pr-ratings-reviews-wrapper .prs-rating-wrapper { display: -ms-flexbox; display: flex; } .top-rule { border-top: 0; } .pt_product-details#wrapper .oos_notify_me_btn, .is-reveal-open .oos_notify_me_btn { background: #081f2c; color: #fff; } .pt_product-details#wrapper #main, .is-reveal-open #main { background: #ffffff; box-shadow: none; margin-top: 0; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper #main .row > .small-12.collapse.column, .pt_product-details#wrapper #main .pt_content-search-result-static .no-left-nav-template .content-asset > .small-12.collapse.column, .pt_content-search-result-static .no-left-nav-template .pt_product-details#wrapper #main .content-asset > .small-12.collapse.column, .pt_product-details#wrapper #main .pt_content-search-result-static .left-nav-template .content-asset > .small-12.collapse.column, .pt_content-search-result-static .left-nav-template .pt_product-details#wrapper #main .content-asset > .small-12.collapse.column, .pt_product-details#wrapper #main .row > .small-12.collapse.columns, .pt_product-details#wrapper #main .pt_content-search-result-static .no-left-nav-template .content-asset > .small-12.collapse.columns, .pt_content-search-result-static .no-left-nav-template .pt_product-details#wrapper #main .content-asset > .small-12.collapse.columns, .pt_product-details#wrapper #main .pt_content-search-result-static .left-nav-template .content-asset > .small-12.collapse.columns, .pt_content-search-result-static .left-nav-template .pt_product-details#wrapper #main .content-asset > .small-12.collapse.columns, .is-reveal-open #main .row > .small-12.collapse.column, .is-reveal-open #main .pt_content-search-result-static .no-left-nav-template .content-asset > .small-12.collapse.column, .pt_content-search-result-static .no-left-nav-template .is-reveal-open #main .content-asset > .small-12.collapse.column, .is-reveal-open #main .pt_content-search-result-static .left-nav-template .content-asset > .small-12.collapse.column, .pt_content-search-result-static .left-nav-template .is-reveal-open #main .content-asset > .small-12.collapse.column, .is-reveal-open #main .row > .small-12.collapse.columns, .is-reveal-open #main .pt_content-search-result-static .no-left-nav-template .content-asset > .small-12.collapse.columns, .pt_content-search-result-static .no-left-nav-template .is-reveal-open #main .content-asset > .small-12.collapse.columns, .is-reveal-open #main .pt_content-search-result-static .left-nav-template .content-asset > .small-12.collapse.columns, .pt_content-search-result-static .left-nav-template .is-reveal-open #main .content-asset > .small-12.collapse.columns { padding-left: 0; padding-right: 0; } .pt_product-details#wrapper #main .product-image-container .product-primary-image, .is-reveal-open #main .product-image-container .product-primary-image { padding-left: 0; } .pt_product-details#wrapper #main .pdp-content-inner, .is-reveal-open #main .pdp-content-inner { padding: 28px 0 0; } } .pt_product-details#wrapper .mini-add-to-cart.button.outline, .is-reveal-open .mini-add-to-cart.button.outline { background-color: transparent; border: 1px solid #081f2c; color: #081f2c; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .tabs-content, .is-reveal-open .tabs-content { background: #f5f5f5; padding-bottom: 30px; } .pt_product-details#wrapper .tabs-content a.accordion-toggle, .is-reveal-open .tabs-content a.accordion-toggle { color: #081f2c; width: calc(100% - 20px); padding: 15px 0; margin: 0 10px; border-bottom: 1px solid #081f2c; background: transparent; } } .pt_product-details#wrapper .pdp-main .youcam, .is-reveal-open .pdp-main .youcam { position: absolute; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow { position: absolute; width: 100%; height: 22px; top: -10px; left: 12px; right: initial; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow.slick-next, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow.slick-next { left: 0px; top: calc(100% + 20px); } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow .product-image-thumbnail, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-image-container .product-images-list .product-thumbnails .slick-slider .slick-arrow .product-image-thumbnail { padding-bottom: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .quickview-view-details-link, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .quickview-view-details-link { padding-left: 58px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-base-info .findation-widget-wrapper, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-base-info .findation-widget-wrapper { display: none; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .row, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .content-asset, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .content-asset, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .row, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-set .content-asset, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-set .content-asset { width: 100%; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-base-info .product-title, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-base-info .product-title { padding: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-variations .pdp-vars:last-child, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-variations .pdp-vars:last-child { padding-top: 28px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-variations .pdp-vars:last-child, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-variations .pdp-vars:last-child { padding-top: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .quantity .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .quantity .label { font-size: 16px; text-transform: uppercase; margin-top: 7px; margin-right: 0.5rem; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .quantity .underline, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .quantity .underline { padding: 13px 30px 13px 15px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart { padding: 10px 30px; font-weight: 600; font-size: 18px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart { padding: 10px 0; margin-left: 5px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart.disabled, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart.disabled { background-color: transparent; border: 1px solid #081f2c; color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart.disabled .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart.disabled .product-price { border-left: 1px solid #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart .product-price { display: inline; border-left: 1px solid #fff; margin-left: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart .product-price .salesprice, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .add-all-to-cart .product-price .salesprice { font-size: 1.25rem; font-weight: 600; padding-left: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .inventory, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-form-actions .inventory { padding: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-social, .is-reveal-open .pdp-main.pdp-main-redesign .product-set .product-add-all-to-cart .product-social { margin: 0 !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs-content .pdp-content-inner, .is-reveal-open .pdp-main.pdp-main-redesign .tabs-content .pdp-content-inner { padding: 0 0px 20px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs-content .pdp-content-inner, .is-reveal-open .pdp-main.pdp-main-redesign .tabs-content .pdp-content-inner { padding: 0 58px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-tile-redesign .slick-slider .slick-slide.grid-tile, .is-reveal-open .pdp-main.pdp-main-redesign .product-tile-redesign .slick-slider .slick-slide.grid-tile { padding: 5px 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .recommendations, .is-reveal-open .pdp-main.pdp-main-redesign .recommendations { margin-top: 17px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .recommendations, .is-reveal-open .pdp-main.pdp-main-redesign .recommendations { margin-top: 60px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .recommendations h3, .is-reveal-open .pdp-main.pdp-main-redesign .recommendations h3 { color: #081f2c; font-size: 24px; margin-bottom: 30px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .recommendations h3::before, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .recommendations h3::after, .is-reveal-open .pdp-main.pdp-main-redesign .recommendations h3::before, .is-reveal-open .pdp-main.pdp-main-redesign .recommendations h3::after { content: none; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-short-description, .is-reveal-open .pdp-main.pdp-main-redesign .product-short-description { margin-top: 0; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-short-description, .is-reveal-open .pdp-main.pdp-main-redesign .product-short-description { margin-bottom: 30px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-short-description .read-more, .is-reveal-open .pdp-main.pdp-main-redesign .product-short-description .read-more { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .full-ingredients, .is-reveal-open .pdp-main.pdp-main-redesign .full-ingredients { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .afterpay-pdp-block, .is-reveal-open .pdp-main.pdp-main-redesign .afterpay-pdp-block { margin: 10px 0 0; padding: 0; margin-right: -63px; margin: 10px 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign #display-count-down-timer, .is-reveal-open .pdp-main.pdp-main-redesign #display-count-down-timer { margin: 0.5em 0 0 3.5em; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign #display-count-down-timer, .is-reveal-open .pdp-main.pdp-main-redesign #display-count-down-timer { margin: 0; padding: 0 0.5em; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign #display-count-down-timer .content-asset #order-count-down-timer .timer-counter-id, .is-reveal-open .pdp-main.pdp-main-redesign #display-count-down-timer .content-asset #order-count-down-timer .timer-counter-id { font-weight: bold; color: #ff0000; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .inventory, .is-reveal-open .pdp-main.pdp-main-redesign .inventory { margin: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .inventory, .is-reveal-open .pdp-main.pdp-main-redesign .inventory { padding-left: 62px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign #save-for-later, .is-reveal-open .pdp-main.pdp-main-redesign #save-for-later { text-decoration: none; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-primary-image .badge-container .badge-product p, .is-reveal-open .pdp-main.pdp-main-redesign .product-primary-image .badge-container .badge-product p { height: 62px; width: 62px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-primary-image .badge-container .badge-product:nth-child(even) p, .is-reveal-open .pdp-main.pdp-main-redesign .product-primary-image .badge-container .badge-product:nth-child(even) p { color: #081f2c; background: #d7d7d7; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-primary-image .image-zoom, .is-reveal-open .pdp-main.pdp-main-redesign .product-primary-image .image-zoom { display: none; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area { background: none; border-top: 0; border-bottom: 0; padding: 0; margin-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-prev:before, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-next:before, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-prev:before, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-next:before { color: #202020; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-arrow, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-arrow { display: block; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-dots, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-dots { bottom: 7px; margin: 19px 0 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-dots li.slick-active button:before, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-dots li.slick-active button:before { opacity: .75; background: #202020; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-dots li button, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-dots li button { width: 10px; height: 10px; padding: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .descript-area .slick-dots li button:before, .is-reveal-open .pdp-main.pdp-main-redesign .descript-area .slick-dots li button:before { font-size: 0; width: 10px; height: 10px; background: #999; transform: rotate(45deg); } .pt_product-details#wrapper .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails, .is-reveal-open .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails { display: block; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails, .is-reveal-open .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails { padding-top: 20px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails .product-images .slick-track, .is-reveal-open .pdp-main.pdp-main-redesign #thumbnails.product-thumbnails .product-images .slick-track { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .badge-container .badge-product, .is-reveal-open .pdp-main.pdp-main-redesign .badge-container .badge-product { display: table; margin-top: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .badge-container .badge-product p, .is-reveal-open .pdp-main.pdp-main-redesign .badge-container .badge-product p { text-align: center; border-radius: 50%; display: table-cell; vertical-align: middle; padding: 0; background-color: #081f2c; font-size: 10px; line-height: 1.2; font-family: "CronosPro-Display", "CronosPro-LtDisp", "Helvetica Neue", Helvetica; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .badge-container .badge-product:nth-child(even) p, .is-reveal-open .pdp-main.pdp-main-redesign .badge-container .badge-product:nth-child(even) p { color: #081f2c; background: #d7d7d7; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails { padding-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails { margin: 60px 0 30px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider { width: 98%; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev:before, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next:before { color: #081f2c; font-size: 26px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev:before, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next:before { color: #081f2c; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev { left: -20px; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-prev { left: -40px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next { right: -25px; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next, .is-reveal-open .pdp-main.pdp-main-redesign .product-images-list .product-thumbnails .slick-slider .slick-next { right: -40px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info { background-color: #ffffff; text-align: left; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title { padding: 10px 10px 0; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title { padding: 10px 58px 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title .product-name, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title .product-name { font-size: 34px; text-transform: uppercase; color: #081f2c; margin-bottom: 10px; display: block; text-align: left; padding: 0; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title .product-name, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title .product-name { margin-bottom: 20px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer { min-height: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container { margin-bottom: 12px !important; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container { margin-bottom: 22px !important; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { font-size: 18px !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-off, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-off { color: #979797 !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-on, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-primarySummary-rating-container .bv-rating-stars-on { color: #081f2c !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button { color: #081f2c !important; font-size: 16px !important; line-height: 16px !important; font-family: "CronosPro-LtDisp", "Helvetica", sans-serif !important; padding: 0 !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button:hover, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-cv2-cleanslate .bv-core-container-288 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button:hover { color: #081f2c !important; font-size: 16px !important; line-height: 16px !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar { text-align: left !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar .bv-rating-ratio-count, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar .bv-rating-ratio-count { color: #081f2c !important; font-size: 16px !important; line-height: 16px !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar .bv-cv2-cleanslate a *, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-title #BVRRSummaryContainer .bv-summary-bar .bv-cv2-cleanslate a * { color: #081f2c !important; font-size: 16px !important; line-height: 16px !important; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container { padding: 0 10px; margin-bottom: 10px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container { margin-left: 5px; } } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info #dy-social-proof-pdp-container { padding: 0 58px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .custom-cb-copy, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-set-form-content, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .custom-cb-copy, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-set-form-content { margin-left: 5px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign { padding-left: 10px; padding-right: 10px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign { padding-left: 58px; padding-right: 58px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label .swatch-block.hex-swatch-block, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label .swatch-block.hex-swatch-block { height: 23px; width: 23px; border-radius: 50%; margin-left: 5px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label .color-description, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .label .color-description { margin-left: 5px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .product-short-description, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .product-short-description { line-height: 1.2; margin-top: 0; color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .promotion, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .promotion { margin: 20px 0 15px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .promotion .promotion-callout, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .promotion .promotion-callout { font-size: 18px; font-weight: 500; color: #081f2c; line-height: 1.2; font-style: italic; text-align: left; font-family: "ChronicleDisplay-Light", "CronosPro-LtDisp"; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .product-promo .promotion-callout, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .product-promo .promotion-callout { font-size: 18px; font-weight: 500; color: #77516d; line-height: 1.2; font-style: italic; text-align: left; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .social-share-trigger a, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-detail-redesign .social-share-trigger a { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area { background: none; padding-bottom: 0; width: 100%; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .oos_legalverbiage, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .oos_legalverbiage { display: none; padding: 0 10px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .oos_legalverbiage, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .oos_legalverbiage { padding: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.row .label, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .no-left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.row .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label { font-size: 1rem; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.row .label, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .no-left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .left-nav-template .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.row .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .no-left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset .label, .pt_content-search-result-static .left-nav-template .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.content-asset .label { font-size: 1.25rem; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center { padding-left: 3.75rem; padding-right: 1.25rem; padding-top: 0; padding-bottom: 0; margin-top: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center { padding: 0 0.625rem; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center.cta-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center.cta-container { padding-left: 0.625rem; padding-right: 0; margin-left: 0; margin-right: 0; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center.cta-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center.cta-container { padding-left: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .quantity, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .quantity { width: 100%; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .label { font-size: 16px; text-transform: uppercase; margin-top: 7px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .bundle-label.label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .bundle-label.label { text-transform: none; margin-top: 3px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center select.underline, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center select.underline { border-color: #081f2c; padding: 10px 30px 10px 15px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .price-value, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .price-value { padding: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .product-price { text-align: right; padding-top: 3.5px; font-style: italic; font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .product-price .price-sales, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .price-qty-row.align-center .product-price .price-sales { font-size: 26px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions { margin-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #a2c-error, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #a2c-error { color: #c8102e; font-weight: 600; font-size: 1.3rem; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart { background-color: #081f2c; font-size: 18px; height: 40px; color: #ffffff; margin: 0 auto; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; cursor: pointer; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart { font-size: 0.75rem; padding: 0 0.3125rem; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__text, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__text { padding-right: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price { position: relative; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .product-price { border-left: 1px solid #ffffff; padding: 0 0 0 10px; line-height: .75; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .product-price { display: -ms-flexbox; display: flex; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .price-sales, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart > .button__price .price-sales { font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: inherit; font-style: normal; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled > .button__price .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled > .button__price .product-price { border-left: 1px solid #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled > .button__price:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled > .button__price:before { background-color: #081f2c; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart { width: 100%; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart-btn.disabled, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart.disabled, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-form-actions #add-to-cart-btn.disabled { background-color: transparent; border: 1px solid #081f2c; color: #081f2c; width: 100%; cursor: auto; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment { margin-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment label, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment label { display: block; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment select, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .replenishment select { width: 88%; margin: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart { padding: 0 50px; } @media print, screen and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart { padding: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart .availability-web, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-action-area .product-add-to-cart .availability-web { padding: 0px 0 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info #oos_email_btn, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info #oos_email_btn { background: #081f2c; border: 1px solid #081f2c; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info #oos_email_btn, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info #oos_email_btn { position: static; margin-bottom: 10px; float: right; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations { margin-bottom: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li { display: inline-block; height: 20px; width: 64px; border: 1px solid transparent; padding: 2px; border: none; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li.selected, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li.selected { padding: 0; border: 2px solid #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li.selected .swatchanchor, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .color li.selected .swatchanchor { outline-offset: 0.1875rem; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars select.underline, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars select.underline { border-color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars .attribute, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars .attribute { margin: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars .swatches, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars .swatches { padding: 0; line-height: 1; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars + .pdp-vars, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars + .pdp-vars { margin-top: 18px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars + .pdp-vars, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-variations .pdp-vars + .pdp-vars { margin-top: 28px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper { display: -ms-flexbox; display: flex; column-gap: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .findation-widget-wrapper, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .findation-widget-wrapper { display: -ms-flexbox; display: flex; margin-top: 0 !important; margin-bottom: 10px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .findation-widget-wrapper, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .findation-widget-wrapper { margin-bottom: 20px; -ms-flex: initial; flex: initial; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 200px; border: 2px solid #081f2c; color: #081f2c; font-weight: bold; margin-bottom: 20px; min-height: 40px; text-transform: uppercase; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta { width: 150px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta:hover, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta:hover { background-color: #081f2c; color: #ffffff; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .pdp-widget-wrapper .tryAtHome-cta { margin-bottom: 10px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-container { margin-left: 20px; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-container { margin-left: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-button.wishlist-button__add, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .wishlist-button.wishlist-button__add { margin-top: -1px; padding: 12px 9px; margin-left: 9px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .free-shipping-section, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-set-actions .free-shipping-section { margin-left: 0; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .social-icon-right, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .social-icon-right { margin-right: 5px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 0px; border: 1px solid black; padding: 8px 11px; margin-left: 0px; cursor: pointer; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button:hover, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button:hover { background-color: transparent; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button .wishlist-msg, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .social-icon-right .wishlist-button .wishlist-msg { display: none; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social { margin: 10px 58px 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image { display: inline-block; position: relative; margin-top: -27px; margin-left: 0 !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image { margin-top: -23px; } } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social #extole_zone_product .extole-cta-image { margin-top: -18px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .share-icon, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .share-icon { color: #081f2c; width: 35px; height: 28px; padding: 0px 5px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .share-icon, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .share-icon { width: 35px; height: 32px; padding: 0 5px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share span, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share span { display: inline; margin-bottom: 0; padding-bottom: 0; position: relative; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-container { z-index: 1; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-container .wishlist-button__add, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-container .wishlist-button__add { display: -ms-flexbox; display: flex; text-align: left; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-add-icon, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .right-share .wishlist-add-icon { margin-right: 5px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .wishlist-button .svg-icon svg, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .wishlist-button .svg-icon svg { height: 20px; width: 20px; vertical-align: text-bottom; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .socialsharing .social-sharing-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .socialsharing .social-sharing-container { margin-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-base-info .product-social .socialsharing .social-sharing-container .social-share-trigger a, .is-reveal-open .pdp-main.pdp-main-redesign .product-base-info .product-social .socialsharing .social-sharing-container .social-share-trigger a { text-decoration: none; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo { margin-top: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo { margin-left: 50px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion { width: 100%; margin: 0 auto; padding-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message { text-align: left; display: block; color: #081f2c; font-size: 16px; line-height: 18px; margin-bottom: 1em; margin-left: 10px; font-weight: bold; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message { padding-left: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message.has-tip.top, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message.has-tip.top { font-weight: 700; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-msg, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-msg { margin: 0 0 20px; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-msg, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-msg { margin: 0 0 30px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .html-slot-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .html-slot-container { text-align: left; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-callout-text, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .product-promo .promotion .promotion-callout .callout-message .promo-callout-text { font-size: 16px; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; letter-spacing: normal; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .cta-container, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .cta-container { margin-top: 0; padding-left: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-detail .cta-container #a2c-error, .is-reveal-open .pdp-main.pdp-main-redesign .product-detail .cta-container #a2c-error { color: #c8102e; font-weight: 600; font-size: 1.3rem; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab { padding: 60px 0; background-color: #f5f5f5; display: none; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab { display: block; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab { padding: 15px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel { width: calc(100% - 116px); margin: 0 auto; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .para-copy, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .para-copy { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .full-ingredients-detail, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .full-ingredients-detail { margin-top: 90px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .product-key-details ul li, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .tabs-content .tabs-panel .product-key-details ul li { list-style: disc; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .slick-prev:before, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .product-details-tab .slick-next:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .slick-prev:before, .is-reveal-open .pdp-main.pdp-main-redesign .product-details-tab .slick-next:before { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .mobile-details-pdp, .is-reveal-open .pdp-main.pdp-main-redesign .mobile-details-pdp { padding: 0px 10px 30px; background-color: #f5f5f5; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .mobile-details-pdp .accordion-toggle, .is-reveal-open .pdp-main.pdp-main-redesign .mobile-details-pdp .accordion-toggle { width: 100%; background: transparent; padding: 15px 0; color: #081f2c; margin-right: 0; margin-left: 0; border-bottom: 1px solid #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner, .is-reveal-open .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner { border-bottom: 1px solid #081f2c; padding: 0 0 20px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner .para-copy, .is-reveal-open .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner .para-copy { margin-top: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner ul li, .is-reveal-open .pdp-main.pdp-main-redesign .mobile-details-pdp .pdp-content-inner ul li { list-style: disc; } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .oos_notify, .is-reveal-open .pdp-main.pdp-main-redesign .oos_notify { padding: 15px 10px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .oos_notify, .is-reveal-open .pdp-main.pdp-main-redesign .oos_notify { padding: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .oos_email_form fieldset, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .coming_soon_email_form fieldset, .is-reveal-open .pdp-main.pdp-main-redesign .oos_email_form fieldset, .is-reveal-open .pdp-main.pdp-main-redesign .coming_soon_email_form fieldset { width: calc(100% - 20px); } @media print, screen and (min-width: 64em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .oos_email_form fieldset, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .coming_soon_email_form fieldset, .is-reveal-open .pdp-main.pdp-main-redesign .oos_email_form fieldset, .is-reveal-open .pdp-main.pdp-main-redesign .coming_soon_email_form fieldset { width: 100%; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .only-for-mobile, .is-reveal-open .pdp-main.pdp-main-redesign .only-for-mobile { display: block; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .only-for-mobile, .is-reveal-open .pdp-main.pdp-main-redesign .only-for-mobile { display: none; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .b-oos_email_form, .is-reveal-open .pdp-main.pdp-main-redesign .b-oos_email_form { padding: 17px 0 0; } @media print, screen and (min-width: 40em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .b-oos_email_form, .is-reveal-open .pdp-main.pdp-main-redesign .b-oos_email_form { padding: 0px 58px 10px; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .product-name-container .product-variations, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .product-name-container .product-variations { margin-bottom: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart { background-color: #081f2c; border: 1px solid #081f2c; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-top: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart span.button-content, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart span.button-content { margin-right: 0; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart:hover { color: #ffffff; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .button.outline, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .button.outline { border: 1px solid #081f2c; color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price { position: static; width: auto; padding-left: 5px; line-height: .75; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart .product-price { border-left: none; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.button.outline { line-height: 1; padding: 8px 4px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.disabled, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.disabled { background-color: #ffffff; border: 1px solid #081f2c; color: #081f2c; opacity: .8; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.disabled:hover, .is-reveal-open .pdp-main.pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .add-to-bag-container .mini-add-to-cart.disabled:hover { color: #081f2c; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs, .is-reveal-open .pdp-main.pdp-main-redesign .tabs { text-align: initial; -webkit-padding-start: 0; padding-inline-start: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs#bazaarvoice-tabs, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs#power-reviews-tabs, .is-reveal-open .pdp-main.pdp-main-redesign .tabs#bazaarvoice-tabs, .is-reveal-open .pdp-main.pdp-main-redesign .tabs#power-reviews-tabs { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs#bazaarvoice-tabs, .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs#power-reviews-tabs, .is-reveal-open .pdp-main.pdp-main-redesign .tabs#bazaarvoice-tabs, .is-reveal-open .pdp-main.pdp-main-redesign .tabs#power-reviews-tabs { display: none; } } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs .tabs-title, .is-reveal-open .pdp-main.pdp-main-redesign .tabs .tabs-title { display: inline-block; margin: 0 10px 0 0; position: relative; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs .tabs-title a, .is-reveal-open .pdp-main.pdp-main-redesign .tabs .tabs-title a { color: #081f2c; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 1.2em; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs .tabs-title.is-active, .is-reveal-open .pdp-main.pdp-main-redesign .tabs .tabs-title.is-active { border-bottom: 0; } .pt_product-details#wrapper .pdp-main.pdp-main-redesign .tabs .tabs-title.is-active:before, .is-reveal-open .pdp-main.pdp-main-redesign .tabs .tabs-title.is-active:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 2px; border-bottom: 2px solid #081f2c; } .pt_product-details#wrapper .pdp-main .product-variations .swatches.size li a, .is-reveal-open .pdp-main .product-variations .swatches.size li a { color: #081f2c; } .pt_product-details#wrapper .pdp-main .product-variations .swatches.size li.selected a, .pt_product-details#wrapper .pdp-main .product-variations .swatches.size li:hover a, .is-reveal-open .pdp-main .product-variations .swatches.size li.selected a, .is-reveal-open .pdp-main .product-variations .swatches.size li:hover a { color: #081f2c; border-color: #081f2c; } .pt_product-details#wrapper #modal-cntr.edit-modal .edit-custom-bundle-PM #thumbnails.product-thumbnails, .is-reveal-open #modal-cntr.edit-modal .edit-custom-bundle-PM #thumbnails.product-thumbnails { margin: 20px 0 30px; } .pt_product-details#wrapper .reveal, .is-reveal-open .reveal { border-bottom: 5px solid #081f2c; } .pt_product-details#wrapper .reveal button.close-button, .is-reveal-open .reveal button.close-button { color: #081f2c; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container { margin-bottom: 25px !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container button, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container button, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container button, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container button { font-size: 16px !important; line-height: 1.2 !important; text-decoration: none !important; font-family: "CronosPro-LtDisp", "Helvetica", sans-serif !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container button:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:hover, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container button:hover, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container:hover, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating:hover, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text:hover, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist:hover, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container button:hover, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container:hover, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating:hover, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:hover, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:hover, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container button:hover { font-size: 16px !important; line-height: 1.2 !important; text-decoration: none !important; font-family: "CronosPro-LtDisp", "Helvetica", sans-serif !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg, .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg, .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg { width: 16px !important; height: 16px !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="0%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="0%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg stop[offset="0%"] { stop-color: #081f2c !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="1%"], .pt_product-details#wrapper .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_stars_button_container svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_avgRating svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_text svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container button svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_stars_button_container svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_avgRating svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist svg stop[offset="1%"], .is-reveal-open .bv-redesign [data-bv-show=rating_summary] .bv_main_container button svg stop[offset="1%"] { stop-color: #979797 !important; } .pt_product-details#wrapper .bv-redesign [data-bv-show=inline_rating] .bv_main_container, .is-reveal-open .bv-redesign [data-bv-show=inline_rating] .bv_main_container { margin-bottom: 0px !important; width: 100% !important; } .pt_product-details#wrapper .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .label, .is-reveal-open .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .label { position: static; } .pt_product-details#wrapper .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .variant-size, .is-reveal-open .persistant-tray-active .miniproduct-info .miniproduct.miniproduct-standard-product .variation-dropdown-container .product-variations .value .variant-size { position: static; } .pt_product-details#wrapper .persistant-tray-product-info #add-to-cart.mini-add-to-cart > .product-price span.price-standard, .is-reveal-open .persistant-tray-product-info #add-to-cart.mini-add-to-cart > .product-price span.price-standard { display: none; } .pt_product-details#wrapper .heading-design, .is-reveal-open .heading-design { font-size: 1.75em; margin: 0 0 14px; font-weight: 400; } @media print, screen and (max-width: 39.99875em) { .pt_product-details#wrapper .heading-design, .is-reveal-open .heading-design { font-size: 1.5rem; margin: 0.625rem 0; } } .product-price-details .tooltip-msg, .product-set-actions .tooltip-msg { display: none; position: absolute; background-color: #333; color: #ffffff; padding: 5px; border-radius: 5px; } .product-price-details .payment-section, .product-set-actions .payment-section { display: -ms-flexbox; display: flex; margin-top: 25px; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } @media print, screen and (max-width: 63.99875em) { .product-price-details .payment-section, .product-set-actions .payment-section { -ms-flex-pack: center; justify-content: center; } } .product-price-details .payment-section.flex-spacing, .product-set-actions .payment-section.flex-spacing { margin-top: 0.625rem; } .product-price-details .payment-section .price-qty-row.row, .product-price-details .payment-section .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset, .pt_content-search-result-static .no-left-nav-template .product-price-details .payment-section .price-qty-row.content-asset, .product-price-details .payment-section .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset, .pt_content-search-result-static .left-nav-template .product-price-details .payment-section .price-qty-row.content-asset, .product-set-actions .payment-section .price-qty-row.row, .product-set-actions .payment-section .pt_content-search-result-static .no-left-nav-template .price-qty-row.content-asset, .pt_content-search-result-static .no-left-nav-template .product-set-actions .payment-section .price-qty-row.content-asset, .product-set-actions .payment-section .pt_content-search-result-static .left-nav-template .price-qty-row.content-asset, .pt_content-search-result-static .left-nav-template .product-set-actions .payment-section .price-qty-row.content-asset { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-price-details .flex-payment-msg, .product-set-actions .flex-payment-msg { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 5px; padding: 10px 0 0 0; } .product-price-details .flex-payment-title, .product-set-actions .flex-payment-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5px; font-size: 18px; } .product-price-details .flex-payment-title .flex-logo, .product-set-actions .flex-payment-title .flex-logo { background-color: #081f2c; border-radius: 5px; padding: 0.375rem; width: 40px; height: auto; } .product-price-details .afterpay-wrapper, .product-price-details .shoprunner-payment-wrapper, .product-price-details .free-shipping-section, .product-price-details .drop-hint-section, .product-set-actions .afterpay-wrapper, .product-set-actions .shoprunner-payment-wrapper, .product-set-actions .free-shipping-section, .product-set-actions .drop-hint-section { height: 100px; width: 110px; background-color: #f5f5f5; margin-left: 10px; padding: 10px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media print, screen and (max-width: 39.99875em) { .product-price-details .afterpay-wrapper, .product-price-details .shoprunner-payment-wrapper, .product-price-details .free-shipping-section, .product-price-details .drop-hint-section, .product-set-actions .afterpay-wrapper, .product-set-actions .shoprunner-payment-wrapper, .product-set-actions .free-shipping-section, .product-set-actions .drop-hint-section { height: 85px; width: 85px; margin-left: 5px; padding: 5px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .product-price-details .afterpay-wrapper, .product-price-details .shoprunner-payment-wrapper, .product-price-details .free-shipping-section, .product-price-details .drop-hint-section, .product-set-actions .afterpay-wrapper, .product-set-actions .shoprunner-payment-wrapper, .product-set-actions .free-shipping-section, .product-set-actions .drop-hint-section { height: 130px; width: 130px; margin-left: 25px; } } .product-price-details .afterpay-wrapper .afterpay-link, .product-price-details .shoprunner-payment-wrapper .afterpay-link, .product-price-details .free-shipping-section .afterpay-link, .product-price-details .drop-hint-section .afterpay-link, .product-set-actions .afterpay-wrapper .afterpay-link, .product-set-actions .shoprunner-payment-wrapper .afterpay-link, .product-set-actions .free-shipping-section .afterpay-link, .product-set-actions .drop-hint-section .afterpay-link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-price-details .afterpay-wrapper .afterpay-text, .product-price-details .shoprunner-payment-wrapper .afterpay-text, .product-price-details .free-shipping-section .afterpay-text, .product-price-details .drop-hint-section .afterpay-text, .product-set-actions .afterpay-wrapper .afterpay-text, .product-set-actions .shoprunner-payment-wrapper .afterpay-text, .product-set-actions .free-shipping-section .afterpay-text, .product-set-actions .drop-hint-section .afterpay-text { font-size: 12px; line-height: 1.6; } @media print, screen and (max-width: 39.99875em) { .product-price-details .afterpay-wrapper .afterpay-text, .product-price-details .shoprunner-payment-wrapper .afterpay-text, .product-price-details .free-shipping-section .afterpay-text, .product-price-details .drop-hint-section .afterpay-text, .product-set-actions .afterpay-wrapper .afterpay-text, .product-set-actions .shoprunner-payment-wrapper .afterpay-text, .product-set-actions .free-shipping-section .afterpay-text, .product-set-actions .drop-hint-section .afterpay-text { font-size: 10px; line-height: 1.2; } } .product-price-details .afterpay-wrapper .afterpay-message, .product-price-details .afterpay-wrapper .afterpay-msg, .product-price-details .shoprunner-payment-wrapper .afterpay-message, .product-price-details .shoprunner-payment-wrapper .afterpay-msg, .product-price-details .free-shipping-section .afterpay-message, .product-price-details .free-shipping-section .afterpay-msg, .product-price-details .drop-hint-section .afterpay-message, .product-price-details .drop-hint-section .afterpay-msg, .product-set-actions .afterpay-wrapper .afterpay-message, .product-set-actions .afterpay-wrapper .afterpay-msg, .product-set-actions .shoprunner-payment-wrapper .afterpay-message, .product-set-actions .shoprunner-payment-wrapper .afterpay-msg, .product-set-actions .free-shipping-section .afterpay-message, .product-set-actions .free-shipping-section .afterpay-msg, .product-set-actions .drop-hint-section .afterpay-message, .product-set-actions .drop-hint-section .afterpay-msg { font-size: 11px; line-height: 0.9; } .product-price-details .afterpay-wrapper .free-shipping-text, .product-price-details .shoprunner-payment-wrapper .free-shipping-text, .product-price-details .free-shipping-section .free-shipping-text, .product-price-details .drop-hint-section .free-shipping-text, .product-set-actions .afterpay-wrapper .free-shipping-text, .product-set-actions .shoprunner-payment-wrapper .free-shipping-text, .product-set-actions .free-shipping-section .free-shipping-text, .product-set-actions .drop-hint-section .free-shipping-text { margin-top: 5px; font-size: 11.04px; display: inline-block; padding-left: 5px; } @media print, screen and (max-width: 39.99875em) { .product-price-details .afterpay-wrapper .free-shipping-text, .product-price-details .shoprunner-payment-wrapper .free-shipping-text, .product-price-details .free-shipping-section .free-shipping-text, .product-price-details .drop-hint-section .free-shipping-text, .product-set-actions .afterpay-wrapper .free-shipping-text, .product-set-actions .shoprunner-payment-wrapper .free-shipping-text, .product-set-actions .free-shipping-section .free-shipping-text, .product-set-actions .drop-hint-section .free-shipping-text { font-size: 11px; } } .product-price-details .afterpay-wrapper .shoprunner_wrapper, .product-price-details .shoprunner-payment-wrapper .shoprunner_wrapper, .product-price-details .free-shipping-section .shoprunner_wrapper, .product-price-details .drop-hint-section .shoprunner_wrapper, .product-set-actions .afterpay-wrapper .shoprunner_wrapper, .product-set-actions .shoprunner-payment-wrapper .shoprunner_wrapper, .product-set-actions .free-shipping-section .shoprunner_wrapper, .product-set-actions .drop-hint-section .shoprunner_wrapper { width: 100px; } @media print, screen and (max-width: 39.99875em) { .product-price-details .free-shipping-section, .product-set-actions .free-shipping-section { padding-left: 5px; margin-left: 0; } } @media print, screen and (min-width: 64em) { .flex-info-modal { max-height: 80vh; overflow-y: auto; } } .checkout-header-container { border-top-color: #081f2c; } .checkout-header-container .primary-logo img { max-width: 100%; } .pt_cart .bg-grey-secondary, .pt_checkout .summary .bg-grey-secondary, .shipping-method input[type=radio]:checked + label, .bg-grey-secondary, .address-tile.default .address-tile-inner, .address-tile.selected .address-tile-inner { background-color: #d7d7d7; } .pt_checkout .summary .bg-grey-secondary.if-gift-container { background-color: #ffffff; border: 1px solid #202020; padding: 15px; } .creditcard-tile .creditcard-tile-inner { background: #ffffff; } .shipping-summary .shipping-method-summary { background-color: #d7d7d7; } .address-tile-inner .icon-checkmark, .shipping-name .icon-checkmark, .creditcard-tile-inner .icon-checkmark { background-size: 87px 97px; background-position: -35px 0px; width: 22px; height: 22px; } .pt_checkout legend { color: #081f2c; } .pt_checkout legend.disabled { color: #d7d7d7; } h3.sub-title { color: #081f2c; } .pt_cart .cart-title, .confirmation-message h1 { color: #081f2c; } .save-card-label .field-wrapper, .save-card-label label { display: inline-block !important; } .checkout-billing .error-form.paypal-error { margin-bottom: 10px; } .edit-add-address #AddressForm:before, .add-credit-card #CreditCardForm:before { content: "* required"; margin: 20px 0; text-transform: uppercase; display: block; color: #c8102e; font-size: .65rem; } .edit-add-address .form-row.required-field label:before, .add-credit-card .form-row.required-field label:before { content: "*"; color: #c8102e; margin-right: 5px; } @media print, screen and (max-width: 63.99875em) { .pt_tutorial #main { margin-top: 0; } .pt_tutorial #main .primary-content { margin: 0 3%; max-width: 94%; } .pt_tutorial #main .primary-content .tiles-container .column, .pt_tutorial #main .primary-content .tiles-container .columns, .pt_tutorial #main .primary-content .tiles-container .columns { height: auto; margin-bottom: 20px; outline-color: #d8d8d8; } .pt_tutorial #main .primary-content .tiles-container .column:last-child, .pt_tutorial #main .primary-content .tiles-container .columns:last-child, .pt_tutorial #main .primary-content .tiles-container .columns:last-child { margin-bottom: 0; } .pt_tutorial #main .search-result-content .tiles-container .column, .pt_tutorial #main .search-result-content .tiles-container .columns, .pt_tutorial #main .search-result-content .tiles-container .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0px 0px 50px; } .pt_tutorial #main .search-result-content .tiles-container .column .button.outline, .pt_tutorial #main .search-result-content .tiles-container .columns .button.outline, .pt_tutorial #main .search-result-content .tiles-container .columns .button.outline { padding: 8px 25px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_tutorial #main .search-result-content .tiles-container .columns, .pt_tutorial #main .search-result-content .tiles-container .column, .pt_tutorial #main .search-result-content .tiles-container .columns { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; width: 46%; } .pt_tutorial #main .search-result-content .tiles-container .columns .button.outline, .pt_tutorial #main .search-result-content .tiles-container .column .button.outline, .pt_tutorial #main .search-result-content .tiles-container .columns .button.outline { padding: 8px 25px; } } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container { text-align: left; } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .form-row { width: auto; margin: 0; } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper { margin: 0; } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper span.error { position: absolute; width: 259px; top: auto; margin-top: 2px; left: 34px; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper span.error { width: 340px; top: -10px; left: -15px; } } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper .input-checkbox.termsandconditions { position: relative; top: 0; margin-top: 4px; z-index: 1; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper .input-checkbox.termsandconditions { top: 9px; } } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-input .field-wrapper .input-checkbox.termsandconditions:checked:before { top: 0; left: 0; } .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-label { position: relative; left: 28px; text-align: left; top: -20px; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-label { top: -10px; } } @media print, screen and (max-width: 39.99875em) { .pt_order-confirmation .login-create-account .checkout-registration-form .user-consent-container .user-consent-label { left: 0px; top: 0px; } } @media print, screen and (max-width: 39.99875em) { .pt_cart .full-width { margin-top: 0; } } .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: auto; position: absolute; top: -12px; left: 12px; padding: 2px 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: auto; left: 5%; padding: 2px 5px; } } .pt_checkout label.label-design { font-weight: 700 !important; font-size: 14px; } .pt_checkout .cart-coupon-code .field-button-container .spcAddCouponBtn { width: auto; padding: 1em; background: #081f2c !important; color: #fff; margin-left: -5px; height: 56px; margin-top: 0px; } .pt_checkout .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-positive: 1; flex-grow: 1; position: relative; margin-bottom: 0; width: 100%; } .pt_checkout .cart-coupon-code .border-input input { width: 100%; height: 56px; border: 1px solid #000; } /** * PLP & PDP TOP SECTION SNIPPETS **/ .form-row:after, .cart-recommendations .product-listing:after, .product-tile:after, .compare-items-panel:after, .bonus-product-list .bonus-product-item:after, .bonus-product-list .bonus-product-list-footer:after, .cart-footer:after, .cart-actions:after, .cart-empty:after, .cart-empty .product-listing:after, .list-share:after, .gift-registry-advanced:after, .search-suggestion-wrapper:after, .product-suggestion:after, .store-list-pdp-container .store-list-item:after { content: ""; display: table; clear: both; } .visually-hidden, #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } legend.visually-hidden { color: #202020; } /*Absolute position css by sending 4 attributes, default being auto*/ .p-w-r .pr-snippet-stars, .p-w-r.prs-ratings .pr-snippet-stars { background: transparent; } .p-w-r .pr-star-v4-0-filled, .p-w-r.prs-ratings .pr-star-v4-0-filled { background-image: url("../images/stars/pr-filled-0.svg"); } .p-w-r .pr-star-v4-25-filled, .p-w-r.prs-ratings .pr-star-v4-25-filled { background-image: url("../images/stars/pr-filled-25.svg"); } .p-w-r .pr-star-v4-50-filled, .p-w-r.prs-ratings .pr-star-v4-50-filled { background-image: url("../images/stars/pr-filled-50.svg"); } .p-w-r .pr-star-v4-75-filled, .p-w-r.prs-ratings .pr-star-v4-75-filled { background-image: url("../images/stars/pr-filled-75.svg"); } .p-w-r .pr-star-v4-100-filled, .p-w-r.prs-ratings .pr-star-v4-100-filled { background-image: url("../images/stars/pr-filled-100.svg"); } .pdp-main .product-base-info .p-w-r .pr-star-v4-0-filled, .pdp-main .recommendations .p-w-r .pr-star-v4-0-filled, .pr-war-form-wrapper .p-w-r .pr-star-v4-0-filled, .pdp-main .product-base-info .p-w-r.prs-ratings .pr-star-v4-0-filled, .pdp-main .recommendations .p-w-r.prs-ratings .pr-star-v4-0-filled, .pr-war-form-wrapper .p-w-r.prs-ratings .pr-star-v4-0-filled { background-image: url("../images/stars/pdp-pr-filled-0.svg"); } .pdp-main .product-base-info .p-w-r .pr-star-v4-25-filled, .pdp-main .recommendations .p-w-r .pr-star-v4-25-filled, .pr-war-form-wrapper .p-w-r .pr-star-v4-25-filled, .pdp-main .product-base-info .p-w-r.prs-ratings .pr-star-v4-25-filled, .pdp-main .recommendations .p-w-r.prs-ratings .pr-star-v4-25-filled, .pr-war-form-wrapper .p-w-r.prs-ratings .pr-star-v4-25-filled { background-image: url("../images/stars/pdp-pr-filled-25.svg"); } .pdp-main .product-base-info .p-w-r .pr-star-v4-50-filled, .pdp-main .recommendations .p-w-r .pr-star-v4-50-filled, .pr-war-form-wrapper .p-w-r .pr-star-v4-50-filled, .pdp-main .product-base-info .p-w-r.prs-ratings .pr-star-v4-50-filled, .pdp-main .recommendations .p-w-r.prs-ratings .pr-star-v4-50-filled, .pr-war-form-wrapper .p-w-r.prs-ratings .pr-star-v4-50-filled { background-image: url("../images/stars/pdp-pr-filled-50.svg"); } .pdp-main .product-base-info .p-w-r .pr-star-v4-75-filled, .pdp-main .recommendations .p-w-r .pr-star-v4-75-filled, .pr-war-form-wrapper .p-w-r .pr-star-v4-75-filled, .pdp-main .product-base-info .p-w-r.prs-ratings .pr-star-v4-75-filled, .pdp-main .recommendations .p-w-r.prs-ratings .pr-star-v4-75-filled, .pr-war-form-wrapper .p-w-r.prs-ratings .pr-star-v4-75-filled { background-image: url("../images/stars/pdp-pr-filled-75.svg"); } .pdp-main .product-base-info .p-w-r .pr-star-v4-100-filled, .pdp-main .recommendations .p-w-r .pr-star-v4-100-filled, .pr-war-form-wrapper .p-w-r .pr-star-v4-100-filled, .pdp-main .product-base-info .p-w-r.prs-ratings .pr-star-v4-100-filled, .pdp-main .recommendations .p-w-r.prs-ratings .pr-star-v4-100-filled, .pr-war-form-wrapper .p-w-r.prs-ratings .pr-star-v4-100-filled { background-image: url("../images/stars/pdp-pr-filled-100.svg"); } .p-w-r .pr-snippet, .p-w-r.prs-ratings .pr-snippet { display: -ms-flexbox; display: flex; } .p-w-r .pr-snippet div, .p-w-r.prs-ratings .pr-snippet div { vertical-align: baseline; } .p-w-r .pr-snippet .pr-snippet-stars-png, .p-w-r.prs-ratings .pr-snippet .pr-snippet-stars-png { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .p-w-r .pr-snippet .pr-snippet-stars-png .pr-rating-stars, .p-w-r.prs-ratings .pr-snippet .pr-snippet-stars-png .pr-rating-stars { display: -ms-flexbox; display: flex; margin-right: 1rem; } .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4, .p-w-r.prs-ratings .pr-snippet .pr-snippet-stars-png .pr-star-v4 { margin-right: 1px; } .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal, .p-w-r.prs-ratings .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal { font-size: 12px; padding: 0; margin: 0; border: none; line-height: 1.2; letter-spacing: normal; text-decoration: underline; color: #666; } .p-w-r .pr-snippet.pr-category-snippet, .p-w-r.prs-ratings .pr-snippet.pr-category-snippet { display: -ms-inline-flexbox; display: inline-flex; } .p-w-r .pr-snippet.pr-category-snippet .pr-rating-stars, .p-w-r.prs-ratings .pr-snippet.pr-category-snippet .pr-rating-stars { margin-right: 10px; } .p-w-r .pr-snippet.pr-category-snippet .pr-snippet-rating-decimal, .p-w-r.prs-ratings .pr-snippet.pr-category-snippet .pr-snippet-rating-decimal { display: none; } .p-w-r .pr-snippet.pr-category-snippet .pr-category-snippet__total, .p-w-r.prs-ratings .pr-snippet.pr-category-snippet .pr-category-snippet__total { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px; line-height: 1.5; padding-left: 0; letter-spacing: 0; } .custom-list legend { margin: 0 0 10px; padding: 0; border: none; font-size: 16px; background: none; color: #202020; } @media print, screen and (min-width: 40em) { .custom-list legend { font-size: 25px; } } .custom-list .custom-list-options { border-top: 1px solid #202020; border-left: 1px solid #202020; } @media print, screen and (min-width: 40em) { .custom-list .custom-list-options { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .custom-list .list-option { position: relative; width: 100%; margin: 0; padding: 12px 15px 1px 35px; border-right: 1px solid #202020; border-bottom: 1px solid #202020; cursor: pointer; } .custom-list input.list-input:focus + label { outline: 2px dotted black; outline-offset: 2px; } .custom-list .list-input { opacity: 0; filter: alpha(opacity=0); position: absolute; } .custom-list .list-input:checked + label { color: #fff; background-color: #202020; } .custom-list .list-input:checked + label:before { font-family: 'icomoon'; content: '\e917'; position: absolute; top: 9px; left: 11px; } @media print, screen and (min-width: 40em) { .custom-list .list-input:checked + label:before { top: px; } } @media print, screen and (min-width: 40em) { .custom-list.three-column .list-option { width: calc(100%/3); } } .custom-list .option-title { font-size: 14px; } @media print, screen and (min-width: 40em) { .custom-list .option-title { font-size: 14px; } } .custom-list .option-description { font-size: 12px; text-transform: capitalize; } @media print, screen and (min-width: 40em) { .custom-list .option-description { font-size: 12px; } } @supports (-webkit-hyphens: none) { .mac-os { /* .spc-container { .spc-billing { .spc-paypal-section.spc-apple-pay { display: block; .dw-apple-pay-button{ width: 100%; } } } }*/ } .mac-os .oldAddress .address-inner { height: auto; } } #authorization-modal .modal-body { text-align: center; } .spc-container { max-width: 76rem; margin: 0 auto; /*--- SPC Shipping SASS Start --- */ /*--- SPC Billing SASS Start --- */ /*--- SPC Summary SASS Start --- */ } .spc-container .userFormContainer { padding: 20px; margin-top: 20px; border-radius: 6px; } .spc-container .userFormContainer #flex-form .row, .spc-container .userFormContainer #flex-form .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .spc-container .userFormContainer #flex-form .content-asset, .spc-container .userFormContainer #flex-form .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .spc-container .userFormContainer #flex-form .content-asset { margin: 15px 0; } .spc-container .userFormContainer #flex-form .form-row { width: 100%; display: block; } .spc-container .userFormContainer #flex-form label { font-weight: 700; } .spc-container .userFormContainer #flex-form input, .spc-container .userFormContainer #flex-form .cardNumberContainer, .spc-container .userFormContainer #flex-form .secCodeContainer { font-size: 14px; line-height: 1.4; background-color: #fff; background-image: none; border-color: #202020; font-weight: 400; color: #202020; border-radius: 0; border-width: 1px; height: 56px; padding: 10px; margin-bottom: 8px; } .spc-container .userFormContainer #flex-form input:focus, .spc-container .userFormContainer #flex-form .cardNumberContainer:focus, .spc-container .userFormContainer #flex-form .secCodeContainer:focus { box-shadow: none; outline: 2px dotted #202020; } .spc-container .userFormContainer #flex-form .cardNumberContainer.flex-microform-focused, .spc-container .userFormContainer #flex-form .secCodeContainer.flex-microform-focused { outline: 2px dotted #202020; } .spc-container .userFormContainer #flex-form .payBtn, .spc-container .userFormContainer #flex-form .payBtn:hover, .spc-container .userFormContainer #flex-form .payBtn:focus { background-color: #202020; border: 2px solid #202020; color: #fff; width: 20%; padding: 0.675rem 1rem; } .spc-container .userFormContainer #errors-output { display: inline-block; font-size: 14px; font-weight: 500; } .spc-container .userFormContainer #errors-output:focus { outline: 2px dotted #202020; outline-offset: 1px; } .spc-container .flexMicroForm input { width: 100%; text-overflow: ellipsis; padding: 10px; margin: 10px 0; } .spc-container .flex-microform-success { min-height: calc(100vh - 337px); } .spc-container .primary-content, .spc-container #secondary { width: 100%; } .spc-container .primary-content .cart-coupon-code .promo-terms, .spc-container #secondary .cart-coupon-code .promo-terms { color: #c8102e; text-decoration: underline; } .spc-container #flexMicroFormURLBtn { margin-top: 6px; } .spc-container #flexMicroFormURLBtn, .spc-container #copyPayLink { background-color: #081f2c; color: #fff; border: 1px solid #081f2c; padding: 8px 40px; cursor: pointer; } .spc-container #flexMicroFormURLBtn:hover, .spc-container #copyPayLink:hover { color: #081f2c; background-color: #fff; } .spc-container #copyPayLink:disabled { opacity: 0.5; pointer-events: none; } .spc-container .spcBillingContinueBtn:disabled { opacity: 0.5; pointer-events: none; } .spc-container .checkout-progress-container #timer { margin-top: 15px; margin-bottom: 0; color: #c8102e; } .spc-container .checkout-progress-container .token-timer { font-size: 2em; font-weight: bolder; } .spc-container .checkout-progress-container .token-msg { font-size: 1.05em; font-weight: 400; } .spc-container .checkout-progress-container .agent-email-wrapper .form-row { margin-bottom: 25px; } .spc-container .checkout-progress-container .agent-email-wrapper .form-row label { margin-bottom: 5px; } .spc-container .checkout-progress-container .agent-email-wrapper .form-row select { margin-bottom: 4px; } .spc-container .checkout-progress-container .restricted-error, .spc-container .checkout-progress-container .shipping-error { font-weight: 700; padding: 0.625rem; } .spc-container .checkout-progress-container { display: -ms-flexbox; display: flex; border-top: none; max-width: 100%; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container { width: 99.9%; padding: 0; margin: 0; } } .spc-container .checkout-progress-container legend.sr-only { position: absolute; padding: 0; color: #504949; } .spc-container .checkout-progress-container legend { padding: 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container legend { margin-bottom: 10px; } } .spc-container .checkout-progress-container input:-ms-input-placeholder { text-transform: capitalize; } .spc-container .checkout-progress-container input::placeholder { text-transform: capitalize; } .spc-container .checkout-progress-container select { color: #202020; } .spc-container .checkout-progress-container input:focus, .spc-container .checkout-progress-container select:focus, .spc-container .checkout-progress-container a:focus, .spc-container .checkout-progress-container .jsfocus:focus, .spc-container .checkout-progress-container .cart-coupon-code .field-button-container input:focus, .spc-container .checkout-progress-container .spcAddCouponBtn:focus { outline: 2px dotted #202020; } .spc-container .checkout-progress-container legend { border-top: none; } .spc-container .checkout-progress-container .spcShippingContinueBtn:focus, .spc-container .checkout-progress-container .spcBillingContinueBtn:focus, .spc-container .checkout-progress-container .spcSummaryPageSubmitBtn:focus, .spc-container .checkout-progress-container .button-checkoutstep:focus, .spc-container .checkout-progress-container #flexMicroFormURLBtn:focus, .spc-container .checkout-progress-container #copyPayLink:focus, .spc-container .checkout-progress-container #timer:focus { outline: 2px dotted #000; outline-offset: 1px; } .spc-container .checkout-progress-container .spc-summary .accordion-title:focus { outline: 2px dotted #202020; outline-offset: -2px; } .spc-container .checkout-progress-container .section-overlay { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .spc-container .checkout-progress-container .section-overlay:before { position: absolute; width: 100%; height: 100%; opacity: 0.7; content: ""; z-index: 1; } .spc-container .checkout-progress-container .section-overlay input { opacity: 0.32; } .spc-container .checkout-progress-container .section-overlay .column *, .spc-container .checkout-progress-container .section-overlay .columns * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .spc-container .checkout-progress-container .section-overlay .spc-cc-tile-inner { opacity: 0.32; } .spc-container .checkout-progress-container .section-overlay input, .spc-container .checkout-progress-container .section-overlay select { background: none; background-color: none; opacity: 0.32; } .spc-container .checkout-progress-container .section-overlay .spc-tabs-title { color: #555555; opacity: 0.5; } .spc-container .checkout-progress-container .section-overlay .summary .mini-cart-product { background: none; } .spc-container .checkout-progress-container .section-overlay .mini-cart-image { opacity: 0.32; } .spc-container .checkout-progress-container .section-overlay .payment-cont-btn, .spc-container .checkout-progress-container .section-overlay .spcShippingContinueBtn, .spc-container .checkout-progress-container .section-overlay .place-order-button, .spc-container .checkout-progress-container .section-overlay .add-cc-applyBtn { background-color: #081f2c; color: #666; opacity: 0.3; border: none; } .spc-container .checkout-progress-container .section-overlay .place-order-button { background-color: #081f2c; opacity: 0.3; border: none; } .spc-container .checkout-progress-container .section-overlay .shipping-select-options-section { opacity: 0.3; } .spc-container .checkout-progress-container .section-overlay .shipping-select-options-section select.shippingMethodSelect { display: none; } .spc-container .checkout-progress-container .section-overlay .shipping-select-options-section .selected-option.selected { background: inherit; } .spc-container .checkout-progress-container .section-overlay .credit-card-icons, .spc-container .checkout-progress-container .section-overlay .js_paypal-content, .spc-container .checkout-progress-container .section-overlay .creditcard-form-container .form-row.cc-number:before { opacity: 0.3; } .spc-container .checkout-progress-container .section-overlay.spc-billing .js_paypal-content { border: none; padding: 0; } .spc-container .checkout-progress-container .active .spc-tabs .spc-tabs-title { border-bottom: none; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container .active .spc-tabs .spc-tabs-title { border: none; } } .spc-container .checkout-progress-container .step { -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; width: 33.3%; } .spc-container .checkout-progress-container .step.spc-shipping, .spc-container .checkout-progress-container .step.spc-billing { position: relative; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container .step { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; border-bottom: #202020 thin solid; padding-bottom: 15px; } } @media (min-width: 481px) and (max-width: 767px) { .spc-container .checkout-progress-container .step { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .spc-container .checkout-progress-container .step .spc-tabs { border-left: 1px solid #fff; border-right: 1px solid #fff; margin-right: -1px; margin-left: -1px; background-color: #fff; position: relative; z-index: 2; margin-top: -6px; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container .step .spc-tabs { position: unset; margin: 0; } .spc-container .checkout-progress-container .step .spc-tabs:nth-child(2) { padding-top: 10px; } } .spc-container .checkout-progress-container .step .spc-tabs-title { margin: 0px; font-size: 30px; font-weight: 400; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .checkout-progress-container .step .spc-tabs-title { font-size: 1.2em; } } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container .step .spc-tabs-title { margin: 0px; } } .spc-container .checkout-progress-container .step .sub-heading-title { font-size: 24px; padding-top: 0; font-weight: 700; line-height: 27px; margin: 5px 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-progress-container .step .sub-heading-title.contact-info { margin: 0 10px; } } @media print, screen and (max-width: 63.99875em) { .spc-container .checkout-progress-container .step .sub-heading-title { font-size: 18px; } } .spc-container .checkout-progress-container .step .sub-heading-title.payment-method-header { margin: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; } .spc-container .checkout-progress-container .step .sub-heading-title.shipping-address-header { font-size: 24px; margin-bottom: 5px; } @media print, screen and (max-width: 63.99875em) { .spc-container .checkout-progress-container .step .sub-heading-title.shipping-address-header { font-size: 18px; } } .spc-container .checkout-progress-container .step .spc-column { padding-top: 10px; } .spc-container .checkout-progress-container .form-row-button .column button.spcShippingContinueBtn, .spc-container .checkout-progress-container .form-row-button .columns button.spcShippingContinueBtn, .spc-container .checkout-progress-container .form-row-button button.spcBillingContinueBtn.payment-cont-btn { width: 100%; } .spc-container .checkout-progress-container .form-row-button .column button.spcShippingContinueBtn span, .spc-container .checkout-progress-container .form-row-button .columns button.spcShippingContinueBtn span, .spc-container .checkout-progress-container .form-row-button button.spcBillingContinueBtn.payment-cont-btn span { margin: 0 auto; } .spc-container .spcHasOnlyGC .spc-shipping { display: none; } .spc-container .spcHasOnlyGC .step { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } @media print, screen and (max-width: 39.99875em) { .spc-container .spcHasOnlyGC .step { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; border-bottom: #202020 thin solid; padding-bottom: 15px; } } @media (min-width: 481px) and (max-width: 767px) { .spc-container .spcHasOnlyGC .step { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .spc-container .spcHasOnlyGC .step .spc-tabs { margin-left: -2px; padding-top: 20px; } .spc-container .spcHasOnlyGC .spc-billing { border-left: none; } .spc-container .spcHasOnlyGC .step-2.active .user-email-id { display: none; } .spc-container .spcHasOnlyGC .button-checkoutstep.billing { left: auto; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spcHasOnlyGC .button-checkoutstep.billing { margin: 0 2%; } } @media print, screen and (max-width: 39.99875em) { .spc-container .spcHasOnlyGC .button-checkoutstep.billing { width: 94%; margin: 0 3%; } } @media screen and (min-width: 1366px) { .spc-container .spcHasOnlyGC .button-checkoutstep.billing { width: calc(94% / 2); } } @media screen and (min-width: 1525px) { .spc-container .spcHasOnlyGC .button-checkoutstep.billing { width: 464px; } } .spc-container .button-checkoutstep { display: none; text-transform: uppercase; text-align: center; margin-left: -55px; padding: 6px 60px; line-height: 20px; color: #fff; background: #081f2c; z-index: 100; cursor: pointer; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; pointer-events: all; border: #202020 thin solid; width: 90%; position: fixed; width: 464px; left: auto; right: auto; bottom: auto; margin: 0 20px; transform: translateY(-50%); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .button-checkoutstep { width: calc(88% / 3); margin: 0 2%; } } @media print, screen and (max-width: 39.99875em) { .spc-container .button-checkoutstep { position: absolute; width: 94%; margin: 0 3%; } } @media screen and (min-width: 1024px) { .spc-container .button-checkoutstep { width: calc(88% / 3); } } @media screen and (min-width: 1366px) { .spc-container .button-checkoutstep { width: calc(91% / 3); } } @media screen and (min-width: 1525px) { .spc-container .button-checkoutstep { width: 464px; } } .spc-container .button-checkoutstep:hover { background: #333; } .spc-container .mini-address-name { text-transform: capitalize; } .spc-container .mini-address-name .address-edit { margin-top: 0px; } .spc-container .saved-addresses .showmoreaddresses { margin: 15px; } @media print, screen and (min-width: 40em) { .spc-container .saved-addresses .showmoreaddresses { margin-bottom: 36px; } } .spc-container .saved-addresses .showmoreaddresses a { text-decoration: underline; } .spc-container .address-create-spc, .spc-container .spc-billing-address-create { display: block; padding: 20px; width: 100%; text-align: left; border: #202020 thin solid; text-decoration: none; text-transform: capitalize; font-weight: 400; font-size: 1.05em; } .spc-container .address-create-spc:before, .spc-container .spc-billing-address-create:before { position: relative; top: 50%; float: right; font-family: icomoon; content: "\e914"; font-size: 0.75em; color: #202020; font-weight: 600; cursor: pointer; } .spc-container .address-create-spc:hover, .spc-container .spc-billing-address-create:hover { color: #202020; } .spc-container .add-new-address { text-align: left; } .spc-container .spc-shipping .split { width: 100%; } .spc-container .spc-shipping .phone-number-usage-info:focus { outline: 1px dotted #081f2c; } .spc-container .spc-shipping .saved-addresses .address-list { width: 100%; margin: 0; } .spc-container .spc-shipping input[type="text"], .spc-container .spc-shipping select { text-transform: initial; } .spc-container .spc-shipping .spc-shippping-address-header { font-size: 1.15em; padding-top: 0; font-weight: 700; } .spc-container .spc-shipping .spc-shippping-title { padding: 15px 0; font-size: 1.05em; } .spc-container .spc-shipping .spg-option-title { font-size: 1.05em; text-transform: capitalize; } .spc-container .spc-shipping .shpping-title { padding-top: 10px; } .spc-container .spc-shipping .shipping-address-title { padding-bottom: 20px; } .spc-container .spc-shipping .shipping-form-section { border: #202020 thin solid; margin: 10px 20px 20px; padding: 10px 20px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .shipping-form-section { border: none; margin: 0; padding: 10px; } } .spc-container .spc-shipping input[type=radio]:checked + label .icon-checkmark { display: block; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping input[type=radio]:checked + label .icon-checkmark { font-size: 0.75em; } } .spc-container .spc-shipping .checkout-shipping { padding: 0; } .spc-container .spc-shipping .checkout-shipping .form-caption.phone, .spc-container .spc-shipping .checkout-shipping .form-caption.address1, .spc-container .spc-shipping .checkout-shipping .form-caption.address2 { display: block !important; bottom: auto; margin: 0; } .spc-container .spc-shipping .checkout-shipping .guest-shipping-address-sec .phone-number-usage-info { font-size: 12px; } .spc-container .spc-shipping .form-row-button .column button, .spc-container .spc-shipping .form-row-button .columns button { width: auto; margin: 0 auto; display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .form-row-button .column button, .spc-container .spc-shipping .form-row-button .columns button { width: 100%; display: block; text-align: center; } } .spc-container .spc-shipping .address-form-ajax .shipping-form-section { margin: 0; } .spc-container .spc-shipping .address-form-ajax .spc-add-address-form { margin: 0; } .spc-container .spc-shipping .spc-add-address-form { border: #202020 thin solid; padding: 20px; margin: 0px 20px 20px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .spc-add-address-form { margin: 0px 10px 10px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .spc-add-address-form { margin: 0px 0px 10px; padding: 10px; } } .spc-container .spc-shipping .spc-add-address-form .phone-number-usage-info { font-size: 12px; } .spc-container .spc-shipping .back-button { margin: 0; float: left; padding: 0.5em 2em 0.3em; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .back-button { width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .back-button { width: 100%; } } .spc-container .spc-shipping .apply-button { margin: 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .apply-button { width: 100%; margin-top: 10px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .apply-button { width: 100%; margin-top: 10px; } } .spc-container .spc-shipping .shipping-method-list { margin-top: 15px; border: none; } .spc-container .spc-shipping .shipping-method-list fieldset { padding-top: 0; } .spc-container .spc-shipping .shipping-method-list h2 { font-weight: 400; font-size: 1.2em; text-transform: capitalize; } .spc-container .spc-shipping .shipping-method-list .sr-shipping-method-div { margin-top: 15px; } .spc-container .spc-shipping .sp-add-address-title { font-size: 1.05em; font-weight: 400; } .spc-container .spc-shipping .sp-add-address-title:before { position: relative; float: right; font-family: icomoon; content: "\e90f"; cursor: pointer; font-size: 0.75em; } .spc-container .spc-shipping .saved-addresses { padding: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .saved-addresses { padding: 0px; } } .spc-container .spc-shipping .saved-addresses > h4 { margin-bottom: 10px; } .spc-container .spc-shipping .saved-addresses:first-child { margin-top: 15px; } .spc-container .spc-shipping .saved-addresses .showmoreaddresses { margin-bottom: 36px; } .spc-container .spc-shipping .saved-addresses .hide-saved-address { float: right; text-decoration: underline; cursor: pointer; margin-right: 20px; } .spc-container .spc-shipping .saved-addresses .address-default { margin-top: 5px; } .spc-container .spc-shipping .showmoreaddresses { margin-bottom: 15px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .showmoreaddresses { margin: 15px; } } .spc-container .spc-shipping .showmoreaddresses a { text-decoration: underline; } .spc-container .spc-shipping .spc-shipping-method { margin: 0px; padding: 0px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .spc-shipping-method label { min-height: 150px; } } .spc-container .spc-shipping .address-edit-spc { float: right; text-transform: uppercase; text-decoration: underline; display: inline-block; } .spc-container .spc-shipping .icon-chevron-thin-left { position: absolute; right: 15px; font-size: 1.5em; font-weight: 600; margin-top: 25px; cursor: pointer; } .spc-container .spc-shipping .icon-chevron-thin-left:before { font-size: 0.75em; } .spc-container .spc-shipping .edit-form-ajax { width: 100%; } .spc-container .spc-shipping .edit-form-ajax .sp-add-address-title:before { position: relative; float: right; font-family: icomoon; content: "\e90f"; cursor: pointer; font-size: 0.75em; } .spc-container .spc-shipping .hide-country-field { width: 100%; display: inline-block; } .spc-container .spc-shipping .mini-address-name .icon-checkmark { display: block; } .spc-container .spc-shipping .custom-select { width: 100%; float: left; color: #202020; font-weight: normal; position: relative; } .spc-container .spc-shipping .custom-select select { position: absolute; height: auto; } .spc-container .spc-shipping .custom-select.current_item.selected-option { border-color: #202020; } .spc-container .spc-shipping .custom-select .shipping-form-caption { color: #081f2c; font-weight: 600; margin-bottom: 20px; } .spc-container .spc-shipping .custom-select .shipping-name { font-weight: 600; font-size: 1.05em; line-height: 2em; } .spc-container .spc-shipping .custom-select .shipping-name .icon-checkmark { display: inline-block; top: 5px; position: relative; left: 10px; } .spc-container .spc-shipping .custom-select .base-shipping { display: block; } .spc-container .spc-shipping .custom-select.current_item .selection-list { display: block; } .spc-container .spc-shipping .custom-select.current_item .selected-option:after { display: none; } .spc-container .spc-shipping .custom-select.default-expanded .selection-list { display: block; } .spc-container .spc-shipping .custom-select.default-expanded .selected-option:after { display: none; } .spc-container .spc-shipping .custom-select select:focus ~ .selected-option, .spc-container .spc-shipping .custom-select select:focus ~ .selection-list { outline: 2px dotted #202020; } .spc-container .spc-shipping .custom-select select:focus ~ .selection-list .selected { display: block; } .spc-container .spc-shipping .selected-option { display: block; outline: none; overflow: hidden; position: relative; min-height: 35px; border: #202020 thin solid; cursor: pointer; padding: 10px 20px 5px; } .spc-container .spc-shipping .selected-option.selected { color: #202020; background: #d7d7d7; border: 4px solid #050505; } .spc-container .spc-shipping .selected-option.expanded:after { content: "\e904"; } .spc-container .spc-shipping .selected-option:after { content: "\e904"; right: 20px; top: 9px; font-family: "icomoon"; font-weight: 600; position: absolute; font-size: 1.4em; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .selected-option:after { font-size: 1.05em; right: 10px; top: 13px; } } .spc-container .spc-shipping .selected-option > div { padding-right: 30px; } .spc-container .spc-shipping .selection-list { list-style: none; display: none; z-index: 99; border: #202020 thin solid; overflow: auto; height: auto; padding-left: 0; margin-top: 0; } .spc-container .spc-shipping .selection-list li { background: transparent; line-height: 18px; outline: none; float: left; width: 100%; padding: 10px 20px; border-bottom: #202020 thin solid; color: #202020; cursor: pointer; } .spc-container .spc-shipping .selection-list li:first-child { padding-top: 10px; } .spc-container .spc-shipping .selection-list li:last-child { border-bottom: 0px; } .spc-container .spc-shipping .selection-list li:hover, .spc-container .spc-shipping .selection-list li:active, .spc-container .spc-shipping .selection-list li.selected, .spc-container .spc-shipping .selection-list li.hover { color: #202020; } .spc-container .spc-shipping .selection-list li.selected { display: none; background-color: #e6ddce; } .spc-container .spc-shipping .selection-list li.disabled { opacity: 0.5; } .spc-container .spc-shipping .selection-list li .icon-checkmark:before { content: "\e917"; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .continue-btn { font-size: 0.9em; } } .spc-container .afterpay-payment-method-message { font-size: 12px; } .spc-container .afterpay-payment-method-message p { word-break: break-word; } .spc-container .spc-billing .phone-number-usage-info:focus { outline: 1px dotted #081f2c; } .spc-container .spc-billing .creditcard-form-container { padding: 15px; } .spc-container .spc-billing .creditcard-form-container .form-row.label-middle .field-wrapper, .spc-container .spc-billing .creditcard-form-container .form-row.label-middle label { display: inline-block; vertical-align: text-top; } .spc-container .spc-billing .gift-card a { width: 100%; text-align: cenrter; padding-top: 10px; } .spc-container .spc-billing .gift-card .check-gift-card { text-decoration: underline; text-align: center; padding-top: 0; } .spc-container .spc-billing .gift-card .check-gift-card:hover { color: #202020; } .spc-container .spc-billing .gift-card .gift-card-form-toggle { color: #fff; border-width: 1px; } .spc-container .spc-billing .gift-card .gift-card-form-toggle:hover { color: #081f2c; background-color: #fff; } .spc-container .spc-billing .gift-card-container { width: 100%; border: #202020 thin solid; padding: 20px 20px 5px; } .spc-container .spc-billing .card-buttons .icon-checkmark { display: none; } @media print, screen and (min-width: 40em) { .spc-container .spc-billing .card-buttons .icon-checkmark { display: block; font-size: 1em; margin-top: 0.3em; } } .spc-container .spc-billing .remaining-balance-section { text-align: left; padding: 5px 0; } .spc-container .spc-billing .creditcard-title-sec { border: #202020 thin solid; margin: 10px 0 0; } .spc-container .spc-billing .creditcard-title-sec label.sr-only { width: auto; } .spc-container .spc-billing .cc-section { display: -ms-flexbox; display: flex; padding: 5px 10px; } .spc-container .spc-billing .cc-section input, .spc-container .spc-billing .cc-section select { background-color: #f6f6f6; border: #202020 thin solid; color: #202020; } .spc-container .spc-billing .credit-card-icons { -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; width: 100%; } .spc-container .spc-billing .credit-card-icons .cc-number img { vertical-align: middle; max-width: 100%; height: auto; } .spc-container .spc-billing .credit-card-icons .cc-icon { position: relative; display: inline-block; height: 22px; width: 39px; overflow: hidden; border: 1px solid #ccc; box-sizing: content-box; } .spc-container .spc-billing .credit-card-icons .cc-icon img { height: 22px; position: absolute; clip: rect(0, 0, 0, 0); max-width: none; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_visa img { clip: rect(0px, 77px, 22px, 38px); left: -38px; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_mastercard img { clip: rect(0px, 39px, 22px, 0px); left: 0px; top: 0px; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_amex img { clip: rect(0px, 155px, 22px, 116px); left: -116px; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_discover img { clip: rect(0px, 115px, 22px, 76px); left: -76px; top: 0px; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_unionpay { display: none; } .spc-container .spc-billing .credit-card-icons .cc-icon.is_unionpay img { clip: rect(0px, 193px, 22px, 154px); left: -154px; } .spc-container .spc-billing .credit-card-icons.is_unionpay { display: none; } .spc-container .spc-billing .credit-card-icons.is_unionpay img { clip: rect(0px, 193px, 22px, 154px); left: -154px; } .spc-container .spc-billing .spc-selectable-payment-options { border: #202020 thin solid; margin: 20px 0 10px; padding: 0px 20px; } .spc-container .spc-billing h3.cc-title { font-size: 1.05em; max-width: 100%; font-weight: 400; } .spc-container .spc-billing h3.cc-title input, .spc-container .spc-billing h3.cc-title select { margin-left: 0; background-color: #f6f6f6; border: #202020 thin solid; color: #202020; } .spc-container .spc-billing .spc-cc-title { padding: 13px 10px; font-size: 1.05em; width: 100%; font-weight: 400; cursor: auto; margin-right: 5px; padding-right: 0; } .spc-container .spc-billing .spc-cc-title:before { position: relative; float: right; font-family: icomoon; cursor: pointer; font-size: 0.75em; } .spc-container .spc-billing .spc-cc-title.spc-cc-expanded:before { font-family: icomoon; font-size: 0.75em; color: #202020; font-weight: 600; } .spc-container .spc-billing a.spc-cc-title:focus { outline: 0px; } .spc-container .spc-billing .CCtoggle { width: 24px; position: relative; padding: 0; background-color: transparent; border: none; } .spc-container .spc-billing .CCtoggle:focus { outline: 2px dotted #202020; } .spc-container .spc-billing .CCtoggle.rollUp:after, .spc-container .spc-billing .CCtoggle.rollDown:after { position: absolute; top: 50%; left: 50%; font-family: icomoon; cursor: pointer; font-size: 0.75em; color: #202020; font-weight: 600; transform: translate(-50%, -50%); } .spc-container .spc-billing .CCtoggle.rollUp:after { content: "\e914"; } .spc-container .spc-billing .CCtoggle.rollDown:after { content: "\e90f"; } .spc-container .spc-billing .close-gift-form { font-weight: 600; } .spc-container .spc-billing .close-gift-form a { width: 15px; height: 15px; display: block; position: relative; top: -15px; left: 0px; text-indent: -9999px; } .spc-container .spc-billing .close-gift-form#cancel-giftcert { background-color: #fff; color: #081f2c; padding: 9px 20px; border: 1px solid #081f2c; } .spc-container .spc-billing .credit-card-icons-container .SPCCardForm-continer-close { margin-right: 0px; width: 100%; margin-bottom: 20px; font-weight: 400; } .spc-container .spc-billing .credit-card-icons-container .SPCCardForm-continer-close:before { position: relative; float: right; font-family: icomoon; content: "\e90f"; cursor: pointer; font-size: 0.75em; } .spc-container .spc-billing .cc-radio-btn { margin-left: 20px; margin-top: 22px; } .spc-container .spc-billing .spc-cc-tile-inner { border: #202020 thin solid; padding: 20px; margin-top: 12px; outline: 0px; margin-bottom: 0px; z-index: 1; } .spc-container .spc-billing .spc-cc-tile-inner .saved-cvn { -ms-flex-align: center; align-items: center; } .spc-container .spc-billing .cc-details { margin-left: 0px; } .spc-container .spc-billing .cc-img-icon { margin-bottom: 10px; } .spc-container .spc-billing .spc-add-gift-card { width: 60%; } .spc-container .spc-billing .spc-add-gift-card:hover { background-color: #202020; color: #fff; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .spc-add-gift-card { padding: 12px; } } .spc-container .spc-billing .payment-info-title { text-align: center; } .spc-container .spc-billing .address-tile-inner .icon-checkmark { float: right; } .spc-container .spc-billing .address-tile:last-child { margin-bottom: 0px; } .spc-container .spc-billing .billing-continue-container { display: inline-block; border-top: none; padding-top: 0px; margin-top: 0px; margin-bottom: 20px; } .spc-container .spc-billing .form-row-button { width: auto; } .spc-container .spc-billing .gift-card-form.rolledup { max-height: none; } .spc-container .spc-billing .remove-link { text-transform: capitalize; font-size: 1em; } .spc-container .spc-billing .spc-pay-edit { display: block; border: #202020 thin solid; background: #fff; padding: 1.25em; width: 100%; float: none; margin: 0 0 24px; text-align: left; height: auto; } .spc-container .spc-billing .end-date { clear: both; } .spc-container .spc-billing .address-edit-spc { float: right; text-transform: uppercase; text-decoration: underline; display: inline-block; } .spc-container .spc-billing .security-code { margin-top: 20px; } .spc-container .spc-billing .spc-afterpay-payment-method { border: #202020 thin solid; padding: 20px; } .spc-container .spc-billing .after-pay-input-radio { display: -ms-flexbox; display: flex; float: left; margin-top: 0.5em; margin-left: 0px; } .spc-container .spc-billing .spc-other-payment { border: #202020 thin solid; padding: 20px; } .spc-container .spc-billing .billing-address-title { font-size: 16px; font-weight: 700; text-align: left; } @media print, screen and (min-width: 64em) { .spc-container .spc-billing .billing-address-title { font-size: 24px; } } .spc-container .spc-billing .afterpay-payment-method label { padding-right: 0; margin-bottom: 0; } .spc-container .spc-billing .afterpay-payment-method .afterpay-checkout-logo { display: block; background-color: #fff; color: #202020; padding: .88em 0; cursor: pointer; border: 1px solid #202020; border-radius: 4px; } .spc-container .spc-billing .other-payment-contain { height: auto; display: block; padding-top: 0; } .spc-container .spc-billing .spc-paypal-section.spc-apple-pay.apple-pay-present { display: block; } .spc-container .spc-billing .spc-paypal-section.spc-apple-pay.apple-pay-present .content-asset { margin-top: 10px; margin-bottom: 10px; } .spc-container .spc-billing .spc-paypal-section.spc-apple-pay.apple-pay-present .dw-apple-pay-button { width: 100%; height: 44px; background-image: none !important; margin: 0 0 7px 0; color: #202020; } .spc-container .spc-billing .spc-paypal-section.spc-apple-pay.apple-pay-present .dw-apple-pay-button:after { content: "Proceed with ApplePay"; visibility: visible; } .spc-container .spc-billing .spc-paypal-section.spc-apple-pay.apple-pay-present .other-payment { padding: 10px; } .spc-container .spc-billing .afterpay-payment-method-wrapper > a { display: block; } .spc-container .spc-billing .afterpay-payment-method { padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; } .spc-container .spc-billing .afterpay-payment-method .afterpay-label { font-size: 10px; padding-right: 10px; display: none; } .spc-container .spc-billing .afterpay-sec .error-form.jsfocus { margin: 10px 0; padding: 5px; } .spc-container .spc-billing .applyAuthorizationBtn.ticmark { background-color: #fff; border: 1px solid #081f2c; color: #081f2c; } .spc-container .spc-billing .applyAuthorizationBtn.ticmark:before { content: "\e917"; font-family: IcoMoon; position: absolute; color: #019328; right: unset; font-size: 17px; left: 16px; line-height: 14px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .applyAuthorizationBtn { padding: 10px; } } .spc-container .spc-billing .payment-cont-btn { width: auto; margin: 0 auto; display: -ms-flexbox; display: flex; text-align: center; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .payment-cont-btn { width: 100%; display: block; text-align: center; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .payment-cont-btn { font-size: 0.9em; } } .spc-container .spc-billing .billing-address-section { border-top: 0px; padding-top: 10px; } .spc-container .spc-billing .spc-billingaddress-edit { float: right; } .spc-container .spc-billing .spc-billing-address-form { padding: 20px; border: #202020 thin solid; margin-bottom: 20px; } .spc-container .spc-billing .back-button { margin-top: 10px; float: left; padding: 0.5em 2em 0.3em; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .back-button { width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .back-button { width: 100%; } } .spc-container .spc-billing .apply-button { margin-top: 10px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .apply-button { width: 100%; margin-top: 10px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .apply-button { width: 100%; margin-top: 10px; } } .spc-container .spc-billing .addbillingaddress-title { font-size: 1.05em; font-weight: 600; } .spc-container .spc-billing .addbillingaddress-title:before { position: relative; float: right; content: "-"; cursor: pointer; } .spc-container .spc-billing .spc-selectable-pament-options { padding-top: 0px; margin-top: 0px; border-top: none; } .spc-container .spc-billing .pay-with { padding: 10px 0 0; font-size: 1.05em; } .spc-container .spc-billing .spc-show-allsaved-cards { padding: 10px 20px; } .spc-container .spc-billing .spc-show-allsaved-cards a { text-transform: capitalize; font-weight: 400; text-decoration: underline; } .spc-container .spc-billing .spc-show-allsaved-cards a:hover { color: #202020; } .spc-container .spc-billing .spc-billing-address-create { padding: 20px; width: 100%; text-align: left; border: #202020 thin solid; text-decoration: none; margin-bottom: 20px; } .spc-container .spc-billing .spc-billing-address-create:before { position: relative; top: 50%; float: right; font-family: icomoon; content: "\e914"; font-size: 0.75em; color: #202020; font-weight: 600; cursor: pointer; } .spc-container .spc-billing .spc-billing-address-create:hover { color: #202020; } .spc-container .spc-billing .spc-credit-card-create { display: block; padding: 20px; width: 100%; text-align: left; border: #202020 thin solid; text-decoration: none; margin-bottom: 7px; margin-top: 20px; font-size: 1em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; text-transform: capitalize; font-weight: 400; font-size: 1.05em; } .spc-container .spc-billing .spc-credit-card-create:before { position: relative; top: 50%; float: right; font-family: icomoon; content: "\e914"; font-size: 0.75em; color: #202020; font-weight: 600; cursor: pointer; } .spc-container .spc-billing .spc-credit-card-create:hover { color: #202020; } .spc-container .spc-billing .spcbilling-submit-error { padding-top: 15px; padding-bottom: 0px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .checkout-billing { padding-bottom: 0px; padding-top: 0px; } } .spc-container .spc-billing .checkout-billing .form-caption.phone { display: block !important; bottom: auto; margin: 0; } .spc-container .spc-billing .checkout-billing .guest-contact-info legend.sub-heading-title { display: block; font-size: 16px; margin: 0; } @media print, screen and (min-width: 64em) { .spc-container .spc-billing .checkout-billing .guest-contact-info legend.sub-heading-title { font-size: 24px; margin: 0; } } .spc-container .spc-billing .checkout-billing .guest-contact-info .guest-email-filed-wrapper { margin: 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .checkout-billing .guest-contact-info .guest-email-filed-wrapper { margin-bottom: 10px; } } .spc-container .spc-billing .checkout-billing .recipient-email-field-wrapper { margin-top: -10px; } .spc-container .spc-billing .checkout-billing legend.sub-heading-title { display: none; } .spc-container .spc-billing .other-payment { max-width: 100%; } .spc-container .spc-billing .other-payment .js_paypal-content { text-align: center; } .spc-container .spc-billing .other-payment .js_paypal-content .form-row-button { margin-top: 0; } .spc-container .spc-billing .other-payment .js_paypal-content label { text-transform: none; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-billing .other-payment { padding-top: 0px; padding-bottom: 0px; } } .spc-container .spc-billing .paypal-already-handled-account > div { margin: 0; display: -ms-flexbox; display: flex; } .spc-container .spc-billing .paypal-already-handled-account .paypal-email { text-align: left; padding-bottom: 10px; } .spc-container .spc-billing .SPC-CreditCardForm { border: #202020 thin solid; padding: 20px; margin-top: 20px; } .spc-container .spc-billing .cybes-creditcard-section { margin-bottom: 5px; } .spc-container .spc-billing .add-cc-applyBtn { width: auto; margin: 0 auto; display: -ms-flexbox; display: flex; } .spc-container .spc-billing .selected .mini-address-location address { font-style: normal; } .spc-container .spc-billing .selected .phone { margin: 1em 0; } .spc-container .spc-billing .selected .address-edit, .spc-container .spc-billing .selected .address-delete, .spc-container .spc-billing .selected .address-make-default { text-transform: uppercase; text-decoration: underline; margin-top: 10px; display: inline-block; } .spc-container .spc-billing .show-defaultsaved-card .spc-cc-tile-inner { margin-top: 0; } .spc-container .spc-billing .edit-spcbilling-address-ajax { border: #202020 thin solid; padding: 20px; } .spc-container .spc-billing .edit-spcbilling-address-ajax h1 { font-size: 1.15em; text-transform: capitalize; font-weight: 400; padding: 5px 0; } .spc-container .spc-billing .edit-spcbilling-address-ajax #editprofile { margin-top: 1rem; } .spc-container .spc-billing .guest-billing-address { border: #202020 thin solid; padding: 20px; } .spc-container .spc-billing .spc-billing-creditcard-form .form-row.label-middle .field-wrapper, .spc-container .spc-billing .spc-billing-creditcard-form .form-row.label-middle label { display: inline; } .spc-container .spc-billing .form-row.split { float: none; display: inline-block; margin: 0; } .spc-container .spc-billing .spc-billing-address .form-row.split.cn-fields { display: none; } .spc-container .spc-billing .credit-card-form .cvn.border-input.split { float: right; } .spc-container .spc-billing .credit-card-form form .label-middle { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: inherit; align-items: inherit; margin-bottom: 0; } .spc-container .spc-billing .credit-card-form .form-row.split { width: 48%; margin-left: 0; margin-right: 0; margin-top: 0; } .spc-container .spc-billing .register-billingaddres-sec .address-select { position: absolute; top: 35%; right: 0; width: 120px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .register-billingaddres-sec .address-select { width: 100px; } } .spc-container .spc-billing .register-billingaddres-sec .address-edit { position: absolute; top: 0; right: 0; width: 160px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .register-billingaddres-sec .address-edit { width: 100px; } } .spc-container .accordion .accordion-navigation .accordion-title { padding: 10px 3rem; } .spc-container .checkout-update-payment-summary { margin-bottom: 10px; } .spc-container .checkout-update-payment-summary .sub-heading-title { font-size: 24px; } .spc-container .checkout-update-payment-summary .payment-summary-container .spc-cc-tile-inner { border: #202020 thin solid; padding: 10px; outline: none; } .spc-container .checkout-update-payment-summary .payment-summary-container .payment-summary { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .spc-container .checkout-update-payment-summary .payment-summary-container .payment-summary { margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .spc-container .checkout-update-payment-summary .payment-summary-container .payment-summary { padding-top: 0; padding-bottom: 0; } } .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .creditcard-tile-inner .cc-details { width: auto; margin-left: 0; margin-top: 0; } .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .creditcard-tile-inner .payment-value { margin-left: 0; } .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .cc-details, .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .cc-number, .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .cc-exp { display: block; } .spc-container .checkout-update-payment-summary .payment-summary-container .creditcard-tile .cc-owner { margin-bottom: 0.5rem; } .spc-container .checkout-update-payment-summary .payment-summary-container .card-detail-container { clear: both; padding-top: 1.25rem; } .spc-container .checkout-update-payment-summary .payment-summary-container .spc-card-summary { font-weight: 600; } .spc-container .spc-summary .coupon-code-container { border-radius: 0.1875rem; border: #202020 thin solid; padding: 20px 20px 0; margin: 0 0 20px; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled { margin-top: 0; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .cart-coupon-code > .sub-heading-title { display: none; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container .accordion-title:before { top: 40%; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container .spc-applycoupon-error { padding: 0 15px; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container .accordion-title { padding: 10px 3rem; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode { margin-bottom: 0px !important; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode .accordion { background: none; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode .accordion .accordion-title { padding: 10px 3rem; text-transform: none; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container fieldset { border-right: none; border-left: none; padding: 0; } .spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container fieldset .accordion .accordion-content { border: none; } .spc-container .spc-summary .coupon-code-container1 .promo-heading { margin: 20px 0; font-weight: bold; display: block; } .spc-container .spc-summary .coupon-code-container1 fieldset { width: 100%; padding: 10px 0; border: none; } .spc-container .spc-summary .calculations-container { padding-top: 10px; } .spc-container .spc-summary .calculations-container > div { padding-left: 0; padding-right: 0; margin: 0; } .spc-container .spc-summary .review-total-amt { float: right; padding-right: 10px; font-weight: 600; padding-top: 6px; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-summary .review-total-amt { display: none; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-summary .review-total-amt { padding-right: 0; padding-top: 4px; } } .spc-container .spc-summary .spc-mini-cart-totals { margin: 0 auto; width: 100%; text-align: center; padding: 10px 0; } .spc-container .spc-summary .spc-mini-cart-totals a { color: #fff; } .spc-container .spc-summary .gtpromochecker { word-break: break-all; } .spc-container .spc-summary .order-totals-table { margin-bottom: 5px; } .spc-container .spc-summary .order-totals-table .sub-heading-title { display: block; } .spc-container .spc-summary .spc-summary-applycoupon { width: 100%; line-height: 1.5em; } .spc-container .spc-summary .place-order-button { margin-bottom: 10px; font-size: 0.9em; } .spc-container .spc-summary .checkout-mini-cart { border-bottom: 1px solid #202020; padding: 0; border-top: none; } .spc-container .spc-summary .checkout-mini-cart .accordion-content .mini-cart-product .mini-cart-details .mini-cart-quantity { margin-bottom: 12px; } .spc-container .spc-summary .checkout-mini-cart .accordion-content .mini-cart-product .mini-cart-details .gift-msg-text .value { word-break: break-all; } .spc-container .spc-summary .show-item-order { padding: 0; margin: 0; } .spc-container .spc-summary .accordion-title:hover { background: none; outline: none; } .spc-container .spc-summary .accordion-title:focus { background: none; } .spc-container .spc-summary .accordion-navigation { margin: 0; } .spc-container .spc-summary .cart-coupon-code .accordion-title.sub-heading-title { padding: 15px; } .spc-container .spc-summary .cart-coupon-code .collapse-expand-section .promo-heading > span { font-size: 1.2em; position: relative; top: -3px; } .spc-container .spc-summary .cart-coupon-code .collapse-expand-section + .collapse { padding-bottom: 25px; } .spc-container .spc-summary .cart-coupon-code .coupon-submit-form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .spc-container .spc-summary .cart-coupon-code .cart-coupon-field { -ms-flex-positive: 1; flex-grow: 1; } .spc-container .spc-summary .spc-mini-cart-totals .spc-mini-cart-link-cart { font-size: .9rem; border: 1px solid #050505; padding: 6px 12px; cursor: pointer; } .spc-container .spc-summary .spc-mini-cart-totals .spc-mini-cart-link-cart:hover { background: #202020; color: #fff; border-color: #fff; } .spc-container .spc-summary .spc-mini-cart-totals .spc-mini-cart-link-cart:hover a { color: #fff !important; } .spc-container .spc-summary .order-summary-footer .user-consent-container { display: none; } .spc-container .spc-summary .order-summary-footer .user-consent-container .user-consent-label > label { top: -35px; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check { width: 100%; margin-top: 15px; display: block; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .form-row.label-middle > div, .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .form-row.label-middle > label { display: inline; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check label { text-transform: none; margin-bottom: 0; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .summary-place-order { margin: 0; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .newsletter-signup-consent-text { margin: 1em 0; margin-top: 20px; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .newsletter-signup-consent-text > .form-row { float: left; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .newsletter-signup-consent-text span.error { position: absolute; top: -22px; width: 300px; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .newsletter-signup-consent-text .content-asset { text-align: justify; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .newsletter-signup-consent-text a { color: #00f; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .form-row.form-inputelement-checkbox { display: -ms-flexbox; display: flex; margin-bottom: 10px; } .spc-container .spc-summary .order-summary-footer .newsletter-signup-check .form-row.form-inputelement-checkbox .input-checkbox.addtoemaillist { top: 2px; } .spc-container .spc-summary .order-summary-footer .sms-optin-check { margin: 10px 0; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox .addtomobilelist { position: relative; top: 1px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox .addtomobilelist { top: -8px; } } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox label { text-transform: none; width: 90%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox label { width: 86%; } } @media print, screen and (min-width: 64em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox label { width: 86%; } } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field { position: relative; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field label { display: inline-block; margin-right: 10px; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field .field-wrapper { display: inline-block; width: 63%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field .field-wrapper { width: 100%; } } @media print, screen and (min-width: 64em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field .field-wrapper { width: 70%; } } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field .form-caption.phone { font-size: .75rem; color: #333; font-weight: 400; right: -1px; bottom: -20px; position: absolute; left: 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-number-field .form-caption.phone { left: 121px; } } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-consent-container { margin-top: 20px; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-consent-container .sms-consent-label { font-size: 14px; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-consent-container .sms-consent-label a { color: #00f; } .spc-container .spc-summary .order-summary-footer .user-consent-container { margin-top: -15px; top: 0; } .spc-container .spc-summary .order-summary-footer .user-consent-container .user-consent-label { font-size: 14px; } .spc-container .spc-summary .order-summary-footer .user-consent-container .user-consent-label a { color: #00f; } .spc-container .spc-summary .order-totals-table .calculations-container .order-total { margin: 0; } .spc-container [for="afterpay-radio-btn"] { display: none; } .spc-container button.spcGiftCertApplyBtn { color: #fff; padding: 10px; background-color: #081f2c; font-size: 1.1rem; font-weight: 600; padding: 12px 40px; } .spc-container button.spcGiftCertApplyBtn:hover { background-color: #333; color: #fff; } .spc-container .spc-coupon-success { display: block !important; } .spc-container .custom-list-options label.disabled { opacity: 0.5; pointer-events: none; display: none; } .spc-container .border-input select { height: 56px !important; } .edit-add-address .back-button { float: left; padding: 0.5em 2em 0.3em; margin-top: 1em; } .payment-summary-edit { font-weight: 600; display: inline-block; float: right; z-index: 1; cursor: pointer; } /*--- Welcome Back Section CSS ---*/ .welcome-section { text-align: left; padding: 20px; } .welcome-section .welcome-content { margin-bottom: 20px; } .welcome-section .checkout-btn { margin: 0 auto; display: -ms-flexbox; display: flex; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .spc-container .step { -ms-flex: 0 0 33.5%; flex: 0 0 33.5%; width: 33.5%; margin-right: -4px; } .spc-container .spc-shipping .mini-address-name .icon-checkmark { display: ruby-base; } .spc-container input[type="checkbox"] { width: 25px; height: 25px; } .address-inner { height: auto; } .spc-summary .place-order-button { margin: 0; } } .singlepage-scroll .scroll-top-wrapper.show { padding-top: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #202020; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; } .review-total-container .checkout-title { font-size: 1.4em; margin-bottom: 10px; } @media print, screen and (max-width: 39.99875em) { .review-total-container .checkout-title { width: 50%; float: left; display: block; padding: 10px 0px; text-transform: uppercase; font-size: 1.02em; } } .review-total-container .review-total-section { display: none; } @media print, screen and (max-width: 39.99875em) { .review-total-container .review-total-section { border: #202020 thin solid; float: right; display: none; padding: 10px; margin-top: 0; margin-bottom: 0; } } .review-total-container .review-total-amt { display: none; } @media print, screen and (max-width: 39.99875em) { .review-total-container .review-total-amt { display: inline-block; padding-right: 10px; font-weight: 600; } } .spcGiftCardBalanceModal { height: 50%; top: 10% !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spcGiftCardBalanceModal { height: auto; top: 10% !important; } } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sameas-shippingadres-billingsec .saved-addresses { border: none; } .sameas-shippingadres-billingsec .saved-addresses .selected .address-tile-inner { border: thin solid #202020; padding: 20px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .sameas-shippingadres-billingsec label[for=shipping-address-checked] { display: inline-block; max-width: 85%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-shipping .checkout-shipping .form-caption.phone, .spc-container .spc-shipping .checkout-shipping .form-caption.address1, .spc-container .spc-shipping .checkout-shipping .form-caption.address2 { top: 16px; bottom: auto; font-size: 10px; } .spc-container .spc-shipping .SPCShippingPageSec .form-row-button > .column, .spc-container .spc-shipping .SPCShippingPageSec .form-row-button > .columns { padding: 0; } .spc-container .spc-shipping .saved-addresses .mini-address-name { position: relative; } .spc-container .spc-shipping .saved-addresses .mini-address-name .address-edit-spc { position: absolute; right: 0; top: 0; } .spc-container .spc-shipping .saved-addresses .address-list { width: 90%; } .spc-container .spc-shipping .saved-addresses .address-list > div { padding: 0; } .spc-container .spc-shipping .hide-saved-address { position: relative; right: 20px; margin-right: 0; } .spc-container .spc-shipping .address-create-spc { width: 90%; } .spc-container .spc-billing .select-billing-address .form-caption.phone, .spc-container .spc-billing .select-billing-address .form-caption.address1, .spc-container .spc-billing .select-billing-address .form-caption.address2 { top: 20px; bottom: auto; font-size: 10px; } .spc-container .spc-billing .creditcard-form-container { padding: 15px 10px; } .spc-container .spc-billing .creditcard-form-container .form-row.cc-number { width: 100%; display: table; } .spc-container .spc-billing .creditcard-form-container .form-row.cc-number.cc-error ::before { bottom: 49px; } .spc-container .spc-billing .js_paypal_button_on_billing_form .zoid-outlet { width: 150px !important; } .spc-container .spc-billing .credit-card-icons-container-main .cc-number { margin-right: 4px; } .spc-container .spc-billing .credit-card-icons-container-main .cc-number:before { width: 36px; } .spc-container .spc-billing .afterpay-checkout-logo img { width: 150px; } .spc-container .newsletter-signup-check .form-row input { min-width: auto; } } .spc-container #spcShipping.spc-shipping .saved-addresses .mini-address-name .address-edit-spc { /* targeting iPad pro screen size */ } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container #spcShipping.spc-shipping .saved-addresses .mini-address-name .address-edit-spc { right: -12px; top: -15px; font-size: 16px; } .spc-container #spcShipping.spc-shipping .saved-addresses .mini-address-name .address-edit-spc svg#Layer_1 { width: 13px; height: 13px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .spc-container #spcShipping.spc-shipping .saved-addresses .mini-address-name .address-edit-spc { position: absolute; font-size: 14px; top: 3px; right: 24px; } .spc-container #spcShipping.spc-shipping .saved-addresses .mini-address-name .address-edit-spc svg#Layer_1 { width: 12px; height: 12px; } } .spc-container #spcShipping.spc-shipping .saved-addresses .address-list .address-tile-inner { background-color: #fff; } .spc-container #spcShipping.spc-shipping .saved-addresses .address-list .address-tile-inner .phone { margin-top: 0; } @media print, screen and (max-width: 39.99875em) { .spc-billing-address .billing-address-title { margin: 0; } .spc-cc-title.spc-cc-section { margin: 0; } } .timeoutDialog .close-button { display: none !important; } .timeoutDialog .content-body { text-align: center; padding: 40px; } .timeoutDialog .button { margin-top: 20px; } .timeoutDialog .modal-body { height: auto; } .spcGiftCardBalanceModal .field-wrapper label { position: absolute; top: 9px; left: 9px; color: #ccc; font-weight: normal; transition: 0.2s ease all; width: auto; min-width: unset; pointer-events: none; } .spcGiftCardBalanceModal .field-wrapper input:focus, .spcGiftCardBalanceModal .field-wrapper input:not(:placeholder-shown) { outline: none !important; } .spcGiftCardBalanceModal .field-wrapper input:focus ~ label, .spcGiftCardBalanceModal .field-wrapper input:not(:placeholder-shown) ~ label { top: -10px; color: #000; background-color: #fff; padding: 1px 5px; } .spcGiftCardBalanceModal .field-wrapper input:focus ~ label span, .spcGiftCardBalanceModal .field-wrapper input:not(:placeholder-shown) ~ label span { color: #000; } .spcGiftCardBalanceModal .modal-content input.refineField:focus, .spcGiftCardBalanceModal .modal-content input.addField:focus, .spcGiftCardBalanceModal .modal-content .input-text:focus, .spcGiftCardBalanceModal .modal-content .balance-error:focus { outline: 2px dotted #202020; } .spcGiftCardBalanceModal .modal-content .newAddressText:focus, .spcGiftCardBalanceModal .modal-content .submit-button:focus, .spcGiftCardBalanceModal .modal-content .checkBalanceGiftCertModal:focus { outline-offset: 1px; outline: 2px dotted #202020; } #timeout-dialog-label:focus { outline: 2px dotted #000; outline-offset: 1px; } /* ADA Specific fixes */ .pt_checkout .checkout-header .primary-logo .visually-hidden, .pt_checkout .checkout-header .primary-logo #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset ul.row .shipping-method .pt_checkout .checkout-header .primary-logo input[type="radio"], .pt_checkout .checkout-header .primary-logo #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method .pt_checkout .checkout-header .primary-logo input[type="radio"], .pt_checkout .checkout-header .primary-logo .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .pt_checkout .checkout-header .primary-logo input[type="radio"], .pt_checkout .checkout-header .primary-logo #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method .pt_checkout .checkout-header .primary-logo input[type="radio"], .pt_checkout .checkout-header .primary-logo .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .pt_checkout .checkout-header .primary-logo input[type="radio"] { background: #c8102e; color: #fff; } .js .loader-indicator { text-indent: -9999px; outline: 2px dotted #202020; background-position: center; } /* QAS Modal Overrride */ #edq-overlay-container { font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; max-width: 100%; } #edq-overlay-container .edq-modal-header-color { background-color: #0a1f2c; } #edq-overlay-container #interaction-address--select-field { padding: 4px; border: 1px solid #767676; } #edq-overlay-container #interaction-address.pa2 { position: relative; } #edq-overlay-container #edq-close-modal { color: #fff; margin-top: 8px; } #edq-overlay-container #interaction--use-original { border-color: #000; margin-top: 30px; text-transform: uppercase; font-weight: 700; background-color: #081f2c; color: #fff; } #edq-overlay-container #interaction--use-original:hover { background-color: #333; color: #fff; } #edq-overlay-container #edq-verification-suggestion-box { top: 96px !important; left: 8px !important; } #edq-overlay-container #edq-overlay #interaction-address--interaction-prompt { margin-bottom: 10px; } #edq-overlay-container #edq-overlay #interaction-address-original > h4 { margin-bottom: 10px; } #edq-overlay-container #edq-overlay #interaction-address--prompt { margin-bottom: 0px; min-height: 38px; } @media only screen and (min-width: 600px) and (max-width: 1022px) { #edq-overlay-container #edq-overlay { width: 650px; } #edq-overlay-container #edq-overlay > div { width: auto; } } #edq-overlay-container #edq-overlay #interaction--use-updated { background-color: #081f2c; border-color: #000; margin-top: 30px; color: #fff; padding: .5rem 1.2rem; text-transform: uppercase; font-weight: 700; } #edq-overlay-container #edq-overlay #interaction--use-updated:hover { background-color: #333; color: #fff; } @media only screen and (max-width: 767px) { #edq-overlay-container #edq-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; } } @media only screen and (max-width: 767px) and (orientation: portrait) { #edq-overlay-container #edq-overlay #interaction--use-original { margin-top: 5px; } #edq-overlay-container #edq-overlay #segment--interaction { margin-bottom: 35px; } #edq-overlay-container #edq-overlay #segment--use-original { margin-bottom: 30px; } } #edq-overlay-container #edq-overlay .edq-global-intuitive-address-suggestion { white-space: normal; } .button-fancy-large.edq-continue-btn.spcShippingContinueBtn { width: 100%; font-size: 1rem; line-height: 1.25rem; } .spc-container .spc-shipping .no-left-space.no-right-space:nth-of-type(2) .apply-button { display: none; } .checkout-heading-container { display: block; } @media print, screen and (min-width: 64em) { .checkout-heading-container { display: block; } } .checkout-heading-container .checkout-heading { font-family: CronosPro-LtDisp,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: bold; font-size: 40px; padding: 0 0 10px 0; } legend.collapse-expand-section.expanded a { display: none; } .border-input.label-over-input { margin-bottom: 0; } .border-input.label-over-input .field-wrapper { -ms-flex-direction: row; flex-direction: row; } .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: auto; position: absolute; top: -12px; left: 12px; padding: 2px 6px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: 65%; left: 2%; padding: 2px 5px; top: -10px; font-size: 12px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .pt_checkout.singlepage-scroll .primary-focus.clearfix.spc-container.shi-row, .pt_checkout.singlepage-scroll .primary-focus.spc-container.shi-row.search-result-content, .pt_checkout.singlepage-scroll .primary-focus.spc-container.shi-row.category-switch { margin-left: 0 !important; margin-right: 0 !important; } .pt_checkout .checkout-mini-cart .accordion-title { font-size: 11px; } .need-assist-container span.assist-title.title { font-size: 10px; display: block; } .need-assist-container span.chat-title.title, .need-assist-container span.call-title.title { font-size: 10px; display: contents; } .need-assist-container a { margin-left: 0 !important; } .spc-container .spc-summary .order-summary-footer .sms-optin-check .sms-optin-checkbox .addtomobilelist { top: 0; } } .SPCSummaryPageSec .form-row.border-input.label-over-input input.cart-coupon-field { background: #fff; padding: 10px; } .pt_checkout .cart-coupon-code .collapse-expand-section + .collapse { padding-bottom: 0; } .order-subtotal { border-top: 1px solid #ccc; } .secondary-content .cart-coupon-code, .secondary-content .order-subtotal, .secondary-content .order-shipping, .secondary-content .order-discount { border-bottom: none; } .order-subtotal > .float-left, .order-subtotal > .float-right, .product-discount > .float-left, .product-discount > .float-right { margin-top: 12px; } .need-assist-container .chat-title.title { padding: 0 1.5rem; } .hide-for-checkout .spc-order-details.sub-heading-title { display: none !important; } .accordion-content .mini-cart-pricing, .accordion-content .mini-cart-quantity { margin-top: 0; } .accordion-content .recipient-email { display: -ms-flexbox; display: flex; padding: 0 1rem 0 1rem; } .accordion-content .recipient-email .gift-recepientemail { margin-left: 1rem; } .promo-heading { display: none; } @media print, screen and (max-width: 39.99875em) { .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: auto; top: -12px; left: 5%; } .pt_cart .cart-coupon-code .label-over-input label.label-design { width: 50%; } .need-assist-container .chat-title.title { padding: 0; } } .spc-billing-page-sec .form-row button { width: 100%; margin: 10px 0; } .spc-billing-page-sec .form-row button.spc-add-gift-card { width: auto; margin: 0; } .spc-billing-page-sec .checkout-billing .back-button, .spc-billing-page-sec .checkout-billing .apply-button { width: 100%; } .spc-billing-page-sec .remaining-balance-section { padding-left: 0; } .spc-billing-page-sec .gift-remove-link { font-weight: bold; text-decoration: underline; } .spc-billing-page-sec .check-gift-card { margin-bottom: 17px; text-transform: capitalize; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .spc-billing-page-sec .close-gift-form { width: 100%; margin-bottom: 10px; } .spc-billing-page-sec .spc-add-gift-card { padding: 10px; font-size: 14px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .spc-billing-page-sec .spc-add-gift-card { padding: 10px 40px; } } .spc-billing-page-sec .close-gift-form { padding: 10px 20px; } .spc-billing-page-sec .spcGiftCertApplyBtn { padding: 10px; margin-top: 15px; } .spc-billing-page-sec .gift-cert-balance-submit { margin-top: 0; } .gift-card .gift-card-form { margin-top: -17px; } @media print, screen and (max-width: 39.99875em) { .gift-card .gift-card-form { margin-top: 0; } } .gift-card .spc-apply-error:focus { outline: 1px dotted #202020; } @media print, screen and (max-width: 39.99875em) { .gift-card .spc-apply-error { margin-bottom: 15px; } } .gift-card .close-gift-form, .gift-card .spcGiftCertApplyBtn { padding: 10px; } .gift-card .cancel-btn .cancel { width: 100%; margin: 5px 2px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .gift-card .cancel-btn .cancel { margin-top: 10px; } } .spc-container .spc-billing-address legend { display: block; } span.error-title { color: #c8102e; width: 100%; padding: 10px 0; font-weight: 700; } .row.reduce-margin-for-checkout-heading, .pt_content-search-result-static .no-left-nav-template .reduce-margin-for-checkout-heading.content-asset, .pt_content-search-result-static .left-nav-template .reduce-margin-for-checkout-heading.content-asset { margin: 0; } .form-row.label-middle .input-checkbox { margin-right: 5px; } .border-input label { font-weight: bold !important; } .SPCSummaryPageSec .secondary-content .cart-coupon-code .border-input input.error { border: 1px solid #000 !important; } .SPCSummaryPageSec .need-assist-container .assist-title title { margin-right: 20px; } .SPCSummaryPageSec .need-assist-container #lpButtonDivFooter { display: inline-block; } @media only screen and (min-width: 1600px) { .pt_checkout .cart-coupon-code .label-over-input label.label-design { width: auto; padding: 2px 10px; text-transform: capitalize; font-size: 16px; color: #081f2c; } .spc-container .order-summary-footer .sms-optin-check .sms-optin-checkbox label { width: auto; } } .pt_checkout .order-summary-footer .form-row.label-middle { -ms-flex-align: start; align-items: flex-start; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .order-summary-footer .sms-optin-check .sms-optin-checkbox label { width: 70%; } } .edit_address_form .checkout-billing .form-row label { width: auto; } .credit-cards-list .credit-card-tile .cc-number.is_visa:before { background-size: contain; width: 36px; } .credit-card-tile .cc-number, .credit-card-form-container .cc-number { position: relative; } .credit-card-tile .cc-number:before, .credit-card-form-container .cc-number:before { border: 1px solid #ccc; content: ""; display: none; overflow: hidden; width: 41px; height: 26px; background-size: 38px auto; background-repeat: no-repeat; background-position: center; } .credit-card-tile .cc-number.is_visa:before, .credit-card-form-container .cc-number.is_visa:before { display: block; background-image: url(../images/visa-logo.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .credit-card-tile .cc-number.is_mastercard:before, .credit-card-form-container .cc-number.is_mastercard:before { display: block; background-image: url(../images/MASTERCARDLogo.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .credit-card-tile .cc-number.is_amex:before, .credit-card-form-container .cc-number.is_amex:before { display: block; background-image: url(../images/Amexlogo.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .credit-card-tile .cc-number.is_discover:before, .credit-card-form-container .cc-number.is_discover:before { display: block; background-image: url(../images/Discoverlogo.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .credit-card-tile .cc-number.is_union:before, .credit-card-form-container .cc-number.is_union:before { display: block; background-image: url(../images/UnionPay-logo.png); background-position: center; background-size: cover; } .product-duo-trio-upsell { text-align: center; padding: 1rem 20px; clear: both; border-bottom: 1px #838588 solid; margin-bottom: 2rem; } .product-duo-trio-upsell .duo-trio-add-all { text-align: center; padding: 2rem 0; } .product-duo-trio-upsell .product-swatches { display: block; } .product-duo-trio-upsell .before-trio-border { border-bottom: 1px solid #c1c2c3; margin: 30px 0; } .product-duo-trio-upsell .row, .product-duo-trio-upsell .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .product-duo-trio-upsell .content-asset, .product-duo-trio-upsell .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .product-duo-trio-upsell .content-asset { -ms-flex-pack: center; justify-content: center; } .product-duo-trio-upsell .duo-trio-section .section-subtitle { margin-bottom: 1.5rem; } .product-duo-trio-upsell .duo-trio-section h2.section-title { font-size: 28px; } .product-duo-trio-upsell .duo-trio-section .badge-container { display: none; } @media print, screen and (max-width: 39.99875em) { .product-duo-trio-upsell .duo-trio-section .product-name { min-height: auto; } } .product-duo-trio-upsell .duo-trio-section .swatch-list li.slick-slide.unselectable { position: relative; overflow: hidden; } .product-duo-trio-upsell .duo-trio-section .swatch-list li.slick-slide.unselectable:before { content: ""; position: absolute; top: 12px; left: -21px; border-top: 2px #fff solid; transform: rotate(45deg); width: 150%; height: 150%; z-index: 4; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .product-duo-trio-upsell .duo-trio-section .swatch-list li.slick-slide.unselectable:before { top: 7px; } } @media print, screen and (max-width: 39.99875em) { .product-duo-trio-upsell .duo-trio-section .swatch-list li.slick-slide.unselectable:before { top: 11px; } } .product-duo-trio-upsell button#add-all-duo-to-cart { background-color: #081f2c; border: none; font-size: 22px; height: 50px; color: #fff; padding: 15px; font-weight: 700; text-transform: uppercase; } @media print, screen and (max-width: 39.99875em) { .product-duo-trio-upsell button#add-all-duo-to-cart { width: 100%; padding: 0; } } .product-duo-trio-upsell button#add-all-duo-to-cart:focus { outline: 2px dotted #000; } .product-duo-trio-upsell button#add-all-duo-to-cart:hover { color: #fff; border: none; } .product-duo-trio-upsell .product-tile { height: 100%; box-shadow: none; border: 1px solid transparent; } @media print, screen and (max-width: 39.99875em) { .product-duo-trio-upsell .product-tile { width: 100%; margin: 0; } .product-duo-trio-upsell .product-tile .name-link { padding: 0; } .product-duo-trio-upsell .product-tile .product-swatches { margin: 0; } } .product-duo-trio-upsell .product-tile:hover { border: 1px solid #ccc; } .product-duo-trio-upsell .product-tile .product-name { color: #081f2c; font-size: 16px; text-transform: uppercase; font-weight: 700; min-height: 48px; } .product-duo-trio-upsell .product-tile .product-price { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; font-size: 14px; margin: 10px 0; display: inline-block; } .product-duo-trio-upsell .product-tile .product-price .price-sales { font-family: "ChronicleDisplay-LightItalic", "CronosPro-LtDisp"; font-size: 14px; } .product-duo-trio-upsell .product-tile .product-swatches { margin-top: 12px; } .product-duo-trio-upsell .product-tile button.slick-next { right: -20px; } .product-duo-trio-upsell .product-tile button.slick-next:before { content: "\e906"; font-size: 16px; } .product-duo-trio-upsell .product-tile button.slick-prev:before { content: "\e903"; font-size: 16px; } a.duo-trio-accordian { background-color: #f5f5f5; color: #202020; text-transform: uppercase; } a.duo-trio-accordian::after { content: " "; } a.duo-trio-accordian .duo-trio-heading-text::after { font-family: icomoon; content: "\e914"; float: right; } a.duo-trio-accordian.is-open .duo-trio-heading-text { display: inline-block; } a.duo-trio-accordian.is-open .duo-trio-heading-text::after { display: none; } .duo-trio-for-small { text-align: center; margin: 3.5rem 0 0; padding: 1.25rem 20px 0; clear: both; margin-bottom: 0; padding-bottom: 0; margin-top: 3.5rem; } .duo-trio-for-small .make-it-a-duo-head { margin-bottom: 0.8rem; } .duo-trio-for-small .make-it-a-duo-head span { border-bottom: 1px solid #c8102e; cursor: pointer; font-weight: bold; font-size: 15px; text-transform: uppercase; } .duo-trio-for-small .make-it-a-duo-description-second { width: 80%; margin: auto; } .primary-content { width: 100%; padding: 0; } .giftcard-recaptcha .gift-balance-background { height: 61vw; } .giftcard-recaptcha .gift-balance-background img { height: 100%; } @media print, screen and (min-width: 40em) { .gift-balance-background { position: relative; height: 520px; overflow: hidden; width: 100%; display: block; } } .gift-balance-background img { display: block; max-width: 100%; height: auto; } @media print, screen and (min-width: 40em) { .gift-balance-background img { max-width: none; position: absolute; top: 0px; width: auto; left: 50%; height: 100%; transform: translateX(-50%); } } @media print, screen and (min-width: 64em) { .gift-balance-background img { height: auto; } } .giftbanner { height: auto; max-width: 1520px; margin: 0 auto; } .giftbanner .giftwrap { position: relative; text-align: center; color: #fff; font-size: 17px; margin: 15px auto 0; width: 78%; float: none; padding: 0; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap { top: 0; position: absolute; left: 7%; line-height: 24px; word-spacing: 5px; padding: 0 5px; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap { padding: 0 10px; left: 21%; margin: 0px auto 0; } } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .bal-div { text-align: left; margin-bottom: 0px; float: left; margin-top: 19%; color: #fff; bottom: 0px; position: absolute; left: 62%; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .bal-div { position: absolute; bottom: 15px; left: 36%; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .giftbanner .giftwrap .bal-div { left: 47%; } } .giftbanner .giftwrap .bal-div h4 { text-align: center; color: #424242; font-size: 14px; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .bal-div h4 { margin-bottom: 0px; color: #fff; font-size: 18px; text-align: left; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .bal-div h4 { letter-spacing: 0.14em; line-height: 1.083; } } .giftbanner .giftwrap .bal-div h1 { color: #202020; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .bal-div h1 { font-size: 30px; margin-top: 10px; color: #fff; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .bal-div h1 { margin-bottom: 0; } } .giftbanner .giftwrap.gift-container { top: 0%; } .giftbanner .giftwrap .giftsidewrap { /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .giftbanner .giftwrap .giftsidewrap .hidden-xs { display: none; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .hidden-xs { display: block; } } .giftbanner .giftwrap .giftsidewrap .errormessage { margin: 0; color: #c8102e; } .giftbanner .giftwrap .giftsidewrap .errormessage.giftcard { margin-bottom: 3px; margin: auto; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .errormessage.giftcard { width: 100%; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap .errormessage.giftcard { font-size: 14px; line-height: 1.3em; margin-top: -10px; } } .giftbanner .giftwrap .giftsidewrap input::-webkit-outer-spin-button, .giftbanner .giftwrap .giftsidewrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .giftbanner .giftwrap .giftsidewrap input[type="number"] { -moz-appearance: textfield; } .giftbanner .giftwrap .giftsidewrap input { height: 37px; width: 100%; border: 1px solid #202020; margin-bottom: 13px; color: #999; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap input { margin-bottom: 15px; width: 350px; height: 50px; } } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap { width: 330px; float: left; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap { width: 350px; } } .giftbanner .giftwrap .giftsidewrap img { margin: 0 auto; display: none; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap img { display: block; width: 210px; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap img { max-width: 100%; width: auto; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .giftbanner .giftwrap .giftsidewrap img { width: 210px; } } .giftbanner .giftwrap .giftsidewrap .gc-check-balance label { text-align: left; text-transform: uppercase; color: #202020; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .gc-check-balance label { color: #fff; } } .giftbanner .giftwrap .giftsidewrap .gc-check-balance .gift-card-check-balance { width: 100%; font-size: 16px; letter-spacing: 0.1em; line-height: 1.44; padding: 8px 20px; margin-bottom: 15px; color: #fff; background-color: #202020; border: 1px solid #202020; cursor: pointer; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .gc-check-balance .gift-card-check-balance { width: 350px; } } .giftbanner .giftwrap .giftsidewrap .horizondiv { width: 100%; padding: 22px 0; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .horizondiv { padding: 10px 0; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap .horizondiv { padding: 15px 0; } } .giftbanner .giftwrap .giftsidewrap .horizondiv span { color: #202020; } .giftbanner .giftwrap .giftsidewrap .horizondiv span:after, .giftbanner .giftwrap .giftsidewrap .horizondiv span:before { content: ""; height: 1px; width: 45%; background: #202020; float: left; margin-top: 11px; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .horizondiv span:after, .giftbanner .giftwrap .giftsidewrap .horizondiv span:before { background: #fff; } } .giftbanner .giftwrap .giftsidewrap .horizondiv span:after { float: right; } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap .horizondiv span { font-size: 20px; font-weight: 600; } } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .horizondiv span { color: #fff; } } .giftbanner .giftwrap .giftsidewrap input { height: 37px; width: 100%; border: 1px solid #202020; margin-bottom: 13px; color: #999; display: block; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap input { margin-bottom: 15px; width: 350px; height: 50px; } } .giftbanner .giftwrap .giftsidewrap .gift-text { color: #202020; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap .gift-text { font-size: 16px; font-weight: bold; line-height: 20px; color: #fff; margin: 0; padding-top: 2px; padding-bottom: 5px; } } .giftbanner .giftwrap .giftsidewrap a { width: 100%; font-weight: bold; width: 350px; color: white; } .giftbanner .giftwrap .giftsidewrap a.btn-primary { display: none; } .giftbanner .giftwrap .giftsidewrap a.btn-brand { font-size: 16px; letter-spacing: 0.1em; line-height: 1.44; padding: 8px 20px; display: block; width: 100%; margin-left: 0%; color: #fff; background-color: #202020; border: 1px solid #202020; } @media print, screen and (min-width: 40em) { .giftbanner .giftwrap .giftsidewrap a.btn-brand { width: 350px; } } @media print, screen and (min-width: 64em) { .giftbanner .giftwrap .giftsidewrap a.btn-brand { letter-spacing: 0.075em; line-height: 1.21; padding: 9px 19px; width: 100%; margin-left: 0%; } } .spc-container .spc-billing .gift-card .spc-add-gift-card { text-decoration: none; text-transform: uppercase; margin-top: 10px; } .spc-container .spc-billing .gift-card .gift-card-form .gift-cert-balance-submit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; } .spc-container .spc-billing .gift-card .gift-card-form .gift-cert-balance-submit .spcGiftCertApplyBtn { padding: 12px; white-space: nowrap; font-size: 1rem; margin: 0; width: 100%; } .spc-container .spc-billing .gift-card .gift-card-form .checkGiftCardBalanceLink { display: block; line-height: inherit; text-align: left; font-size: 18px; color: #081f2c; margin-bottom: 10px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-container .spc-billing .gift-card .gift-card-form .checkGiftCardBalanceLink { margin-top: 10px; } } .spcGiftCardBalanceModal { height: auto; } .spcGiftCardBalanceModal h2 { font-size: 21px; } @media print, screen and (min-width: 64em) { .spcGiftCardBalanceModal h2 { font-size: 25px; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .spcGiftCardBalanceModal #gift-card-balance-form .gift-cert-balance-submit button { padding: 8px 25px; } } .spcGiftCardBalanceModal #gift-card-balance-form .balance-error:not(:empty) { width: 100%; margin-bottom: 1rem; } .spcGiftCardBalanceModal #gift-card-balance-form label { margin-bottom: 0px; } .spcGiftCardBalanceModal #gift-card-balance-form .gift-cert-balance-submit { width: 97%; } .spc-shipping-page-sec .split { clear: both; margin: 0; width: 100%; } .spc-shipping-page-sec .all-addresses-actions button { width: 100%; margin-top: 10px; } .spc-shipping-page-sec .all-addresses .address-select-wrapper { -ms-flex-direction: row; flex-direction: row; } .spc-shipping-page-sec .all-addresses .address-select-wrapper .mini-address-wrapper { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -ms-flex-positive: 0.5; flex-grow: 0.5; } .spc-shipping-page-sec .add-new-address button, .spc-shipping-page-sec .checkout-address-form button { width: 100%; margin-bottom: 15px; cursor: pointer; } .spc-shipping-page-sec .add-new-address button.text-only, .spc-shipping-page-sec .checkout-address-form button.text-only { width: auto; } .spc-shipping-page-sec .form-row { position: relative; } .spc-shipping-page-sec .form-row .field-wrapper .state.error { color: #202020; } .spc-shipping-page-sec .form-row.border-input.split { margin-bottom: 10px; } .spc-shipping-page-sec .form-row.border-input.split .form-caption.phone { margin-left: 0; } .spc-shipping-page-sec .address-tile:not(:last-of-type) { margin-bottom: 30px; } .spc-shipping-page-sec .address-tile-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 0.5; flex-grow: 0.5; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .spc-shipping-page-sec .address-tile-inner .address-select { -ms-flex: 0 0 40%; flex: 0 0 40%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-shipping-page-sec .address-tile-inner .address-select { padding: 10px 0; } } .spc-shipping-page-sec .border-input.visually-hidden.country, .spc-shipping-page-sec #shipping-method-list fieldset ul.row .shipping-method input.border-input.country[type="radio"], #shipping-method-list fieldset ul.row .shipping-method .spc-shipping-page-sec input.border-input.country[type="radio"], .spc-shipping-page-sec #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input.border-input.country[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method .spc-shipping-page-sec input.border-input.country[type="radio"], .spc-shipping-page-sec .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input.border-input.country[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .spc-shipping-page-sec input.border-input.country[type="radio"], .spc-shipping-page-sec #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input.border-input.country[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method .spc-shipping-page-sec input.border-input.country[type="radio"], .spc-shipping-page-sec .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input.border-input.country[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method .spc-shipping-page-sec input.border-input.country[type="radio"] { display: none; } .spc-shipping-page-sec #addressesResults { max-height: 200px; overflow-y: scroll; width: 100%; padding: 0; top: 40px; position: absolute; z-index: 40; display: none; visibility: hidden; border: 1px solid #ccc; border-radius: 0; background-color: #fff; font-size: 1rem; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); } .spc-shipping-page-sec #addressesResults .address-suggestion-line { width: 100%; border-bottom: 1px solid grey; padding: 5px 10px 0 10px; cursor: pointer; line-height: 24px; } .spc-shipping-page-sec #addressesResults .address-suggestion-line:hover, .spc-shipping-page-sec #addressesResults .address-suggestion-line.selected { background-color: lightgray; } .spc-shipping-page-sec #addressesResults.show { display: block; visibility: visible; } .spc-shipping-page-sec #shipping-addressError span:focus { outline: 1px dotted; } .shipping-address-header, .shipping-method-list legend { font-weight: bold; font-size: 18px; } @media print, screen and (min-width: 64em) { .shipping-address-header, .shipping-method-list legend { font-size: 24px; } } .spc-container .spc-shipping .checkout-shipping .shipping-address-header { margin-top: 0; margin-left: 0; } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-shipping .checkout-shipping .shipping-address-header { margin-bottom: 0; margin-left: 10px; } } .address-tile-inner .mini-address-wrapper .mini-address-name { text-transform: capitalize; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .address-tile-inner .mini-address-wrapper .mini-address-name { word-break: break-word; } } .address-tile-inner .mini-address-wrapper address { font-style: normal; } .address-tile-inner .address-select { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .address-tile-inner .address-edit { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex-item-align: start; align-self: flex-start; } @media print, screen and (max-width: 39.99875em) { .address-tile-inner .address-edit { -ms-flex: 0 0 90%; flex: 0 0 90%; } } .shipping-address-review, .checkout-billing-address { font-style: inherit; } .shipping-address-review address, .checkout-billing-address address { font-style: inherit; } .checkout-billing-address .phone { display: none; } .all-addresses .address-select-wrapper { display: -ms-flexbox; display: flex; margin-bottom: 25px; -ms-flex-direction: column; flex-direction: column; } .all-addresses .address-select-wrapper .mini-address-wrapper { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 10px; } .all-addresses .address-select-wrapper .mini-address-wrapper .mini-address-name { text-transform: capitalize; } .all-addresses .address-select-wrapper .mini-address-wrapper address { font-style: normal; } .all-addresses .address-info { -ms-flex: 0 0 50%; flex: 0 0 50%; } .all-addresses .address-select { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .all-addresses .address-select input { opacity: 0; position: absolute; } .all-addresses .address-select .unselected { margin: 0; border: 2px solid #504949; background-color: #fff; color: #504949; padding: 10px 15px; font-weight: bold; text-align: center; text-transform: uppercase; } .all-addresses .address-select .selected { margin: 0; padding: 10px 15px; background-color: #202020; border: 2px solid #202020; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; } .checkout-address-form .form-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .checkout-address-form .form-row-button { -ms-flex-pack: start; justify-content: flex-start; } .checkout-address-form .form-row-button button { margin-left: 0px; margin-right: 5px; padding: 0.6em 0; } .checkout-address-form .form-row label { font-weight: normal; } .checkout-address-form .form-row .field-wrapper .state.error { color: #202020; } .checkout-address-form .form-row.border-input .form-caption { font-weight: normal; } .checkout-address-form .form-row.border-input .form-caption.phone { margin-left: 0; font-size: 12px; display: block !important; white-space: pre-line; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-address-form .form-row.border-input .form-caption.phone { font-size: 10px; } } .checkout-address-form .form-row.border-input .form-caption.address1, .checkout-address-form .form-row.border-input .form-caption.address2 { font-size: 12px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-address-form .form-row.border-input .form-caption.address1, .checkout-address-form .form-row.border-input .form-caption.address2 { font-size: 10px; } } .checkout-address-form .input-text, .checkout-address-form .input-select { margin: 0.4em 0 0.1em; } .checkout-address-form .input-text.form-caption, .checkout-address-form .input-select.form-caption { margin-left: 0; } .checkout-address-form .action-buttons { margin-top: 35px; } @media print, screen and (min-width: 40em) { .checkout-address-form .action-buttons .save-button { margin-left: 15px; } } .checkout-address-form .set-default-cb { margin-bottom: 15px; } .checkout-address-form .set-default-cb .field-wrapper, .checkout-address-form .set-default-cb label[for=dwfrm_shippingaddress_setdefault] { display: inline-block; vertical-align: top; } .checkout-address-form .address-change.text-only, .checkout-address-form .address-create { text-transform: uppercase; text-decoration: underline; font-size: 18px; font-weight: 600; color: #202020; } .checkout-address-form .checkout-deliveryFee-alert { font-size: 10px; color: #767676; } .address-list { margin-bottom: 10px; -ms-flex-align: end; align-items: flex-end; } .shipping-method-list { margin-top: 30px; } .shipping-method-list .custom-list { padding-bottom: 10px; } .touch .address-tile.selected .address-select:hover { background-color: #202020; border: 2px solid #202020; color: #fff; } .address-confirmation-modal #confirmation-header { text-align: center; font-size: 1.5rem; } .address-confirmation-modal .original-address { margin-bottom: 2rem; } .address-confirmation-modal .original-address p { margin: 5px 0; } .address-confirmation-modal .confirm-actions button:not(.close-button) { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; width: 15%; line-height: 0.8rem; } .address-confirmation-modal .confirm-actions button:not(.close-button).selected, .address-confirmation-modal .confirm-actions button:not(.close-button):hover, .address-confirmation-modal .confirm-actions button:not(.close-button):active, .address-confirmation-modal .confirm-actions button:not(.close-button)[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .address-confirmation-modal .confirm-actions button:not(.close-button) { width: 25%; } } @media print, screen and (max-width: 39.99875em) { .address-confirmation-modal .confirm-actions button:not(.close-button) { width: 45%; } } .address-confirmation-modal .addressConfirmation-modal__body h4 { margin-bottom: 1rem; font-size: 1.4rem; } .address-confirmation-modal .confirmation-msg { margin-top: 1.5rem; } .checkout-billing .form-row, .spcbilling-payment-sec .form-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-billing .form-row label, .spcbilling-payment-sec .form-row label { font-weight: normal; } .checkout-billing .form-field-tooltip, .spcbilling-payment-sec .form-field-tooltip { display: none; } .checkout-billing .cc-details, .spcbilling-payment-sec .cc-details { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0; } .checkout-billing .cc-details .cc-number, .checkout-billing .cc-details .cc-exp, .spcbilling-payment-sec .cc-details .cc-number, .spcbilling-payment-sec .cc-details .cc-exp { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 1; flex-grow: 1; } .checkout-billing .cc-details .cc-number.cc-icon, .spcbilling-payment-sec .cc-details .cc-number.cc-icon { -ms-flex-negative: 1; flex-shrink: 1; } .checkout-billing .cc-details .cc-number.cc-icon img, .spcbilling-payment-sec .cc-details .cc-number.cc-icon img { max-width: 40px; } .checkout-billing .creditcard-tile, .spcbilling-payment-sec .creditcard-tile { margin: 15px 0 0; width: 100%; } .checkout-billing .creditcard-tile-inner, .spcbilling-payment-sec .creditcard-tile-inner { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 0; } .checkout-billing .creditcard-tile-select, .spcbilling-payment-sec .creditcard-tile-select { height: 25px; width: 25px; } .checkout-billing .creditcard-tile .form-row.border-input, .spcbilling-payment-sec .creditcard-tile .form-row.border-input { margin-bottom: 0; } .checkout-billing .credit-card-change.text-only, .checkout-billing .credit-card-create.text-only, .checkout-billing .address-change.text-only, .checkout-billing .address-create.text-only, .spcbilling-payment-sec .credit-card-change.text-only, .spcbilling-payment-sec .credit-card-create.text-only, .spcbilling-payment-sec .address-change.text-only, .spcbilling-payment-sec .address-create.text-only { text-decoration: underline; text-transform: uppercase; font-size: 18px; white-space: normal; text-align: left; color: #202020; font-weight: 600; margin-bottom: 15px; } .checkout-billing .saved-card-section, .spcbilling-payment-sec .saved-card-section { margin-top: 10px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; -ms-flex-pack: distribute; justify-content: space-around; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-billing .saved-card-section, .spcbilling-payment-sec .saved-card-section { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .checkout-billing .credit-card-change.js-credit-card-change.text-only, .spcbilling-payment-sec .credit-card-change.js-credit-card-change.text-only { font-size: 12px; margin-left: 8px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .checkout-billing .credit-card-change.js-credit-card-change.text-only, .spcbilling-payment-sec .credit-card-change.js-credit-card-change.text-only { margin-top: 10px; margin-left: 0; } } .checkout-billing .credit-card-create.js-creditcard-create, .spcbilling-payment-sec .credit-card-create.js-creditcard-create { padding: 0; margin: 7px 10px 3px; font-size: 12px; } .checkout-billing .form-row.cc-number, .spcbilling-payment-sec .form-row.cc-number { position: relative; } .checkout-billing .form-row.cc-number:before, .spcbilling-payment-sec .form-row.cc-number:before { background: url("../images/credit-card-icons.png") no-repeat top left; border: 1px solid #cccccc; content: ""; display: none; overflow: hidden; width: 41px; height: 26px; background-size: 190px 20px; } .checkout-billing .form-row.cc-number.is_mastercard:before, .spcbilling-payment-sec .form-row.cc-number.is_mastercard:before { display: block; background: url("../images/MASTERCARDLogo.png"); background-position: center; background-size: contain; background-repeat: no-repeat; } .checkout-billing .form-row.cc-number.is_visa:before, .spcbilling-payment-sec .form-row.cc-number.is_visa:before { display: block; background: url("../images/visa-logo.png"); background-position: center; background-size: contain; background-repeat: no-repeat; } .checkout-billing .form-row.cc-number.is_discover:before, .spcbilling-payment-sec .form-row.cc-number.is_discover:before { display: block; background: url("../images/Discoverlogo.png"); background-position: center; background-size: contain; background-repeat: no-repeat; } .checkout-billing .form-row.cc-number.is_amex:before, .spcbilling-payment-sec .form-row.cc-number.is_amex:before { display: block; background: url("../images/Amexlogo.png"); background-position: center; background-size: contain; } .checkout-billing .form-row.cc-number.is_union:before, .checkout-billing .form-row.cc-number.is_unionpay:before, .spcbilling-payment-sec .form-row.cc-number.is_union:before, .spcbilling-payment-sec .form-row.cc-number.is_unionpay:before { display: block; background-position-x: -153px; background-size: cover; } .checkout-billing .form-row.cc-number:before, .spcbilling-payment-sec .form-row.cc-number:before { position: absolute; right: 10px; top: 18px; z-index: 1; } .checkout-billing .form-row.cc-number::after, .spcbilling-payment-sec .form-row.cc-number::after { display: none; } .checkout-billing .form-row.cc-number .cc-number.is_union, .checkout-billing .form-row.cc-number .cc-number.is_unionpay, .spcbilling-payment-sec .form-row.cc-number .cc-number.is_union, .spcbilling-payment-sec .form-row.cc-number .cc-number.is_unionpay { display: none; } .checkout-billing .form-row.cc-number.is_union:before, .checkout-billing .form-row.cc-number.is_unionpay:before, .spcbilling-payment-sec .form-row.cc-number.is_union:before, .spcbilling-payment-sec .form-row.cc-number.is_unionpay:before { display: none; } .spc-billing.section-overlay .form-row.cc-number:before { z-index: 0; } .pt_checkout .checkout-billing .selectable-payment-method-options .cc-number label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding-bottom: .5rem; margin-bottom: 0; } .pt_checkout .checkout-billing .selectable-payment-method-options .cc-number img.union { width: 39px; } .pt_checkout .spc-column button[type=submit], .pt_checkout .button-checkoutstep { white-space: normal; } .credit-card-icons-container-main { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .credit-card-icons-container-main .credit-card-icons { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .credit-card-icons-container-main div.cc-number { width: 42px; display: inline-block; margin-right: .1rem; width: 42px; display: -ms-inline-flexbox; display: inline-flex; height: 22px; margin-left: .3rem; } .credit-card-icons-container-main div.cc-number.is_unionpay { display: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .credit-card-icons-container-main { margin-top: 0.4rem; } .credit-card-icons-container-main div.cc-number { margin-left: 0; } } .cvn-tooltip { font-weight: bold; margin: 5px; text-align: center; } .cvn-tooltip img { height: 150px; width: 110px; } .cctoken label span { display: none; } .basketmrg { font-size: 15px; border: 1px solid #504949; padding: 10px; margin-bottom: 10px; background: #504949; color: #fff; text-align: left; } .gift-card { margin-bottom: 20px; } .spc-billing-address .guest-billing-address .form-row.split { width: 100%; } .spc-billing-address .form-row.split { width: 100%; } .spc-billing-address .edit_address_form button.apply-button { padding: 10px 40px; } .spc-billing-address .address-list { margin-left: 0; margin-right: 0; } .spc-billing-address .add-new-address .js-address-hide { margin-bottom: 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .spc-paypal-section { margin-right: -2px; margin-top: 0px; } } @media print, screen and (max-width: 39.99875em) { .spc-paypal-section { margin-right: 1px; margin-top: 0px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .spcbilling-payment-sec .afterpay-payment-method-wrapper { margin-top: 14px; } } @media print, screen and (max-width: 39.99875em) { .spcbilling-payment-sec .afterpay-payment-method-wrapper { margin-top: 10px; } } .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo img { height: 21px; max-height: 27px; min-height: 18px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo img { max-height: 28px; } } @media print, screen and (max-width: 39.99875em) { .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo img { height: 21px; max-height: 27px; min-height: 18px; } } @media print, screen and (max-width: 39.99875em) { .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo { max-height: 55px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo { max-height: 55px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-checkout-logo { height: 45px; min-height: 30px; max-height: 55px; } } .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-payment-method-message { font-size: 12px; } .spcbilling-payment-sec .afterpay-payment-method-wrapper .afterpay-payment-section-link { display: block; } .spcbilling-payment-sec .cybes-creditcard-section { position: relative; } .spcbilling-payment-sec .cybes-creditcard-section .safe-secure-icon { position: absolute; bottom: 10px; right: 0; } .spcbilling-payment-sec .saved-addresses .address-list .address-tile-inner { background-color: #fff; } .spcbilling-payment-sec .saved-addresses .address-list .address-tile-inner .phone { display: none; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spcbilling-payment-sec .credit-card-form .form-row label { margin-bottom: 0; } } .spc-orderconfirmation-div.login-user .spc-billing #dwfrm_billing .recipient-email-field-wrapper { margin-top: 0; } .spc-orderconfirmation-div .SPCSummaryPageSec .error-form { margin-top: 14px; } .spc-orderconfirmation-div .SPCSummaryPageSec .gift-card-container { margin-left: 0; } .spc-orderconfirmation-div .button-checkoutstep.shipping { margin-top: -10px; } .spc-billing .jsfocus:focus { outline: 2px dotted #202020; } #editprofile .form-row .field-wrapper, #AddCreditCardForm .form-row .field-wrapper, #dwfrm_billing .form-row .field-wrapper { margin-bottom: 10px; } .checkout-billing .input-text, .checkout-billing .input-select { margin: 0.2rem 0 0.1rem; } .checkout-billing .form-caption.phone { margin-left: 0; font-size: 12px; font-weight: normal; white-space: pre-line; } .checkout-billing .form-row-button .cancel-button { margin-left: 0px; margin-right: 5px; } @media print, screen and (max-width: 39.99875em) { .checkout-billing .form-row-button .cancel-button { width: 100%; margin-bottom: 15px; } } .checkout-billing .form-row-button .apply-button { margin-left: 0; margin-top: 0; padding: 10px 40px; } @media print, screen and (max-width: 39.99875em) { .checkout-billing .form-row { margin-top: 0; } } .checkout-billing .form-row .field-wrapper { margin-bottom: 0; } .checkout-billing .credit-card-section-mpc { position: relative; } .checkout-billing .credit-card-section-mpc .safe-secure-icon.multipage-desktop img { position: absolute; bottom: 10px; right: 0; width: 95px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout-billing .credit-card-section-mpc .safe-secure-icon.multipage-desktop img { width: 64px; } } .checkout-billing .credit-card-section-mpc.guest-user-mpc .payment-providers-divider { margin-top: 13px; } @media print, screen and (max-width: 39.99875em) { .checkout-billing .credit-card-section-mpc.guest-user-mpc .payment-providers-divider { margin-top: 34px; } } .checkout-billing .payment-providers-divider { position: relative; margin-top: 72px; margin-bottom: 20px; } .checkout-billing .payment-providers-divider::after { content: ""; -ms-flex: 1; flex: 1; border-bottom: 1px solid #202020; } .checkout-billing .payment-providers-divider::before { content: ""; -ms-flex: 1; flex: 1; border-bottom: 1px solid #d7d7d7; } .checkout-billing .payment-providers-divider:not(:empty)::after { border-bottom: 1px solid #fff; margin-left: 50px; } .checkout-billing .payment-providers-divider:not(:empty)::before { margin-right: 36px; } .checkout-billing .afterpay-payment-method-wrapper .afterpay-payment-method-message { margin-left: 5px; margin-top: 5px; font-size: 12px; } .checkout-billing .afterpay-payment-method-wrapper .afterpay-payment-section-link { display: block; } @media print, screen and (max-width: 39.99875em) { .checkout-billing .gift-cert-balance-submit { margin-top: 0; } } .pt_checkout .spcbilling-payment-sec .form-row.saved-cvn .form-field-tooltip { display: inline-block; position: absolute; top: -25px; left: 148px; z-index: 0; font-size: 1.2rem; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .pt_checkout .spcbilling-payment-sec .form-row.saved-cvn .form-field-tooltip { left: 87px; top: -19px; } } @media print, screen and (max-width: 39.99875em) { .pt_checkout .spcbilling-payment-sec .form-row.saved-cvn .form-field-tooltip { left: 139px; top: -24px; } } .pt_checkout .spcbilling-payment-sec .form-row.saved-cvn .form-field-tooltip a { padding: 0; box-shadow: none; background: #fff; } .pt_checkout .spcbilling-payment-sec .form-row.saved-cvn .form-field-tooltip a i { background-color: #fff; color: #000; } .spc-container { max-width: 76rem; margin: 0 auto; } .spc-container .border-input input[type="text"], .spc-container .border-input input[type="number"], .spc-container .border-input input[type="password"], .spc-container .border-input input[type="email"], .spc-container .border-input input[type="date"], .spc-container .border-input input[type="tel"], .spc-container .border-input textarea, .spc-container .border-input select { height: 56px; } .spc-container .border-input input[type="text"].error, .spc-container .border-input input[type="number"].error, .spc-container .border-input input[type="password"].error, .spc-container .border-input input[type="email"].error, .spc-container .border-input input[type="date"].error, .spc-container .border-input input[type="tel"].error, .spc-container .border-input textarea.error, .spc-container .border-input select.error { padding: 10px; border: 1px solid #000; border-bottom-width: 3px; border-bottom-color: #c8102e; } @media print, screen and (max-width: 39.99875em) { .spc-container { margin: 0 auto; } } .spc-container .checkout-progress-container { display: -ms-flexbox; display: flex; border-top: none; width: 99.9%; padding: 0; margin: 0; } @media print, screen and (min-width: 40em) { .spc-container .checkout-progress-container { max-width: 100%; } } .spc-container .checkout-progress-container .grecaptcha-badge { bottom: 70px !important; opacity: 0; } @media print, screen and (min-width: 40em) { .spc-container .checkout-progress-container .grecaptcha-badge { bottom: 60px !important; } } .spc-container .step { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; border-bottom: #202020 thin solid; } @media print, screen and (min-width: 40em) { .spc-container .step { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; border-bottom: 0; } } .spc-container .step .group-error { text-align: center; margin-bottom: 10px; } .spc-container .step .spc-tabs { border-left: 1px solid #fff; border-right: 1px solid #fff; margin-right: -1px; margin-left: -1px; } .spc-container .step .spc-tabs .active { border-bottom: 3px solid #c8102e; } .spc-container .step .spc-tabs .progress-line { background: #202020; height: 3px; width: 111%; left: -21px; position: relative; z-index: 1000; } .spc-container .step .spc-tabs .progress-line::before { left: 0px; top: -5px; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #202020; content: ""; } .spc-container .step .spc-tabs .progress-line-3::after { right: 0px; top: -5px; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #202020; content: ""; } .spc-container .step .spc-tabs > span { font-size: 24px; font-weight: 600; } .spc-container .step.active .progress-line { background: #081f2c; } .spc-container .step.active .progress-line::before { background: #081f2c; } .spc-container .step.active .progress-line-3::after { background: #081f2c; } .spc-container .step.active ~ .section-overlay .progress-line { background: #c6c6c6; } .spc-container .step.active ~ .section-overlay .progress-line::before { background: #c6c6c6; } .spc-container .step.active ~ .section-overlay .progress-line::after { background: #c6c6c6; } .spc-container .step.active + .section-overlay .progress-line::before { background: #081f2c; } .spc-container .step-1 .checkout-shipping { margin-bottom: 1em; } @media print, screen and (max-width: 39.99875em) { .spc-container .step-1 { padding-bottom: 9%; } } .spc-container .section-overlay { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .spc-container .section-overlay:before { position: absolute; width: 100%; height: 100%; opacity: 0.7; background: #fff; content: ""; z-index: 999; } .spc-container .button-checkoutstep { width: 100%; display: none; } .spc-container .button-checkoutstep.shipping, .spc-container .button-checkoutstep.billing { position: absolute; z-index: 1000; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; border: #202020 thin solid; padding: 10px 0; left: 0; right: 0; margin: 0 auto; width: 100%; } @media print, screen and (max-width: 39.99875em) { .spc-container .button-checkoutstep.shipping, .spc-container .button-checkoutstep.billing { width: 100%; bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .spc-container .spc-summary { border-bottom: none; } } .spc-shipping-page-sec .split { clear: both; margin: 0; width: 100%; } .spc-shipping-page-sec .all-addresses-actions button { width: 100%; margin-top: 10px; } .spc-shipping-page-sec .all-addresses .address-select-wrapper { -ms-flex-direction: row; flex-direction: row; } .spc-shipping-page-sec .all-addresses .address-select-wrapper .mini-address-wrapper { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -ms-flex-positive: 0.5; flex-grow: 0.5; } .spc-shipping-page-sec .add-new-address .form-row label, .spc-shipping-page-sec .checkout-address-form .form-row label { margin-bottom: 0; } .spc-shipping-page-sec .add-new-address button, .spc-shipping-page-sec .checkout-address-form button { width: 100%; margin-bottom: 15px; cursor: pointer; } .spc-shipping-page-sec .add-new-address button.text-only, .spc-shipping-page-sec .checkout-address-form button.text-only { width: auto; } .spc-shipping-page-sec .form-row .field-wrapper .state.error { color: #202020; } .spc-shipping-page-sec .form-row.border-input.split { margin-bottom: 10px; } .spc-shipping-page-sec .form-row.border-input.split .form-caption.phone { margin-left: 0; } .spc-shipping-page-sec .address-tile:not(:last-of-type) { margin-bottom: 5px; } .spc-shipping-page-sec .address-tile-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 0.5; flex-grow: 0.5; } .spc-shipping-page-sec .address-tile-inner .address-select { -ms-flex: 0 0 40%; flex: 0 0 40%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .spc-shipping-page-sec .address-tile-inner .address-select { padding: 10px 0; } } .address-tile-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .saved-addresses .address-list { -ms-flex-align: start; align-items: flex-start; } .saved-addresses .address-list .address-tile { padding: 0; } .product-detail .egiftcardfield .required-indicator { display: inline; } .product-detail .egiftcardfield .gc-fieldwrapper { padding-top: 5px; } .product-detail .egiftcardfield .gc-fieldwrapper .form-caption { font-size: .75rem; color: #333333; font-weight: 400; line-height: 1; } @media print, screen and (min-width: 40em) { .product-detail .egiftcardfield .gc-fieldwrapper .form-caption { position: absolute; right: 0; top: 17px; font-size: 11px; } } .product-detail .egiftcardfield #a2c-error { color: #c8102e; } .product-detail .egiftcardfield #a2c-error:focus { outline: 1px dotted #c8102e; } .product-detail .gift-card-fields { padding: 0 10px; text-align: left; } @media print, screen and (min-width: 40em) { .product-detail .gift-card-fields { padding: 0 58px; } } .product-detail .gc-message { margin-top: 0.5rem; } .product-detail .gc-message .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .product-detail .gc-message .field-wrapper .char-count { font-weight: normal; font-size: 13px; -ms-flex-order: 2; order: 2; } @media print, screen and (min-width: 40em) { .product-detail .gc-message .field-wrapper .char-count { font-weight: 500; -ms-flex-order: 1; order: 1; position: absolute; right: 0; top: 0; } } .product-detail .gc-message .field-wrapper textarea { background-color: transparent; border-width: 1px; font-weight: normal; -ms-flex-order: 1; order: 1; width: 100%; } @media print, screen and (min-width: 40em) { .product-detail .gc-message .field-wrapper textarea { -ms-flex-order: 2; order: 2; } } .amount-selector-wrapper { width: 118px; margin-bottom: 0.5rem; margin-left: 10px; } @media print, screen and (min-width: 40em) { .amount-selector-wrapper { margin-left: 58px; } } .amount-selector-wrapper label { text-transform: uppercase; font-weight: bold; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0.3rem; } .text-wrapp-all { word-break: break-all; } #login-tabs { margin-top: 30px; margin-bottom: 0; padding: 0; display: -ms-flexbox; display: flex; background-color: #f6f6f6; border-top: 3px solid #202020; } #login-tabs .tabs-title { position: relative; display: -ms-flexbox; display: flex; margin: 0; font-size: 18px; line-height: 1.2; font-weight: bold; } #login-tabs .tabs-title:first-child:before { content: ''; position: absolute; top: 10px; bottom: 10px; right: 0; height: auto; } #login-tabs .tabs-title.is-active .tab-link:after { content: ''; position: absolute; bottom: 0; left: 30%; width: 25%; border-bottom: 3px solid #202020; } #login-tabs .tab-link { position: relative; display: -ms-flexbox; display: flex; padding: 10px 0; height: 100%; color: #202020; font-weight: 700; color: #202020; text-decoration: none; } .login-container .user-consent-container { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: top; align-items: top; margin: 0; max-width: 100%; font-weight: 700; } .login-container .user-consent-container label { font-size: 12px; } .login-container .user-consent-container a { color: #00f; text-decoration: underline; } .login-container .user-consent-container .form-row { position: static; } .login-container .user-consent-container span.error { position: absolute; width: 500px; left: 40px; bottom: -20px; color: #595C60; } .after-checkout .user-consent-container { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin: 0; max-width: 100%; font-weight: 700; } .after-checkout .user-consent-container label { font-size: 12px; } .after-checkout .user-consent-container a { color: #00f; } .after-checkout .user-consent-container span.error { position: absolute; width: 500px; left: 40px; bottom: -20px; color: #595C60; } .login-container .header { margin: 0; padding: 35px 0 10px; font-size: 24px; line-height: 24px; color: #202020; font-weight: bold; } .login-tabs-content .login-form, .login-tabs-content .registration-form { background-color: #fff; } .login-tabs-content .legacy-login-csrf-error { margin-top: 48px; margin-left: 35px; font-weight: bold; border: none; background: none; color: #e32c2b !important; } .login-tabs-content .header-sign-up { padding-bottom: 30px; } .login-tabs-content legend { color: transparent; border: none; } .login-tabs-content .jump-to { display: block; margin-bottom: 25px; font-size: 12px; line-height: 18px; letter-spacing: 0.12px; text-decoration: underline; } .login-tabs-content .reset-password-link { margin-bottom: 15px; } .login-tabs-content .password-reset { font-size: 14px; line-height: 24px; text-decoration: underline; } .login-tabs-content .border-checkbox { margin-left: 0; } .login-tabs-content .input-checkbox { background-color: #fff; } .login-tabs-content .input-checkbox:focus { outline: 1px dotted #202020; outline-offset: 1px; } .login-tabs-content .form-row-button { display: -ms-flexbox; display: flex; margin: 35px 0 50px; } .login-tabs-content .form-row-button button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .login-tabs-content .form-row-button button.selected, .login-tabs-content .form-row-button button:hover, .login-tabs-content .form-row-button button:active, .login-tabs-content .form-row-button button[value="selected"] { background-color: #333333; color: #ffffff; } .login-tabs-content .form-row-button button:focus { outline: 1px dotted #202020; outline-offset: 1px; } #social-media-login { margin-bottom: 55px; } #social-media-login .visually-hidden, #social-media-login #shipping-method-list fieldset ul.row .shipping-method input[type="radio"], #shipping-method-list fieldset ul.row .shipping-method #social-media-login input[type="radio"], #social-media-login #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .no-left-nav-template ul.content-asset .shipping-method #social-media-login input[type="radio"], #social-media-login .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .no-left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method #social-media-login input[type="radio"], #social-media-login #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method input[type="radio"], #shipping-method-list fieldset .pt_content-search-result-static .left-nav-template ul.content-asset .shipping-method #social-media-login input[type="radio"], #social-media-login .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method input[type="radio"], .pt_content-search-result-static .left-nav-template #shipping-method-list fieldset ul.content-asset .shipping-method #social-media-login input[type="radio"] { color: #000 !important; } #social-media-login .oauth-header { margin: 0 0 30px; font-size: 14px; font-weight: bold; line-height: 20px; } #social-media-login .oAuthIcon { margin: 0; padding: 10px 20px; } #social-media-login .columns, .account-benefits .columns { padding: 0; } #social-media-login .benefits ul.slick-dots, .account-benefits .benefits ul.slick-dots { text-transform: lowercase; } @media print, screen and (max-width: 63.99875em) { #social-media-login .benefits .benefit-box:focus, .account-benefits .benefits .benefit-box:focus { outline: 1px dotted #fff; outline-offset: -3px; } } .login-tabs-content .tabs-panel { display: none; } .login-tabs-content .tabs-panel.is-active { display: block; } .top-bar { background-color: #f5f5f5; border-top: 3px solid #202020; display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 40em) { .top-bar { padding: 18px 20px; } } .top-bar .title { color: #202020; font-size: 24px; font-weight: bold; margin: 0; } .top-bar .title::after { content: ""; top: 58px; left: 70px; position: absolute; width: 70px; border-bottom: 3px solid #202020; } .top-bar .sections { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 25px; } .top-bar .section { background-color: #f5f3ef; padding: 5px 10px; margin: 10px; font-size: 14px; font-weight: bold; border: 1px solid #202020; } .bs-page-header { text-align: center; margin-bottom: 20px; } .bs-page-header .bs-page-heading { font-size: 26px; font-weight: bold; text-transform: none; margin: 40px 0 16px; } @media print, screen and (min-width: 40em) { .bs-page-header .bs-page-heading { font-size: 36px; } } .bs-page-header .bs-page-description { font-size: 14px; } @media print, screen and (min-width: 40em) { .bs-page-header .bs-page-description { font-size: 18px; } } .section-heading { text-transform: capitalize; font-size: 22px; } .wishlist-list-section-heading { margin: 18.26px 0; font-weight: bold; } #my-store-iframe { border: none; height: 350px; } .back-link-wrapper { background-color: #202020; margin-top: 1em; } @media print, screen and (min-width: 40em) { .back-link-wrapper { margin-top: 0; } } .back-link-wrapper .back-link { display: block; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 14px; } .border-input { margin-bottom: 15px; } .border-input input[type="text"], .border-input input[type="number"], .border-input input[type="password"], .border-input input[type="email"], .border-input input[type="date"], .border-input input[type="tel"], .border-input textarea, .border-input select { border-width: 1px; height: 56px; padding: 10px; font-weight: normal; background-color: #fff; } .border-input input[type="text"]:focus, .border-input input[type="number"]:focus, .border-input input[type="password"]:focus, .border-input input[type="email"]:focus, .border-input input[type="date"]:focus, .border-input input[type="tel"]:focus, .border-input textarea:focus, .border-input select:focus { border-bottom: 3px solid #202020; } .border-input input[type="text"].error, .border-input input[type="number"].error, .border-input input[type="password"].error, .border-input input[type="email"].error, .border-input input[type="date"].error, .border-input input[type="tel"].error, .border-input textarea.error, .border-input select.error { padding: 10px; border: 1px solid #202020; border-bottom-width: 3px; border-bottom-color: #B82B35; } .border-input textarea { height: 100px; } .border-input label { width: 100%; font-weight: bold; font-size: 14px; } .border-input .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-positive: 1; flex-grow: 1; position: relative; margin-bottom: 0; width: 100%; } .border-input .field-wrapper span.error { color: #595C60; font-size: 14px; } .border-checkbox { margin-bottom: 15px; } .border-checkbox input { background-color: #fff; } .border-checkbox label { font-size: 12px; } .border-checkbox .field-wrapper { margin-bottom: 0; } .checkbox-inline { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .img-show-password { position: absolute; z-index: 1; top: 18px; right: 20px; } .custom-input-box-wrapper { margin-bottom: 60px; } .custom-input-box-wrapper .custom-input-box-heading-title { border: none; margin: 0; padding: 0 0 5px; font-size: 16px; font-weight: bold; background: none; color: #202020; width: 100%; text-transform: inherit; } .custom-input-box-wrapper .custom-input-box-heading-description { color: #595C60; font-size: 14px; margin-bottom: 15px; } .custom-input-box-wrapper .custom-input-box { padding-top: 0.625rem; padding-bottom: 0.625rem; } .custom-input-box-wrapper .custom-input-box input { opacity: 0; filter: alpha(opacity=0); position: absolute; } .custom-input-box-wrapper .custom-input-box input:checked + label { font-weight: bold; border-color: #d6cdbd; background-color: #d6cdbd; } .custom-input-box-wrapper .custom-input-box input:focus + label { font-weight: bold; } .custom-input-box-wrapper .custom-input-box input:checked:focus + label { border-color: #202020; } .custom-input-box-wrapper .custom-input-box label { margin: 0; padding: 10px 15px; border: 1px solid #202020; font-size: 14px; cursor: pointer; } .custom-input-box-wrapper.center .custom-input-box-heading-title { text-align: center; } .custom-input-box-wrapper.center .custom-input-box-heading-description { text-align: center; } .custom-input-box-wrapper.center .options { -ms-flex-pack: center; justify-content: center; } .address-form .form-row .form-caption { position: absolute; } .password-container { position: relative; margin-bottom: 30px; display: inline-block; } .password-container .form-row { margin: 0; } .password-container .form-row .create-password:-ms-input-placeholder { color: #202020; font-weight: normal; } .password-container .form-row .create-password::placeholder { color: #202020; font-weight: normal; } .password-container .password-errors { margin-top: 10px; } .password-container .password-errors .password-error-container { display: -ms-flexbox; display: flex; line-height: 1.3; } .password-container .password-errors .password-error-container .password-error-msg { text-align: left; font-size: 14px; margin: 0; } .password-container .password-errors .password-error-container .error-circle { min-width: 14px; height: 14px; background-color: #202020; border-radius: 50px; margin-right: 5px; margin-top: 2px; position: relative; } .password-container .password-errors .password-error-container .error-circle:before { content: '\e913'; font-family: IcoMoon; color: #fff; position: absolute; right: 2px; line-height: 14px; font-size: .55rem; font-weight: bold; } .password-container .password-errors .password-error-container .error-circle.circle-valid { background-color: #202020; } .password-container .password-errors .password-error-container .error-circle.circle-valid:before { content: '\e917'; } #beauty-station-tabs { text-align: left; background: #f5f5f5; font-size: 16px; display: -ms-flexbox; display: flex; border-top: 3px solid #202020; list-style: none; font-weight: bold; padding: 10px 0; } @media print, screen and (min-width: 40em) { #beauty-station-tabs { font-size: 24px; padding: 0; } } #beauty-station-tabs li { position: relative; background-color: #f5f3ef; border: 1px solid #202020; padding: 10px; margin: 10px; } @media print, screen and (min-width: 40em) { #beauty-station-tabs li { padding: 0; margin: 0 20px; background-color: transparent; border: none; width: 40%; text-align: center; } #beauty-station-tabs li.is-active .tab-link::after { content: ''; position: absolute; bottom: 0; left: 43.2%; width: 13.5%; border-bottom: 3px solid #202020; } #beauty-station-tabs li.is-active .tab-link#replenishments-label::after { left: 35.7%; width: 28.9%; } #beauty-station-tabs li .tab-link { color: #202020; vertical-align: bottom; text-decoration: none; font-weight: 700; padding: 13px 0 15px; } } .drawer.open .drawer-title { right: 190px; } @media print, screen and (min-width: 40em) { .drawer.open .drawer-title { right: 530px; } } .drawer.open .drawer-content { right: -10px; } .drawer.open .drawer-content .product-tile .product-price .price-standard { text-decoration: line-through; } @media print, screen and (min-width: 40em) { .drawer.open .drawer-content { right: 0; } } .drawer .animate { transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .drawer-title { position: fixed; transform: rotate(-90deg); top: 200px; right: -90px; z-index: 30; padding: 5px 10px; color: #fff; background-color: #780a1c; border-top-left-radius: 16px; border-top-right-radius: 16px; } @media print, screen and (min-width: 40em) { .drawer-title { top: 430px; right: -90px; z-index: 19; } } .drawer-title button { color: #fff; font-size: 17px; font-weight: normal; text-transform: none; } .drawer-content { position: fixed; top: 0; bottom: 0; right: -292px; z-index: 30; padding: 40px; width: 300px; height: 100%; background-color: #fff; border-left: 8px solid #780a1c; overflow-y: scroll; } @media print, screen and (min-width: 40em) { .drawer-content { top: 200px; right: -622px; bottom: 0; width: 630px; height: auto; padding: 50px; z-index: 19; } } .drawer .close-drawer { position: absolute; top: 15px; right: 20px; } @media print, screen and (min-width: 40em) { .drawer .close-drawer { top: 20px; } } .pt_beauty-station .account-submenu-wrapper { background-color: #fff; } .pt_beauty-station .menu-of-links .menu-of-links-list { display: -ms-flexbox; display: flex; margin: 0; -ms-flex-pack: center; justify-content: center; padding: 0; list-style: none; } .pt_beauty-station .menu-of-links .menu-of-links-list > li { position: relative; } .pt_beauty-station .menu-of-links .menu-of-links-list > li > a { padding: 20px 18px; display: block; color: #202020; line-height: 100%; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 400; font-size: 18px; text-align: center; font-family: CronosPro-Display,CronosPro-LtDisp,Helvetica Neue,Helvetica; } .pt_beauty-station .menu-of-links .menu-of-links-list > li > a:hover { text-decoration: underline; } .pt_beauty-station .menu-of-links .menu-of-links-list > li > a:focus { outline: 1px dotted #202020; outline-offset: -5px; } .pt_beauty-station .menu-of-links .menu-of-links-list > li.selected a { border-bottom: 3px solid #000; } .pt_beauty-station .menu-of-links .menu-of-links-list > li:after { content: ""; background: #202020; height: 23px; position: absolute; width: 0.5px; padding: 0; display: inline-block; top: 17px; right: 0; } .pt_beauty-station .menu-of-links .menu-of-links-list > li:last-child:after { display: none; } .pt_beauty-station .menu-of-links .menu-of-links-select { padding: 12px; color: #202020; font-weight: 500; line-height: 100%; text-transform: uppercase; letter-spacing: 0.04em; font-size: 14px; margin: 10px 0; background-color: #fff; border: 1px solid #000; } .pt_beauty-station #editprofile .phone-message { display: none; } .pt_beauty-station .account-details-section .row.account-row .section.big.image-container, .pt_beauty-station .account-details-section .pt_content-search-result-static .no-left-nav-template .account-row.content-asset .section.big.image-container, .pt_content-search-result-static .no-left-nav-template .pt_beauty-station .account-details-section .account-row.content-asset .section.big.image-container, .pt_beauty-station .account-details-section .pt_content-search-result-static .left-nav-template .account-row.content-asset .section.big.image-container, .pt_content-search-result-static .left-nav-template .pt_beauty-station .account-details-section .account-row.content-asset .section.big.image-container { background-color: #5EA9DE; } .pt_beauty-station .user-info-section { -ms-flex-pack: center; justify-content: center; } .pt_beauty-station .user-info-section .section-value { font-size: 30px; } @media print, screen and (min-width: 40em) { .pt_beauty-station .user-info-section .section-value { font-size: 36px; } } .pt_beauty-station .user-info-section.slick-initialized { margin: 0 auto; } .pt_beauty-station .slick-initialized .profile-container.slick-slide { display: block; } .pt_beauty-station .profile-container { background-color: #f6f6f6; text-align: center; border-top: 3px solid #202020; margin-right: 30px; font-size: 16px; font-weight: bold; } @media print, screen and (max-width: 39.99875em) { .pt_beauty-station .profile-container { height: auto; width: 220px; padding: 0 20px; } } .pt_beauty-station .profile-container .section-link { font-size: 14px; display: block; margin-top: 15px; width: 75%; height: auto; border: 1px solid #202020; margin: 15px auto 25px auto; line-height: 32px; text-transform: uppercase; } .pt_beauty-station .profile-container .section-value-description { font-size: 12px; display: block; font-weight: normal; margin-bottom: 4px; } .pt_beauty-station .profile-container.slick-slide { width: 220px; margin-right: 15px; float: left; min-height: 1px; display: none; } .pt_beauty-station .profile-container.slick-slide .section-link { min-width: 110px; } @media print, screen and (max-width: 39.99875em) { .pt_beauty-station .profile-container .mobile-align-center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; } } .pt_beauty-station .account-details-section { color: #fff; margin-top: 45px; } .pt_beauty-station .account-details-section label { width: auto; min-width: auto; margin-right: 10px; margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .pt_beauty-station .account-details-section label { margin-right: 5px; } } .pt_beauty-station .account-details-section .account-row { margin: 0 !important; } .pt_beauty-station .account-details-section .section { margin-bottom: 22px; display: inline-block; width: 100%; min-height: 250px; position: relative; } .pt_beauty-station .account-details-section .section .greeting, .pt_beauty-station .account-details-section .section .nickname { font-family: Crete Round, serif; font-size: 24px; font-weight: bold; display: inline; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section .greeting, .pt_beauty-station .account-details-section .section .nickname { font-size: 26px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section .nickname { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .pt_beauty-station .account-details-section .section .nickname.input-text { padding-bottom: 0; padding-right: 0; } .pt_beauty-station .account-details-section .section .nickname.input-text:focus { outline: 1px dotted #fff; } .pt_beauty-station .account-details-section .section .nickname-form-wrapper { position: relative; padding-top: 15px; } .pt_beauty-station .account-details-section .section .nickname-form-wrapper .form-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pt_beauty-station .account-details-section .section .success-icon { display: none; position: absolute; bottom: 20px; right: 10px; width: 26px; height: 24px; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section .success-icon { bottom: 23px; right: 0; } } .pt_beauty-station .account-details-section .section .field-wrapper { width: 60%; } .pt_beauty-station .account-details-section .section .birthday-row .field-wrapper { width: auto; } .pt_beauty-station .account-details-section .section .form-submit-successmsg { text-align: right; } .pt_beauty-station .account-details-section .section .form-submit-successmsg .form-submit { background: #fff; color: #202020; padding: 5px 12px 3px; text-transform: uppercase; font-size: 13px; font-weight: normal; } .pt_beauty-station .account-details-section .section .form-submit-successmsg .form-submit:focus { outline: 1px dotted #fff; } .pt_beauty-station .account-details-section .section .form-submit-successmsg .success-msg { display: none; font-size: 12px; padding: 0; } .pt_beauty-station .account-details-section .section .dark { filter: brightness(0.2); } .pt_beauty-station .account-details-section .section.big { background-color: #f6f6f6; color: #202020; padding-left: 25px; } .pt_beauty-station .account-details-section .section.big span { display: block; max-width: 80%; } .pt_beauty-station .account-details-section .section.big .middle-section { margin-top: 40px; margin-bottom: 45px; font-size: 14px; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section.big .middle-section { font-size: 16px; } } .pt_beauty-station .account-details-section .section.big .bottom-section { margin-bottom: 22px; font-size: 12px; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section.big .bottom-section { font-size: 14px; } } .pt_beauty-station .account-details-section .section.big .arrow { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } .pt_beauty-station .account-details-section .section.big .image { opacity: 1; z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; right: 0; } .pt_beauty-station .account-details-section .section.small { padding: 20px 10px 0 10px; background-color: #081f2c; color: #fff; min-height: 105px; position: relative; } .pt_beauty-station .account-details-section .section.small .middle-section { position: absolute; top: 50%; transform: translateY(-50%); } .pt_beauty-station .account-details-section .section.small .middle-section h3 { display: inline-block; } .pt_beauty-station .account-details-section .section.small .arrow, .pt_beauty-station .account-details-section .section.small .edit { position: absolute; top: 18px; right: 20px; text-transform: capitalize; padding: 2px; z-index: 1; } .pt_beauty-station .account-details-section .section.small .arrow:focus, .pt_beauty-station .account-details-section .section.small .edit:focus { outline: 1px dotted currentColor; } .pt_beauty-station .account-details-section .section.small .top-section { margin-top: 5px; display: block; font-weight: bold; } .pt_beauty-station .account-details-section .section.small .top-section.birthday-top-section { margin-bottom: 0.3125rem; } @media print, screen and (max-width: 39.99875em) { .pt_beauty-station .account-details-section .section.small .top-section.birthday-top-section { margin-top: 1.6875rem; } } .pt_beauty-station .account-details-section .section.small .bottom-section { margin-bottom: 15px; margin-top: 15px; display: block; } .pt_beauty-station .account-details-section .section.small .image { position: absolute; right: 0; top: 0; height: 100%; width: 100%; } .pt_beauty-station .account-details-section .section.small .birthday-form .form-submit-successmsg { position: absolute; bottom: 6px; right: 20px; } .pt_beauty-station .account-details-section .section.small .shi-margin-bottom--xxs { margin-bottom: 5px; } .pt_beauty-station .account-details-section .section.small .title-form .form-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .pt_beauty-station .account-details-section .section.small .title-form .form-row { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } .pt_beauty-station .account-details-section .section.image-container { min-height: 250px; } .pt_beauty-station .account-details-section .section .inner-container { position: relative; z-index: 2; } .pt_beauty-station .account-details-section .section .arrow, .pt_beauty-station .account-details-section .section .edit { color: #fff; } .pt_beauty-station .account-details-section .section .open-section { display: none; } .pt_beauty-station .account-details-section .section.open .open-section { display: block; } .pt_beauty-station .account-details-section .section.open .closed-section { display: none; } .pt_beauty-station .account-details-section .section .section-title { display: block; font-size: 24px; max-width: 85%; text-transform: capitalize; } .pt_beauty-station .account-details-section .section .nickname-description { display: block; margin-top: 30px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .section .nickname-description { margin-top: 12px; margin-bottom: 16px; } } .pt_beauty-station .account-details-section .section.image-container { color: #fff; background-color: #081f2c; } .pt_beauty-station .account-details-section .custom-select { margin-bottom: 15px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pt_beauty-station .account-details-section .custom-select .select { position: relative; width: 100%; } .pt_beauty-station .account-details-section .custom-select .options { list-style: none; background: #fff; color: #202020; position: absolute; top: 100%; padding: 0; margin: 0; z-index: 2; border: 1px solid #202020; cursor: pointer; max-height: 300px; overflow-y: auto; width: 100%; font-size: 14px; } .pt_beauty-station .account-details-section .custom-select .options li { margin: 10px; } .pt_beauty-station .account-details-section .custom-select .options li:hover { background-color: #202020; color: #fff; } .pt_beauty-station .account-details-section .custom-select .options .unselectable { cursor: default; pointer-events: none; font-size: 12px; font-weight: normal; margin: 10px 0 10px 10px; width: auto; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .custom-select .options .unselectable { margin: 10px 0 10px 0; text-align: center; } } .pt_beauty-station .account-details-section .custom-select .options::-webkit-scrollbar { width: 4px; } .pt_beauty-station .account-details-section .custom-select .options::-webkit-scrollbar-thumb { background: #c1c2c3; border-radius: 25px; } .pt_beauty-station .account-details-section .custom-select.birthday-row .options { min-width: 200px; } .pt_beauty-station .account-details-section .custom-select.birthday-row .options li:not(.unselectable) { margin: 0; padding: 5px; display: inline-block; width: 30%; text-align: center; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .custom-select.birthday-row .options li:not(.unselectable) { display: block; margin: 10px; width: auto; padding: 0 0 0 5px; text-align: left; } } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .custom-select.birthday-row .options { width: 100%; min-width: auto; } } .pt_beauty-station .account-details-section .custom-select.dob .options li:not(.unselectable) { width: 14%; } @media print, screen and (min-width: 64em) { .pt_beauty-station .account-details-section .custom-select.dob .options li:not(.unselectable) { width: auto; } } .pt_beauty-station .account-details-section .custom-select.dob span > span { display: none; } .pt_beauty-station .account-details-section .custom-select.margin-bottom--xxs { margin-bottom: 3px; } .pt_beauty-station .account-details-section .input-text { background-color: #081f2c; color: #fff; background-image: linear-gradient(to right, #fff 33%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 12px 1px; background-repeat: repeat-x; color: #fff; font-weight: bold; font-size: 24px; padding-left: 0px; } .pt_beauty-station .account-details-section .input-select, .pt_beauty-station .account-details-section .styledSelect { background-color: #081f2c; color: #fff; background-image: url(../images/select-arrow-icon.png); background-repeat: no-repeat; background-position: right .1em top 49%,4px 7px; background-size: .65em auto,102%; padding-bottom: 3px; color: #fff; line-height: 1.5rem; font-weight: bold; font-size: 24px; padding-left: 0px; padding-bottom: 3px; border-bottom: 1px dotted #ffff; } .pt_beauty-station .account-details-section .input-select:focus, .pt_beauty-station .account-details-section .styledSelect:focus { outline: 1px dotted #ffff; } .pt_beauty-station .account-details-section .styledSelect { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 20px; } .pt_beauty-station .account-details-section .styledSelect .arrow-icon { background: url("../images/select-arrow-icon.png"); width: 14px; height: 8px; position: absolute; right: 10px; top: 10px; } .pt_beauty-station .account-details-section .birthday-row { padding-left: 5px; padding-right: 5px; display: inline-block; width: 40%; margin-bottom: 22px; } .pt_beauty-station .account-details-section .birthday-row .input-select { padding-right: 0; } .pt_beauty-station .account-details-section .birthday-row .input-select.birthyear { width: 100%; line-height: 1.0625rem; padding: 0.625rem 0 0.125rem; } .pt_beauty-station .account-details-section .birthday-row .input-select.birthmonth, .pt_beauty-station .account-details-section .birthday-row .input-select.dob { padding: 0; } .pt_beauty-station .account-details-section .birthday-row .styledSelect { background-image: none; } .pt_beauty-station .account-details-section .account-row { -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { .pt_beauty-station .profile-container .section-value-description { font-size: 14px; display: block; margin: 9px 40px 13px 40px; } .pt_beauty-station .account-details-section .section.big { width: 76%; } .pt_beauty-station .account-details-section .section.big span { max-width: 60%; } .pt_beauty-station .account-details-section .section.big .arrow { right: 55px; } .pt_beauty-station .account-details-section .section.small { width: 22%; padding: 35px 15px 0 15px; min-height: 250px; height: 250px; } .pt_beauty-station .account-details-section .section.small.birthday-section { padding: 35px 30px 0 30px; } .pt_beauty-station .account-details-section .section.small .section-value { font-size: 36px; } .pt_beauty-station .account-details-section .section.small .middle-section h3 { display: block; } .pt_beauty-station .account-details-section .section.small .top-section { margin-bottom: 15px; } .pt_beauty-station .account-details-section .section.small .bottom-section { margin-bottom: 0; margin-top: 15px; display: block; } .pt_beauty-station .account-details-section .section .section-title { max-width: 50%; font-size: 32px; } .pt_beauty-station .account-details-section .section .birthday-row { width: 42%; margin-right: -4px; } .pt_beauty-station .account-details-section .section .dob span { display: -ms-inline-flexbox; display: inline-flex; } } @media print, screen and (max-width: 63.99875em) { .pt_beauty-station .nickname-form-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } .pt_beauty-station .nickname-form-wrapper .greeting { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 10px; } .pt_beauty-station .nickname-form-wrapper .nickname-form { -ms-flex-positive: 1; flex-grow: 1; } } .slider-tracking { max-width: 260px; margin: 15px auto 0; overflow: hidden; padding: 0 20px; } .slider-tracking.slick-slider { margin-bottom: 10px; } .slider-tracking li { word-break: break-all; } .slider-tracking li a { text-decoration: underline; } .slider-tracking .slick-prev, .slider-tracking .slick-next { width: 20px; height: 20px; } .slider-tracking .slick-prev:before, .slider-tracking .slick-next:before { font-size: 20px; } .slider-tracking .slick-prev.slick-disabled, .slider-tracking .slick-next.slick-disabled { display: none !important; } .birthdata-message:focus { outline: 1px solid #ad312d !important; } .birthday-row span.field--label-description { display: none; } .birthdata-message { color: #ad312d; position: absolute; top: 60%; font-size: 0.9rem; left: 20px; font-weight: 500; } .birthday-row.birth-month label:before, .birthday-row.dob label:before { content: "*"; color: #ad312d; font-size: 20px; vertical-align: top; margin-right: 2px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .birthdata-message { top: 59%; left: 13px; } .pt_beauty-station .account-details-section .section .form-submit-successmsg .success-msg { top: 0px; } } @media print, screen and (max-width: 39.99875em) { .birthdata-message { top: 59%; left: 14px; } .pt_beauty-station .account-details-section .section .form-submit-successmsg .success-msg { top: 0px; } } .beautystation-login-modal { padding: 0; border: none; width: 450px; height: 515px; } .beautystation-login-modal .close-button { z-index: 2; } .beautystation-login-modal .modal-body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: initial; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container img { width: 450px; height: 515px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-arrow.slick-prev { margin-left: 4px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-arrow.slick-next { margin-right: 4px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-prev::before, .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-next::before { color: #081f2c; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .carousel-title { position: absolute; top: 55px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .carousel-detail { position: absolute; top: 105px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots { position: absolute; bottom: 55px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots li.slick-active button::before, .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots li button::before { color: #081f2c; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .skip-carousel { position: absolute; bottom: 20px; text-decoration: underline; font-size: 12px; cursor: pointer; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .carousel-title { color: #fff; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .carousel-detail { color: #fff; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .beautystation-link { position: absolute; top: 160px; background: #081f2c; color: #fff; height: 40px; line-height: 2.5; width: 230px; text-align: center; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .beautystation-link:focus { outline-color: currentColor; outline-offset: 2px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .inner-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; } .configuration-preferences-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .configuration-preferences-container .top-bar { -ms-flex-order: -1; order: -1; margin: 24px 0; } } .configuration-preferences-container .top-bar .title::after { top: 82px; } .configuration-preferences-container .button-wrapper { text-align: center; } .configuration-preferences-container .button-wrapper button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .configuration-preferences-container .button-wrapper button.selected, .configuration-preferences-container .button-wrapper button:hover, .configuration-preferences-container .button-wrapper button:active, .configuration-preferences-container .button-wrapper button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) { .configuration-preferences-container .button-wrapper { text-align: left; } } .configuration-preferences-container .input-select { min-width: 230px; font-weight: bold; margin-bottom: 15px; } .configuration-preferences-container .email-opt-out-text { margin: 10px; } @media print, screen and (min-width: 40em) { .configuration-preferences-container .email-opt-out-text { display: inline-block; max-width: 325px; vertical-align: bottom; margin: 0 0 0 20px; } } .configuration-preferences-container #change-email .button-wrapper .js-submit-btn, .configuration-preferences-container #change-password .button-wrapper .js-submit-btn { padding: 10px 30px; background-color: #081f2c; border: none; color: #fff; text-transform: uppercase; text-decoration: none; } .configuration-preferences-container #change-email .button-wrapper .js-submit-btn:hover, .configuration-preferences-container #change-password .button-wrapper .js-submit-btn:hover { background-color: #ffffff; color: #000000; border-color: #000000; } .configuration-preferences-container #change-email .button-wrapper .js-submit-btn:focus, .configuration-preferences-container #change-password .button-wrapper .js-submit-btn:focus { outline: 1px dotted #000000; outline-offset: 1px; } .configuration-preferences-container .js-change-email-form .validateEmailError { margin-bottom: 1em; } .configuration-preferences-container .js-change-email-form .validate-email { display: -ms-flexbox; display: flex; margin-bottom: 0.5em; } @media print, screen and (max-width: 40em) { .configuration-preferences-container .js-change-email-form .validate-email { -ms-flex-pack: center; justify-content: center; margin-bottom: 0.5em; } } @media print, screen and (min-width: 64em) { .configuration-preferences-container .js-change-email-form .validate-email .validate-email-btn { margin: 2em; } } .form-field-required { margin-bottom: 10px; text-align: left; } .form-field-required .required-indicator { font-weight: bold; } .form-field-required .required-indicator .mandatory-callout { font-weight: normal; font-size: .85rem; font-style: normal; text-transform: uppercase; } .form-field-required.guest-spc { display: none; } #email-changed-modal-cntr button:not(.close-button), #password-changed-modal-cntr button:not(.close-button), #communications-updated-modal-cntr button:not(.close-button) { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } #email-changed-modal-cntr button:not(.close-button).selected, #email-changed-modal-cntr button:not(.close-button):hover, #email-changed-modal-cntr button:not(.close-button):active, #email-changed-modal-cntr button:not(.close-button)[value="selected"], #password-changed-modal-cntr button:not(.close-button).selected, #password-changed-modal-cntr button:not(.close-button):hover, #password-changed-modal-cntr button:not(.close-button):active, #password-changed-modal-cntr button:not(.close-button)[value="selected"], #communications-updated-modal-cntr button:not(.close-button).selected, #communications-updated-modal-cntr button:not(.close-button):hover, #communications-updated-modal-cntr button:not(.close-button):active, #communications-updated-modal-cntr button:not(.close-button)[value="selected"] { background-color: #333333; color: #ffffff; } .communications-form label { width: 100%; font-weight: normal; font-size: 16px; } .communications-form .form-row { margin-bottom: 30px; } .language-pref-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .language-pref-wrapper > .form-row { margin-left: 0; } .js-communications-form-container .edit-sms, .js-communications-form-container .edit-email { text-decoration: underline; } .my-store-container .home-store-description { margin-bottom: 20px; } #content-interests { background-color: #f5f3ef; margin-top: 40px; } @media print, screen and (max-width: 39.99875em) { #content-interests .content-interest-row .content-interests-text { background-color: #202020; color: #fff; font-size: 16px; } } #content-interests .content-interest-row .sign-column { background-color: #202020; color: #fff; } #content-interests .content-interest-row .sign-column .content-interest-sign { font-size: 35px; font-weight: normal; } #content-interests .content-interest-row .js-ci-boxes { margin-bottom: 30px; } @media print, screen and (max-width: 39.99875em) { #content-interests .content-interest-row .js-ci-boxes .custom-input-box-heading-title { display: none; } } .reveal h3 { font-size: 22px; } .js-communications-form-container label { width: 100%; margin-bottom: 5px; text-transform: capitalize; } .js-communications-form-container .input-radio:first-child { margin-left: 0; } .js-communications-form-container .country-dependent { width: auto; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .js-communications-form-container .field-wrapper .phone, .js-communications-form-container .field-wrapper .postal { height: auto; width: 40%; } } .js-communications-form-container .js-submit-btn { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .js-communications-form-container .js-submit-btn.selected, .js-communications-form-container .js-submit-btn:hover, .js-communications-form-container .js-submit-btn:active, .js-communications-form-container .js-submit-btn[value="selected"] { background-color: #333333; color: #ffffff; } .js-communications-form-container .field-info { font-size: 14px; } .js-communications-form-container .cancel-email, .js-communications-form-container .cancel-sms, .js-communications-form-container .edit-email, .js-communications-form-container .edit-sms { text-decoration: underline; } .js-communications-form-container .sample-sms-link, .js-communications-form-container .sample-email-link { text-decoration: underline; color: -webkit-link; cursor: pointer; } .js-communications-form-container .label-title { font-weight: 600; } .js-communications-form-container .label-title span { font-weight: 100; } .js-communications-form-container .input-radio { width: 18px; height: 18px; margin: 5px; vertical-align: middle; margin: 5px 5px 5px 0; } .js-communications-form-container .input-radio:focus { outline: 1px dotted #202020; } .js-communications-form-container .middle-section p { margin-top: 0; } .js-communications-form-container .hidden-block { display: none !important; } .js-communications-form-container h5 { margin: 0; } .js-communications-form-container .content-asset p { margin: 12px 0; } .js-communications-form-container .content-asset div { font-size: 12px; } .js-communications-form-container .js-communications-form { margin-bottom: 30px; } .js-communications-form-container .js-communications-form .sms-form-wrapper .column, .js-communications-form-container .js-communications-form .sms-form-wrapper .columns, .js-communications-form-container .js-communications-form .email-form-wrapper .column, .js-communications-form-container .js-communications-form .email-form-wrapper .columns { border-bottom: 3px solid #ccc; padding-bottom: 25px; } .js-communications-form-container .js-communications-form .sms-form-wrapper .column:first-child, .js-communications-form-container .js-communications-form .sms-form-wrapper .columns:first-child, .js-communications-form-container .js-communications-form .email-form-wrapper .column:first-child, .js-communications-form-container .js-communications-form .email-form-wrapper .columns:first-child { border-bottom: none; } .js-communications-form-container .js-communications-form .sms-form-wrapper .column:last-child, .js-communications-form-container .js-communications-form .sms-form-wrapper .columns:last-child, .js-communications-form-container .js-communications-form .email-form-wrapper .column:last-child, .js-communications-form-container .js-communications-form .email-form-wrapper .columns:last-child { text-align: right; } .js-communications-form-container .js-communications-form .section-heading { margin: 0; font-weight: normal; font-size: 18px; } .js-communications-form-container .js-communications-form .edit-email, .js-communications-form-container .js-communications-form .edit-sms { padding: 0; } .js-communications-form-container .js-communications-form .language-selector-button { padding: 10px; } .js-communications-form-container .js-communications-form .subscription_statusBlock { margin-bottom: 15px; } .js-communications-form-container .js-communications-form .subscription_selectionBlock { margin-bottom: 15px; } .js-communications-form-container .js-communications-form .subscription_selectionBlock .form-caption.phone { font-size: 12px; font-weight: 400; } .js-communications-form-container .js-communications-form .frequency_statusBlock { margin-bottom: 5px; } .js-communications-form-container .js-communications-form .frequency_selectionBlock { margin-bottom: 15px; } .js-communications-form-container .js-communications-form .subscription_consentBlock { margin-bottom: 15px; } .js-communications-form-container .js-communications-form .subscription_selectionBlock .input-radio-field label, .js-communications-form-container .js-communications-form .frequency_selectionBlock .input-radio-field label { display: inline; position: relative; top: 1px; left: 5px; cursor: pointer; } .js-communications-form { margin-bottom: 30px; } .js-communications-form .sms-form-wrapper .column, .js-communications-form .sms-form-wrapper .columns, .js-communications-form .email-form-wrapper .column, .js-communications-form .email-form-wrapper .columns { border-bottom: 3px solid #ccc; padding-bottom: 25px; } .js-communications-form .sms-form-wrapper .column:first-child, .js-communications-form .sms-form-wrapper .columns:first-child, .js-communications-form .email-form-wrapper .column:first-child, .js-communications-form .email-form-wrapper .columns:first-child { border-bottom: none; } .js-communications-form .sms-form-wrapper .column:last-child, .js-communications-form .sms-form-wrapper .columns:last-child, .js-communications-form .email-form-wrapper .column:last-child, .js-communications-form .email-form-wrapper .columns:last-child { text-align: right; } @media print, screen and (max-width: 39.99875em) { .js-communications-form .sms-form-wrapper .column:last-child, .js-communications-form .sms-form-wrapper .columns:last-child, .js-communications-form .email-form-wrapper .column:last-child, .js-communications-form .email-form-wrapper .columns:last-child { position: absolute; right: 0; border: 0; } } .js-communications-form .section-heading { margin: 0; font-weight: normal; font-size: 18px; } .js-communications-form .edit-email, .js-communications-form .edit-sms { padding: 0; } .js-communications-form .language-selector-button { padding: 10px; min-width: 90px; } .js-communications-form .subscription_statusBlock { margin-bottom: 15px; } .js-communications-form .subscription_selectionBlock { margin-bottom: 15px; } .js-communications-form .frequency_statusBlock { margin-bottom: 5px; } .js-communications-form .frequency_selectionBlock { margin-bottom: 15px; } .js-communications-form .subscription_consentBlock { margin-bottom: 15px; } .js-communications-form .subscription_selectionBlock .input-radio-field label, .js-communications-form .frequency_selectionBlock .input-radio-field label { display: inline; position: relative; top: 1px; left: 5px; cursor: pointer; } @media print, screen and (max-width: 39.99875em) { .js-communications-form.communications-language-selector-form { border-bottom: 3px solid #ccc; padding-bottom: 25px; } } .scrollable { overflow-y: scroll; height: auto; } .scrollable .reveal { padding: 0; } .scrollable .reveal img { width: 100%; } .scrollable .reveal .close-button { top: 0.1rem; right: 0.25rem; } @media print, screen and (min-width: 40em) { .shipping-billing-container .no-addresses, .shipping-billing-container .no-credit-cards { text-align: center; } } .shipping-billing-container .address-list { display: block; margin-top: 15px; } @media print, screen and (min-width: 40em) { .shipping-billing-container .address-list { margin-top: 40px; } } .shipping-billing-container .address-details, .shipping-billing-container .cc-details { padding: 30px 10px; } @media print, screen and (min-width: 40em) { .shipping-billing-container .address-details, .shipping-billing-container .cc-details { padding-left: 0; padding-right: 0; } } .shipping-billing-container .address-details address, .shipping-billing-container .cc-details address { font-style: normal; } @media print, screen and (min-width: 40em) { .shipping-billing-container .address-links, .shipping-billing-container .credit-card-actions { padding-top: 30px; } } .shipping-billing-container .text-right { float: right; } .shipping-billing-container .address-edit, .shipping-billing-container .address-delete, .shipping-billing-container .address-make-default, .shipping-billing-container .credit-card-edit, .shipping-billing-container .credit-card-delete { margin-left: 20px; color: #607171; text-decoration: underline; text-transform: uppercase; font-weight: normal; cursor: pointer; } @media print, screen and (min-width: 40em) { .shipping-billing-container .address-edit, .shipping-billing-container .address-delete, .shipping-billing-container .address-make-default, .shipping-billing-container .credit-card-edit, .shipping-billing-container .credit-card-delete { margin-left: 0; margin-right: 20px; } } .shipping-billing-container .address-make-default { margin-left: 0; } .shipping-billing-container .add-new-address, .shipping-billing-container .add-new-card { margin-top: 25px; margin-bottom: 25px; } .shipping-billing-container .add-new-address .js-credit-card-create, .shipping-billing-container .add-new-card .js-credit-card-create { color: #333333; text-transform: uppercase; text-decoration: underline; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; } .shipping-billing-container .add-new-address .address-create, .shipping-billing-container .add-new-card .address-create { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .shipping-billing-container .add-new-address .address-create.selected, .shipping-billing-container .add-new-address .address-create:hover, .shipping-billing-container .add-new-address .address-create:active, .shipping-billing-container .add-new-address .address-create[value="selected"], .shipping-billing-container .add-new-card .address-create.selected, .shipping-billing-container .add-new-card .address-create:hover, .shipping-billing-container .add-new-card .address-create:active, .shipping-billing-container .add-new-card .address-create[value="selected"] { background-color: #333333; color: #ffffff; } .shipping-billing-container .military-address-alert-message { margin-top: 10px; } .sb-card { position: relative; margin-bottom: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ccc1ad; } .sb-card.default { border-left-width: 0; } .sb-card.default::before { position: absolute; top: -2px; bottom: -2px; left: 0; height: auto; border-left: 4px solid #081f2c; border-right-width: 0; content: ''; } @media print, screen and (min-width: 40em) { .sb-card.default::before { border-left-width: 8px; } } .sb-card__nickname-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 15px 10px; height: 100%; background-color: #f0ece6; } @media print, screen and (min-width: 40em) { .sb-card__nickname-wrapper { padding: 35px; } } .sb-card__nickname-wrapper .default-label { font-size: 12px; line-height: 16px; margin-bottom: 5px; } @media print, screen and (min-width: 40em) { .sb-card.address:not(.default) .sb-card__nickname-wrapper { padding-top: 85px; } } .sb-card__nickname { font-weight: bold; } .sb-card__footer { padding: 10px; } @media print, screen and (min-width: 40em) { .sb-card__footer { padding: 0; text-align: right; } } .sb-card__footer .empty-column { background-color: #f0ece6; width: 100%; height: 100%; } .sb-card__footer .make-default-wrapper { padding-top: 15px; padding-bottom: 15px; } .sb-form-popup { background-color: #f6f6f6; } .address-form .address-form-title { margin-top: 10px; } .address-form .military-address-alert-message { margin-top: 15px; } .choose-default-address-wrapper { margin-top: 20px; } .sb-form-cancel { margin-top: 30px; } .sb-form-cancel .cancel-link { color: #607171; text-decoration: underline; text-transform: uppercase; background: none; border: none; padding: 0; font-weight: normal; } .address-popup { height: auto; } /*for modal dialog*/ #credit-card-updated button:not(.close-button), #address-updated button:not(.close-button), .address-popup button:not(.close-button) { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } #credit-card-updated button:not(.close-button).selected, #credit-card-updated button:not(.close-button):hover, #credit-card-updated button:not(.close-button):active, #credit-card-updated button:not(.close-button)[value="selected"], #address-updated button:not(.close-button).selected, #address-updated button:not(.close-button):hover, #address-updated button:not(.close-button):active, #address-updated button:not(.close-button)[value="selected"], .address-popup button:not(.close-button).selected, .address-popup button:not(.close-button):hover, .address-popup button:not(.close-button):active, .address-popup button:not(.close-button)[value="selected"] { background-color: #333333; color: #ffffff; } .address-form .apply-button-wrapper, .credit-card-form-container .apply-button-wrapper { margin-top: 40px; } .address-form .apply-button-wrapper .apply-button, .credit-card-form-container .apply-button-wrapper .apply-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .address-form .apply-button-wrapper .apply-button.selected, .address-form .apply-button-wrapper .apply-button:hover, .address-form .apply-button-wrapper .apply-button:active, .address-form .apply-button-wrapper .apply-button[value="selected"], .credit-card-form-container .apply-button-wrapper .apply-button.selected, .credit-card-form-container .apply-button-wrapper .apply-button:hover, .credit-card-form-container .apply-button-wrapper .apply-button:active, .credit-card-form-container .apply-button-wrapper .apply-button[value="selected"] { background-color: #333333; color: #ffffff; } .credit-card-form-container .cc-number.form-row:before { position: absolute; z-index: 1; top: 49px; } .cc-details-label { font-size: 10px; } .cc-details-value { font-weight: bold; } .ui-autocomplete-input.ui-autocomplete-loading { background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat; } .orders-and-replenishments-container .order-history-results > li, .orders-and-replenishments-container .replenishment-items > li { margin-bottom: 30px; position: relative; } .orders-and-replenishments-container .pagination-buttons { float: none; -ms-flex-pack: center; justify-content: center; } @media print, screen and (max-width: 39.99875em) { .orders-and-replenishments-container .pagination-buttons { margin: 0; } } @media print, screen and (min-width: 40em) { .orders-and-replenishments-container .pagination-buttons { -ms-flex-pack: center; justify-content: center; } } .orders-and-replenishments-container .pagination-buttons #view-more { padding: 10px 40px; margin-bottom: 20px; } .orders-and-replenishments-container .view-detail-btn-container { border-top: 1px #202020 solid; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .orders-and-replenishments-container .view-detail-btn-container { margin: 0; } } .orders-and-replenishments-container .view-detail-btn-container .button { margin: 30px 0 30px 0; } @media print, screen and (min-width: 64em) { .orders-and-replenishments-container .view-detail-btn-container .button { white-space: normal; padding: 1px 40px; max-width: 164px; } } .orders-and-replenishments-container .view-details, .orders-and-replenishments-container .cancel-order-btn { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .orders-and-replenishments-container .view-details.selected, .orders-and-replenishments-container .view-details:hover, .orders-and-replenishments-container .view-details:active, .orders-and-replenishments-container .view-details[value="selected"], .orders-and-replenishments-container .cancel-order-btn.selected, .orders-and-replenishments-container .cancel-order-btn:hover, .orders-and-replenishments-container .cancel-order-btn:active, .orders-and-replenishments-container .cancel-order-btn[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 63.99875em) { .orders-and-replenishments-container .view-details, .orders-and-replenishments-container .cancel-order-btn { padding: 2px 35px; max-width: 135px; } } .orders-and-replenishments-container .view-details.fixed-width-btn { position: absolute; right: 25px; top: 106px; } @media print, screen and (min-width: 40em) { .orders-and-replenishments-container .view-details.fixed-width-btn { right: 74px; top: 36px; } } @media print, screen and (min-width: 64em) { .orders-and-replenishments-container .view-details.fixed-width-btn { right: 65px; top: 19px; } } .orders-and-replenishments-container .cancel-order-btn.fixed-width-btn { position: absolute; right: 1.5rem; top: 10.375rem; } @media print, screen and (min-width: 40em) { .orders-and-replenishments-container .cancel-order-btn.fixed-width-btn { right: 4.625rem; top: 5.375rem; } } @media print, screen and (min-width: 64em) { .orders-and-replenishments-container .cancel-order-btn.fixed-width-btn { right: 4.125rem; top: 4.75rem; } } .orders-and-replenishments-container .cancel-order-btn.fixed-width-btn:focus { outline: 0.0625rem dotted #202020; outline-offset: 0.0625rem; } .orders-and-replenishments-container .mobile-page-header h1 { font-size: 22px; } .orders-and-replenishments-container .accordion-content { border: none; padding: 0; } .orders-and-replenishments-container .accordion-content .orders-view-detailBtnWrapper { text-align: right; padding: 12px 0; } .orders-and-replenishments-container .accordion-content .name a { display: block; } .orders-and-replenishments-container .fixed-width-btn { width: 170px; max-width: none; padding: 12px 0; } .orders-and-replenishments-container .vr-wrapper { display: none; } .order-details-container .page-intro { margin-top: 2em; } @media print, screen and (max-width: 63.99875em) { .order-details-container .page-intro { margin-bottom: 2em; } } .order-details-container .page-intro h1 { border: none; float: none; font-size: 22px; font-weight: 600; } @media print, screen and (max-width: 63.99875em) { .order-details-container .page-intro h1 { max-width: 115px; } } .order-details-container .order-details-header .label, .order-details-container .order-details-header .value { display: block; } @media print, screen and (min-width: 40em) { .order-details-container .order-details-header .label, .order-details-container .order-details-header .value { display: inline-block; } } .order-details-container .orderdetails .order-information { border: none; } @media print, screen and (max-width: 39.99875em) { .order-details-container .orderdetails .order-information { padding: 0; } } .order-details-container .orderdetails .order-shipment-details .label { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .order-details-container .orderdetails .order-shipment-details .label { margin-top: 0; } } .order-details-container .orderdetails .item-detail-row { padding-top: 30px; } @media print, screen and (min-width: 40em) { .order-details-container .orderdetails .item-detail-row { padding-top: 0; } } @media print, screen and (min-width: 40em) { .order-details-container .orderdetails .item-detail-row.expand-row .quantity-column { padding: 0; } } @media print, screen and (min-width: 40em) { .order-details-container .orderdetails .item-detail-row.expand-row .line-item-price { padding: 0; margin-top: 0; } } .order-details-container .orderdetails .show-products-container { -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 40em) { .order-details-container .orderdetails .show-products-container { border-top: solid 1px; padding-top: 2em; } .order-details-container .orderdetails .show-products-container .gift-message-container { padding: 0; margin-top: 0; border: none; } .order-details-container .orderdetails .show-products-container .gift-message-container .order-shipment-gift-message { margin-top: 0; } .order-details-container .orderdetails .show-products-container .item-detail-row { border: none; } } @media print, screen and (max-width: 39.99875em) { .order-details-container .orderdetails .show-products-container .checkout-column-right { -ms-flex-order: 3; order: 3; } .order-details-container .orderdetails .show-products-container .product-section { -ms-flex-order: 2; order: 2; } .order-details-container .orderdetails .show-products-container .gift-section { -ms-flex-order: 1; order: 1; } } .order-details-container .calculations-container { background-color: #f5f3ef; } .order-details-container .show-products-container .replenish-checkbox, .order-history-items .order-item-info .replenish-checkbox { display: none; } @media print, screen and (max-width: 39.99875em) { .order-history-items .bundle-item-container .order-item { margin-top: 0; } } .order-history-header { background-color: #f5f5f5; display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .order-history-header { padding-left: 30px; padding-right: 30px; } .order-history-header .order-detail.order-total { display: block; text-align: right; } } @media print, screen and (min-width: 40em) { .order-history-header { padding-left: 35px; padding-right: 35px; } } @media print, screen and (min-width: 64em) { .order-history-header .order-detail .label { margin-right: 20px; } .order-history-header .order-detail.order-total { text-align: center; } .order-history-header .label, .order-history-header .value { display: block; } } .order-history-header.accordion-title { display: -ms-flexbox; display: flex; border-top: 2px solid #202020; } .order-history-header.accordion-title:before { position: absolute; top: 50%; right: 20px; font-size: 28px; transform: translateY(-50%); margin-top: 0; background: #081f2c; color: #fff; padding: 6px 10px; } @media print, screen and (max-width: 63.99875em) { .order-history-header.accordion-title:before { margin-right: 6px; } } .order-history-header.accordion-title:hover, .order-history-header.accordion-title:focus { background-color: #f5f5f5; } .order-history-header .order-cancel-button { margin-top: 0; -ms-flex: auto; flex: auto; } .order-history-header .order-cancel-button button.cancel-order-btn { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; float: right; } .order-history-header .order-cancel-button button.cancel-order-btn.selected, .order-history-header .order-cancel-button button.cancel-order-btn:hover, .order-history-header .order-cancel-button button.cancel-order-btn:active, .order-history-header .order-cancel-button button.cancel-order-btn[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-history-header .order-cancel-button button.cancel-order-btn { padding: 1rem 2rem; } } @media print, screen and (max-width: 39.99875em) { .order-history-header .order-cancel-button button.cancel-order-btn { width: 50%; font-size: 0.875rem; padding: 1rem 0.5rem; } } .see-full-detail-link { margin-left: 58px; margin-top: 22px; } .see-full-detail-link a { text-decoration: underline; font-weight: 700; } @media print, screen and (min-width: 40em) { .view-detail-btn-container, .pagination-buttons { padding-right: 20px; } } .ordered-items .name a { display: block; } .order-history-items .product-list-item .name { max-width: 250px; } .order-history-items .bv-rating-wrapper, .order-history-items .pr-rating-wrapper { margin-top: 20px; } @media print, screen and (min-width: 40em) { .order-history-items .quantity-column { -ms-flex-order: 2; order: 2; } } .order-history-items .order-container { margin: 0; font-weight: normal; } @media print, screen and (min-width: 40em) { .order-history-items .order-container { padding-left: 15px; } } .order-history-items .order-container .item-price-column { padding-right: 0; } .order-history-items .order-history-table { display: block; } .order-history-items .order-history-table .gift-cert-container { border: none; } @media print, screen and (max-width: 39.99875em) { .order-history-items .order-history-table .gift-cert-container .recipient { word-break: break-all; } } .order-history-items .order-history-table label[for="replencycle"] { display: inline-block; font-size: 11px; } .order-history-items .order-history-table label[for="replencycle"] span { clip: unset; width: auto !important; height: auto !important; overflow: auto; position: static; } .order-history-items .order-history-table .replenishmentCycle { height: auto; margin-bottom: 20px; width: 150px; font-size: 12px; padding: 7px 12px 7px 3px; } .order-history-items .order-history-table .order-history-add-to-cart { display: inline-block; } .order-history-items .order-history-table .order-item > .row, .order-history-items .order-history-table .pt_content-search-result-static .no-left-nav-template .order-item > .content-asset, .pt_content-search-result-static .no-left-nav-template .order-history-items .order-history-table .order-item > .content-asset, .order-history-items .order-history-table .pt_content-search-result-static .left-nav-template .order-item > .content-asset, .pt_content-search-result-static .left-nav-template .order-history-items .order-history-table .order-item > .content-asset { margin-left: 1.5rem; margin-right: 1.5rem; } .order-history-items .sku { margin-top: 15px; } @media print, screen and (max-width: 39.99875em) { .order-history-items .sku { display: none; } } .order-history-items .order-item { margin-bottom: 50px; margin-top: 30px; } .order-history-items .order-item .discontinued-button { background-color: #ccc; color: #fff; line-height: 1.25rem; letter-spacing: .05em; } .order-history-items .order-item .text-right { text-align: right; } .order-history-items .order-item-info { margin-top: 15px; } @media print, screen and (max-width: 39.99875em) { .order-history-items .bundle-ord-details { margin-left: 16%; margin-top: 15px; } .order-history-items .bundle-ord-details .qty-price-wrapper { margin-left: 23%; } } @media print, screen and (min-width: 64em) { .order-history-items .ord-details-wrapper { -ms-flex-pack: justify; justify-content: space-between; } } @media print, screen and (max-width: 39.99875em) { .order-history-items .ord-details-wrapper { margin-left: 0 !important; margin-right: 30px !important; -ms-flex-direction: column; flex-direction: column; } } @media print, screen and (max-width: 39.99875em) { .order-history-items .ord-details-wrapper .buy-again { margin: 15px 0px 10px -2px; } } .order-history-items .buy-again, .order-history-items .product-buy-again { display: inline-block; background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .order-history-items .buy-again.selected, .order-history-items .buy-again:hover, .order-history-items .buy-again:active, .order-history-items .buy-again[value="selected"], .order-history-items .product-buy-again.selected, .order-history-items .product-buy-again:hover, .order-history-items .product-buy-again:active, .order-history-items .product-buy-again[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 63.99875em) { .order-history-items .buy-again, .order-history-items .product-buy-again { padding: 9px 22px; } } .order-history-items .see-other-recommended-product-link { font-size: 15px; margin-top: 12px; display: inline-block; text-decoration: underline; text-align: center; } .order-history-items .see-other-recommended-product-link:hover { text-decoration: none; } .order-history-items .product-variations .pdp-vars #pdp-swatches.color { display: none; } .order-history-items .product-variations .pdp-vars .variation-select { width: 100%; margin: 4px 4px 4px 0 !important; } .order-history-items .product-variations .pdp-vars .attribute { border: 0; } .see-other-recommended-product-link { font-size: 14px; margin-top: 12px; display: inline-block; text-decoration: underline; } .see-other-recommended-product-link:hover { text-decoration: none; } .samples-product-container { border: 1px solid #ccc; padding: 20px; margin: 20px 0; } .samples-product-container > .order-item { padding-right: 25px; } .bundled-items-container { border: 1px solid #ccc; padding: 20px; margin: 20px 0; } @media print, screen and (max-width: 63.99875em) { .bundled-items-container .bundle-item-container { margin-bottom: 20px; } } .ordered-items { font-size: 14px; font-weight: normal; } @media print, screen and (min-width: 40em) { .ordered-items { font-size: 16px; } } .ordered-items .item-detail-row { border-top: 1px solid #202020; padding: 2em 0; } .ordered-items .item-detail-row:first-child { border-top: none; } .ordered-items .item-detail-row .full-size-sku { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; padding: 13px 19px; } .ordered-items .item-detail-row .full-size-sku.selected, .ordered-items .item-detail-row .full-size-sku:hover, .ordered-items .item-detail-row .full-size-sku:active, .ordered-items .item-detail-row .full-size-sku[value="selected"] { background-color: #333333; color: #ffffff; } .ordered-items .item-detail-row .full-size-sku:disabled { opacity: .3; pointer-events: none; } .ordered-items .item-detail-row .buy-full-size-button { margin-bottom: 30px; } .ordered-items .product-promotion-container { color: #504949; font-style: italic; margin: 0; padding-bottom: 1em; width: 100%; padding-left: 1em; } @media print, screen and (max-width: 39.99875em) { .ordered-items .product-promotion-container { padding-top: 1em; padding-bottom: 1em; } } .ordered-items .product-promotion-container .promo { padding-left: 0.5rem; } @media print, screen and (min-width: 40em) { .ordered-items .product-promotion-container .promo { padding-left: 1.25rem; } } .ordered-items .line-item { font-weight: bold; } .ordered-items .attribute { margin: 15px 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .ordered-items .qty-price-wrapper { text-align: right; } } .js-bv-white-review, .js-pr-write-review { font-size: 15px; text-align: left; text-decoration: underline; width: 170px; max-width: none; } .js-bv-white-review:hover, .js-pr-write-review:hover { color: inherit; text-decoration: none; } .price-quantity-row { margin-top: 5px; } @media print, screen and (max-width: 39.99875em) { .hide-container { display: none; } } .orders-filter-form { -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-right: 1.25rem; } .orders-filter-form legend.sr-only { color: #767676; } .filters-btn-container { margin: 20px 0; padding: 10px; } @media print, screen and (max-width: 39.99875em) { .filters-btn-container { position: relative; } } .filters-btn-container.back-to-orders { width: 100%; padding: 0; margin: 0; } .filters-btn { background-color: #F7F7F7; color: #202020; border: none; text-align: left; text-transform: capitalize; font-weight: normal; padding: 1rem; } .filters-btn::after { content: url("../../../static/images/filter-results-button.svg"); float: right; } .filters-btn:focus { background-color: #F7F7F7; color: #202020; } @media print, screen and (max-width: 39.99875em) { .filters-container { top: 0; background-color: #fff; height: 100%; overflow: auto; width: calc(100% + 1.25rem); padding: 1rem; z-index: 101; } } @media print, screen and (max-width: 39.99875em) { .filters-container .filters-details-container { height: 100%; } } .filters-container .filters-details-container .filters-form-container { height: 100%; padding: 0; } @media print, screen and (max-width: 39.99875em) { .filters-container .filters-details-container .samples-filter-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .filters-container .filters-details-container .samples-filter-wrapper #includeSamples:focus { outline: 1px dotted #202020; } .filters-container .filters-details-container .filter-months-label { border: 1px solid; padding: 10px 20px 10px 20px; } .filters-container .filters-details-container .label-checked { background-color: #d6cdbd; border: none; } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .filters-container .months-container { min-width: 300px; } } .filters-container .months-container label { display: inline; font-size: 16px; } .filters-container .filter-months-select { width: 118px; border: solid 1px; } .filters-container .filter-months-select:focus { outline-offset: 1px; } .filters-container .includeSamplesCheckbox { -ms-flex-align: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .filters-container .includeSamplesCheckbox { margin-top: 40px; margin-bottom: 40px; } } @media print, screen and (min-width: 40em) { .filters-container .includeSamplesCheckbox { margin-left: 15px; } } .filters-container .includeSamplesCheckbox .includeSamples { vertical-align: middle; } .filters-container .includeSamplesCheckbox label { margin: 0; } .filters-container .cancel-filter, .filters-container .clear-filter { text-transform: uppercase; text-decoration: underline; color: #504949; display: inline; padding-right: 1em; font-weight: normal; } .filters-container .cancel-filter:hover, .filters-container .clear-filter:hover { text-decoration: none; } .filters-container .clear-filter { cursor: pointer; margin: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: right; } @media print, screen and (max-width: 63.99875em) { .filters-container .clear-filter { font-size: 14px; } } .filter-btn-container { text-align: right; margin-top: 3px; } .filter-btn-container .submit-filter-btn { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .filter-btn-container .submit-filter-btn.selected, .filter-btn-container .submit-filter-btn:hover, .filter-btn-container .submit-filter-btn:active, .filter-btn-container .submit-filter-btn[value="selected"] { background-color: #333333; color: #ffffff; } .filter-btn-container .submit-filter-btn[aria-disabled="true"] { pointer-events: none; } @media print, screen and (max-width: 39.99875em) { .filter-btn-container { width: 100%; text-align: center; } } .show-selected-filter { width: 160px; font-size: 14px; border: none; background-color: #d6cdbd; padding: 10px 15px 10px 15px; margin-bottom: 30px; } .showing-result { font-size: 12px; color: #081f2c; margin-bottom: 18px; } #order-quickview-cntr .modal-body { overflow-x: hidden; } #order-quickview-cntr #pdpMain .add-to-cart { background-color: #202020; border: none; } @media print, screen and (min-width: 40em) { #order-quickview-cntr #pdpMain .add-to-cart { margin: 0 auto; width: 100%; max-width: 225px; } } @media print, screen and (min-width: 64em) { #order-quickview-cntr #pdpMain .add-to-cart { margin: 0; } } @media print, screen and (min-width: 40em) { #order-quickview-cntr #pdpMain .replenishment { text-align: center; } } @media print, screen and (min-width: 64em) { #order-quickview-cntr #pdpMain .replenishment { text-align: left; } } #order-quickview-cntr #pdpMain .product-actions { padding: 0; } #order-quickview-cntr #pdpMain .product-actions a { padding: 0; line-height: 1.5rem; } #order-quickview-cntr #pdpMain .swatches { color: #202020; } #order-quickview-cntr #pdpMain .swatchanchor { color: #202020; border: none; } #order-quickview-cntr #pdpMain .productthumbnail.selected { border: none; outline: none; } @media print, screen and (max-width: 63.99875em) { #order-quickview-cntr #pdpMain .image-zoom { display: block; top: initial; right: 0; left: 20px; margin-top: 20px; } #order-quickview-cntr #pdpMain .price-qty-row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } #order-quickview-cntr #pdpMain .product-info { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: end; align-items: flex-end; float: none; width: 100%; max-width: 300px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #order-quickview-cntr #pdpMain .product-variations { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #order-quickview-cntr #pdpMain .inventory { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right; } #order-quickview-cntr #pdpMain .inventory .quantity { display: block; } #order-quickview-cntr #pdpMain .product-price, #order-quickview-cntr #pdpMain .product-actions { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0; } #order-quickview-cntr #pdpMain .product-price.product-actions, #order-quickview-cntr #pdpMain .product-actions.product-actions { text-align: right; } #order-quickview-cntr #pdpMain .primary-image { display: none; } #order-quickview-cntr #pdpMain .product-thumbnails ul { width: 100%; } #order-quickview-cntr #pdpMain .product-image-thumbnail { min-height: 75px; } #order-quickview-cntr #pdpMain .product-title { float: none; width: 100%; } #order-quickview-cntr #pdpMain .product-image-container { float: none; margin: 0px auto 80px auto; max-height: 200px; max-width: 200px; } } @media print, screen and (min-width: 64em) { #order-quickview-cntr #pdpMain .product-info { padding: 0 1.25rem; } } #order-quickview-cntr #pdpMain .product-thumbnails { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 64em) { #order-quickview-cntr #pdpMain .product-thumbnails { -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%; margin-top: 30px; } } .no-orders { margin-top: 46px; margin-bottom: 20px; text-align: center; } @media print, screen and (max-width: 39.99875em) { .no-orders { margin-top: 32px; } } .no-orders .shop { text-align: center; background-color: #fff; color: #202020; border: 1px solid #202020; padding: 13px 40px; font-size: 16px; } @media print, screen and (max-width: 63.99875em) { .no-orders .shop { padding: 13px 68px; } } .no-orders .shop:hover { background-color: #081f2c; color: #fff; } .orders-header { margin-top: 23px; } .orders-header h1 { font-weight: bold; } .bundle:not(.sample-category-update) .bundle:not(.add-to-cart) { padding-left: 30px; } .sort-by-filter-container { margin-top: 10px; text-align: right; margin-left: 7rem !important; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .sort-by-filter-container { margin-left: 0 !important; } } .sort-by-filter-container label { font-weight: bold; display: inline; font-size: 16px; margin-top: inherit; } .sort-by-filter-container .sort-by-order-selection { max-width: 185px; margin: 0 0 10px 10px; } @media print, screen and (max-width: 39.99875em) { .sort-by-filter-container { text-align: center; margin: 20px 0; } } .product-edit-btns .replenishmentupdate.disabled { background: #ccc; pointer-events: none; } .orders-and-replenishments-container .order-tracking { text-decoration: underline; } .orders-and-replenishments-container .order-tracking:hover { text-decoration: none; } .order-history-results .bundled-items-container .bundle-item-container > .row, .replenishment-items .bundled-items-container .bundle-item-container > .row, .order-history-results .bundled-items-container .pt_content-search-result-static .no-left-nav-template .bundle-item-container > .content-asset, .pt_content-search-result-static .no-left-nav-template .order-history-results .bundled-items-container .bundle-item-container > .content-asset, .replenishment-items .bundled-items-container .pt_content-search-result-static .no-left-nav-template .bundle-item-container > .content-asset, .pt_content-search-result-static .no-left-nav-template .replenishment-items .bundled-items-container .bundle-item-container > .content-asset, .order-history-results .bundled-items-container .pt_content-search-result-static .left-nav-template .bundle-item-container > .content-asset, .pt_content-search-result-static .left-nav-template .order-history-results .bundled-items-container .bundle-item-container > .content-asset, .replenishment-items .bundled-items-container .pt_content-search-result-static .left-nav-template .bundle-item-container > .content-asset, .pt_content-search-result-static .left-nav-template .replenishment-items .bundled-items-container .bundle-item-container > .content-asset { -ms-flex-align: center; align-items: center; } .order-history-results .bundled-items-container .order-item.custom-bundle, .replenishment-items .bundled-items-container .order-item.custom-bundle { border: none; margin: 0; } @media print, screen and (max-width: 39.99875em) { .order-history-items .product-variations .mobile-variant-dropdown .variation-select .emptytext { width: 14em; padding: 10px 10px; } } @media print, screen and (max-width: 39.99875em) { .order-history-items .product-variations .attribute { display: inherit; } .order-history-items .product-variations .attribute .dropdown__list { width: 14em; } .order-history-items .product-variations .attribute .dropdown__list .dropdown__list-item .variation-label { display: inline-block; width: 80%; } } .order-history-items .product-variations .attribute ul { padding: 0; } .order-history-items .product-variations .color-description { display: none; } .order-history-items .product-variations .pdp-vars { padding: 0; } .order-history-items .product-variations .swatches.size li { float: none; } @media print, screen and (max-width: 39.99875em) { .order-history-items .replenishment-add-btn { -ms-flex: 0 0 100%; flex: 0 0 100%; } .order-history-items .replenishment-add-btn .addtocart-action { margin-top: -66px; } } @media print, screen and (min-width: 40em) { .order-history-items .replenishment-add-btn { -ms-flex: 0 0 23.66667%; flex: 0 0 23.66667%; } } @media print, screen and (max-width: 39.99875em) { .order-history-items .replenishment-add-btn { margin-left: 88px; margin-top: 50px; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-history-items .replenishqty { margin-left: 57px; } } .order-history-items .product-price { line-height: 1; } .order-history-items ul.swatches li:nth-child(3) { position: absolute; top: 42%; left: 36%; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .order-history-items ul.swatches li:nth-child(3) { top: 41%; left: 52%; } } @media print, screen and (max-width: 39.99875em) { .order-history-items ul.swatches li:nth-child(3) { left: 22%; } } .order-history-items .replenishment-quantity .quantityselector { padding: 9px; width: 44px; } .order-history-items li { border-bottom: none; margin-bottom: 0; } .order-cancel-msgContainer { line-height: 1; padding: 0.625rem 0; } .cancel-order-modal.reveal { max-height: 28rem; border: none; } .cancel-order-modal h2 { text-transform: none; } .cancel-order-modal .order-cancel-popup-message { padding-bottom: 1.25rem; padding-left: 0.625rem; } .cancel-order-modal .order-cancel-select-reason { padding-bottom: 1.25rem; } .cancel-order-modal .order-cancel-select-reason .error { padding-left: 0.625rem; padding-top: 0.5rem; } .cancel-order-modal .cancel-submit-btn { float: right; } .cancel-order-modal .cancel-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .cancel-order-modal .cancel-button.selected, .cancel-order-modal .cancel-button:hover, .cancel-order-modal .cancel-button:active, .cancel-order-modal .cancel-button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (max-width: 63.99875em) { .cancel-order-modal .cancel-button { max-width: 12.5rem; } } .cancel-order-modal .cancel-button:disabled { background-color: #333; color: #fff; cursor: initial; } .cancel-order-modal .required-field-label { position: absolute; left: 0.625rem; top: 0.625rem; font-size: 0.75rem; } .cancel-order-modal .order-cancel-success, .cancel-order-modal .order-cancel-failure { padding: 1.5rem; } @media print, screen and (min-width: 64em) { .cancel-order-modal.reveal { max-width: 40.625rem; } .cancel-order-modal .order-cancel-select-reason { width: 65%; } .cancel-order-modal .order-cancel-popup-message, .cancel-order-modal .order-cancel-select-reason { padding-bottom: 0.625rem; } } @media print, screen and (max-width: 39.99875em) { .cancel-order-modal.reveal { top: 20% !important; } .cancel-order-modal .cancel-submit-btn { position: absolute; bottom: 1.875rem; right: 1.25rem; } } .wishlists-column { margin: 5px 0; } .wishlists-wrapper { max-width: 480px; margin: 0 auto; margin-top: 30px; } @media print, screen and (min-width: 64em) { .wishlists-wrapper { max-width: 630px; } } .wishlists-tile { width: 100%; height: 100%; display: inline-block; box-sizing: border-box; border: 1px solid #202020; } .wishlists-tile__create { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; min-height: 185px; } @media print, screen and (min-width: 40em) { .wishlists-tile__create { min-height: 270px; } } @media print, screen and (min-width: 64em) { .wishlists-tile__create { min-height: 230px; } } .wishlists-tile__create:hover { cursor: pointer; } .wishlists-tile__create--icon { padding: 5px; border: 1px solid #202020; border-radius: 50%; display: inline-block; width: 50px; height: 50px; font-size: 25px; } .wishlists-tile__create--text { display: block; margin-top: 10px; padding: 0 15px; } .wishlists-tile__create.text-only-custom { border: 1px dashed #202020; font-weight: normal; white-space: normal; line-height: 1.4; } .wishlists-tile__wishlist { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .wishlists-tile .wishlists-images { -ms-flex-positive: 1; flex-grow: 1; margin: 0; } .wishlists-tile .wishlists-images .tile-image-wrapper { margin: 5px; border: 1px solid #cacaca; height: 0; padding-bottom: 90%; } .wishlists-tile .wishlists-images .tile-image-wrapper__borderless { border-color: transparent; } .wishlists-tile__container { position: relative; z-index: 1; } .wishlists-tile__container .wishlists-tile-link { display: block; } .wishlists-tile__remove--overlay { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #202020; color: #fff; text-transform: uppercase; opacity: 0.6; } .wishlists-tile__remove--overlay-text { padding: 5px 15px; } .wishlists-tile__remove--overlay-undo.transparent { text-decoration: underline; } .wishlists-tile__remove--overlay:focus { outline-color: #fff; } .wishlists-name { background-color: #202020; color: #fff; text-align: center; padding: 10px 5px; font-weight: 700; font-size: 13px; } .js-wishlist-items { margin: 40px 0px; } .wishlist-top-bar { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; padding: 40px 10px; margin-bottom: 20px; } .wishlist-top-bar .back-link { -ms-flex-preferred-size: 15%; flex-basis: 15%; filter: brightness(0.5); } @media print, screen and (min-width: 40em) { .wishlist-top-bar .back-link { -ms-flex-preferred-size: auto; flex-basis: auto; } } .wishlist-top-bar .back-link:focus { outline-color: #fff; } .wishlist-top-bar .wishlist-header { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 85%; flex-basis: 85%; word-break: break-word; } @media print, screen and (min-width: 40em) { .wishlist-top-bar .wishlist-header { -ms-flex-preferred-size: 95%; flex-basis: 95%; } } .wishlist-top-bar .wishlist-header .wishlist-name { margin-bottom: 0; } .wishlist-top-bar .wishlist-header .wishlist-name__edit { padding: .5em 0 .3em; } .wishlist-top-bar .wishlist-name { color: #202020; font-size: 24px; font-weight: bold; } .wishlist-top-bar .edit-icon { margin: 0 10px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; } .wishlist-item-wrapper[data-recommendation]:not(:first-of-type) { display: none; } .wishlist-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; position: relative; border: 1px solid #202020; margin: 5px 0; padding: 10px 10px 5px; height: calc(100% - 6px); } .wishlist-item__top { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .wishlist-item--out-of-stock { border: 2px solid #c8102e; } .wishlist-item img { width: 100%; } .wishlist-item__link { display: block; } .wishlist-item__name { font-size: 12px; min-height: 36px; font-weight: bold; } .wishlist-item__actions { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; margin-top: 10px; } .wishlist-item__actions .wishlist-product-oos { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-size: 12px; min-height: 37px; color: #c8102e; } .wishlist-item__actions form { display: inline-block; vertical-align: bottom; } .wishlist-item__badge { font-size: 10px; background-color: #c8102e; color: #fff; padding: 2px 5px; } @media print, screen and (min-width: 40em) { .wishlist-item__badge { font-size: 12px; } } .wishlist-item__recommendation-actions { padding-right: 2px; } .wishlist-item__recommendation-actions button { vertical-align: middle; } .wishlist-item__recommendation-actions button:focus { outline-offset: -1px; } .wishlist-item--recommendation { border-style: dashed; padding: 10px 0 5px; } .form-row-button .modal-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .form-row-button .modal-button.selected, .form-row-button .modal-button:hover, .form-row-button .modal-button:active, .form-row-button .modal-button[value="selected"] { background-color: #333333; color: #ffffff; } .js-create-wishlist { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .js-create-wishlist.selected, .js-create-wishlist:hover, .js-create-wishlist:active, .js-create-wishlist[value="selected"] { background-color: #333333; color: #ffffff; } .js-remove-wishlist-product-confirm { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .js-remove-wishlist-product-confirm.selected, .js-remove-wishlist-product-confirm:hover, .js-remove-wishlist-product-confirm:active, .js-remove-wishlist-product-confirm[value="selected"] { background-color: #333333; color: #ffffff; } .wishlists-name { background-color: #081f2c; } .add-all-btn-wrapper { margin: 0 0 20px; } .add-all-btn-wrapper button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .add-all-btn-wrapper button.selected, .add-all-btn-wrapper button:hover, .add-all-btn-wrapper button:active, .add-all-btn-wrapper button[value="selected"] { background-color: #333333; color: #ffffff; } @media print, screen and (min-width: 64em) { .add-all-btn-wrapper { margin: 0 0 40px; } } .remove-tile-overlay { background: #202020; height: 100%; width: 100%; opacity: 0.67; top: 0; left: 0; position: absolute; padding: 0; } .remove-tile-overlay__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f6f6f6; font-size: 18px; text-transform: uppercase; } .remove-tile-overlay__text .undo-btn { color: #fff; text-decoration: underline; padding: 7px; border: 1px solid; } .remove-tile-overlay__text .undo-btn:focus { outline-color: #fff; } .remove-tile-overlay__text a { color: #f6f6f6; text-decoration: underline; } .remove-tile-overlay__text a:focus { outline-color: #fff; } .wishlist-modal__body { font-size: 18px; } .wishlist-modal .edit-action { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0; } .wishlist-modal .edit-action__move, .wishlist-modal .edit-action__remove { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-preferred-size: 80%; flex-basis: 80%; -ms-flex-align: center; align-items: center; white-space: normal; text-align: left; } .wishlist-modal .edit-action__move .svg-icon, .wishlist-modal .edit-action__remove .svg-icon { margin-right: 30px; } .wishlist-modal .edit-action__remove { color: #c8102e; } .choose-wishlist { margin: 40px 0; max-height: 30vh; overflow-y: auto; } .choose-wishlist__item { margin: 15px 0; padding: 0 20px; } .choose-wishlist__item--add .checkmark:after, .choose-wishlist__item--add .checkmark:before { background: #c8102e; } .choose-wishlist__item--add .checkmark-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #c8102e; } .wishlist-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .wishlist-button--container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .wishlist-button__remove--container { margin: 15px 0; color: #c8102e; } .wishlist-button__add { white-space: normal; text-align: left; margin: 15px 0; line-height: 1.4; } .wishlist-button__add.wishlist-button.transparent { padding: 0; } .wishlist-button__add--container { -ms-flex-pack: start; justify-content: start; } .wishlist-button .wishlist-link { text-decoration: underline; } .wishlist-products-oos-header { color: #c8102e; font-weight: bold; text-align: center; } .wishlist-modal__body .wishlist-button__add { text-decoration: none; text-transform: inherit; } #remove-wishlist-cntr .modal-button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } #remove-wishlist-cntr .modal-button.selected, #remove-wishlist-cntr .modal-button:hover, #remove-wishlist-cntr .modal-button:active, #remove-wishlist-cntr .modal-button[value="selected"] { background-color: #333333; color: #ffffff; } .create-wishlist-form .form-row > label { width: 100%; } .create-wishlist-form .form-row > label span:last-child { font-size: 14px; font-weight: bold; } .create-wishlist-form .field-wrapper { width: 100%; } .create-wishlist-form .field-wrapper .error { text-align: left; margin-bottom: 5px; font-size: 14px; } .create-wishlist-form .field-wrapper .wishlistname { border: 1px solid #000; padding: 10px; height: 56px; margin-bottom: 10px; } .persistant-tray-product-info .wishlist-button--container { display: inline-block; } .persistant-tray-product-info .wishlist-button--container .wishlist-button { text-transform: inherit; text-decoration: none; } .persistant-tray-product-info .wishlist-button--container .wishlist-button .wishlist-link { color: inherit; } .wishlists-tile__remove--overlay-undo { color: #fff; text-decoration: underline; padding: 7px; border: 1px solid; } .wishlists-tile__remove--overlay-undo:focus { outline-color: #fff; } .wishlist-search-container { max-width: 630px; margin: 0 auto; } @media print, screen and (max-width: 39.99875em) { .wishlist-search-container { padding: 0 15px; } } .wishlist-search-container .find-wishlist { font-size: 1.5em; font-weight: 400; margin-bottom: 15px; } .wishlist-search-container .wishlist-search .border-input { width: 32.666666667%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (max-width: 39.99875em) { .wishlist-search-container .wishlist-search .border-input { width: 100%; margin-left: 0; margin-right: 0; } } .wishlist-search-container .wishlist-search .border-input .field-wrapper span.error { font-size: 12px; } .wishlist-search-container .wishlist-search .form-row-button { float: none; width: 32.666666667%; margin: 0.5rem auto 0.5rem; padding-top: 10px; clear: both; } .wishlist-search-container .wishlist-search .form-row-button button { padding: 10px 76px; width: 95%; } @media print, screen and (max-width: 39.99875em) { .wishlist-search-container .wishlist-search .form-row-button button { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%; } } .wishlist-search-container .wishlist-search button { margin-left: 0; } .wishlist-search-container .wishlist-search .input-text { height: 45px; width: 95%; } @media print, screen and (max-width: 39.99875em) { .wishlist-search-container .wishlist-search .input-text { width: 100%; } } .wishlist-search-container .wishlist-search-results { margin: 15px 0; } .wishlist-search-container .wishlist-search-results a { text-decoration: underline; } .wishlist-search-container .wishlist-search-results .item-list { border-collapse: collapse; border-spacing: 0; } .wishlist-search-container .wishlist-search-results .item-list .section-header { background: #f6f6f6; font-size: 12px !important; border-top: 3px solid #202020; } .wishlist-search-container .wishlist-search-results .item-list td { padding-left: 12px; } .wishlist-search-container .wishlist-search-results p { font-size: 15px; } .wishlist-search-container .wishlist-search-results p.form-error { color: #c8102e; font-weight: 500; } @media print, screen and (max-width: 39.99875em) { .wishlist-search-container .wishlist-search-results { overflow-x: auto; } } .wishlist-search-container .wishlist-search-no-results { padding-bottom: 15px; } .list-share .share-options.wishlist-share-options { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .list-share .share-options.wishlist-share-options .share-icon { opacity: 1; visibility: visible; border-radius: 20%; transition: none; transform: none; z-index: 0; margin-top: 0; background: #fff; color: #202020; width: 40px; padding: 0 10px; } @media print, screen and (max-width: 39.99875em) { .list-share .share-options.wishlist-share-options .share-icon { width: 33px; } } .list-share .share-options.wishlist-share-options .share-icon .fa { font-size: 25px; } @media print, screen and (max-width: 39.99875em) { .list-share .share-options.wishlist-share-options { float: none; margin: 0 auto; } } .wishlist-sharing-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .wishlist-sharing-container .list-share { border-top: none; } .wishlist-sharing-container .list-share .share-option { text-transform: capitalize; font-weight: normal; } @media print, screen and (max-width: 39.99875em) { .wishlist-sharing-container .list-share .share-option { float: none; margin: 0 auto; } } .wishlist-sharing-container .list-share .share-options-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px; } @media print, screen and (max-width: 39.99875em) { .wishlist-sharing-container .list-share .share-options-container { -ms-flex-direction: column; flex-direction: column; } } .wishlist-sharing-container .share-link-content { font-size: 16px; } @media print, screen and (max-width: 39.99875em) { .wishlist-sharing-container .share-link-content { font-size: 13px; } } .wishlist-sharing-container .share-link-content a { text-decoration: underline; } #add-wishlist-product-modal { height: auto; top: 30% !important; } #add-wishlist-product-modal .modal-confirm-button { background-color: #081f2c; border: 2px solid #081f2c; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 8px 40px; } .beauty-consultation #beauty-consultation-form { padding-top: 60px; background-color: #f6f6f6; -ms-flex-pack: center; justify-content: center; } .beauty-consultation #beauty-consultation-form .form-submit-successmsg { margin-bottom: 10px; } .beauty-consultation #beauty-consultation-form .form-submit-successmsg button { background-color: #081f2c; border: none; color: #ffffff; font-family: "CronosPro-LtDisp", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 20pxpx; line-height: 1.25rem; letter-spacing: 0.05em; text-align: center; cursor: pointer; padding: 10px 40px; } .beauty-consultation #beauty-consultation-form .form-submit-successmsg button.selected, .beauty-consultation #beauty-consultation-form .form-submit-successmsg button:hover, .beauty-consultation #beauty-consultation-form .form-submit-successmsg button:active, .beauty-consultation #beauty-consultation-form .form-submit-successmsg button[value="selected"] { background-color: #333333; color: #ffffff; } .beauty-consultation .custom-input-box-wrapper.open-question label { margin-bottom: 20px; } .beauty-consultation .custom-input-box-wrapper.open-question textarea { border-color: #202020; } .beauty-consultation .plp-icon-block { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; margin: 10px 0; } .beauty-consultation .plp-icon-block .bag-icon, .beauty-consultation .plp-icon-block .plp-quickshop-icon { width: 30px; height: auto; margin: 0 10px; } .beauty-consultation .plp-icon-block .plp-quickshop-icon { padding: 4px; } .beauty-consultation .add-to-cart-error { padding: 0; } .beauty-consultation .beauty-consultation-drawer .drawer-title { background-color: #081f2c; top: 50%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media print, screen and (min-width: 40em) { .beauty-consultation .beauty-consultation-drawer .drawer-title { top: 430px; } } .beauty-consultation .beauty-consultation-drawer .drawer-title button:focus { outline-color: #fff; } .beauty-consultation .beauty-consultation-drawer .drawer-content { border-left: 8px solid #081f2c; } @media print, screen and (max-width: 39.99875em) { .beauty-consultation .beauty-consultation-drawer .drawer-content { top: 200px; padding: 40px 10px 0px; height: auto; } .beauty-consultation .beauty-consultation-drawer .drawer-content .close-drawer { right: 7px; top: 32px; margin-right: 36px; } } .beauty-consultation .beauty-consultation-drawer .drawer-content .tiles-container { margin: 0; } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .beauty-consultation .beauty-consultation-drawer .drawer-content .tiles-container .product-tile { min-height: 430px; } } .beauty-consultation .beauty-consultation-drawer .drawer-content .tiles-container .product-short-blub { height: 50px; } .beauty-consultation .beauty-consultation-drawer .drawer-content .product-tile .product-variations .mobile-variant-dropdown { max-width: unset; } .beauty-consultation .beauty-consultation-drawer .product-variations .dropdown-label { white-space: nowrap; } .beauty-consultation .beauty-consultation-drawer .product-variations .emptytext .selected-text { width: 72px !important; } .beautystation-login-modal { padding: 0; border: none; width: 450px; height: 515px; } .beautystation-login-modal .close-button { z-index: 2; } .beautystation-login-modal .modal-body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: initial; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container img { width: 450px; height: 515px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-arrow.slick-prev { margin-left: 4px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-arrow.slick-next { margin-right: 4px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-prev::before, .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-next::before { color: #081f2c; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .carousel-title { position: absolute; top: 55px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .carousel-detail { position: absolute; top: 105px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots { position: absolute; bottom: 55px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots li.slick-active button::before, .beautystation-login-modal .modal-body .beautystation-login-carousel-container .slick-dots li button::before { color: #081f2c; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .skip-carousel { position: absolute; bottom: 20px; text-decoration: underline; font-size: 12px; cursor: pointer; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .carousel-title { color: #fff; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .carousel-detail { color: #fff; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .beautystation-link { position: absolute; top: 160px; background: #081f2c; color: #fff; height: 40px; line-height: 2.5; width: 230px; text-align: center; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .login-carousel-share .beautystation-link:focus { outline-color: currentColor; outline-offset: 2px; } .beautystation-login-modal .modal-body .beautystation-login-carousel-container .inner-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; } .pt_pagedesigner a:hover { color: #202020; text-decoration: none; } .pt_pagedesigner .menu-utility-user a:hover { color: #fff; } .pt_pagedesigner .menu-utility-user a.mini-cart-link-cart:hover { color: #081f2c; } .pt_pagedesigner .menu-utility-user .minicart-recommendation a:hover { color: #202020; } .pt_pagedesigner .one-click-label p { margin-top: 1em; margin-bottom: 1em; } .pt_pagedesigner .collapse { display: block; } .pt_pagedesigner .breadcrumb { display: block; background-color: #fff; } .pt_pagedesigner .social-share-trigger a:hover, .pt_pagedesigner .share-icons a:hover { color: #fff; } .pt_pagedesigner .pd-plp-refinebar, .pt_pagedesigner .show-more { margin: 20px 0 25px 0; } .pt_pagedesigner .experience-dynamic-productList { margin-top: 40px; } .pt_pagedesigner .sub-feature-article-container .featured-details { margin-top: 1.5em; } .pt_pagedesigner .pd-newsletter .button { text-transform: uppercase; background: #081f2c; height: 40px; padding: .6em 2em .4em 2em; border: 2px solid #081f2c; width: auto; color: #fff; } @media print, screen and (max-width: 39.99875em) { .pt_pagedesigner .pd-newsletter .button { width: 100%; } } .pt_pagedesigner .pd-newsletter .button:hover { background: transparent; color: #081f2c; } .pt_pagedesigner .pd-newsletter .button.disabled { color: #081f2c; cursor: auto; background-color: transparent !important; border: 2px solid #081f2c !important; } .pt_pagedesigner .pd-newsletter .button.black { background: #202020; border: 2px solid #202020; } .pt_pagedesigner .pd-newsletter .button.black:hover { background: transparent; color: #202020; } .pt_pagedesigner .sub-feature-videoarticle-container .main-video:before { display: none; } .pt_pagedesigner .sub-feature-videoarticle-container .icon-play { display: block; position: absolute; font-family: icomoon; color: #fff; font-size: 70px; height: 70px; width: 70px; right: 50%; top: 50%; margin: -35px -35px 0 0; line-height: 1; } .pt_pagedesigner .product-price .price-standard { color: #737373; font-weight: normal; text-decoration: line-through; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .pt_pagedesigner .show-more button { padding: 10px 20px; letter-spacing: normal; } } .pt_pagedesigner .full-width-product-tile { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .pt_pagedesigner .full-width-product-tile { -ms-flex-direction: column; flex-direction: column; } } @media print, screen and (max-width: 39.99875em) { .pt_pagedesigner .full-width-product-tile .full-width-product-img { margin-bottom: 20px; } } .pt_pagedesigner .full-width-product-tile .full-width-product-img .component-image { max-width: 95%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .pt_pagedesigner .full-width-product-tile .full-width-product-img .component-image { max-width: 80%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .pt_pagedesigner .full-width-product-tile .full-width-product-img .component-image { max-width: 80%; } } .pt_pagedesigner .full-width-product-tile .product-brand-link { font-weight: 700; line-height: 1.2em; font-size: 18px; } .pt_pagedesigner .full-width-product-tile .price-sales { font-weight: 700; } .pt_pagedesigner .full-width-product-tile .product-pricing { margin-bottom: 20px; } .pt_pagedesigner .full-width-product-tile .product-explore-category-link:hover { text-decoration: underline; } @media print, screen and (max-width: 39.99875em) { .pt_pagedesigner .full-width-product-tile .full-width-product-actions { margin-top: 20px; width: 100%; } } @media print, screen and (max-width: 39.99875em) { .pt_pagedesigner .full-width-product-tile .full-width-product-actions button { width: 100%; } } .pt_pagedesigner .full-width-product-tile .full-width-product-actions .button.red { background: #081f2c; color: #fff; border: 2px solid #081f2c; } .pt_pagedesigner .full-width-product-tile .full-width-product-actions .button.red:hover { background: transparent; color: #081f2c; } .pt_pagedesigner .full-width-product-tile .full-width-product-actions .buy-online-button.black:hover { color: #504949; } .pt_pagedesigner .full-width-product-tile .full-width-product-actions .out-of-stock { background-color: #081f2c; pointer-events: none; color: #fff; border-color: #081f2c; } .pt_pagedesigner .experience-assets-ruledrivenproducttile #quickviewbutton, .pt_pagedesigner .experience-assets-producttile #quickviewbutton { display: block; } .pd-tooltip { opacity: 1; } .pd-tooltip .arrow { opacity: 0; } .modal-content { border: none; } .modal-content .one-click-label:hover { color: #202020; text-decoration: none; } .modal-content .one-click-label p { margin: revert; } .modal-content .product-brand { text-align: initial; } .pdVerticalSlider { padding: 30px 0; } .pdVerticalSlider .slick-slide { position: relative; } .pdVerticalSlider .slick-dots { transform: rotate(90deg); position: absolute; top: 50%; right: 47%; } @media print, screen and (max-width: 39.99875em) { .pdVerticalSlider .slick-dots { right: 41%; } } .vertical-carousel-pageDesigner { max-height: 493px; } @media print, screen and (max-width: 39.99875em) { .vertical-carousel-pageDesigner { max-height: 150px; } } .vertical-carousel-pageDesigner .slick-track, .vertical-carousel-pageDesigner .slick-list, .vertical-carousel-pageDesigner .slick-slide { max-height: 493px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .vertical-carousel-pageDesigner .slick-track, .vertical-carousel-pageDesigner .slick-list, .vertical-carousel-pageDesigner .slick-slide { max-height: 300px; } } @media print, screen and (max-width: 39.99875em) { .vertical-carousel-pageDesigner .slick-track, .vertical-carousel-pageDesigner .slick-list, .vertical-carousel-pageDesigner .slick-slide { max-height: 150px; } } @media print, screen and (max-width: 39.99875em) { .vertical-carousel-pageDesigner .slick-dots li button:before { font-size: 10px; } } @media print, screen and (max-width: 39.99875em) { .vertical-carousel-pageDesigner .slick-dots li { margin: 0; } } .register-newsletter.pd-register-newsletter { display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .register-newsletter.pd-register-newsletter { -ms-flex-direction: column; flex-direction: column; } } .register-newsletter.pd-register-newsletter .news-letter-form .user-consent-container .user-consent-input span.error { top: -19px; } .register-newsletter.pd-register-newsletter .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { top: 0; } .register-newsletter.pd-register-newsletter .news-letter-form .user-consent-container .user-consent-label label { top: -4px; } .register-newsletter.pd-register-newsletter .news-letter-form .user-consent-container .error:not(.termsandconditions) { color: #595C60; font-size: 14px; font-weight: 500; } .register-newsletter.pd-register-newsletter .newsletter-description-container { margin-right: 30px; } .register-newsletter.pd-register-newsletter .logo-title-container { display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .register-newsletter.pd-register-newsletter .logo-title-container { -ms-flex-direction: column; flex-direction: column; } } .register-newsletter.pd-register-newsletter input { padding-left: 0; } .register-newsletter.pd-register-newsletter .field-button-newsletter-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-bottom: 50px; } @media print, screen and (max-width: 39.99875em) { .register-newsletter.pd-register-newsletter .field-button-newsletter-container { -ms-flex-direction: column; flex-direction: column; } } .register-newsletter.pd-register-newsletter .field-button-newsletter-container input { border: 1px solid #202020; border-width: 1px; display: -ms-inline-flexbox; display: inline-flex; width: 90.666667%; height: 56px; } .register-newsletter.pd-register-newsletter .field-button-newsletter-container input.error { padding: 10px; border: 1px solid #202020; border-bottom-width: 3px; border-bottom-color: #B82B35; } .register-newsletter.pd-register-newsletter .field-button-newsletter-container .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .register-newsletter.pd-register-newsletter .field-button-newsletter-container .required-indicator { padding-right: 5px; } @media print, screen and (max-width: 39.99875em) { .register-newsletter.pd-register-newsletter .component-figure { margin-left: 0; } } .experience-assets-categorytile a.category-tile-link .category-text_container.onfocus { opacity: 0.7; color: #fff; } .imagetextcta-container { display: -ms-flexbox; display: flex; position: relative; background-repeat: no-repeat; background-size: cover; } .imagetextcta-container .mainimage-text-container { display: -ms-flexbox; display: flex; -ms-flex: 0 0 95%; flex: 0 0 95%; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; padding-left: 10px; } } .imagetextcta-container .mainimage-text-container.right { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container.right { -ms-flex-direction: column; flex-direction: column; } } .imagetextcta-container .mainimage-text-container .main-image { margin: 0 10px; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container .main-image { margin: 10px 0 10px 10px; } } .imagetextcta-container .mainimage-text-container .main-image img { width: 400px; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container .main-image img { width: 224px; } } .imagetextcta-container .mainimage-text-container .text-cta-container { margin: 0 10px; overflow: hidden; max-width: 60%; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container .text-cta-container { margin: 10px 0px; min-width: 100%; } } .imagetextcta-container .mainimage-text-container .text-cta-container .description-text { font-size: 13px; } .imagetextcta-container .mainimage-text-container .image-text-cta { overflow: initial; white-space: normal; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .mainimage-text-container .image-text-cta { width: 95%; } } .imagetextcta-container .overlay-image-container { position: absolute; transform: translate(-50%, -50%); } .imagetextcta-container .overlay-image-container.default { top: 30%; left: 86%; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .overlay-image-container.default { left: 82%; top: 20%; } } .imagetextcta-container .overlay-image-container img { width: 160px; } @media print, screen and (max-width: 39.99875em) { .imagetextcta-container .overlay-image-container img { width: 64px; } } .pd-footer { position: relative; } .pd-footer footer { background-repeat: no-repeat; background-size: cover; } .pd-footer p { margin: 0 0 0.5em; font-size: 16px; } .pd-footer .pd-footer-columns { display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .pd-footer .pd-footer-columns { -ms-flex-direction: column; flex-direction: column; } } .pd-footer .experience-footerColumns { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; width: 100%; } @media print, screen and (max-width: 39.99875em) { .pd-footer .experience-footerColumns { -ms-flex-direction: column; flex-direction: column; } } .pd-footer .footer-forms-container { -ms-flex: 1; flex: 1; max-width: 30%; margin: 0; } @media print, screen and (max-width: 39.99875em) { .pd-footer .footer-forms-container { max-width: 100%; } } .pd-footer .footer-forms-container .footer-forms-inner label { margin: 0.5rem 0; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12rem; font-size: 16px; } .pd-footer .footer-forms-container .footer-forms-inner input, .pd-footer .footer-forms-container .footer-forms-inner button[type="submit"], .pd-footer .footer-forms-container .footer-forms-inner select { padding-left: 0px; background: transparent; } .pd-footer .footer-forms-container .footer-forms-inner input:-webkit-autofill, .pd-footer .footer-forms-container .footer-forms-inner input:-webkit-autofill:hover, .pd-footer .footer-forms-container .footer-forms-inner input:-webkit-autofill:focus, .pd-footer .footer-forms-container .footer-forms-inner input:-webkit-autofill:active { -webkit-text-fill-color: #202020; -webkit-box-shadow: 0 0 0 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } @media print, screen and (max-width: 39.99875em) { .pd-footer .footer-forms-container .footer-forms-inner { padding-top: 0.5em; border-top: 0.25em solid; } } .pd-footer .footer-forms-container .footer-forms-inner .footer-form { line-height: 1.5; padding-left: 0.25em; padding-right: 0.25em; margin-bottom: 20px; } .pd-footer .footer-forms-container .footer-forms-inner .footer-form #inputaddressfooter-error { background: transparent; margin-top: 0px; } .pd-footer .footer-forms-container .footer-forms-inner .footer-form .store-locator-form { padding-top: 0.75em; } .pd-footer .social-icons-wrapper { -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media print, screen and (max-width: 39.99875em) { .pd-footer .social-icons-wrapper { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .pd-footer .social-icons-wrapper .experience-footerSocialLinks { display: -ms-flexbox; display: flex; margin-top: 2rem; } .pd-footer .social-icons-wrapper .experience-footerSocialLinks .image-link-component { padding: 0 0.7em; font-size: 1.5em; } .pd-footer .social-icons-wrapper .experience-footerSocialLinks .component-image { width: auto; height: 25px; } .pd-footer .footer-copyright-container { margin-top: 1.5rem; } .pd-footer .footer-copyright-container p { font-size: 14px; } .pd-footer .overlay-image-container { position: absolute; transform: translate(-50%, -50%); } @media print, screen and (max-width: 39.99875em) { .pd-footer .overlay-image-container { display: none; } } .pd-footer .overlay-image-container.default { top: 80%; left: 55%; } .pd-footer .overlay-image-container img { max-width: 160px; max-height: 160px; } .experience-layouts-columnwithtitle { -ms-flex: 1; flex: 1; margin: 0 0.25em; } .experience-layouts-columnwithtitle .experience-links { list-style-type: none; padding-left: 0px; } .experience-layouts-columnwithtitle .experience-links .text-link-component { display: -ms-inline-flexbox; display: inline-flex; } @media print, screen and (max-width: 39.99875em) { .experience-layouts-columnwithtitle .column-with-text { border-bottom: 1px solid #081f2c; } .experience-layouts-columnwithtitle .column-with-text .experience-links { display: none; } .experience-layouts-columnwithtitle .column-with-text .experience-links.show { display: block; } } .experience-layouts-columnwithtitle .titleText-wrapper p { margin: 0.5rem 0; font-weight: 600; display: inline-block; text-transform: uppercase; letter-spacing: 0.12rem; } .experience-layouts-columnwithtitle .titleText-wrapper .pd-accordion { float: right; padding: 0.5rem 0.2rem; } .experience-layouts-columnwithtitle .titleText-wrapper .pd-accordion.rotate { transform: rotate(90deg); } .experience-assets-videopanelwithoverlay .video-panel .column.text-container, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns { text-align: left; width: 100%; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container { display: inline-block; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container .cta-text, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container .cta-text { padding: 0 10px; vertical-align: middle; text-decoration: underline; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container .icon-video-play, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container .icon-video-play { vertical-align: middle; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container .icon-video-play::before { content: ""; display: inline-block; width: 24px; height: 24px; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.white .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.white .icon-video-play::before { background: url(../images/play_white.svg) no-repeat; background-size: 100%; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.white:hover .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.white:hover .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.white:focus .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.white:focus .icon-video-play::before { background: url(../images/play_black.svg) no-repeat; background-size: 100%; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.black .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.black .icon-video-play::before { background: url(../images/play_black.svg) no-repeat; background-size: 100%; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.black:hover .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.black:hover .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container.black:focus .icon-video-play::before, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container.black:focus .icon-video-play::before { background: url(../images/play_white.svg) no-repeat; background-size: 100%; } .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container:hover .cta-text, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container:hover .cta-text, .experience-assets-videopanelwithoverlay .video-panel .column.text-container .cta-container:focus .cta-text, .experience-assets-videopanelwithoverlay .video-panel .text-container.columns .cta-container:focus .cta-text { text-decoration: none; } .videoOverlayPopup { top: 0px !important; max-width: 100%; height: 100%; border: none; background-color: #202020; } .videoOverlayPopup button.close-button { z-index: 100; } .videoOverlayPopup button.close-button:focus { outline: 2px dotted white; outline-offset: 2px; } @media print, screen and (min-width: 40em) { .videoOverlayPopup button.close-button { top: 0.5rem; right: 0.25rem; } } .videoOverlayPopup button.close-button .cross-icon { position: absolute; width: 25px; top: 6.5px; } @media print, screen and (max-width: 39.99875em) { .videoOverlayPopup button.close-button .cross-icon { width: 35px; top: 0.5px; } } .videoOverlayPopup button.close-button .ellipse-icon { width: 22px; } @media print, screen and (max-width: 39.99875em) { .videoOverlayPopup button.close-button .ellipse-icon { width: 35px; } } .videoOverlayPopup .responsive-embed { position: static; padding: 0px; } .videoOverlayPopup .responsive-embed iframe { height: 90%; top: 5%; } .pdp-flexible-panel .flexible-panel { padding: 1rem; } .pdp-flexible-panel .flexible-panel .column.text-wrapper, .pdp-flexible-panel .flexible-panel .text-wrapper.columns { width: 100%; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .overlapped, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .overlapped { position: absolute; left: 25%; } @media only screen and (orientation: portrait), only screen and (max-width: 40em) { .pdp-flexible-panel .flexible-panel .column.text-wrapper .overlapped, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .overlapped { top: 25%; transform: translate(-15%, -50%); } } .pdp-flexible-panel .flexible-panel .column.text-wrapper .overlapped-title-container, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .overlapped-title-container { max-height: none; visibility: hidden; } @media only screen and (orientation: portrait) { .pdp-flexible-panel .flexible-panel .column.text-wrapper .overlapped-title-container, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .overlapped-title-container { display: none; } } .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-link, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-link { display: block; margin-top: 1rem; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-container, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-container { text-align: left; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-container .show-ingredients-accordion, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-container .show-ingredients-accordion { text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #c6c6c6; padding-bottom: 2px; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-container .accordion-icon, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-container .accordion-icon { float: right; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-container .ingredient-list, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-container .ingredient-list { position: absolute; background: white; padding: 0.5rem 1rem; border: 1px solid black; border-bottom: 2px solid #c6c6c6; z-index: 1050; } @media print, screen and (max-width: 39.99875em) { .pdp-flexible-panel .flexible-panel .column.text-wrapper .ingredients-container .ingredient-list, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .ingredients-container .ingredient-list { width: 92%; } } .pdp-flexible-panel .flexible-panel .column.text-wrapper .button, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .button { text-decoration: none; } .pdp-flexible-panel .flexible-panel .column.text-wrapper .button.red-button:hover, .pdp-flexible-panel .flexible-panel .text-wrapper.columns .button.red-button:hover { color: #081f2c; } @media only screen and (orientation: landscape) { .pdp-flexible-panel .no-desktop-bg .image-text-wrapper, .video-panel-with-overlay .no-desktop-bg .image-text-wrapper { position: relative; transform: none; left: initial; top: initial; } .pdp-flexible-panel .hide-on-desktop, .video-panel-with-overlay .hide-on-desktop { display: none; } } @media only screen and (orientation: portrait) { .pdp-flexible-panel .no-mobile-bg .image-text-wrapper, .video-panel-with-overlay .no-mobile-bg .image-text-wrapper { position: relative; transform: none; left: initial; top: initial; } .pdp-flexible-panel .hide-on-mobile, .video-panel-with-overlay .hide-on-mobile { display: none; } } .pdp-flexible-panel .main-container, .video-panel-with-overlay .main-container { position: relative; } @media print, screen and (min-width: 40em) { .pdp-flexible-panel .main-container.no-desktop-bg .image-text-wrapper, .video-panel-with-overlay .main-container.no-desktop-bg .image-text-wrapper { position: relative; transform: none; left: initial; top: initial; } } @media print, screen and (max-width: 39.99875em) { .pdp-flexible-panel .main-container.no-mobile-bg .image-text-wrapper, .video-panel-with-overlay .main-container.no-mobile-bg .image-text-wrapper { position: relative; transform: none; left: initial; top: initial; } } @media print, screen and (min-width: 40em) { .pdp-flexible-panel .main-container .hide-on-desktop, .video-panel-with-overlay .main-container .hide-on-desktop { display: none; } } @media only screen and (orientation: portrait) { .pdp-flexible-panel .main-container .hide-on-desktop, .video-panel-with-overlay .main-container .hide-on-desktop { display: block; } } @media print, screen and (max-width: 39.99875em) { .pdp-flexible-panel .main-container .hide-on-mobile, .video-panel-with-overlay .main-container .hide-on-mobile { display: none; } } .pdp-flexible-panel .main-container .background-image, .video-panel-with-overlay .main-container .background-image { width: 100%; } .pdp-flexible-panel .main-container video, .video-panel-with-overlay .main-container video { max-width: 100%; width: 100%; height: auto; } .pdp-flexible-panel .main-container .image-text-wrapper, .video-panel-with-overlay .main-container .image-text-wrapper { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; text-align: center; -ms-flex-align: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .pdp-flexible-panel .main-container .image-text-wrapper, .video-panel-with-overlay .main-container .image-text-wrapper { -ms-flex-direction: column; flex-direction: column; } } @media only screen and (orientation: portrait) { .pdp-flexible-panel .main-container .image-text-wrapper, .video-panel-with-overlay .main-container .image-text-wrapper { -ms-flex-direction: column; flex-direction: column; } } .pdp-flexible-panel .main-container .image-text-wrapper .column, .pdp-flexible-panel .main-container .image-text-wrapper .columns, .video-panel-with-overlay .main-container .image-text-wrapper .column, .video-panel-with-overlay .main-container .image-text-wrapper .columns { -ms-flex: 1; flex: 1; overflow: hidden; } .pdp-flexible-panel .main-container .image-text-wrapper .image-container, .video-panel-with-overlay .main-container .image-text-wrapper .image-container { margin: 2rem; } .sweepstakes-form-header .checkout-header-container { padding-top: 3.125rem; } .sweepstakes-form-header .logo-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .sweepstakes-form-header .logo-container { max-height: 9.375rem; } } @media print, screen and (max-width: 39.99875em) { .sweepstakes-form-header .logo-container { max-height: 4.375rem; } } .sweepstakes-form-header .contest-logo { right: -8.125rem; top: -3.4375rem; position: relative; max-width: 6.25rem; } @media (min-width: 768px) { .sweepstakes-form-header .contest-logo { right: 9.625rem; top: -3.25rem; position: relative; max-width: 14.5625rem; } } @media print, screen and (max-width: 39.99875em) { .sweepstakes-form-header .contest-logo { right: 5rem; top: -2rem; position: relative; } } .sweepstakes-form-header #firstLogo { margin-right: 0.3125rem; min-width: 18.75rem; } @media print, screen and (max-width: 39.99875em) { .sweepstakes-form-header #firstLogo { margin-right: 0.3125rem; min-width: 9.375rem; } } .sweepstakes-form-header #secondary-logo { margin-left: 1.25rem; max-height: 6.125rem; margin-top: 2.5rem; } @media print, screen and (max-width: 39.99875em) { .sweepstakes-form-header #secondary-logo { margin-left: 1.25rem; max-height: 3.75rem; margin-top: 0.5rem; } } .sweepstakes-form-header .contest-logo-img { display: -ms-flexbox; display: flex; } .sweepstakes-form-header .sweeps-form-check input[type=checkbox] { top: 0.25rem; } .sweepstakes-form-header .sweeps-form-check input[type=checkbox]:checked:before { content: ' \2715'; display: block; position: absolute; font-size: 1.125rem; height: 0.75rem; width: 0.75rem; background-image: none; top: -0.375rem; left: -0.0625rem; } .sweepstakes-form-header .sweeps-form-check input.error { padding: 0; } .sweepstakes-form-header .checkout-header-container { display: -ms-flexbox; display: flex; } .sweepstakes-form-header .medium-4 { -ms-flex: none; flex: none; max-width: none; } .sweepstakes-form-header .checkout-header-container .checkout-header .column .primary-logo, .sweepstakes-form-header .checkout-header-container .checkout-header .columns .primary-logo { display: none; } .sweepstakes-form-header #primary { -ms-flex: none; flex: none; max-width: 100%; } .sweepstakes-form-header .primary-content { width: 100%; } .sweepstakes-form-header legend { display: none; } .sweepstakes-form-header .order-total-section { display: none; } .sweepstakes-thankyou-message { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; width: 100%; padding: 2.5rem; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .age-range-error { display: none; } .age-range-error.active { display: block; font-weight: 400; font-size: 14px; font-size: .875rem; margin: -1px 0 10px; color: #c8102e; } #sweepstakes-age-limit { display: none; } #sweepstakes-age-range { display: none; } .sweepstakes-minor-section { display: none; } .sweepstakes-minor-section.active { display: block; } .sweepstakes-extra-message p { font-family: CronosPro-LtDisp, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 700; } .sweepstakes--form-page { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .sweepstakes--form-page input { background: transparent; } .sweepstakes--form-page input[type=text] { border: 1px solid #081f2c; font-family: ChronicleDisplay-LightItalic, CronosPro-LtDisp, Times New Roman, times, serif; font-size: 0.8125rem; font-size: .8125rem; padding: 0.5rem; line-height: 0.875rem; line-height: .875rem; } .sweepstakes--form-page input[type=file] { width: 100%; color: #444; background: transparent; border: 1px solid #555; cursor: pointer; } .sweepstakes--form-page .sweepstakes--from-label .form-caption { font-weight: 400; margin-left: 0; font-size: 0.75rem; display: block !important; white-space: pre-line; } .sweepstakes--form-page input[type=file]::file-selector-button { background-color: #081f2c; border: 1px solid #081f2c; color: #ffffff; font-family: CronosPro-LtDisp, Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1.25rem; font-size: 1.25rem; line-height: 1.5rem; line-height: 1.5rem; letter-spacing: .05em; text-align: center; cursor: pointer; padding: 0.625rem 2.5rem; transition: .5s; } .sweepstakes--form-page .form-row input.error, .sweepstakes--form-page input.error { padding: 0.625rem; border: 1px solid #000; border-bottom: 3px solid #c8102e; } .sweepstakes--form-page .fileupload { font-weight: 400; margin-left: 0; font-size: 0.75rem; display: block !important; white-space: pre-line; } .sweepstakes--form-page .sweepstakes-pronouns-label { font-size: 0.875rem; line-height: 1.5rem; text-transform: capitalize; } .sweepstakes--form-page .sweepstakes-radio-buttons { margin-left: -0.9375rem; margin-bottom: -0.9375rem; margin-top: -0.625rem; } .sweepstakes--form-page input[type=file]::file-selector-button:hover { color: #081f2c; background: #ffffff; } .sweepstakes--form-page .sweepstakes-required-indicator .mandatory-callout { font-weight: 400; font-size: .85rem; font-style: normal; text-transform: uppercase; } .sweepstakes--form-page .sweeps-form-check { margin-bottom: 1.875rem; } .sweepstakes--form-page .sweepstakes-submit-application { width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; margin-bottom: 1.875rem; margin-top: -1.75rem; } .sweepstakes--form-page .sweepstakes-contest-form { width: 60%; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } @media print, screen and (max-width: 39.99875em) { .sweepstakes--form-page .sweepstakes-contest-form { margin: 0.9375rem; width: 92%; } } .sweepstakes--form-page .sweepstakes-contest-form .form-horizontal { position: relative; } .sweepstakes--form-page .form-row label { margin-top: 0.9375rem; margin-bottom: 0; } .sweepstakes--form-page .sweepstakes-button { font-size: 1.25rem; background: #081f2c; border: 1px solid #081f2c; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 0.625rem 1.875rem 0.5rem 1.875rem; letter-spacing: 0.125rem; transition: .5s; display: inline-block; margin-top: 3%; } .sweepstakes--form-page .sweepstakes-button:hover { color: #081f2c; background: #ffffff; } .sweepstakes--form-page a:focus, .sweepstakes--form-page button:focus, .sweepstakes--form-page select:focus, .sweepstakes--form-page input:focus { outline: 2px dotted #202020; outline-offset: 0.125rem; } .sweepstakes--form-page .sweepstakes-required-indicator { font-weight: 700; font-size: 1rem; color: #900; padding: 0; } .sweepstakes--form-page .sweepstakes--from-label { font-size: 1.25rem; line-height: 1.5rem; margin: 1.875rem 0 0.9375rem !important; text-transform: capitalize; } .sweepstakes--form-page .sweepstakes-questionspage-content-1 { position: relative; width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } .sweepstakes--form-page .sweepstakes-questionspage-content-1 h3 { margin: 0; padding: 2.1875rem 0 0.625rem; font-size: 1.5rem; line-height: 1.5rem; color: #202020; font-weight: 700; text-align: center; } .sweepstakes--form-page .sweepstakes-form-subhead { position: relative; } .sweepstakes--form-page .sweepstakes-form--file-upload { position: relative; } .sweepstakes-contest-landing-page { display: -ms-flexbox; display: flex; padding: 1.25rem; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .sweepstakes-contest-landing-page .sweepstakes-contest-details { position: relative; width: 100%; padding: 1.25rem; } .sweepstakes-contest-landing-page .apply-sweepstakes-button { font-size: 1.25rem; background: #081f2c; border: 1px solid #081f2c; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 0.625rem 1.875rem 0.5rem 1.875rem; letter-spacing: 0.125rem; transition: .5s; display: inline-block; margin-top: 3%; } .sweepstakes-contest-landing-page .apply-sweepstakes-button:hover { color: #081f2c; background: #ffffff; } .sweepstakes-contest-landing-page .sweepstakes-contest-details h3 { text-transform: uppercase; } .sweepstakes-contest-landing-page .sweepstakes-contest-details a:focus, .sweepstakes-contest-landing-page .sweepstakes-contest-details button:focus, .sweepstakes-contest-landing-page .sweepstakes-contest-details select:focus { outline: 2px dotted #202020; outline-offset: 0.125rem; } /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }