/*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/js-datepicker/dist/datepicker.min.css ***! \**********************************************************************************************************************************/ .qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0} /*!******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_fgh_core/cartridge/client/default/scss/global.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*------------------------------------*\ #HELPERS \*------------------------------------*/ /** * Responsive Mixin * This mixin is designed for a _cleaner_ first approach * This means that css isn't overridden but rather replaced for * different viewport widths; making it easier to inspect/debug css * * Usage: * @include media-query(exclude-medium) { ... } * @include media-query(medium-up-to-site) { ... } * ... etc */ /** * [Adds styles to allow an element's height scale proportionatelly] * @param {[Number]} $width * @param {[Number]} $height */ /** * [Calculates the percentage aspect ratio (what % height is compared to the width)] * @param {[Number]} $width * @param {[Number]} $height * @return {[Number(%)]} */ /** * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM****** * [Calculates the center of an element in relation to a provided width and height. * Useful to place an absolute element at the center of another when * the positioned element cannot be the target's child ] * @param {[Number]} $width * @param {[Number]} $height * @return {[Number(%)]} */ /** * [In the awful case you can't use Flexbox to vertically align something] * @param {[type]} $transform: false [Use transforms to align instead of the absolute trick] * @param {[type]} $pos: absolute [position type] * @param {[type]} $posAdj: 0 [position adjustment. If $transform is true, this value only affects the 'top' property.] * @param {[type]} $alignHorizontal: false [Includes horizontal alignment] */ /** * Generate Enumerated Class * Iterates from 0 to the specified length and generates classes that set the specified property * @param {[String]} $classname: required [Required: Specify the class name] * @param {[String]} $property: $classname [Optional: Specify the enumerated property (if it's different from the name of the class)] * @param {[Number]} $length: 10 [Optional: Specify the end of the loop] * @param {[String]} $units: null [Optional: specify units to append to the enumerated property] */ /** * [Strip the pesky units from values] * @param {[Number]} $value */ /** * [Fluid Type] */ /** * Custom font definition * * Example of utilization * @include font-face('Graphik', 'Graphik-Medium', 'graphik/medium', 500); */ /** * Position definition * * Example of utilization * @include absolute(top 1rem left 2rem); */ /** * Custom font definition * * Example of utilization * @include line-clamp(1); */ /** * Custom scrollbar definition * * Example of utilization * @include custom-scollbar; */ /** * Returns the value of the `$key` value of a provided `$map`. */ /** * Uses `getProperty()` to return a value from the `$colors` map. */ /** * Uses `getProperty()` to return a value from the `$breakpoints` map. */ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /*------------------------------------*\ #ELEMENT-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HEADER-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HORIZONTAL-SPACING \*------------------------------------*/ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /*------------------------------------*\ #TRANSITIONS \*------------------------------------*/ /*------------------------------------* #COLORS \*------------------------------------*/ /*------------------------------------*\ #ELEMENT-DEFAULTS \*------------------------------------*/ @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: normal; font-style: normal; font-family: "Gibson"; src: url("../fonts/gibson-regular-webfont.eot"); src: url("../fonts/gibson_regular_macroman/gibson-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.woff") format("woff"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.woff2") format("woff2"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.ttf") format("truetype"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont") format("svg"); } @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: 400; font-style: normal; font-family: "Gibson"; src: url("../fonts/gibson-regular-webfont.eot"); src: url("../fonts/gibson_regular_macroman/gibson-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.woff") format("woff"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.woff2") format("woff2"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont.ttf") format("truetype"), url("../fonts/gibson_regular_macroman/gibson-regular-webfont") format("svg"); } @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: 500; font-style: normal; font-family: "Gibson"; src: url("../fonts/gibson-medium-webfont.eot"); src: url("../fonts/gibson_medium_macroman/gibson-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.woff") format("woff"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.woff2") format("woff2"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.ttf") format("truetype"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont") format("svg"); } @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: 700; font-style: normal; font-family: "Gibson"; src: url("../fonts/gibson-medium-webfont.eot"); src: url("../fonts/gibson_medium_macroman/gibson-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.woff") format("woff"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.woff2") format("woff2"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont.ttf") format("truetype"), url("../fonts/gibson_medium_macroman/gibson-medium-webfont") format("svg"); } @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: 400; font-style: italic; font-family: "Gibson"; src: url("../fonts/gibson-italic-webfont.eot"); src: url("../fonts/gibson_italic_macroman/gibson-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_italic_macroman/gibson-italic-webfont.woff") format("woff"), url("../fonts/gibson_italic_macroman/gibson-italic-webfont.woff2") format("woff2"), url("../fonts/gibson_italic_macroman/gibson-italic-webfont.ttf") format("truetype"), url("../fonts/gibson_italic_macroman/gibson-italic-webfont") format("svg"); } @font-face { font-stretch: condensed; unicode-range: U+0020-00FE; font-display: swap; font-weight: 700; font-style: italic; font-family: "Gibson"; src: url("../fonts/gibson-bolditalic-webfont.eot"); src: url("../fonts/gibson_bolditalic_macroman/gibson-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson_bolditalic_macroman/gibson-bolditalic-webfont.woff") format("woff"), url("../fonts/gibson_bolditalic_macroman/gibson-bolditalic-webfont.woff2") format("woff2"), url("../fonts/gibson_bolditalic_macroman/gibson-bolditalic-webfont.ttf") format("truetype"), url("../fonts/gibson_bolditalic_macroman/gibson-bolditalic-webfont") format("svg"); } /*------------------------------------*\ #THIRD-PARTY-LIBS \*------------------------------------*/ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } button, [type=button], [type=reset], [type=submit] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } 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; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -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 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .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: 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; } .slider--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider--flex.slick-initialized { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slider--flex .slick-track { height: 100%; min-width: 100%; } .slider--flex-align-items.slick-initialized .slick-slide { -ms-flex-preferred-size: auto; flex-basis: auto; height: auto; } .slider--flex-align-items .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slick-arrow { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; width: 3.125rem; height: 3.125rem; font-size: 1.75rem; cursor: pointer; } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-vertical .slick-arrow { position: relative; width: 100%; height: 1.5rem; } .slick-vertical .slick-next { margin-top: -0.625rem; } .slider--arrows-outer.slick-has-arrows.slider--arrows-size-large { padding-left: 4.5rem; padding-right: 4.5rem; } .slider--arrows-outer.slick-has-arrows.slider--arrows-size-regular, .slider--arrows-outer.slick-has-arrows.slider--arrows-size-small { padding-left: 3.125rem; padding-right: 3.125rem; } .slider--arrows-center .slick-arrow { position: absolute; top: calc(50% + 0px); top: calc(50% + var(--arrows-adjustment-y, 0px)); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .slider--arrows-tile-center .slick-arrow { top: 25%; } .slider--arrows-size-large .slick-arrow { width: 4.5rem; height: 4.5rem; font-size: 3rem; } /* .slider--arrows-size-regular { .slick-arrow { } } */ .slider--arrows-size-small .slick-arrow { font-size: 1.125rem; } .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; padding-left: 0; } .slick-dots .slick-active button:after { background-color: currentColor; } .slick-dots li { font-size: 0; } .slick-dots button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 1.45rem; height: 1.45rem; border-radius: 50%; font-size: 0; } .slick-dots button:after { display: block; width: 0.5rem; height: 0.5rem; border-radius: inherit; border: solid 0.0625rem; content: ""; } .slider--dots-outer .slick-dots { margin-top: 1rem; } .slider--dots-inner .slick-dots { position: absolute; left: 0; right: 0; } .slider--dots-left .slick-dots { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .slider--dots-right .slick-dots { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [class*=slider--pre-layout]:not(.slick-initialized) { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; } .slider--pre-layout-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%; } .slider--pre-layout-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%; } .slider--pre-layout-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%; } .slider--pre-layout-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } @media (min-width: 48rem) { .slider--pre-layout-lg-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-lg-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-lg-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%; } .slider--pre-layout-lg-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-lg-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-lg-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%; } .slider--pre-layout-lg-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%; } .slider--pre-layout-lg-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -0.625rem; margin-right: -0.625rem; } } @media (max-width: 47.9375rem) { .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -0.35rem; margin-right: -0.35rem; } } @media (min-width: 36rem) { .slider--dots-inner .slick-dots { bottom: 2.975rem; } .slider--pre-layout-md-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-md-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-md-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%; } .slider--pre-layout-md-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-md-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-md-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%; } .slider--pre-layout-md-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%; } .slider--pre-layout-md-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } } @media (max-width: 35.9375rem) { .slider--dots-inner .slick-dots { bottom: 0.75rem; } } .slider--arrows-tile-center .slick-arrow { width: 2.75rem; height: 2.75rem; background-color: #FFFFFF; -webkit-box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); border-radius: 3.125rem; } .slider--arrows-tile-center .slick-arrow svg { margin-top: 0.25rem; margin-left: 0.375rem; } .slider--arrows-tile-center .slick-arrow.slick-prev { margin-left: 1rem; } .slider--arrows-tile-center .slick-arrow.slick-next { margin-right: 1rem; } .slider--arrows-tile-center .slick-arrow.slick-next svg { margin-left: 0.75rem; } .slider--arrows-tile-center .slick-arrow.slick-disabled { display: none !important; } .slick-scrollbar { width: 100%; margin: 0 0 2.25rem 0; } .slick-scrollbar input[type=range] { -webkit-appearance: none; margin: 1rem 0; width: 100%; } .slick-scrollbar input[type=range]:focus { outline: none; } .slick-scrollbar input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; cursor: default; background: #EAEAEA; } .slick-scrollbar input[type=range]::-moz-range-track { width: 100%; height: 0.25rem; cursor: default; background: #EAEAEA; } .slick-scrollbar input[type=range]::-ms-track { width: 100%; height: 0.25rem; cursor: default; background: #EAEAEA; } .slick-scrollbar input[type=range]::-webkit-slider-thumb { height: 0.25rem; width: 25%; border-radius: 0; background: #070707; cursor: -webkit-grab; cursor: grab; -webkit-appearance: none; margin-top: 0px; } .slick-scrollbar input[type=range]::-webkit-slider-thumb:active { cursor: -webkit-grabbing; cursor: grabbing; } .slick-scrollbar input[type=range]::-webkit-slider-thumb:focus { cursor: -webkit-grabbing; cursor: grabbing; } .slick-scrollbar input[type=range]::-moz-range-thumb { height: 0.25rem; width: 25%; border-radius: 0; background: #070707; cursor: grab; -webkit-appearance: none; margin-top: 0px; } .slick-scrollbar input[type=range]::-moz-range-thumb:active { cursor: grabbing; } .slick-scrollbar input[type=range]::-moz-range-thumb:focus { cursor: grabbing; } .slick-scrollbar input[type=range]::-ms-thumb { height: 0.25rem; width: 25%; border-radius: 0; background: #070707; cursor: grab; -webkit-appearance: none; margin-top: 0px; } .slick-scrollbar input[type=range]::-ms-thumb:active { cursor: grabbing; } .slick-scrollbar input[type=range]::-ms-thumb:focus { cursor: grabbing; } .slick-scrollbar input[type=range].inputSlides-1::-webkit-slider-thumb { width: 29%; } .slick-scrollbar input[type=range].inputSlides-2::-webkit-slider-thumb { width: 28%; } .slick-scrollbar input[type=range].inputSlides-3::-webkit-slider-thumb { width: 27%; } .slick-scrollbar input[type=range].inputSlides-4::-webkit-slider-thumb { width: 26%; } .slick-scrollbar input[type=range].inputSlides-5::-webkit-slider-thumb { width: 25%; } .slick-scrollbar input[type=range].inputSlides-6::-webkit-slider-thumb { width: 24%; } .slick-scrollbar input[type=range].inputSlides-7::-webkit-slider-thumb { width: 23%; } .slick-scrollbar input[type=range].inputSlides-8::-webkit-slider-thumb { width: 22%; } .slick-scrollbar input[type=range].inputSlides-9::-webkit-slider-thumb { width: 21%; } .slick-scrollbar input[type=range].inputSlides-10::-webkit-slider-thumb { width: 20%; } .slick-scrollbar input[type=range].inputSlides-11::-webkit-slider-thumb { width: 19%; } .slick-scrollbar input[type=range].inputSlides-12::-webkit-slider-thumb { width: 18%; } .slick-scrollbar input[type=range].inputSlides-13::-webkit-slider-thumb { width: 17%; } .slick-scrollbar input[type=range].inputSlides-14::-webkit-slider-thumb { width: 16%; } .slick-scrollbar input[type=range].inputSlides-15::-webkit-slider-thumb { width: 15%; } .slick-scrollbar input[type=range].inputSlides-16::-webkit-slider-thumb { width: 14%; } .slick-scrollbar input[type=range].inputSlides-17::-webkit-slider-thumb { width: 13%; } .slick-scrollbar input[type=range].inputSlides-18::-webkit-slider-thumb { width: 12%; } .slick-scrollbar input[type=range].inputSlides-19::-webkit-slider-thumb { width: 11%; } .slick-scrollbar input[type=range].inputSlides-20::-webkit-slider-thumb { width: 10%; } .slick-dots button { border-radius: 0; margin-inline: 0.5rem; width: 1.75rem; } .slick-dots button::after { width: 1.75rem; height: 0.125rem; background-color: #D9D9D9; border: none; } .experience-accelerator_layouts-flexibleCarousel .slick-arrow { background: #FFFFFF; border-radius: 50%; } .experience-accelerator_layouts-flexibleCarousel .slick-arrow svg { margin-top: 0.25rem; margin-left: 0.375rem; } .experience-accelerator_layouts-flexibleCarousel .slick-prev { left: 1.5rem; } .experience-accelerator_layouts-flexibleCarousel .slick-next { right: 1.5rem; } .experience-accelerator_layouts-flexibleCarousel .slick-next svg { margin-left: 0.75rem; } .experience-accelerator_layouts-flexibleCarousel .slick-dots .slick-active button { background-color: #070707; } .experience-accelerator_layouts-flexibleCarousel .slick-dots button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 1.875rem; height: 0.125rem; font-size: 0; margin: 0 0.5rem; border-radius: 0; background-color: #D9D9D9; } .experience-accelerator_layouts-flexibleCarousel .slick-dots button:after { display: block; width: 1.875rem; height: 0.125rem; border: none; border-radius: 0; content: ""; } .experience-component .slick-arrow { width: 2.75rem; height: 2.75rem; background-color: #FFFFFF; -webkit-box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); border-radius: 3.125rem; } .experience-component.experience-accelerator_layouts-flexibleCarousel .slick-prev svg, .experience-component.experience-accelerator_layouts-flexibleCarousel .slick-next svg { height: 1.25rem; } .product-list__carousel { margin-bottom: 2.25rem; } @media (max-width: 61.9375rem) { .product-list__carousel { margin-bottom: 1rem; } } .product-list__carousel .slick-scrollbar { margin: 0; } .product-list__carousel .slick-track .slick-scrollbar { display: none; } @media (max-width: 35.9375rem) { .slick-slide .product-zoom__image { max-width: -webkit-fill-available; max-height: -webkit-fill-available; -o-object-fit: contain; object-fit: contain; } .product-gallery--pdp .slick-arrow { display: none !important; } .product-gallery--pdp.slick-dotted .slick-dots button { margin-inline: 0.25rem; } .product-gallery--pdp.slick-dotted .slick-dots button::after { width: 1.75rem; } } /** * FixIt base styles. These can be overridden if necessary. */ .fixit-container { position: relative; } .fixit-element.fixit--active { position: fixed; top: 0; } .fixit-element.fixit--active:not(.fixit--respond-to-parent) { width: 100%; } .fixit-element.fixit--bottom, .fixit-element.fixit--docked { top: auto; bottom: 0; } .fixit-element.fixit--frozen, .fixit-element.fixit--docked { position: absolute; } .fixit-element--from-bottom.fixit--active { position: fixed; left: 0; bottom: 0; } .fixit-element--from-bottom.fixit--active:not(.fixit--respond-to-parent) { width: 100%; } .fixit-element--overlay { z-index: 1010; } .fixit-element--has-dynamic-offset:not(.fixit--is-tall) { -webkit-transition: top 320ms ease-out; transition: top 320ms ease-out; } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .vjs-icon-picture-in-picture-enter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before { content: "\f121"; } .vjs-icon-picture-in-picture-exit { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before { content: "\f122"; } .video-js { display: block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); -webkit-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; -webkit-transition: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 4em; -ms-touch-action: none; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-load-progress div { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ -ms-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { -webkit-transition: width 1s; transition: width 1s; } .video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; } .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 9em; -webkit-transition: width 0.1s; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { -webkit-box-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); -webkit-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; -webkit-box-sizing: inherit; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: rgb(255, 255, 255); -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566))); background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566))); background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .video-asset .vjs-menu-button-inline.vjs-slider-active, .video-asset .vjs-menu-button-inline:focus, .video-asset .vjs-menu-button-inline:hover, .video-asset.vjs-no-flex .vjs-menu-button-inline { width: 10em; } .video-asset .vjs-controls-disabled .vjs-big-play-button { display: none !important; } .video-asset .vjs-control { width: 3em; } .video-asset .vjs-menu-button-inline:before { width: 1.5em; } .vjs-menu-button-inline .vjs-menu { left: 3em; } .vjs-paused.vjs-has-started.video-asset .vjs-big-play-button, .video-asset.vjs-ended .vjs-big-play-button, .video-asset.vjs-paused .vjs-big-play-button { display: block; } .video-asset .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button { display: none !important; } .video-asset .vjs-mouse-display:after, .video-asset .vjs-play-progress:after { padding: 0 0.4em 0.3em; } .video-asset.vjs-ended .vjs-loading-spinner { display: none; } .video-asset.vjs-ended .vjs-big-play-button { display: block !important; } .video-asset *, .video-asset:after, .video-asset:before { -webkit-box-sizing: inherit; box-sizing: inherit; font-size: inherit; color: inherit; line-height: inherit; } .video-asset.vjs-fullscreen, .video-asset.vjs-fullscreen .vjs-tech { width: 100% !important; height: 100% !important; } .video-asset { font-size: 0.875rem; overflow: hidden; } .video-asset .vjs-control { color: inherit; } .video-asset .vjs-menu-button-inline:hover, .video-asset.vjs-no-flex .vjs-menu-button-inline { width: 8.35em; } .video-asset .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content { height: 3em; width: 6.35em; } .video-asset .vjs-control:focus:before, .video-asset .vjs-control:hover:before { text-shadow: 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF; } .video-asset .vjs-spacer, .video-asset .vjs-time-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .video-asset .vjs-time-control { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; } .video-asset .vjs-time-control.vjs-time-divider { width: 0.875rem; } .video-asset .vjs-time-control.vjs-time-divider div { width: 100%; text-align: center; } .video-asset .vjs-time-control.vjs-current-time { margin-left: 1em; } .video-asset .vjs-time-control .vjs-current-time-display, .video-asset .vjs-time-control .vjs-duration-display { width: 100%; } .video-asset .vjs-time-control .vjs-current-time-display { text-align: right; } .video-asset .vjs-time-control .vjs-duration-display { text-align: left; } .video-asset .vjs-play-progress:before, .video-asset .vjs-progress-control .vjs-play-progress:before, .video-asset .vjs-remaining-time, .video-asset .vjs-volume-level:after, .video-asset .vjs-volume-level:before, .video-asset.vjs-live .vjs-time-control.vjs-current-time, .video-asset.vjs-live .vjs-time-control.vjs-duration, .video-asset.vjs-live .vjs-time-control.vjs-time-divider, .video-asset.vjs-no-flex .vjs-time-control.vjs-remaining-time { display: none; } .video-asset.vjs-no-flex .vjs-time-control { display: table-cell; width: 4em; } .video-asset .vjs-progress-control { position: absolute; left: 0; right: 0; width: 100%; height: 0.5em; top: -0.5em; } .video-asset .vjs-progress-control .vjs-load-progress, .video-asset .vjs-progress-control .vjs-play-progress, .video-asset .vjs-progress-control .vjs-progress-holder { height: 100%; } .video-asset .vjs-progress-control .vjs-progress-holder { margin: 0; } .video-asset .vjs-progress-control:hover { height: 1.5em; top: -1.5em; } .video-asset .vjs-control-bar { -webkit-transition: -webkit-transform 213ms ease 0s; transition: -webkit-transform 213ms ease 0s; transition: transform 213ms ease 0s; transition: transform 213ms ease 0s, -webkit-transform 213ms ease 0s; } .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar { visibility: visible; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(3em); transform: translateY(3em); -webkit-transition: -webkit-transform 600ms ease 0s; transition: -webkit-transform 600ms ease 0s; transition: transform 600ms ease 0s; transition: transform 600ms ease 0s, -webkit-transform 600ms ease 0s; } .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control, .video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control { height: 0.25em; top: -0.25em; pointer-events: none; -webkit-transition: height 600ms, top 600ms; transition: height 600ms, top 600ms; } .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-asset.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control { opacity: 0; -webkit-transition: opacity 600ms ease 600ms; transition: opacity 600ms ease 600ms; } .video-asset.vjs-live .vjs-live-control { margin-left: 1em; } .video-asset .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1em; margin-top: -1em; width: 2em; height: 2em; line-height: 2em; border: none; border-radius: 50%; font-size: 3.5em; background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; -webkit-transition: border-color 426ms, outline 426ms, background-color 426ms; transition: border-color 426ms, outline 426ms, background-color 426ms; } .video-asset .vjs-menu-button-popup .vjs-menu { left: -3em; } .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: transparent; width: 12em; left: -1.5em; padding-bottom: 0.5em; } .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-title { background-color: #000000; margin: 0.3em 0; padding: 0.5em; border-radius: 0.3em; } .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected { background-color: #4D96E7; } .video-asset .vjs-big-play-button { background-color: rgba(0, 0, 0, 0.5); font-size: 2.5em; border-radius: 50%; height: 2em !important; line-height: 2em !important; margin-top: -1em !important; } .video-asset:hover .vjs-big-play-button, .video-asset .vjs-big-play-button:focus, .video-asset .vjs-big-play-button:active { background-color: rgba(0, 0, 0, 0.75); } .video-asset .vjs-loading-spinner { border-color: #FFFFFF; } .video-asset .vjs-control-bar2 { background-color: #000000; } .video-asset .vjs-control-bar { background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF; font-size: 0.875rem; } .video-asset .vjs-play-progress, .video-asset .vjs-volume-level { background-color: #e60000; } .vjs-hidden { display: none !important; } .vjs-tech { width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; } .vjs-poster, .vjs-text-track-display { position: absolute; top: 0; left: 0; right: 0; pointer-events: none; } .vjs-poster { bottom: 0; background-size: cover; background-position: center; } .vjs-has-started .vjs-poster { opacity: 0; visibility: hidden; } .vjs-text-track-display { bottom: 3em; } .vjs-loading-spinner { opacity: 0; visibility: hidden; } .vjs-big-play-button { z-index: 1; } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .video-js.vjs-user-inactive:not(.vjs-paused) .vjs-play-toggle { opacity: 0; pointer-events: none; } .video-js .vjs-play-toggle { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 2em; width: 2em; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; line-height: 2em; font-size: 2rem; -webkit-transition: opacity 213ms ease-out; transition: opacity 213ms ease-out; } .video-js .vjs-play-toggle .vjs-icon-placeholder:before { font-size: 1em; line-height: inherit; } .ss-main { position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #666666; width: 100%; } .ss-main .ss-single-selected { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; height: 30px; padding: 6px; border: 1px solid #D9D9D9; border-radius: 0.125rem; background-color: #ffffff; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .ss-main .ss-single-selected.ss-disabled { background-color: #D9D9D9; cursor: not-allowed; } .ss-main .ss-single-selected.ss-open-above { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ss-main .ss-single-selected.ss-open-below { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ss-main .ss-single-selected .placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; width: calc(100% - 30px); line-height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-main .ss-single-selected .placeholder * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } .ss-main .ss-single-selected .placeholder .ss-disabled { color: #dedede; } .ss-main .ss-single-selected .ss-deselect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px 0 6px; font-weight: bold; } .ss-main .ss-single-selected .ss-deselect.ss-hide { display: none; } .ss-main .ss-single-selected .ss-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px 0 6px; } .ss-main .ss-single-selected .ss-arrow span { border: solid #666666; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transition: margin 0.2s, -webkit-transform 0.2s; transition: margin 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, margin 0.2s; transition: transform 0.2s, margin 0.2s, -webkit-transform 0.2s; } .ss-main .ss-single-selected .ss-arrow span.arrow-up { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: 3px 0 0 0; } .ss-main .ss-single-selected .ss-arrow span.arrow-down { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -3px 0 0 0; } .ss-main .ss-multi-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; min-height: 30px; width: 100%; padding: 0 0 0 3px; border: 1px solid #D9D9D9; border-radius: 0.125rem; background-color: #ffffff; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .ss-main .ss-multi-selected.ss-disabled { background-color: #D9D9D9; cursor: not-allowed; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled { color: #666666; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete { cursor: not-allowed; } .ss-main .ss-multi-selected.ss-open-above { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ss-main .ss-multi-selected.ss-open-below { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ss-main .ss-multi-selected .ss-values { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: calc(100% - 30px); } .ss-main .ss-multi-selected .ss-values .ss-disabled { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 5px; margin: 2px 0px; line-height: 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #dedede; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @-webkit-keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } .ss-main .ss-multi-selected .ss-values .ss-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 3px 5px; margin: 3px 5px 3px 0px; color: #ffffff; background-color: #EAEAEA; border-radius: 0.125rem; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ss-main .ss-multi-selected .ss-values .ss-value.ss-out { -webkit-animation-name: scaleOut; animation-name: scaleOut; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete { margin: 0 0 0 5px; cursor: pointer; } .ss-main .ss-multi-selected .ss-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 3px; flex: 0 1 3px; margin: 9px 12px 0 5px; } .ss-main .ss-multi-selected .ss-add .ss-plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #666666; position: relative; height: 10px; width: 2px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .ss-main .ss-multi-selected .ss-add .ss-plus:after { background: #666666; content: ""; position: absolute; height: 2px; width: 10px; left: -4px; top: 4px; } .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ss-content { position: absolute; width: 100%; margin: -1px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #D9D9D9; z-index: 1010; background-color: #ffffff; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .ss-content.ss-open { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .ss-content .ss-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 8px 8px 6px 8px; } .ss-content .ss-search.ss-hide { height: 0px; opacity: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .ss-content .ss-search.ss-hide input { height: 0px; opacity: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .ss-content .ss-search input { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: inherit; line-height: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; min-width: 0px; height: 30px; padding: 6px 8px; margin: 0; border: 1px solid #D9D9D9; border-radius: 0.125rem; background-color: #ffffff; outline: 0; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: textfield; } .ss-content .ss-search input::-webkit-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::-moz-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input:-ms-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::-ms-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input:focus { -webkit-box-shadow: 0 0 5px #EAEAEA; box-shadow: 0 0 5px #EAEAEA; } .ss-content .ss-search .ss-addable { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 22px; font-weight: bold; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 30px; margin: 0 0 0 8px; border: 1px solid #D9D9D9; border-radius: 0.125rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .ss-content .ss-addable { padding-top: 0px; } .ss-content .ss-list { max-height: 200px; overflow-x: hidden; overflow-y: auto; text-align: left; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label { padding: 6px 10px 6px 10px; font-weight: bold; } .ss-content .ss-list .ss-optgroup .ss-option { padding: 6px 6px 6px 25px; } .ss-content .ss-list .ss-optgroup-label-selectable { cursor: pointer; } .ss-content .ss-list .ss-optgroup-label-selectable:hover { color: #ffffff; background-color: #EAEAEA; } .ss-content .ss-list .ss-option { padding: 6px 10px 6px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-content .ss-list .ss-option * { display: inline-block; } .ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted { color: #ffffff; background-color: #EAEAEA; } .ss-content .ss-list .ss-option.ss-disabled { cursor: not-allowed; color: #dedede; background-color: #ffffff; } .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected { color: #666666; background-color: rgba(234, 234, 234, 0.1); } .ss-content .ss-list .ss-option.ss-hide { display: none; } .ss-content .ss-list .ss-option .ss-search-highlight { background-color: #fffb8c; } .ss-main.form-control { height: 3rem; padding-left: 0; padding-right: 0; } .ss-main .ss-single-selected { height: 100%; padding-left: 1rem; padding-right: 1rem; } /*------------------------------------*\ #BASE \*------------------------------------*/ /*------------------------------------*\ #ADDITIONAL RESETS \*------------------------------------*/ html { font-size: 1rem; font-family: "Gibson", Helvetica, Arial, sans-serif; line-height: 1.38; -ms-overflow-style: -ms-autohiding-scrollbar; } body { min-width: 320px; overflow-anchor: none; font-size: 1rem; font-weight: 400; color: #252525; background-color: #FFF; } h1 { margin: 0; } iframe { border: none; } img, video { display: block; max-width: 100%; max-height: 100%; } a { color: inherit; text-decoration: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; width: 100%; } address { font-style: normal; } ul, ol { padding-left: 1.25em; } hr { border: none; border-bottom: solid 0.0625rem; } *:focus { outline-color: rgb(0, 113.7441860465, 167.5); outline-offset: 0.25rem; outline-style: solid; outline-width: 0.0625rem; } .set--hide-click-focus *:focus { outline: none; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .list--reset { padding-left: 0; } .list--reset li { list-style-type: none; } .set--w-100 { width: 100%; } .set--w-75 { width: 75%; } .set--w-50 { width: 50%; } .set--w-25 { width: 25%; } .set--h-100 { height: 100%; } .set--h-75 { height: 75%; } .set--h-50 { height: 50%; } .set--h-25 { height: 25%; } .scrollable { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*------------------------------------*\ Lazy Loading Transitions \*------------------------------------*/ .blur-up { -webkit-transition: -webkit-filter ease-out 107ms; transition: -webkit-filter ease-out 107ms; transition: filter ease-out 107ms; transition: filter ease-out 107ms, -webkit-filter ease-out 107ms; } .blur-up.lazyload, .blur-up.lazyloading { -webkit-filter: blur(4px); filter: blur(4px); } .blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } .opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms; } .opacity-up.lazyload, .opacity-up.lazyloading { opacity: 0; } .opacity-up.lazyloaded { opacity: 1; } .partial-opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms; } .partial-opacity-up.lazyload, .partial-opacity-up.lazyloading { opacity: 0.8; } .partial-opacity-up.lazyloaded { opacity: 1; } .none-up.lazyload, .none-up.lazyloading { opacity: 0; } /*------------------------------------*\ Object Fit helpers \*------------------------------------*/ [class*=object-fit] { width: 100%; height: 100%; } .object-fit--cover { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } .object-fit--contain { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; } /*------------------------------------*\ Third party styles \*------------------------------------*/ .grecaptcha-badge { opacity: 0; visibility: hidden; } @media (min-width: 36rem) { .scrollable--small-up { overflow: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 35.9375rem) { .set--small-w-100 { width: 100%; } } /*------------------------------------*\ #FLEX-GRID \*------------------------------------*/ /** * Flex Grid - * Version: 0.3.5 * * Simple grid built with flex box and sass. * * Matthew Simo - matthew.a.simo@gmail.com */ /** * Grid setup * * The grid will calculate dimensions based on these two variables: * $fg-columns: [Integer | List of Integers] will inform the grid loops how many columns there should be. Can be set as a list to generate multi-base grids. * $fg-gutter: [String | Map of Strings] will inform the grid loops how big each column's gutters should be. Can be set to a list of gutters per namespace (breakpoint). */ /** * Break point namespace object * * Set the default namespace object with these defaults with the * understanding that you can pass in whatever you might require for your site. * * $fg-breakpoints is a Sass list with nested lists inside. Each sub list defines two things. * 1. The namespace for that breakpoint. (Required) (i.e. xs, sm, md, lg) * 2. The min-width measurement for the breakpoint for that namespace. (i.e. 48em, 62em, 75em) * * Note: These should be in the proper order (at least till libsass handles map keys properly). * * Note: If the measurement is left out then it will be skipped when generating * the grid and applied to global styles. * */ /** * Class Name Defaults * * Define class names for columns, rows and offsets in case compatibility with other * libraries is necessary. * $fg-class-grid: [String] used for the grid general classes (i.e. alignment, position, etc.) * $fg-class-row: [String] used for the row class * $fg-class-col: [String] used for the column class * $fg-class-off: [String] used for the offset class */ /** * Optional setting to add half a column push * @type {[Boolean]} */ /** * Calculate column size percentage */ /** * Spacing mixin to create uniform margin/padding */ /** * If there's more than one spacing setting, * generates the gutter/spacing per namespace (breakpoint), specific to the namespaced selectors (col-xs, col-lg, etc.). */ /** * Row wrapper class, flex box parent. */ .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col, [class^=col-], [class*=" col-"] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px; } .flex-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .flex-align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex-align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flex-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-align-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .flex-align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-flow-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .flex-flow-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } .flex-flow-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .flex-flow-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .flex-flow-wrap { -ms-flex-flow: wrap; flex-flow: wrap; } .flex-flow-wrap-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse; } .flex-flow-nowrap { -ms-flex-flow: nowrap; flex-flow: nowrap; } .flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-direction-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-no-gutters { margin-left: 0; margin-right: 0; } .flex-no-gutters > .col, .flex-no-gutters > [class*=col-] { padding-left: 0; padding-right: 0; } /** * Generate a set of grid base selectors for col-. * ex.: [class*="col-"], which selects all elements that contain "col-" on their class list. * This helps reduce total file size, and avoids a bulky final selector. */ /** * Determines if the grid should generate a single base, or multiple, using the $fg-columns variable. */ /** * Generate a set of grid column classes using a namespace * * .col-[namespace] for intelligent column division * .col-[namespace]-[number] for a column that covers a specific number of columns (e.g. 1-12 by default) * .off-[namespace]-[number] for pushing a col a specific number of columns (e.g. 1-11 by default) * .off-[namespace]-reset for resetting a col's offset for that and larger namespaces */ /** * Build the grid in two steps, to help minimize file size * Step 1, for each namespace, create the grid-base * Step 2, for each namespace, wrap the col width/offset measurements in their breakpoint media query */ .row:not(.flex-no-gutters) { margin-left: -0.35rem; margin-right: -0.35rem; } .col, [class*=col-] { padding-left: 0.35rem; padding-right: 0.35rem; } .col-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-1 { margin-left: 8.3333333333%; } .col-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-2 { margin-left: 16.6666666667%; } .col-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-3 { margin-left: 25%; } .col-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-4 { margin-left: 33.3333333333%; } .col-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-5 { margin-left: 41.6666666667%; } .col-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-6 { margin-left: 50%; } .col-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-7 { margin-left: 58.3333333333%; } .col-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-8 { margin-left: 66.6666666667%; } .col-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-9 { margin-left: 75%; } .col-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-10 { margin-left: 83.3333333333%; } .col-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-11 { margin-left: 91.6666666667%; } .col-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-reset { margin-left: 0; } .col, .col-n { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } @media only screen and (min-width: 29.9375rem) { .col-sm-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-sm-1 { margin-left: 8.3333333333%; } .col-sm-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-sm-2 { margin-left: 16.6666666667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-sm-3 { margin-left: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-sm-4 { margin-left: 33.3333333333%; } .col-sm-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-sm-5 { margin-left: 41.6666666667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-sm-6 { margin-left: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-sm-7 { margin-left: 58.3333333333%; } .col-sm-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-sm-8 { margin-left: 66.6666666667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-sm-9 { margin-left: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-sm-10 { margin-left: 83.3333333333%; } .col-sm-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-sm-11 { margin-left: 91.6666666667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-sm-reset { margin-left: 0; } .col-sm, .col-sm-n { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } } @media only screen and (min-width: 36rem) { .col-md-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-md-1 { margin-left: 8.3333333333%; } .col-md-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-md-2 { margin-left: 16.6666666667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-md-3 { margin-left: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-md-4 { margin-left: 33.3333333333%; } .col-md-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-md-5 { margin-left: 41.6666666667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-md-6 { margin-left: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-md-7 { margin-left: 58.3333333333%; } .col-md-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-md-8 { margin-left: 66.6666666667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-md-9 { margin-left: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-md-10 { margin-left: 83.3333333333%; } .col-md-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-md-11 { margin-left: 91.6666666667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-md-reset { margin-left: 0; } .col-md, .col-md-n { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } } @media only screen and (min-width: 48rem) { .row:not(.flex-no-gutters) { margin-left: -0.625rem; margin-right: -0.625rem; } .col, [class*=col-] { padding-left: 0.625rem; padding-right: 0.625rem; } .col-lg-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-lg-1 { margin-left: 8.3333333333%; } .col-lg-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-lg-2 { margin-left: 16.6666666667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-lg-3 { margin-left: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-lg-4 { margin-left: 33.3333333333%; } .col-lg-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-lg-5 { margin-left: 41.6666666667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-lg-6 { margin-left: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-lg-7 { margin-left: 58.3333333333%; } .col-lg-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-lg-8 { margin-left: 66.6666666667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-lg-9 { margin-left: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-lg-10 { margin-left: 83.3333333333%; } .col-lg-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-lg-11 { margin-left: 91.6666666667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-lg-reset { margin-left: 0; } .col-lg, .col-lg-n { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } } @media only screen and (min-width: 62rem) { .col-xl-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-xl-1 { margin-left: 8.3333333333%; } .col-xl-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-xl-2 { margin-left: 16.6666666667%; } .col-xl-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-xl-3 { margin-left: 25%; } .col-xl-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-xl-4 { margin-left: 33.3333333333%; } .col-xl-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-xl-5 { margin-left: 41.6666666667%; } .col-xl-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-xl-6 { margin-left: 50%; } .col-xl-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-xl-7 { margin-left: 58.3333333333%; } .col-xl-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-xl-8 { margin-left: 66.6666666667%; } .col-xl-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-xl-9 { margin-left: 75%; } .col-xl-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-xl-10 { margin-left: 83.3333333333%; } .col-xl-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-xl-11 { margin-left: 91.6666666667%; } .col-xl-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-xl-reset { margin-left: 0; } .col-xl, .col-xl-n { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } } /*------------------------------------*\ #FLEX-HELPERS \*------------------------------------*/ .fix--overflow > * { max-width: 100%; } [class*=col-] > * { -ms-flex-negative: 0; flex-shrink: 0; } [class*=col-].flex-no-gutters { padding-left: 0; padding-right: 0; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } @media (min-width: 36rem) { .order--small-up-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order--small-up-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order--small-up-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order--small-up-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order--small-up-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order--small-up-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order--small-up-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order--small-up-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order--small-up-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order--small-up-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order--small-up-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media (max-width: 35.9375rem) { .order--small-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order--small-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order--small-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order--small-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order--small-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order--small-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order--small-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order--small-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order--small-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order--small-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order--small-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } .page:not(.set--overlay):after, .header-container:not(.set--overlay) .header:after { opacity: 0; visibility: hidden; } .header:after { position: absolute; } .page:after { position: fixed; } .loader-container { position: relative; } /*------------------------------------*\ #OVERLAYS \*------------------------------------*/ .set--overlay { position: relative; cursor: pointer; } .set--overlay-all:after { z-index: 1080; } .loader, .set--overlay:after { position: absolute; } .loader, .set--overlay:not(.header-container):after, .page:after, .header:after { top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .set--overlay:not(.header-container):after, .page:after, .header:after { background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; } .set--overlay:not(.header-container):after, .page:after, .header:after { content: ""; } /*------------------------------------*\ #LOADER \*------------------------------------*/ .loader { z-index: 10000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden; } .loader.set--alt { background-color: rgba(0, 0, 0, 0.5); } .loader.set--alt .loader-indicator__path { stroke: #FFFFFF; } .loader:not(.set--alt) { background-color: rgba(255, 255, 255, 0.5); } .loader:not(.set--alt) .loader-indicator__path { stroke: #ff491c; } .loader.set--fixed { position: fixed; } .loader.set--visible { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 320ms; transition-duration: 320ms; opacity: 1; visibility: inherit; } .loader-indicator { z-index: 1; width: 100%; height: 100%; max-width: 5rem; max-height: 5rem; pointer-events: none; -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } .loader-indicator__path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite; } .loader-message { max-width: 20.625rem; padding: 0 1rem; text-align: center; font-weight: 700; color: #ffbb1c; background-color: rgba(255, 255, 255, 0.75); } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } /*------------------------------------*\ #TEXT SIZE \*------------------------------------*/ .heading-type--yotta { font-size: 4.375rem; } .heading-type--zetta { font-size: 3.125rem; } .heading-type--exa { font-size: 2.25rem; } .heading-type--h1 { font-size: 1.875rem; } .heading-type--h2 { font-size: 1.375rem; } .heading-type--h3 { font-size: 1.125rem; } .heading-type--h4 { font-size: 1rem; } .heading-type--h5 { font-size: 0.875rem; } .heading-type--h6 { font-size: 0.75rem; } .body-type { font-size: 1rem; } .body-type--kilo { font-size: 1.75rem; } .body-type--hecto { font-size: 1.5rem; } .body-type--deka { font-size: 1.25rem; } .body-type--deci { font-size: 0.875rem; } .body-type--centi { font-size: 0.75rem; } .body-type--micro { font-size: 0.625rem; } [class*=fluid-type] { line-height: normal; } .fluid-type--kilo-h5 { font-size: 1.75rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--kilo-h5 { font-size: calc(1.75rem + -0.875 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--kilo-h5 { font-size: 0.875rem; } } .fluid-type--deka-h5 { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--deka-h5 { font-size: calc(1.25rem + -0.375 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--deka-h5 { font-size: 0.875rem; } } .fluid-type--hecto-h6 { font-size: 1.5rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--hecto-h6 { font-size: calc(1.5rem + -0.75 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--hecto-h6 { font-size: 0.75rem; } } .fluid-type--deka-kilo { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--deka-kilo { font-size: calc(1.25rem + 0.5 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--deka-kilo { font-size: 1.75rem; } } .fluid-type--deka-hecto { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--deka-hecto { font-size: calc(1.25rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--deka-hecto { font-size: 1.5rem; } } .fluid-type--base-deka { font-size: 1rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--base-deka { font-size: calc(1rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--base-deka { font-size: 1.25rem; } } .fluid-type--deci-base { font-size: 0.875rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--deci-base { font-size: calc(0.875rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--deci-base { font-size: 1rem; } } .fluid-type--centi-deci { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .fluid-type--centi-deci { font-size: calc(0.75rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .fluid-type--centi-deci { font-size: 0.875rem; } } /*------------------------------------*\ #TEXT FAMILIES \*------------------------------------*/ .font-family--sans { font-family: "Gibson", Helvetica, Arial, sans-serif; } [class*=heading-type], .font-family--sans-secondary { font-family: "Gibson", Helvetica, Arial, sans-serif; } .font-family--serif { font-family: Times, serif; } .font-family--cursive { font-family: cursive; } /*------------------------------------*\ #CMS GENERIC COPY \*------------------------------------*/ .cms-generic-copy { line-height: 1.63; } .cms-generic-copy h1, .cms-generic-copy h2, .cms-generic-copy h3, .cms-generic-copy h4, .cms-generic-copy h5, .cms-generic-copy h6 { margin-bottom: 1em; line-height: 0.85; text-transform: uppercase; } .cms-generic-copy h1:not(:first-child), .cms-generic-copy h2:not(:first-child), .cms-generic-copy h3:not(:first-child), .cms-generic-copy h4:not(:first-child), .cms-generic-copy h5:not(:first-child), .cms-generic-copy h6:not(:first-child) { margin-top: 1em; } .cms-generic-copy a { text-decoration: underline; font-weight: 600; } .cms-generic-copy a:hover, .cms-generic-copy a:focus { opacity: 0.7; } .cms-generic-copy ul, .cms-generic-copy ol, .cms-generic-copy p + p { margin-top: 0.5em; } .cms-generic-copy ol, .cms-generic-copy ul { margin-bottom: 0.5em; } .cms-generic-copy ol li:not(:last-child), .cms-generic-copy ul li:not(:last-child) { margin-bottom: 0.25em; } .cms-generic-copy table { width: 100%; margin-bottom: 1rem; margin-top: 1rem; border: solid 0.0625rem; border-collapse: collapse; } .cms-generic-copy th, .cms-generic-copy td { border: solid 0.0625rem; padding: 0.5rem; } .cms-generic-copy th { background-color: #F2F2F2; } /*------------------------------------*\ #TEXT LINE HEIGHT \*------------------------------------*/ .text-line--collapse { line-height: 0; } .text-line--reset { line-height: 1; } .text-line--reduce { line-height: 0.85; } .text-line--small { line-height: 1.19; } .text-line--normal { line-height: 1.38; } .text-line--medium { line-height: 1.5; } .text-line--large { line-height: 1.63; } .text-line--xlarge { line-height: 1.75; } .text-line--xxlarge { line-height: 1.9; } /*------------------------------------*\ #TEXT ALIGNMENT \*------------------------------------*/ .text-align--left { text-align: left; } .text-align--center { text-align: center; } .text-align--right { text-align: right; } .text-align--justify { text-align: justify; } /*------------------------------------*\ #TEXT STYLING \*------------------------------------*/ .font-weight--light { font-weight: 300; } .font-weight--normal { font-weight: 400; } .font-weight--semibold { font-weight: 600; } .font-weight--bold { font-weight: 700; } .font-weight--extrabold { font-weight: 800; } .font-style--italic { font-style: italic; } .text-decoration--underline { text-decoration: underline; } .text-decoration--strike { text-decoration: line-through; } .text-transform--uppercase { text-transform: uppercase; } .text-transform--lowercase { text-transform: lowercase; } .text-transform--capitalize { text-transform: capitalize; } .text-transform--initial { text-transform: initial; } .white-space--nowrap { white-space: nowrap; } .text--stroke { display: inline-block; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: inherit; -webkit-text-stroke-width: 0.0625rem; } /*------------------------------------*\ #TEXT SPACING \*------------------------------------*/ .word-spacing--large { word-spacing: 100vw; } .word-break--break-word { word-break: break-word; } .hyphens--auto { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /*------------------------------------*\ #TEXT COLOR \*------------------------------------*/ .text-color--white { color: #FFF; } .text-color--black { color: #000; } .text-color--grey-1 { color: #F6F6F8; } .text-color--grey-2 { color: #E6E9ED; } .text-color--grey-3 { color: #CCCCCC; } .text-color--grey-4 { color: #999999; } .text-color--grey-5 { color: #666666; } .text-color--grey-6 { color: #444444; } .text-color--grey-7 { color: #252525; } .text-color--red { color: #e60000; } .text-color--blue { color: #4D96E7; } .text-color--navy { color: rgb(15.3861386139, 62.1856435644, 114.1138613861); } .text-color--green { color: #00D3A7; } .text-color--beige { color: #f5f5dc; } .text-color--facebook-blue { color: #1877f2; } .text-color--google-blue { color: #4285f1; } .text-color--google-red { color: #ea4236; } .text-color--instagram-pink { color: #C62A81; } .text-color--instagram-orange { color: #F06430; } .text-color--paypal-blue { color: #009cde; } .text-color--paypal-silver { color: #eeeeee; } .text-color--primary { color: #ff491c; } .text-color--secondary { color: #ffbb1c; } .text-color--tertiary { color: #ff1c60; } .text-color--accent-primary { color: #0DFFCB; } .text-color--accent-secondary { color: #DAFF79; } .text-color--accent-tertiary { color: #28BAFF; } .text-color--error { color: #e60000; } .text-color--success { color: #00D3A7; } .text-color--initial { color: initial; } @media (min-width: 36rem) { /*------------------------------------*\ #TEXT ALIGNMENT \*------------------------------------*/ .text-align--small-up-center { text-align: center; } } @media (max-width: 47.9375rem) { /*------------------------------------*\ #TEXT ALIGNMENT \*------------------------------------*/ .text-align--medium-center { text-align: center; } } @media (max-width: 35.9375rem) { /*------------------------------------*\ #TEXT ALIGNMENT \*------------------------------------*/ .text-align--small-left { text-align: left; } .text-align--small-center { text-align: center; } .text-align--small-right { text-align: right; } .text-align--small-justify { text-align: justify; } } .font-family--primary { font-family: "Gibson", Helvetica, Arial, sans-serif; } .font-size--deci { font-size: 0.875rem; } h1 { font-size: 1.875rem; } h2 { font-size: 1.375rem; font-weight: 600; } h3 { font-size: 1.125rem; font-weight: 600; } h4 { font-size: 1rem; font-weight: 600; } h5 { font-size: 0.875rem; font-weight: 600; } h6 { font-size: 0.75rem; font-weight: 600; } b, strong, .font-weight--semibold, .font-weight--bold { font-weight: 600; } .font-weight--medium { font-weight: 500; } .cms-generic-copy { font-size: 0.875rem; } .cms-generic-copy .plp-seo-content { line-height: 1.125rem; color: #000000; } .cms-generic-copy a { text-decoration: underline; font-weight: 400; } .cms-generic-copy a:hover, .cms-generic-copy a:focus { text-decoration: none; } .cms-generic-copy ul, .cms-generic-copy ol { list-style-position: inside; padding-left: 0; margin-bottom: 1.5em; } .cms-generic-copy ul, .cms-generic-copy ol, .cms-generic-copy p + p { margin-top: 1.5em; } .cms-generic-copy table { border-collapse: collapse; table-layout: fixed; width: 100%; } .cms-generic-copy th, .cms-generic-copy td { border: solid #000000; border-width: 0 0 1px 0; padding: 0.5rem; text-align: left; font-size: 0.875rem; line-height: 1.5em; } .cms-generic-copy th:first-child, .cms-generic-copy td:first-child { border-left: 0; padding-left: 0; } .cms-generic-copy th:last-child, .cms-generic-copy td:last-child { border-right: 0; } .cms-generic-copy tr { border-spacing: 0; } .cms-generic-copy thead th { background-color: transparent; padding: 0.5rem; text-align: left; border: 0; border-bottom: 1px solid #000000; font-weight: 400; } .cms-generic-copy tbody td, .cms-generic-copy tbody th { border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 0.1875rem 0.5rem; white-space: nowrap; font-size: 0.875rem; } .text-decoration-none a { text-decoration: none; } .text-decoration-none a:hover, .text-decoration-none a:focus { text-decoration: none; } .hidden { display: none !important; } .sr-only, .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .set--visible { opacity: 1; visibility: inherit; } .set--invisible { opacity: 0; visibility: hidden; } .set--no-opacity { opacity: 0; } .pointer--none { pointer-events: none; } .toggle-display--hidden:not(.toggle--active) { display: none; } /*------------------------------------*\ #VIEWPORT VISIBILITY \*------------------------------------*/ @media (min-width: 36rem) { .display--small-only { display: none !important; } } @media (min-width: 48rem) { .display--medium-only, .display--medium-down { display: none !important; } } @media (max-width: 47.9375rem) { .display--medium-up { display: none !important; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { .display--hide-medium { display: none !important; } } @media (max-width: 35.9375rem) { .display--small-up, .display--medium-only { display: none !important; } } .d-none { display: none; } @media (min-width: 62rem) { .display--small-medium { display: none !important; } } @media (min-width: 64rem) { .display--small-large { display: none !important; } } .page { overflow: hidden; min-height: 100vh; -webkit-tap-highlight-color: rgba(255, 73, 28, 0.2); } .main { min-height: 19.9375rem; } /*------------------------------------*\ #MAX-WIDTH \*------------------------------------*/ [class*=max-width--] { margin-right: auto; margin-left: auto; } .max-width { max-width: 29.9375rem; } .max-width--unit { max-width: 0.0625rem; } .max-width--small { max-width: 35.9375rem; } .max-width--medium { max-width: 47.9375rem; } .max-width--large { max-width: 61.9375rem; } .max-width--mlarge { max-width: 63.9375rem; } .max-width--xlarge { max-width: 74.9375rem; } .max-width--xlargest { max-width: 87.5rem; } .max-width--smallest { max-width: 19.9375rem; } .max-width--xsmaller { max-width: 22.5rem; } .max-width--xsmallest { max-width: 29.9375rem; } .max-width--xsmall { max-width: 39.9375rem; } .max-width--xmedium { max-width: 59.9375rem; } .container { max-width: 61.9375rem; margin-right: auto; margin-left: auto; } /*------------------------------------*\ #BACKGROUND-COLOR \*------------------------------------*/ .bg--white { background-color: #FFF; } .bg--black { background-color: #000; } .bg--grey-1 { background-color: #F6F6F8; } .bg--grey-2 { background-color: #E6E9ED; } .bg--grey-3 { background-color: #CCCCCC; } .bg--grey-4 { background-color: #999999; } .bg--grey-5 { background-color: #666666; } .bg--grey-6 { background-color: #444444; } .bg--grey-7 { background-color: #252525; } .bg--red { background-color: #e60000; } .bg--blue { background-color: #4D96E7; } .bg--navy { background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861); } .bg--green { background-color: #00D3A7; } .bg--beige { background-color: #f5f5dc; } .bg--facebook-blue { background-color: #1877f2; } .bg--google-blue { background-color: #4285f1; } .bg--google-red { background-color: #ea4236; } .bg--instagram-pink { background-color: #C62A81; } .bg--instagram-orange { background-color: #F06430; } .bg--paypal-blue { background-color: #009cde; } .bg--paypal-silver { background-color: #eeeeee; } .bg--primary { background-color: #ff491c; } .bg--secondary { background-color: #ffbb1c; } .bg--tertiary { background-color: #ff1c60; } .bg--accent-primary { background-color: #0DFFCB; } .bg--accent-secondary { background-color: #DAFF79; } .bg--accent-tertiary { background-color: #28BAFF; } .bg--error { background-color: #e60000; } .bg--success { background-color: #00D3A7; } .bg--grey-7, .bg--black { color: #FFFFFF; } .bg--white { color: #252525; } @media (min-width: 36rem) { .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main { width: 100%; } /*------------------------------------*\ #GUTTERS \*------------------------------------*/ .gutter--small { padding-right: 1.25rem; padding-left: 1.25rem; } .gutter--small-up-normal { padding-right: 2rem; padding-left: 2rem; } .gutter--large, .gutter--small-up-large { padding-right: 3.125rem; padding-left: 3.125rem; } /*------------------------------------*\ #MAX-WIDTH \*------------------------------------*/ .container { padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 48rem) { /*------------------------------------*\ #GUTTERS \*------------------------------------*/ .gutter--normal, .gutter--medium-up-normal { padding-right: 2rem; padding-left: 2rem; } .extend-gutter--normal, .extend-gutter--small-up-normal { margin-right: -2rem; margin-left: -2rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { /*------------------------------------*\ #GUTTERS \*------------------------------------*/ .gutter--normal, .gutter--medium-only-small { padding-right: 1.25rem; padding-left: 1.25rem; } .extend-gutter--normal, .extend-gutter--small-up-normal { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (max-width: 35.9375rem) { /*------------------------------------*\ #GUTTERS \*------------------------------------*/ .gutter--normal, .gutter--small-only-normal { padding-right: 1rem; padding-left: 1rem; } .gutter--large, .gutter--small-only-large { padding-right: 1.25rem; padding-left: 1.25rem; } .gutter--small, .gutter--small-only-small { padding-right: 0.75rem; padding-left: 0.75rem; } .extend-gutter--normal, .extend-gutter--small-only-normal { margin-right: -1rem; margin-left: -1rem; } /*------------------------------------*\ #MAX-WIDTH \*------------------------------------*/ .container { padding-right: 1rem; padding-left: 1rem; } } .container, .max-width--xlarge { max-width: 61.9375rem; margin-right: auto; margin-left: auto; } @media (max-width: 35.9375rem) { .container, .max-width--xlarge { max-width: 100%; } } @media (min-width: 36rem) { .container, .max-width--xlarge { max-width: 36rem; padding-right: 1.125rem; padding-left: 1.125rem; } } @media (min-width: 48rem) { .container, .max-width--xlarge { max-width: 48rem; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 62rem) { .container, .max-width--xlarge { max-width: 62rem; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 75rem) { .container, .max-width--xlarge { max-width: 75rem; padding-right: 1.875rem; padding-left: 1.875rem; } } @media (min-width: 87.5625rem) { .container, .max-width--xlarge { max-width: 87.5rem; padding-right: 2.5rem; padding-left: 2.5rem; } } /*------------------------------------*\ #COMPONENTS \*------------------------------------*/ /*------------------------------------*\ #BUTTONS \*------------------------------------*/ button { background-color: transparent; border: none; border-radius: 0; color: inherit; cursor: pointer; font: inherit; } .button { display: inline-block; padding: 0.8125em 2em; border: solid 0.0625rem; border-radius: 0.125rem; font-size: 1rem; font-weight: 600; text-align: center; -webkit-transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .button.remove--border-left-radius { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button.remove--border-right-radius { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button:hover:not([disabled]):not(.disabled) { opacity: 0.65; } .button[disabled], .button.disabled { background-color: #F2F2F2; border-color: #F2F2F2; color: #B2B2B2; cursor: not-allowed; } .button--small { padding: 0.5em 1em; } .button--large { padding: 0.85em 1em; } .button--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .button--fluid { padding-right: 0; padding-left: 0; } .button--primary { background-color: #ff491c; border-color: #ff491c; color: #FFFFFF; } .button--primary:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFFFFF; color: #ff491c; } .button--primary-outline { color: #ff491c; } .button--primary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #ff491c; border-color: #ff491c; color: #FFFFFF; } .button--secondary { background-color: #ffbb1c; border-color: #ffbb1c; color: #FFFFFF; } .button--secondary:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFFFFF; color: #ffbb1c; } .button--secondary-outline { color: #ffbb1c; } .button--secondary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #ffbb1c; border-color: #ffbb1c; color: #FFFFFF; } .button--tertiary { background-color: #ff1c60; border-color: #ff1c60; color: #FFFFFF; } .button--tertiary:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFFFFF; color: #ff1c60; } .button--tertiary-outline { color: #ff1c60; } .button--tertiary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #ff1c60; border-color: #ff1c60; color: #FFFFFF; } .button--custom { background-color: #000000; background-color: var(--component-var-background-color, #000000); border-color: #000000; border-color: var(--component-var-background-color, #000000); color: #FFFFFF; color: var(--component-var-color, #FFFFFF); } .button--custom:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: transparent; color: #000000; color: var(--component-var-background-color, #000000); } .button--custom-outline { color: "currentColor"; color: var(--component-var-background-color, "currentColor"); } .button--custom-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: "currentColor"; background-color: var(--component-var-background-color, "currentColor"); border-color: "currentColor"; border-color: var(--component-var-background-color, "currentColor"); color: #FFFFFF; color: var(--component-var-color, #FFFFFF); } .button--cross-close { position: absolute; top: 0; right: 0; width: 2.5em; height: 2.5em; -webkit-transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .button--cross-close:hover, .button--cross-close:focus { opacity: 0.5; } .button--paypal { overflow: hidden; display: block; position: relative; height: 3rem; padding: 0; background-image: url("../images/payment-logos/PayPal_logo.svg"); background-position: center; background-repeat: no-repeat; background-size: 6.2rem; } .button--paypal .paypal-button { position: absolute; top: calc(50% + 0px); left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100% !important; height: 100% !important; opacity: 0.000000001; } .button--paypal .paypal-button .xcomponent-outlet, .button--paypal .paypal-button .zoid-outlet, .button--paypal .paypal-button .zoid-component-outlet { width: 100% !important; height: 100% !important; } .button--apple-pay.dw-apple-pay-button, .button--apple-pay.dw-apple-pay-button:hover, .button--apple-pay.dw-apple-pay-button:active { margin: 0; height: 3rem; border-radius: 0.125rem; } /*------------------------------------*\ #CHIPS \*------------------------------------*/ .chip { display: inline-block; min-width: 3em; padding: 0.3em 0.5em; border: solid 0.0625rem #D9D9D9; border-radius: 0.125rem; text-align: center; font-weight: 700; } .chip:hover { border-color: #070707; } .chip.selected { border-color: #ff491c; background-color: #ff491c; color: #FFFFFF; } /*------------------------------------*\ #PILLS \*------------------------------------*/ .pill { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.3em 0.85em; border: solid 0.0625rem; border-radius: 4rem; font-weight: 700; } .pill:hover { background-color: #ff491c; border-color: #ff491c; color: #FFFFFF; } .pill--icon-left { padding-left: 0.35em; } .pill--icon-right { padding-right: 0.5em; } .pill__icon--actionable:hover { opacity: 0.5; } .pill__icon--swatch { border: solid 0.0625rem #FFFFFF; } .pill__icon--left { margin-right: 0.5em; } .pill__icon--right { margin-left: 1em; } .button { border-radius: 0.25rem; font-size: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 500; -webkit-transition: none; transition: none; } .button.button--small { padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; } .button--set-icon-after { position: relative; padding-right: 2.5rem; } .button--set-icon-after .icon { position: absolute; top: 50%; right: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button--set-icon-before { position: relative; padding-left: 2.5rem; } .button--set-icon-before .icon { position: absolute; top: 50%; left: 0.875rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button--primary { background: #008558; border-color: #008558; color: #FFFFFF; font-weight: 500; line-height: 1.25rem; } .button--primary:hover:not([disabled]):not(.disabled), .button--primary:focus { opacity: 1; background-color: #00593b; color: #FFFFFF; } .button--primary:active { background-color: #002c1d; } .button--primary:focus { background: #008558; border-color: #008558; color: #FFFFFF; outline: 0.125rem solid #000000; outline-offset: 0.125rem; } .button--secondary { background: #EAEAEA; border-color: #EAEAEA; color: #000000; } .button--secondary:hover:not([disabled]):not(.disabled), .button--secondary:focus { opacity: 1; background-color: #D9D9D9; color: #000000; } .button--secondary:active { background-color: #B2B2B2; color: #000000; } .button--secondary:focus { background: #EAEAEA; border-color: #EAEAEA; color: #000000; outline: 0.125rem solid #000000; outline-offset: 0.125rem; } .button--tertiary { background: none; border: none; color: #000000; outline: 0.0625rem solid #070707; } .button--tertiary:hover:not([disabled]):not(.disabled), .button--tertiary:focus { opacity: 1; background: none; border: none; color: #000000; outline: 0.125rem solid #070707; } .button--tertiary:active { background: #D9D9D9; color: #000000; outline: 0.125rem solid #070707; } .button--tertiary:focus { background: #D9D9D9; border-color: #D9D9D9; color: #000000; outline: 0.125rem solid #070707; outline-offset: 0.125rem; } .experience-component .component-actions--inner .content-tile__cta .button--custom-outline { padding: 0.5rem 1rem; color: #070707; border-color: #070707; } .link { display: inline-block; -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out; } .link--primary { display: inline-block; } .link--primary .component-actions__cta-icon { stroke: currentColor; stroke-width: 0.125rem; font-size: 0.75em; vertical-align: middle; } .link--underline { text-decoration: none; border-bottom: 1px solid; } .link--underline:hover { border-color: transparent; } .link--underline-hover { border-bottom: 1px solid transparent; } .link--underline-hover:hover, .link--underline-hover:focus { text-decoration: none; border-bottom: 1px solid; } .link--highlight-hover:hover, .link--highlight-hover:focus { color: #000000; } .link--flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .link--icon { position: relative; padding-left: 1.5rem; } .link--icon .icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .link--icon span { display: inline-block; border-bottom: 1px solid; } .link--icon:hover span { border-bottom-color: transparent; } /** * Utility classes for buttons and pseudo buttons */ .cursor--pointer:hover { cursor: pointer; } .cursor--not-allowed:hover { cursor: not-allowed; } .component-actions__faq-link { background: #F2F2F2; color: #070707; border-radius: 3.125rem; border: none; padding: 0.813rem 0.563rem; font-weight: 400; font-size: 0.875rem; white-space: nowrap; margin: 1rem 0; line-height: 1.125rem; } @media (max-width: 35.9375rem) { .component-actions__faq-link { margin: 0.5rem; white-space: normal; } } /*------------------------------------*\ #ICONS - Mapped to the static svg directory file names \*------------------------------------*/ .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .icon svg { width: 100%; height: 100%; fill: inherit; } .icon--small { width: 0.5rem; height: 0.5rem; } .icon--medium { width: 1.125rem; height: 1.125rem; } .icon--large { width: 2.5rem; height: 2.5rem; } .icon--rotate-h { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .icon--rotate-up { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .icon--rotate-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .icon--set-left { margin-right: 0.6em; } .icon--set-left-short { margin-right: 0.35em; } .icon--set-right { margin-left: 0.6em; } .icon--set-right-short { margin-left: 0.35em; } .icon--inline-align-center { vertical-align: middle; } /*------------------------------------*\ #INPUT-RESETS \*------------------------------------*/ [type=password], [type=text], [type=tel], [type=email], [type=search], [type=number], select, textarea { color: #252525; font-family: inherit; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.125rem; border: solid 0.0625rem #D9D9D9; outline: none; } [type=password]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #D9D9D9; } [type=password]::-moz-placeholder, [type=text]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=email]::-moz-placeholder, [type=search]::-moz-placeholder, [type=number]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #D9D9D9; } [type=password]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #D9D9D9; } [type=password]::-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=number]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #D9D9D9; } [type=password]::placeholder, [type=text]::placeholder, [type=tel]::placeholder, [type=email]::placeholder, [type=search]::placeholder, [type=number]::placeholder, select::placeholder, textarea::placeholder { color: #D9D9D9; } [type=password]:focus::-webkit-input-placeholder, [type=text]:focus::-webkit-input-placeholder, [type=tel]:focus::-webkit-input-placeholder, [type=email]:focus::-webkit-input-placeholder, [type=search]:focus::-webkit-input-placeholder, [type=number]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #EAEAEA; } [type=password]:focus::-moz-placeholder, [type=text]:focus::-moz-placeholder, [type=tel]:focus::-moz-placeholder, [type=email]:focus::-moz-placeholder, [type=search]:focus::-moz-placeholder, [type=number]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #EAEAEA; } [type=password]:focus:-ms-input-placeholder, [type=text]:focus:-ms-input-placeholder, [type=tel]:focus:-ms-input-placeholder, [type=email]:focus:-ms-input-placeholder, [type=search]:focus:-ms-input-placeholder, [type=number]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #EAEAEA; } [type=password]:focus::-ms-input-placeholder, [type=text]:focus::-ms-input-placeholder, [type=tel]:focus::-ms-input-placeholder, [type=email]:focus::-ms-input-placeholder, [type=search]:focus::-ms-input-placeholder, [type=number]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: #EAEAEA; } [type=password]:focus::placeholder, [type=text]:focus::placeholder, [type=tel]:focus::placeholder, [type=email]:focus::placeholder, [type=search]:focus::placeholder, [type=number]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { color: #EAEAEA; } [type=password].disabled, [type=password][disabled], [type=text].disabled, [type=text][disabled], [type=tel].disabled, [type=tel][disabled], [type=email].disabled, [type=email][disabled], [type=search].disabled, [type=search][disabled], [type=number].disabled, [type=number][disabled], select.disabled, select[disabled], textarea.disabled, textarea[disabled] { color: #D9D9D9; } [type=password]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=text]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=tel]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=email]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=search]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=number]:not([disabled]):not([readonly]):not(.is-invalid):focus, select:not([disabled]):not([readonly]):not(.is-invalid):focus, textarea:not([disabled]):not([readonly]):not(.is-invalid):focus { border-color: #070707; } input[type=file] { cursor: pointer; } input[type=file].disabled, input[type=file][disabled] { cursor: not-allowed; } input::-webkit-contacts-auto-fill-button { position: relative; right: 1.5rem; } textarea { display: block; width: 100%; resize: none; } select::-webkit-outer-spin-button, select::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } select::-ms-expand { display: none; } option { color: #252525; } /*------------------------------------*\ #FORM-COPY \*------------------------------------*/ .form-intro__title { margin-bottom: 0.75em; } .form-intro__copy { margin-bottom: 1.75em; } .form-control-disclaimer { margin-top: 0.75em; } .form-control-description { margin-top: 0.25em; font-size: 0.875rem; color: #B2B2B2; } /*------------------------------------*\ #TEXT AND SELECTS \*------------------------------------*/ .form-control { width: 100%; height: 3rem; padding-right: 1rem; padding-left: 1rem; background-color: transparent; } .form-control.is-invalid { border-color: #D32C2C; background-color: white; color: #D32C2C; } .form-control.remove--border-styles { border-radius: 0; border-color: transparent; } .form-control.remove--border-right-styles { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .form-control.remove--border-left-styles { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; } .form-control--small { height: 2.5rem; } .form-control--textarea { padding-top: 1rem; padding-bottom: 1rem; height: auto; min-height: 4.5rem; } .custom-select, .form-control--select { padding-right: 2rem; background-size: 0.85em 0.85em; background-repeat: no-repeat; background-position: calc(100% - 0.5em) center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-width='2' stroke='%23252525' fill='%23252525' d='M24 6.3c0 .2-.1.3-.2.4L12.4 18.1c-.2.2-.6.2-.9 0L.2 6.8c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0L12 16.8 22.9 5.9c.2-.2.6-.2.9 0 .1.1.2.3.2.4z'/%3E%3C/svg%3E"); -webkit-transition: color 107ms ease-in-out; transition: color 107ms ease-in-out; } .custom-select:-internal-autofill-selected, .form-control--select:-internal-autofill-selected { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-width='2' stroke='%23252525' fill='%23252525' d='M24 6.3c0 .2-.1.3-.2.4L12.4 18.1c-.2.2-.6.2-.9 0L.2 6.8c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0L12 16.8 22.9 5.9c.2-.2.6-.2.9 0 .1.1.2.3.2.4z'/%3E%3C/svg%3E") !important; } .form-control-label { display: inline-block; font-size: 0.875rem; margin-bottom: 0.25rem; } .required .form-control-label:after { content: "*"; color: #D32C2C; } /*------------------------------------*\ #CHECKBOXES AND RADIOS \*------------------------------------*/ .form-check { position: relative; } .form-check-input { position: absolute; top: 0; left: 0; opacity: 0; } [class*=form-check-label] { display: block; position: relative; padding-left: 1.9em; line-height: 1.3; -webkit-transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1); } [class*=form-check-label]:before, [class*=form-check-label]:after { position: absolute; } [class*=form-check-label]:before { top: 0; left: 0; border: solid 0.0625rem #B2B2B2; border-radius: 0.125rem; content: ""; width: 1.25em; height: 1.25em; } [class*=form-check-label]:after { top: 0.125em; left: 0.125em; width: 1em; height: 1em; } .form-check-label:after { opacity: 0; line-height: 1.06; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23ff491c' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-label--radio:before, .form-check-label--radio:after { border-radius: 50%; } .form-check-label--radio:after { background-color: #ff491c; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); content: ""; } .form-check-input:checked + .form-check-label, .form-check-label.set--checked, .form-check-label.toggle--active { color: inherit; } .form-check-input:checked + .form-check-label:before, .form-check-label.set--checked:before, .form-check-label.toggle--active:before { background-color: #ff491c; border-color: #ff491c; } .form-check-input:checked + .form-check-label:after, .form-check-label.set--checked:after, .form-check-label.toggle--active:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFFFFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-input:checked + .form-check-label--radio:after, .form-check-label--radio.set--checked:after, .form-check-label--radio.toggle--active:after { opacity: 1; background-color: #ff491c; -webkit-transform: scale(0.75); transform: scale(0.75); } .form-check-input:focus + [class*=form-check-label], [class*=form-check-label]:focus { outline: none; } .form-check-input:focus + [class*=form-check-label]:before, [class*=form-check-label]:focus:before { border-color: #ff491c; } .form-check-input:disabled + [class*=form-check-label]:before, [class*=form-check-label].disabled:before { background-color: #F8F8F8; border-color: #F2F2F2; } .form-check-input:disabled + [class*=form-check-label]:after, [class*=form-check-label].disabled:after { color: #F2F2F2; } .form-check-input.error + [class*=form-check-label]:before, .form-check-input.is-invalid + [class*=form-check-label]:before { border-color: #D32C2C; } /*------------------------------------*\ #FORM GROUPS \*------------------------------------*/ .form-group { margin-bottom: 1.25rem; } .form-group--no-spacing { margin-bottom: 0; } .form-check-list__item:not(:last-child) { margin-bottom: 1rem; } .form-section:not(:first-child) { margin-top: 1.6rem; } /*------------------------------------*\ #FORM ACTIONS \*------------------------------------*/ .form-actions { margin-top: 2rem; } /*------------------------------------*\ #FORM VALIDATION \*------------------------------------*/ .success-feedback, .invalid-feedback, .form-invalid-feedback { display: block; margin-top: 0.25rem; font-size: 0.875rem; } .success-feedback:not(.set--visible), .invalid-feedback:not(.set--visible), .form-invalid-feedback:not(.set--visible) { position: absolute; opacity: 0; visibility: hidden; } .invalid-feedback, .form-invalid-feedback { color: #D32C2C; } .success-feedback { color: #00D3A7; } .form-invalid-feedback { margin-bottom: 1em; } /*------------------------------------*\ #FORM CONSTRAINTS \*------------------------------------*/ .form-control__constraints { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.75em; color: #B2B2B2; } .form-control__constraint { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .set--constraint-fail { color: #D32C2C; } .set--constraint-pass { color: #00D3A7; } /*------------------------------------*\ #FLOATING-LABEL-FIELDS \*------------------------------------*/ @media (-ms-high-contrast: active) { .form-check-label:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFFFFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-label--radio:after { border: solid 0.5rem; } } @media (max-width: 35.9375rem) { input, select, textarea { font-size: 1rem; } } /*------------------------------------*\ #INPUT-RESETS \*------------------------------------*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } [type=password], [type=text], [type=tel], [type=email], [type=search], [type=number], select, textarea { color: #070707; font-family: inherit; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; border: solid 0.0625rem #D9D9D9; outline: none; } [type=password]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #D9D9D9; } [type=password]::-moz-placeholder, [type=text]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=email]::-moz-placeholder, [type=search]::-moz-placeholder, [type=number]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #D9D9D9; } [type=password]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #D9D9D9; } [type=password]::-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=number]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #D9D9D9; } [type=password]::placeholder, [type=text]::placeholder, [type=tel]::placeholder, [type=email]::placeholder, [type=search]::placeholder, [type=number]::placeholder, select::placeholder, textarea::placeholder { color: #D9D9D9; } [type=password]:focus, [type=text]:focus, [type=tel]:focus, [type=email]:focus, [type=search]:focus, [type=number]:focus, select:focus, textarea:focus { border-width: 0.125rem; } [type=password]:focus::-webkit-input-placeholder, [type=text]:focus::-webkit-input-placeholder, [type=tel]:focus::-webkit-input-placeholder, [type=email]:focus::-webkit-input-placeholder, [type=search]:focus::-webkit-input-placeholder, [type=number]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #EAEAEA; } [type=password]:focus::-moz-placeholder, [type=text]:focus::-moz-placeholder, [type=tel]:focus::-moz-placeholder, [type=email]:focus::-moz-placeholder, [type=search]:focus::-moz-placeholder, [type=number]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #EAEAEA; } [type=password]:focus:-ms-input-placeholder, [type=text]:focus:-ms-input-placeholder, [type=tel]:focus:-ms-input-placeholder, [type=email]:focus:-ms-input-placeholder, [type=search]:focus:-ms-input-placeholder, [type=number]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #EAEAEA; } [type=password]:focus::-ms-input-placeholder, [type=text]:focus::-ms-input-placeholder, [type=tel]:focus::-ms-input-placeholder, [type=email]:focus::-ms-input-placeholder, [type=search]:focus::-ms-input-placeholder, [type=number]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: #EAEAEA; } [type=password]:focus::placeholder, [type=text]:focus::placeholder, [type=tel]:focus::placeholder, [type=email]:focus::placeholder, [type=search]:focus::placeholder, [type=number]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { color: #EAEAEA; } [type=password].disabled, [type=password][disabled], [type=text].disabled, [type=text][disabled], [type=tel].disabled, [type=tel][disabled], [type=email].disabled, [type=email][disabled], [type=search].disabled, [type=search][disabled], [type=number].disabled, [type=number][disabled], select.disabled, select[disabled], textarea.disabled, textarea[disabled] { color: #070707; background-color: #F2F2F2; } [type=password].disabled::-webkit-input-placeholder, [type=password][disabled]::-webkit-input-placeholder, [type=text].disabled::-webkit-input-placeholder, [type=text][disabled]::-webkit-input-placeholder, [type=tel].disabled::-webkit-input-placeholder, [type=tel][disabled]::-webkit-input-placeholder, [type=email].disabled::-webkit-input-placeholder, [type=email][disabled]::-webkit-input-placeholder, [type=search].disabled::-webkit-input-placeholder, [type=search][disabled]::-webkit-input-placeholder, [type=number].disabled::-webkit-input-placeholder, [type=number][disabled]::-webkit-input-placeholder, select.disabled::-webkit-input-placeholder, select[disabled]::-webkit-input-placeholder, textarea.disabled::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder { color: #B2B2B2; } [type=password].disabled::-moz-placeholder, [type=password][disabled]::-moz-placeholder, [type=text].disabled::-moz-placeholder, [type=text][disabled]::-moz-placeholder, [type=tel].disabled::-moz-placeholder, [type=tel][disabled]::-moz-placeholder, [type=email].disabled::-moz-placeholder, [type=email][disabled]::-moz-placeholder, [type=search].disabled::-moz-placeholder, [type=search][disabled]::-moz-placeholder, [type=number].disabled::-moz-placeholder, [type=number][disabled]::-moz-placeholder, select.disabled::-moz-placeholder, select[disabled]::-moz-placeholder, textarea.disabled::-moz-placeholder, textarea[disabled]::-moz-placeholder { color: #B2B2B2; } [type=password].disabled:-ms-input-placeholder, [type=password][disabled]:-ms-input-placeholder, [type=text].disabled:-ms-input-placeholder, [type=text][disabled]:-ms-input-placeholder, [type=tel].disabled:-ms-input-placeholder, [type=tel][disabled]:-ms-input-placeholder, [type=email].disabled:-ms-input-placeholder, [type=email][disabled]:-ms-input-placeholder, [type=search].disabled:-ms-input-placeholder, [type=search][disabled]:-ms-input-placeholder, [type=number].disabled:-ms-input-placeholder, [type=number][disabled]:-ms-input-placeholder, select.disabled:-ms-input-placeholder, select[disabled]:-ms-input-placeholder, textarea.disabled:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder { color: #B2B2B2; } [type=password].disabled::-ms-input-placeholder, [type=password][disabled]::-ms-input-placeholder, [type=text].disabled::-ms-input-placeholder, [type=text][disabled]::-ms-input-placeholder, [type=tel].disabled::-ms-input-placeholder, [type=tel][disabled]::-ms-input-placeholder, [type=email].disabled::-ms-input-placeholder, [type=email][disabled]::-ms-input-placeholder, [type=search].disabled::-ms-input-placeholder, [type=search][disabled]::-ms-input-placeholder, [type=number].disabled::-ms-input-placeholder, [type=number][disabled]::-ms-input-placeholder, select.disabled::-ms-input-placeholder, select[disabled]::-ms-input-placeholder, textarea.disabled::-ms-input-placeholder, textarea[disabled]::-ms-input-placeholder { color: #B2B2B2; } [type=password].disabled::placeholder, [type=password][disabled]::placeholder, [type=text].disabled::placeholder, [type=text][disabled]::placeholder, [type=tel].disabled::placeholder, [type=tel][disabled]::placeholder, [type=email].disabled::placeholder, [type=email][disabled]::placeholder, [type=search].disabled::placeholder, [type=search][disabled]::placeholder, [type=number].disabled::placeholder, [type=number][disabled]::placeholder, select.disabled::placeholder, select[disabled]::placeholder, textarea.disabled::placeholder, textarea[disabled]::placeholder { color: #B2B2B2; } [type=password].is-invalid, [type=text].is-invalid, [type=tel].is-invalid, [type=email].is-invalid, [type=search].is-invalid, [type=number].is-invalid, select.is-invalid, textarea.is-invalid { border-width: 0.125rem; color: #070707; } [type=password]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=text]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=tel]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=email]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=search]:not([disabled]):not([readonly]):not(.is-invalid):focus, [type=number]:not([disabled]):not([readonly]):not(.is-invalid):focus, select:not([disabled]):not([readonly]):not(.is-invalid):focus, textarea:not([disabled]):not([readonly]):not(.is-invalid):focus { border-color: #070707; } /*------------------------------------*\ #VALIDATION \*------------------------------------*/ .invalid-feedback.set--visible { margin-top: 0.5rem; } .invalid-feedback::before { content: "!"; width: 1.25rem; height: 1.25rem; background: #D32C2C; border-radius: 1.25rem; display: inline-block; color: #FFFFFF; font-size: 1rem; font-weight: 700; text-align: center; margin-right: 0.5rem; } /*------------------------------------*\ #LAYOUT \*------------------------------------*/ .form-control-wrapper { position: relative; } .form-control-wrapper [type=password] { padding-right: 4rem; } .form-control-wrapper [type=number] { padding-left: 2rem; } .form-control-label { display: inline-block; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; line-height: 1.25rem; color: #070707; } textarea { height: 6rem; } [class*=form-check-label] { cursor: pointer; line-height: 1.5rem; padding-left: 2rem; } [class*=form-check-label]::before { border: solid 0.125rem #B2B2B2; border-radius: 0.25rem; height: 1.5rem; overflow: hidden; width: 1.5rem; } [class*=form-check-label]:after { top: 0.25rem; left: 0.25rem; } .form-check-input:disabled + [class*=form-check-label] { cursor: not-allowed; } .form-check-input:checked + .form-check-label:before, .form-check-label.set--checked:before, .form-check-label.toggle--active:before { background-color: #008558; border-color: #070707; } .form-check-input:checked + .form-check-label:after, .form-check-label.set--checked:after, .form-check-label.toggle--active:after { -webkit-transform: scale(0.8); transform: scale(0.8); } .form-check-label--radio { padding-left: 1.75rem; } .form-check-label--radio:before, .form-check-label--radio:after { border-radius: 100%; } .form-check-label--radio::before { border-color: #666666; height: 1.25rem; overflow: hidden; width: 1.25rem; } .form-check-label--radio::after { content: ""; top: 0.125rem; left: 0.125rem; } .form-check-input:checked + .form-check-label--radio::before, .form-check-label--radio.set--checked::before, .form-check-label--radio.toggle--active::before { border-color: #070707; background-size: 75%; background: none; } .form-check-input:checked + .form-check-label--radio:after, .form-check-label--radio.set--checked:after, .form-check-label--radio.toggle--active:after { content: ""; background-color: #008558; -webkit-transform: scale(0.65); transform: scale(0.65); } .form-check-input:focus + [class*=form-check-label], [class*=form-check-label]:focus { outline: none; } .form-check-input:focus + [class*=form-check-label]:before, [class*=form-check-label]:focus:before { border-color: #070707; } .form-check-label--large { border: 1px solid #B2B2B2; border-radius: 0.25rem; padding: 1rem 1rem 1rem 2.5rem; line-height: 1rem; } .form-check-label--large:hover { border: 1px solid #070707; } .form-check-label--large::before { height: 1rem; width: 1rem; top: 1rem; left: 1rem; } .form-check-label--large::after { top: 1rem; left: 1rem; } .form-check-input:checked + .form-check-label--large:after, .form-check-label--large.set--checked:after, .form-check-label--large.toggle--active:after { -webkit-transform: scale(0.45); transform: scale(0.45); } .form-check-input:checked + .form-check-label--large { border: 2px solid #070707; } .form-check-input:disabled + .form-check-label--large:hover { border: 1px solid #B2B2B2; } .form-control-toggle { position: absolute; top: 0; right: 0.375rem; cursor: pointer; line-height: 3rem; font-size: 0.875rem; font-weight: 500; } .form-control:disabled + .form-control-toggle { display: none; } .form-control-currency { position: absolute; top: 0; left: 1rem; pointer-events: none; line-height: 3rem; } .form-control:disabled + .form-control-currency { color: #B2B2B2; } .form-control--select.is-invalid { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-width='2' stroke='%23252525' fill='%23252525' d='M24 6.3c0 .2-.1.3-.2.4L12.4 18.1c-.2.2-.6.2-.9 0L.2 6.8c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0L12 16.8 22.9 5.9c.2-.2.6-.2.9 0 .1.1.2.3.2.4z'/%3E%3C/svg%3E"); color: inherit; } .video-asset { width: 100%; opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out; } .video-asset.video-asset--fit { width: 100%; height: 100%; } .video-asset.video-asset--natural { max-width: 100%; height: auto; } .video-asset.video-asset--ratio-wide { width: 100%; } .video-asset--natural video.vjs-tech { position: initial; } .video-asset--ratio-wide { position: relative; } .video-asset--ratio-wide:before { display: block; content: ""; padding-bottom: 56.25%; width: 100%; } .video-asset--overlay-poster { background-color: transparent; } .video-asset--overlay-poster .vjs-tech { opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out; } .video-asset__overlay { -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; } .set--video-playing.set--video-overlay-hide-playing .video-asset__overlay, .set--video-playing.set--video-overlay-show-hover:not(:hover) .video-asset__overlay, .set--video-played.set--video-overlay-hide-permanent .video-asset__overlay { opacity: 0; visibility: hidden; } .set--video-manual .video-asset__overlay, .set--video-has-controls .video-asset__overlay { pointer-events: none; } .set--video-manual .video-asset__overlay > *, .set--video-has-controls .video-asset__overlay > * { pointer-events: initial; } .set--video-no-controls.set--video-autoplay .video-asset { pointer-events: none; } .set--video-ready .video-asset { opacity: 1; } .set--video-played .vjs-tech { opacity: 1; } /** * TABLE OF CONTENTS * * COMPONENTS * headerCommons...................Contains header global styles. * headerBanner....................Styles for the header top banner. * headerFlyout...................Styles for category navigation. * headerSearch...................Styles for the header search. * headerMinicart.................Minicart styles. * */ /*------------------------------------*\ #COMPONENTS \*------------------------------------*/ /** * Contains global styles for the header. * This stylesheet should not include component specific styles. */ .set--header-blend .header-container { position: absolute; width: 100%; top: 0; left: 0; } .header-container.set--overlay .header-promo { z-index: 1; } .header-container:not(.set--overlay) .header-promo { -webkit-transition: z-index 0s ease-in-out 213ms; transition: z-index 0s ease-in-out 213ms; } .header { z-index: 3; position: relative; background-color: #FFF; background-color: var(--header-nav-bg, #FFF); -webkit-transition-property: background-color, color, -webkit-box-shadow; transition-property: background-color, color, -webkit-box-shadow; transition-property: background-color, color, box-shadow; transition-property: background-color, color, box-shadow, -webkit-box-shadow; -webkit-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); -webkit-box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.15); cursor: initial; } .header:not(.header--no-menu) { -webkit-box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.15); } .set--header-blend .header.header--sticky-always:not(.fixit--active):not(:hover):not(:focus-within):not(.focus-within), .set--header-blend .header.header--sticky-scroll:not(.fixit--scroll-direction-change):not(:hover):not(:focus-within):not(.focus-within) { background-color: transparent; color: #FFFFFF; -webkit-box-shadow: inset 0 -0.0625rem 0 0 transparent; box-shadow: inset 0 -0.0625rem 0 0 transparent; } .header.header--sticky-always.fixit--active { position: fixed; top: 0; width: 100%; } .header.header--sticky-scroll.fixit--active { position: absolute; width: 100%; -webkit-transition-property: margin, background-color, color, -webkit-box-shadow; transition-property: margin, background-color, color, -webkit-box-shadow; transition-property: margin, background-color, color, box-shadow; transition-property: margin, background-color, color, box-shadow, -webkit-box-shadow; } .header.header--sticky-scroll.fixit--active:not(.fixit--scroll-direction-change) { bottom: 0; } .header.header--sticky-scroll.fixit--scroll-direction-change { position: fixed; top: 0; } .header.header--sticky-scroll.fixit--scrolled.fixit--scroll-up { margin-top: 0; } .header__logo { color: "currentColor"; color: var(--header-nav-color, "currentColor"); } .header__hamburger-trigger { color: "currentColor"; color: var(--header-nav-color, "currentColor"); } .header__logo { height: 1.875rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #ff491c; } .header__logo-img { width: 100%; fill: currentColor; } .header__skip-to-main { position: absolute; top: 1rem; left: 2rem; z-index: 1000; } .header__skip-to-main:not(:focus) { pointer-events: none; opacity: 0; } .header-promo { position: relative; z-index: 3; } @media (min-width: 36rem) { .header.fixit--scrolled.fixit--scroll-down:not(:hover):not(:focus-within):not(.focus-within).header--stacked { margin-top: -7.5rem; } .header.fixit--scrolled.fixit--scroll-down:not(:hover):not(:focus-within):not(.focus-within).header--standard { margin-top: -6rem; } .header--no-menu { padding-top: 0.5rem; padding-bottom: 0.5rem; } .header--stacked { padding-top: 1.25rem; } .header--stacked .header-flyout__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__logo { max-width: 10rem; -ms-flex-negative: 0.8; flex-shrink: 0.8; } } @media (max-width: 35.9375rem) { .header.fixit--scrolled.fixit--scroll-down:not(:hover):not(:focus-within):not(.focus-within) { margin-top: -5rem; } .header__main { padding-top: 0.5rem; padding-bottom: 0.5rem; } .header__logo { max-width: 8rem; margin: auto; } } .header__logo { color: #f23F00; -ms-flex-negative: 0; flex-shrink: 0; max-width: 9.375rem; } .header__hamburger-trigger .hamburger-icon-close { display: none; } .header__hamburger-trigger .icon { width: 1.5rem; height: 1.5rem; } .header__hamburger-trigger.flyout-toggle--active .hamburger-icon-close { display: block; padding: 0.375rem 0 0.125rem 0; } .header__hamburger-trigger.flyout-toggle--active .icon-open { display: none; } @media (max-width: 63.9375rem) { .header__main { padding: 0.5rem 0; } } @media (min-width: 62rem) { .header--no-menu .header__main { padding: 1rem 0; } } .header--no-menu .header__main .icon-container { margin-left: auto; } .header--no-menu .header__main .icon-container .icon { font-size: 1.5rem; } .header--no-menu .header__main .header__utility-item { margin-right: 0; margin-left: 0.75rem; } @media (max-width: 29.9375rem) { .header--no-menu .header__main { padding: 0.5rem 0; } .header__logo { max-width: 9.375rem; } } @media (max-width: 22.5rem) { .header__logo { max-width: 8.375rem; } } .header-flyout__container.level-1 { color: "currentColor"; color: var(--header-nav-color, "currentColor"); } .header-flyout__container.level-2 { color: "currentColor"; color: var(--header-nav-panel-color, "currentColor"); } .header-flyout__close { color: "currentColor"; color: var(--header-nav-panel-color, "currentColor"); } @media (min-width: 48rem) { .header-flyout__anchor.level-1 { padding: 1.5rem 1rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { .header-flyout__anchor.level-1 { padding: 1.25rem 0.5rem; font-size: 0.875rem; } } @media (min-width: 36rem) { .header-flyout:hover .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover), .header-flyout.mega--active .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: 0.6; } .header--standard .header-flyout { margin-left: 2%; } .header-flyout__list.level-1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-flyout__list.level-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; max-height: 25rem; } .header-flyout__list.level-3 { margin-top: 0.75rem; } .header-flyout__item.level-2 { min-width: 12rem; margin-bottom: 1.25rem; } .header-flyout__item.level-3 { font-size: 0.875rem; } .header-flyout__item.level-3:not(:last-child) { margin-bottom: 0.5rem; } .header-flyout__anchor.level-1 { display: block; -webkit-transition-property: opacity, -webkit-box-shadow; transition-property: opacity, -webkit-box-shadow; transition-property: opacity, box-shadow; transition-property: opacity, box-shadow, -webkit-box-shadow; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .header-flyout__anchor.level-1.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #ff491c; box-shadow: inset 0 -0.25rem #ff491c; } .header-flyout__anchor:not(.level-1):hover { text-decoration: underline; } .header-flyout__anchor--parent.level-2, .header-flyout__anchor--list-title.level-2 { font-weight: 700; } .header-flyout__anchor--parent.level-3, .header-flyout__anchor--list-title.level-3 { text-decoration: underline; } .header-flyout__container.level-2 { z-index: 1; position: absolute; left: 0; width: 100vw; padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); } .header-flyout__container.level-2:not(.mega-item--active) { opacity: 0; visibility: hidden; } .header-flyout__column-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-flyout__column-container .header-flyout__tile-img { height: 16rem; max-width: none; } .header-flyout__column--mainNavigationColumn { -webkit-box-flex: 0; -ms-flex: 0 1 12.5rem; flex: 0 1 12.5rem; min-width: 8rem; } .header-flyout__column--mainNavigationMediaColumn { max-width: 100%; overflow: auto; } .header-flyout__column--align-right { margin-left: auto; } .header-flyout__column:not(:last-child), .header-flyout__column-media:not(:last-child) { margin-right: 1.25rem; } .header-flyout__column-media-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-flyout__stacked-container:not(:first-child) { margin-top: 1.25rem; } } @media (max-width: 35.9375rem) { .header-flyout { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); overflow: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .header-flyout:not(.flyout-toggle--active) { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; } .header-flyout.flyout-toggle--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1, .header-flyout.flyout-toggle--active .header-flyout__secondary-link { -webkit-transform: translateX(0); transform: translateX(0); } .header-flyout__head { position: absolute; top: 0; left: 0; width: 100%; } .header-flyout__close { z-index: 2; margin-left: auto; padding: 1rem 1.25rem; } .header-flyout__back { z-index: 1; position: absolute; left: 0; top: 0; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 100%; } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 1; visibility: inherit; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__scrollable { overflow-y: auto; overflow-x: hidden; height: 100%; padding-top: 3.75rem; } .header-flyout__anchor, .header-flyout__back, .header-flyout__secondary-link { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-flyout__anchor.level-1, .header-flyout__secondary-link { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 107ms; transition-delay: 107ms; } .header-flyout__anchor--parent { font-weight: 700; } .header-flyout__tile-img { width: 100%; } .header-flyout__secondary { margin-top: 0.5rem; padding-top: 0.5rem; border-top: solid 0.0625rem #F2F2F2; } .header-flyout__secondary-link { padding: 0.5rem 1.25rem; color: #B2B2B2; } } @media (min-width: 64rem) { .header-flyout.nav-top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 0; width: 100%; } .header-flyout:hover .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover), .header-flyout.mega--active .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: unset; } .header-flyout__container.level-2 { width: 100%; padding: 1.5rem 1.25rem; -webkit-box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.3); overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 8.125rem); } .header-flyout__list.level-2 { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-height: 100%; -ms-flex-wrap: unset; flex-wrap: unset; } .header-flyout__list.level-2 .header-flyout__item--main { display: none; } .header-flyout__list.level-2 .header-flyout__item--main.level-3 { display: block; } .header-flyout__anchor--list-title.level-2 { font-weight: 500; font-size: 1.125rem; } .header-flyout__item.level-1 { padding: 0 0.75rem; } .header-flyout__item.level-2 { padding-right: 0.625rem; color: #000000; line-height: 1.375rem; } .header-flyout__item.level-3 { line-height: 1.25rem; } .header-flyout__item.level-3 .level-3 { font-size: 1rem; color: #666666; } .header-flyout__item.level-3 .level-3.sub-category-heighlight { font-weight: 500; color: #070707; } .header-flyout__anchor.level-1.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #070707; box-shadow: inset 0 -0.25rem #070707; } .header-flyout__anchor.level-1.mega-item--active.category-heighlight { -webkit-box-shadow: inset 0 -0.25rem #C83B33; box-shadow: inset 0 -0.25rem #C83B33; } .header-flyout__anchor.level-1 { padding: 1.5rem 0; font-size: 0.875rem; font-weight: 500; } .header-flyout__anchor.level-1.category-heighlight { color: #D32C2C; } .header-flyout__anchor.level-1 .category-badges { font-size: 0.688rem; font-weight: 400; } .header-flyout__anchor.level-2 { font-weight: 500; font-size: 1.125rem; } } @media (min-width: 62rem) and (max-width: 74.9375rem) { .header-flyout__item.level-1 { padding: 0 0.6rem; } } @media (max-width: 61.9375rem) { .discover-more { padding-top: 1rem; border-top: 0.0625rem solid #D9D9D9; padding-bottom: 7rem; } } @media (min-width: 62rem) { .discover-more { padding-right: 0.25rem; } } @media (max-width: 47.9375rem) { .discover-more { padding-top: 1.5rem; } } .discover-more p { font-size: 1.125rem; margin-bottom: 1rem; font-weight: 500; color: #000000; } @media (max-width: 61.9375rem) { .discover-more p { padding-left: 1rem; font-size: 1.25rem; color: #070707; } } @media (max-width: 61.9375rem) { .discover-more .discover-more--links { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 61.9375rem) { .discover-more .discover-more--links-item { -webkit-box-flex: 1.3; -ms-flex: 1.3; flex: 1.3; padding-right: 1.25rem; padding-left: 1.25rem; } } @media (max-width: 47.9375rem) { .discover-more .discover-more--links-item { padding-right: 1rem; padding-left: 1rem; } } .discover-more .discover-more--links-item a { color: #070707; font-size: 0.875rem; } .discover-more .discover-more--links-item img { -o-object-position: 50% 0; object-position: 50% 0; } @media (max-width: 61.9375rem) { .discover-more .discover-more--links-item:last-child { padding-left: 0; } } .header-flyout__anchor.level-1 { color: #070707; } @media (min-width: 48rem) { .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: unset; } } @media (min-width: 48rem) { .header-flyout__scrollable { max-width: 74.9375rem; } } @media (min-width: 75rem) { .header-flyout__list.level-1 { min-width: 70rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 63.9375rem) { .header-flyout { position: fixed; top: 0; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); overflow: visible; max-width: 24rem; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .header-flyout .header-flyout__anchor.level-1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-flyout:hover .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover), .header-flyout.mega--active .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: unset; } .header--standard .header-flyout { margin-left: 0; } .header-flyout .header-flyout__list { display: block; border-bottom: 1px solid #D9D9D9; z-index: 2; } .header-flyout .header-flyout__list.level-2 { max-height: none; font-weight: 400; } .header-flyout .header-flyout__anchor--parent { font-weight: 500; } .header-flyout:not(.flyout-toggle--active) { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; } .header-flyout .category-badges { display: none; } .header-flyout.flyout-toggle--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; top: 4rem; border-top: 1px solid #D9D9D9; } .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1, .header-flyout.flyout-toggle--active .header-flyout__secondary-link { -webkit-transform: translateX(0); transform: translateX(0); } .header-flyout__logout { padding: 1rem 1.25rem; } .header-flyout__logout-anchor { font-size: 1rem; font-weight: 400; line-height: 1rem; color: #070707; } .header-flyout__head { position: absolute; top: 0; left: 0; width: 100vw; border-bottom: 1px solid #D9D9D9; background-color: #FFFFFF; z-index: 2; } .header-flyout__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; margin-right: 0; margin-left: 0; padding: 1rem 1.25rem; } .header-flyout__close-label { font-size: 0.75rem; line-height: 1rem; padding-top: 0.25rem; } .header-flyout__close .icon { width: 1rem; height: 1rem; pointer-events: all; } .header__logo { margin: auto 1rem auto 0.75rem; } .header-flyout__back { z-index: 3; position: absolute; top: 0; left: 0; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); font-weight: 500; font-size: 1.25rem; -ms-flex-item-align: center; align-self: center; border-bottom: 1px solid #D9D9D9; } .header-flyout__back-label { margin: auto; } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 100%; max-width: 24rem; } } @media (max-width: 63.9375rem) and (max-width: 61.9375rem) { .header-flyout__container.level-1 > .header-flyout__scrollable { padding-top: 0; } } @media (max-width: 63.9375rem) { .header-flyout__container.level-2 { margin-top: 4.375rem; max-height: none; } } @media (max-width: 63.9375rem) and (max-width: 47.9375rem) { .header-flyout__container.level-2 { margin-top: 0.375rem; } } @media (max-width: 63.9375rem) { .header-flyout__container.level-2 .header-flyout__anchor--parent { border-bottom: 1px solid #D9D9D9; } .header-flyout__container.level-3 .header-flyout__anchor--parent { border: none; } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 1; visibility: inherit; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__scrollable { overflow-y: auto; overflow-x: hidden; height: 100%; padding-top: 3.75rem; max-width: 24rem; } .header-flyout__scrollable .header-flyout__mobile-title { font-size: 1.25rem; padding: 1.5rem 1.25rem 1rem; font-weight: 500; } .header-flyout__anchor, .header-flyout__back, .header-flyout__secondary-link { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; } .header-flyout__anchor { font-size: 1rem; } .header-flyout__anchor.level-2 { font-weight: 400; line-height: 1.375rem; } .header-flyout__anchor.level-1, .header-flyout__secondary-link { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 107ms; transition-delay: 107ms; } .header-flyout__anchor--parent { font-weight: 700; } .header-flyout__tile-img { width: 100%; } .header-flyout__secondary { margin-top: 0.5rem; padding: 0.5rem 1rem; border-top: none; } .header-flyout__secondary-link { padding: 0.5rem 1.25rem; color: #B2B2B2; } } @media (min-width: 62rem) { .header-flyout__logout { display: block; } } @media (min-width: 62rem) and (min-width: 62rem) { .header-flyout__logout { display: none; } } @media (min-width: 48rem) and (max-width: 61.9375rem) { .header-flyout.flyout-toggle--active { top: 5.6rem; } .header-flyout__container:not(.level-1) { top: -4.375rem; } .header-flyout__container.level-3 { top: 0; } } .site-search__form { z-index: 5; position: absolute; width: 100vw; right: 0; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .site-search__form:not(.toggle--active) { opacity: 0; visibility: hidden; pointer-events: none; } .site-search__field { width: 100%; padding: 0.75rem 2rem 0.75rem 1rem; border: none; } .toggle--active .site-search__field { visibility: visible; } .site-search__button { position: absolute; top: 0; right: 0; width: 3rem; height: 100%; } .header__search-trigger { position: relative; width: 2rem; height: 2rem; } .header__search-trigger.toggle--active .site-search__trigger-search { opacity: 0; visibility: hidden; } .header__search-trigger:not(.toggle--active) .site-search__trigger-close { opacity: 0; visibility: hidden; } .site-search__trigger-icon { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .site-search__trigger-close { padding: 0.25rem; border-radius: 0.125rem; background-color: #F2F2F2; } .site-search__suggestions-container { z-index: 3; position: absolute; top: 100%; right: 0; width: 100%; } .site-search__suggestions-list { width: 100%; max-height: 65vh; padding-top: 1.25rem; padding-bottom: 1.25rem; border-radius: 0 0 0.125rem 0.125rem; border-top: none; background-color: #FFFFFF; overflow: auto; -webkit-overflow-scrolling: touch; } .site-search__suggestions-section:not(:last-child) { margin-bottom: 1.25rem; } .site-search__suggestions-title { margin-bottom: 0.5rem; } .site-search__suggestions-item:not(:last-child) { margin-bottom: 0.75rem; } .site-search__suggestions-image-wrap { overflow: hidden; position: relative; } .site-search__suggestions-image-wrap:before { display: block; content: ""; padding-bottom: 100%; width: 100%; } .site-search__suggestions-image { max-height: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .site-search__suggestions-banner { margin-bottom: 0.5rem; } @media (min-width: 36rem) { .site-search__form { top: calc(100% + 1rem); right: 0; left: 0; max-width: 42rem; margin: auto; } .site-search__suggestions-container { min-width: 21.875rem; } .set--has-results .site-search__field { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (max-width: 35.9375rem) { .site-search__form { top: 100%; } .site-search__field { border-radius: 0; } } @media (max-width: 63.9375rem) { .header__search__container { margin: 1rem 0 0.75rem; } .header__search__container.focus-witin .site-search__back__button { display: block; } .header__search__container.focus-witin .site-search__form-fgh .site-search__field { width: calc(100% - 2rem); } } @media (max-width: 61.9375rem) { .header__search__container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 48rem) and (max-width: 61.9375rem) { .header__search__container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 62rem) and (max-width: 63.9375rem) { .header__search__container { position: relative; left: 25%; -webkit-transform: translate(-25%); transform: translate(-25%); } } .header__search__container.focus-witin .site-search__field { border-color: #070707; } .header__search__container .header__search--overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7, 7, 7, 0.4); z-index: 1; } @media (max-width: 47.9375rem) { .header__search__container .header__search--overlay { display: none; } } .header__search { width: 100%; } @media (min-width: 48rem) and (max-width: 61.9375rem) { .header__search { width: calc(100% - 30px); margin-left: -0.5rem; } } @media (min-width: 75rem) { .header__search { width: 24.5rem; } } .header__search .site-search__back__button { display: none; width: 1rem; float: left; padding-top: 0.875rem; margin-right: 0.75rem; } .header__search .site-search__back__button .back-button { font-size: 1.5rem; } .site-search__form-fgh { position: relative; } .site-search__form-fgh .site-search__suggestions-container { left: 0; top: 3.825rem; } @media (min-width: 36rem) { .site-search__form-fgh .site-search__suggestions-container { min-width: 38.99rem; } } @media (max-width: 47.9375rem) { .site-search__form-fgh .site-search__suggestions-container { width: calc(100% + 2rem); } } .site-search__form-fgh .site-search__suggestions-section { width: 50%; float: left; } @media (max-width: 47.9375rem) { .site-search__form-fgh .site-search__suggestions-section { width: 100%; } } .site-search__form-fgh .site-search__suggestions-section .site-search__suggestions-title { font-size: 1.25rem; font-weight: 500; } .site-search__form-fgh .site-search__suggestions-section .product-tile .product-tile__media { width: 22%; float: left; margin-right: 0.625rem; } .site-search__form-fgh .site-search__suggestions-section .product-tile .product-tile__body { width: 70.5%; float: left; } .site-search__form-fgh .site-search__suggestions-header { width: 100%; } .site-search__form-fgh .site-search__suggestions-list { border-radius: 0.5rem; position: relative; overflow: visible; max-height: none; } @media (max-width: 47.9375rem) { .site-search__form-fgh .site-search__suggestions-list { left: -1rem; border-radius: 0; overflow-y: scroll; max-height: calc(100vh - 8rem); } } .site-search__form-fgh .site-search__suggestions-list::before { content: ""; position: absolute; top: -0.313rem; left: 0; width: 0px; height: 0px; display: block; top: -0.913rem; left: 0.625rem; height: 0; border-left: 1.25rem solid transparent; border-right: 1.25rem solid transparent; border-bottom: 1.875rem solid #fff; } @media (max-width: 35.9375rem) { .site-search__form-fgh .site-search__suggestions-list::before { display: none; } } .site-search__form-fgh .site-search__field { width: 100%; border: 0.125rem solid transparent; border-radius: 100px; background: #F2F2F2; font-size: 1rem; font-weight: 400; position: relative; z-index: 1; height: 2.75rem; } .site-search__form-fgh .site-search__field::-webkit-input-placeholder { color: #666666; } .site-search__form-fgh .site-search__field::-moz-placeholder { color: #666666; } .site-search__form-fgh .site-search__field:-ms-input-placeholder { color: #666666; } .site-search__form-fgh .site-search__field::-ms-input-placeholder { color: #666666; } .site-search__form-fgh .site-search__field::placeholder { color: #666666; } .site-search__form-fgh .site-search__field::-webkit-search-cancel-button { display: none; } .clear-search-input { position: absolute; top: 0.875rem; right: 2.25rem; z-index: 2; } @media (max-width: 35.9375rem) { .clear-search-input { top: 1rem; } } .clear-search-input .site-search__button-icon { width: 2.5rem; } .site-search__button { width: 2.25rem; right: 0.75rem; z-index: 1; } .site-search__button .site-search__button-icon { width: 1.12rem; margin-top: 0.5rem; } .minicart__checkout-action:not(:first-child) { margin-top: 1rem; } .minicart__checkout-action.button--apple-pay:not(:first-child), .minicart__checkout-action.button--apple-pay:hover:not(:first-child), .minicart__checkout-action.button--apple-pay:active:not(:first-child) { margin-top: 1rem; } @media (min-width: 36rem) { .header__minicart-overlay { width: 26rem; } } @media (max-width: 35.9375rem) { .header__minicart-overlay { width: 85%; } } .header__minicart-overlay .product-line-item__qty-pricing { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__minicart-overlay .product-line-item__qty-pricing .product-line-item__qty-label { display: none; } .header__minicart-overlay .product-line-item__qty-pricing .product-line-item__qty-input { max-height: 2.25rem; } .header__minicart-overlay .pricing_original, .header__minicart-overlay .line-item-total-price-amount { font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; } .header__minicart-overlay .pricing_original { color: #666666; text-decoration: line-through; margin-right: 0.125rem; white-space: nowrap; } .header__minicart-overlay .sale-price { color: #D32C2C; font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; } .header__minicart-overlay .price .pricing { font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; } .cart__summary-section .total-list { color: #070707; } .cart__summary-section .total-list p { color: #070707; } .cart__summary-section .total-list .total-list__row { margin-bottom: 0.625rem; margin-top: 0.625rem; text-align: right; font-size: 0.875rem; } .cart__summary-section .total-list .total-list__row[data-totals-component=grandTotal] [data-totals-component=value] { font-size: 1.25rem; } .header__utility-item--badged { position: relative; } .header__utility-item--badged.set--has-items .header__utility-anchor--no-items { display: none; } .header__utility-item--badged:not(.set--has-items) .header__utility-anchor--has-items { display: none; } .header__utility-anchor { position: relative; color: "currentColor"; color: var(--header-nav-color, "currentColor"); } .header__utility-badge { position: absolute; top: 0; left: 72%; min-width: 1rem; height: 1rem; padding-right: 0.25em; padding-left: 0.25em; background-color: #ff491c; border-radius: 1rem; color: #FFFFFF; font-size: 0.5625rem; font-weight: 700; } @media (min-width: 48rem) { .header__utility-item:not(:last-child) { margin-right: 1.625rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { .header__utility-item:not(:last-child) { margin-right: 1rem; } } @media (max-width: 35.9375rem) { .header__utility-item:not(:last-child) { margin-right: 0.75rem; } } .header__utility-badge { background-color: #000000; left: 55%; top: -0.25rem; border: 0.0625rem solid #FFFFFF; } .header__utility-label { font-size: 0.75rem; color: #070707; } .header__utility-anchor--minicart { position: relative; top: 0.25rem; left: 0.125rem; } .header__utility-label--cart { position: relative; bottom: 0.188rem; } @media (min-width: 62rem) { .header__main { padding-top: 1rem; } } @media (min-width: 48rem) { .header__utility-item:not(:last-child) { margin-right: 1rem; } } @media (max-width: 47.9375rem) { .header__utility-item:not(:last-child) { margin-right: 0.75rem; } } .header__utility-item.login-wishlist { position: relative; } .header__utility-item.login-wishlist .wishlist-count { border-radius: 50%; color: white; background: #333; width: 1rem; height: 1rem; position: absolute; font-size: 0.75rem; text-align: center; right: -0.063rem; top: -0.25rem; border: 0.0625rem solid #FFFFFF; } .header__utility-item .icon { width: 1.5rem; height: 1.5rem; } /** * TABLE OF CONTENTS * * COMPONENTS * footerCommons...................Contains footer global styles. * footerLinks.....................Footer links. * */ /*------------------------------------*\ #COMPONENTS \*------------------------------------*/ .footer__info-group li:not(:last-child) { margin-bottom: 1em; } .footer__social-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; margin-right: 0.625rem; } @media (min-width: 36rem) { .footer { padding-bottom: 2.75rem; } .footer__main-content { margin-top: 2.75rem; margin-bottom: 3rem; } .footer__secondary-content { margin-top: 2.5rem; } .footer__heading { margin-bottom: 1em; } } @media (max-width: 35.9375rem) { .footer { padding-bottom: 5rem; } .footer__main-content { padding-top: 1.25rem; } .footer__secondary-content { margin-top: 1.25rem; } .footer__info-group:not(:last-child) { margin-bottom: 1.5rem; } .footer-content__heading { margin-bottom: 0.75em; } .footer__social { margin-bottom: 2.75rem; } } @media (max-width: 35.9375rem) { .footer { padding-bottom: 8rem; } .paymentwrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .footer .footer__copyright-additional { margin-top: 1.75rem; color: #666666; font-size: 0.75rem; } @media (max-width: 47.9375rem) { .footer .footer__copyright-additional { margin-top: 0; } } .footer__heading { font-size: 1.125rem; margin-bottom: 1.125rem; } .footer-links__item { font-size: 0.875rem; line-height: 1.125rem; } .footer__info-group li:not(:last-child) { margin-bottom: 1.5rem; } .payment-icons { list-style: none; padding-left: 1rem; } @media (max-width: 47.9375rem) { .payment-icons { padding-top: 0.75rem; } } .payment-icons li:not(:last-child) { padding-right: 1rem; } @media (max-width: 47.9375rem) { .footer-paymentmethods { display: block; text-align: center; } } @media (max-width: 47.9375rem) { .footer__social { text-align: center; padding: 2rem 0; margin: 0; } } .footer-help-cont-links { padding: 1.5rem 0; border-bottom: 0.0625rem solid #D9D9D9; } @media (min-width: 36rem) { .footer-help-cont-links { padding: 1.5rem 0; } } @media (max-width: 47.9375rem) { .footer-help-cont-links .help-links-wrapper { display: block; } .footer-help-cont-links .help-links-wrapper .help-links-child:not(:last-child) { padding-bottom: 1rem; } } .footer-icons, .footer-paymenticons { height: 2.3rem; width: 2.3rem; } .footer-paymenticons { height: 1.8rem; } .payment-icons li:last-child .footer-paymenticons { width: 3.5rem; } @media (max-width: 35.9375rem) { .footer-links__heading--toggleable { padding-top: 0.5em; padding-bottom: 0.5em; } .footer-links__heading-arrow { position: relative; -webkit-transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); } .toggle--active .footer-links__heading-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer-links__list--stacked .footer-links__item:not(:last-child) { margin-bottom: 1.65em; } .footer-links__list--stacked:not(.toggle--active) { display: none; } } @media (max-width: 35.9375rem) { .footer-links__list--stacked:not(.toggle--active) { display: block; } } @media (min-width: 36rem) { .footer__copyright-title:after { display: inline-block; margin: 0 0.25rem 0 0.75rem; content: "|"; } } @media (max-width: 35.9375rem) { .footer__copyright { font-size: 0.875rem; } .footer__copyright-title, .footer__copyright-description { display: block; } .footer__copyright-title { margin-bottom: 0.5em; } .footer__copyright-additional { margin-top: 2em; } } /* scroll to top css */ .back-to-top { position: fixed; right: 1.25em; bottom: 1.25em; z-index: 10; cursor: pointer; } @media (min-width: 48rem) { .back-to-top { bottom: 3.125rem; right: 3.125rem; } } .back-to-top__button { width: 2.75rem; height: 2.75rem; text-align: center; padding-top: 0.525rem; border-radius: 100%; background: #FFFFFF; -webkit-box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.375rem 2.375rem 0 rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s; transition: 0.5s; } .price .price__sales { margin-right: 0.25rem; color: #070707; line-height: 1.25rem; } .price .price__original + .price__sales { color: #D32C2C; } .price .price__original.strike-through { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; color: #666666; padding-top: 0.0625rem; line-height: 1.25rem; font-size: 1.5rem; } .product-tile__body .price .price__original.strike-through { font-size: 0.875rem; padding-top: 0.0625rem; } .range.list_price_range .price__sales, .range.list_price_range .range_difference { color: #D32C2C; } .pdp-main__price .range .price__original.strike-through { font-size: 1.5rem; font-weight: 500; line-height: 1.875rem; } .breadcrumbs { margin: 0.8rem 0 0.75rem; } @media (min-width: 62rem) { .breadcrumbs { margin: 1.5rem 0 1.5rem; } } .breadcrumbs .breadcrumbs__anchor { color: #070707; } .breadcrumbs--spaced { margin-top: 1rem; } .breadcrumbs__item:not(:last-child) { margin-right: 0.8em; } .breadcrumbs__separator { display: inline-block; margin-left: 0.8em; font-size: 0.875rem; color: #070707; line-height: 1.125rem; } .tooltip { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-left: 0.25rem; vertical-align: middle; } .tooltip--field-label { margin-bottom: 0.25rem; } .tooltip__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; cursor: pointer; } .tooltip__trigger-icon { width: 100%; height: 100%; } .tooltip__content { z-index: 2; position: absolute; min-width: 14.5rem; padding: 1em; border-radius: 0.25rem; background-color: #FFF; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); opacity: 0; visibility: hidden; } .tooltip__content:before, .tooltip__content:after { position: absolute; width: 0; height: 0; content: ""; } .tooltip__content.set--top { bottom: calc(100% + 1.125rem); -webkit-transform: translateY(0.5rem) scale(0.8); transform: translateY(0.5rem) scale(0.8); } .tooltip__content.set--top.set--right { -webkit-transform-origin: bottom right; transform-origin: bottom right; } .tooltip__content.set--top.set--left { -webkit-transform-origin: bottom left; transform-origin: bottom left; } .tooltip__content.set--top:before { top: calc(100% + 0.0625rem); } .tooltip__content.set--right { right: -0.25rem; } .tooltip__content.set--right:before { right: 0.75rem; border-left: 0.8125rem solid transparent; } .tooltip__content.set--left { left: -0.25rem; } .tooltip__content.set--left:before { left: 0.75rem; border-right: 0.8125rem solid transparent; } .tooltip__content.set--center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip__content.set--bottom { top: calc(100% + 0.75rem); -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .tooltip__content.set--bottom.set--right { -webkit-transform-origin: top right; transform-origin: top right; } .tooltip__content.set--bottom.set--left { -webkit-transform-origin: top left; transform-origin: top left; } .tooltip__content.set--bottom:before { bottom: calc(100% + 0.0625rem); } .tooltip__content.set--tooltip-active { opacity: 1; visibility: inherit; } .tooltip__content.set--tooltip-active:not(.set--center) { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .tooltip__content.set--tooltip-active.set--center { -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } .tooltip { opacity: 1; font-size: 1rem; } .tooltip .tooltip__trigger { width: 1rem; height: 1rem; padding: 0 0.1rem 0 0 0; border-radius: 0.625rem; background: #EAEAEA; } .tooltip.tooltip--field-label { margin-bottom: 0; } .tooltip .tooltip__content { -webkit-box-shadow: 0 0.0325rem 1.1rem #EAEAEA; box-shadow: 0 0.0325rem 1.1rem #EAEAEA; border-radius: 0.5rem; } .tooltip .tooltip__content.set--left { left: -5.5rem; } .tooltip .arrow, .tooltip .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip .arrow { border-width: 0.688rem; } .tooltip .arrow { bottom: -0.688rem; left: 50%; margin-left: -1.563rem; border-top-color: rgba(234, 234, 234, 0.6); border-bottom-width: 0; } .tooltip .arrow:after { border-width: 0.625rem; bottom: 0.0625rem; margin-left: -0.625rem; content: " "; border-top-color: #FFFFFF; border-bottom-width: 0; } .tooltip .icon-tooltip { display: block; position: relative; top: 0.125rem; left: 0.125rem; } .tooltip .icon--tooltip-close { display: none; } .tooltip .set--tooltip-active .icon--tooltip-close { display: block; position: relative; top: 0.125rem; left: 0.125rem; } .tooltip .set--tooltip-active .icon-tooltip { display: none; } .tab-nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 2rem; padding: 0.25rem; border: solid 0.0625rem #ffbb1c; border-radius: 0.25rem; } .tab-nav__item { padding-top: 0.35em; padding-bottom: 0.45em; text-align: center; font-weight: 600; -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); cursor: pointer; border-radius: 0.125rem; color: rgb(79, 55.3348017621, 0); } .tab-nav__item:hover:not(.toggle--active) { color: rgb(232, 162.5022026432, 0); } .tab-nav .tab-nav__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .tab-nav__item.toggle--active, .tab-nav__item-check.toggle--active + .tab-nav__item { background-color: #ffbb1c; color: rgb(79, 55.3348017621, 0); } .tab-nav__item-check { position: absolute; opacity: 0; } .tab-content { position: relative; overflow: hidden; } .tab-content__panel:not(.toggle--active) { display: none; } .tab-content__panel--animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); animation-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); } .tab-content__panel--animated:not(.toggle--active) { display: none; -webkit-animation-name: fade-out; animation-name: fade-out; } .tab-content__panel--animated.toggle--active { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-in { 0%, 30% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0%, 30% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0%, 30% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0%, 30% { opacity: 1; } 100% { opacity: 0; } } .tab-nav { border: solid 0.0625rem #666666; border-width: 0 0 0.0625rem 0; padding-bottom: 0; display: block; border-radius: 0; } .tab-nav .tab-nav__item { text-decoration: none; font-size: 1rem; } .tab-nav__item { margin: 0 1.25rem 0 5px; display: inline-block; } .tab-nav__item:hover:not(.toggle--active) { color: #1da66b; } .tab-nav__item:hover, .tab-nav__item.toggle--active { background: transparent; color: #1da66b; border-bottom: 5px solid #1da66b; font-weight: bold; } .inline-prompt-container { position: relative; } .inline-prompt { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); color: #252525; white-space: normal; -webkit-transition: opacity 107ms ease-out, visibility 107ms ease-out; transition: opacity 107ms ease-out, visibility 107ms ease-out; } .inline-prompt:not(.toggle--active) { opacity: 0; visibility: hidden; } .inline-prompt__body { max-width: 20rem; } .inline-prompt__footer { margin-top: 1rem; } .dropdown-box { position: relative; } .dropdown-box__trigger { display: block; overflow: hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis; border: solid 0.0625rem; border-radius: 0.125rem; } .dropdown-box__list { z-index: 2; position: absolute; top: calc(100% - 0.0625rem); right: 0; min-width: 100%; background-color: transparent; border: solid 0.0625rem; border-radius: 0 0 0.125rem 0.125rem; } .dropdown-box__list:not(.toggle--active) { opacity: 0; visibility: hidden; } .dropdown-box__item:not(:last-child) { border-bottom: solid 0.0625rem #F8F8F8; } .dropdown-box__anchor { display: block; } .dropdown-box__anchor:hover, .dropdown-box__anchor:focus { background-color: rgba(37, 37, 37, 0.15); } .dropdown-box__anchor.selected { font-weight: 600; background-color: #ff491c; color: #FFFFFF; } @media (min-width: 36rem) { .dropdown-box__anchor { padding: 0.75rem 1rem; } } @media (max-width: 35.9375rem) { .dropdown-box__list--small-expanded { position: relative; top: initial; border: none; } .dropdown-box__list--small-expanded:not(.toggle--active) { opacity: 1; visibility: inherit; } .dropdown-box__anchor { padding: 1.25rem 0.75rem; } } /** * Module: Toggle Box * Provides styles for toggable box, with title, +/- symbols, and content. */ .toggle-box { border: solid 0.0625rem #F2F2F2; } .toggle-box.error { border-color: #D32C2C; background-color: rgba(211, 44, 44, 0.05); } .toggle-box--single + .toggle-box--single { border-top: none; } .toggle-box--no-padding .toggle-box__label, .toggle-box--no-padding .toggle-box__content { padding-left: 0; padding-right: 0; } .toggle-box--no-padding .toggle-box__label:after { right: 0; } .toggle-box__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 2.75rem; padding-right: 1em; padding-left: 1em; cursor: pointer; -webkit-transition: background-color 213ms ease-in-out; transition: background-color 213ms ease-in-out; } .toggle-box__label:after { content: "+"; position: absolute; top: 0; right: 0.75em; bottom: 0; margin: auto; width: auto; height: 1.25rem; font-size: 1.25rem; line-height: 1; } .toggle-box__label.toggle--active { font-weight: 600; } .toggle-box__label.toggle--active:after { content: "–"; } .toggle-box__content { overflow: hidden; max-height: 0; padding-right: 1em; padding-left: 1em; visibility: hidden; -webkit-transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out; transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out; } .toggle-box__content > * { opacity: 0; -webkit-transition: opacity 213ms ease-out; transition: opacity 213ms ease-out; } .toggle-box__content.toggle--active { overflow: initial; max-height: none; padding-top: 0.25em; padding-bottom: 1em; visibility: visible; } .toggle-box__content.toggle--active > * { opacity: 1; -webkit-transition-delay: 54ms; transition-delay: 54ms; } @media (max-width: 35.9375rem) { .toggle-box__label { padding-right: 2rem; padding-bottom: 1rem; padding-left: 1rem; padding-top: 1rem; } .toggle-box__content { padding: 0 1rem; } } .utility-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 11; position: fixed; right: 0.5rem; top: 0.5rem; height: calc(100% - 1rem); background-color: #FFF; border-radius: 0.25rem; -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25); cursor: default; } .utility-overlay.toggle--active { -webkit-transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s; transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .utility-overlay:not(.toggle--active) { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; transition: transform 213ms ease-in, visibility 0s ease-in 213ms; transition: transform 213ms ease-in, visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; } .utility-overlay__header, .utility-overlay__footer { -ms-flex-negative: 0; flex-shrink: 0; } .utility-overlay__header { position: relative; padding: 1rem 1.25rem; border-bottom: solid 0.0625rem #EAEAEA; } .utility-overlay__header-close { position: absolute; top: 0; right: 0; height: 100%; padding: 1rem 1.25rem; } .utility-overlay__error .form-invalid-feedback { margin-top: 1rem; } .utility-overlay__line-items { -ms-flex-negative: 1; flex-shrink: 1; overflow: auto; -webkit-overflow-scrolling: touch; border-bottom: solid 0.0625rem #EAEAEA; } .utility-overlay__footer { margin-top: auto; background-color: rgba(0, 0, 0, 0.05); } .utility-overlay__footer-section { padding-left: 1.25rem; padding-right: 1.25rem; } .utility-overlay__footer-section:not(:first-child) { border-top: solid 0.0625rem #EAEAEA; } .utility-overlay__footer-totals, .utility-overlay__footer-promo { padding-top: 1.25rem; padding-bottom: 1.25rem; } .utility-overlay__footer-message { margin-top: 1em; } .utility-overlay__footer-actions { margin-top: 2rem; } .header__minicart-overlay .product-line-item__remove svg, .header__minicart-overlay .product-line-item__wishlist svg { width: 0.9375rem; height: 0.9375rem; vertical-align: middle; } .utility-overlay { outline: none; } .utility-overlay__line-items { -ms-flex-negative: unset; flex-shrink: unset; overflow: unset; -webkit-overflow-scrolling: touch; border-bottom: none; } .utility-overlay__line-items-wrapper { -ms-flex-negative: 1; flex-shrink: 1; overflow: auto; -webkit-overflow-scrolling: touch; border-bottom: solid 0.0625rem #EAEAEA; } .card-number-wrapper { position: relative; } .card-number-wrapper::after { content: ""; position: absolute; top: 0.75rem; right: 0.75rem; width: 2.5rem; height: 1.65rem; background-repeat: no-repeat; background-image: url("../images/payment-logos/generic.svg"); background-size: contain; } .card-number-wrapper[data-type=visa]::after { background-image: url("../images/payment-logos/visa.svg"); } .card-number-wrapper[data-type=mastercard]::after { background-image: url("../images/payment-logos/mastercard.svg"); } .card-number-wrapper[data-type=amex]::after { background-image: url("../images/payment-logos/amex.svg"); } .card-number-wrapper[data-type=discover]::after { background-image: url("../images/payment-logos/discover.svg"); } .card-number-wrapper[data-type=maestro]::after { background-image: url("../images/payment-logos/maestro.svg"); } .consent-notification { z-index: 100; position: fixed; width: calc(100% - 2.5rem); bottom: 1.25rem; left: 0; right: 0; border: solid 0.0625rem; border-radius: 0.25rem; -webkit-box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.25); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .consent-notification:not(.toggle--active) { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; } @media (min-width: 36rem) { .consent-notification { padding: 1rem; } } @media (max-width: 35.9375rem) { .consent-notification { padding: 1rem 1rem 2rem; } } isapplepay { display: none !important; } .swatch--color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; background-color: currentColor; border: solid 0.0625rem rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .swatch--color:after { position: absolute; top: -0.125rem; bottom: -0.125rem; left: -0.125rem; right: -0.125rem; margin: auto; border: solid 0.125rem rgba(0, 0, 0, 0.75); border-radius: 50%; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); content: ""; } .swatch--color:not(.disabled):hover:after, .swatch--color.selected:after { opacity: 1; } .swatch--color.disabled, .swatch--color.unselectable { opacity: 0.2; border-color: rgba(0, 0, 0, 0.75); cursor: not-allowed; } .swatch--color.selected:before { border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); content: ""; } .swatch__icon--color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; border-radius: 50%; } .swatch--color-small { width: 1.25em; height: 1.25em; -webkit-box-flex: 0; -ms-flex: 0 0 1.25em; flex: 0 0 1.25em; } .swatch--color-small:after { -webkit-box-shadow: inset 0 0 0 0.125rem #FFFFFF; box-shadow: inset 0 0 0 0.125rem #FFFFFF; } .swatch--color-small.selected:before { width: 1rem; height: 1rem; } .swatch--color-large { width: 2em; height: 2em; -webkit-box-flex: 0; -ms-flex: 0 0 2em; flex: 0 0 2em; } .swatch--color-large:after { -webkit-box-shadow: inset 0 0 0 0.25rem #FFFFFF; box-shadow: inset 0 0 0 0.25rem #FFFFFF; } .swatch--color-large.selected:before { width: 1rem; height: 1rem; } .swatch--color-white { background-color: #FFF; } .swatch--color-black { background-color: #000; } .swatch--color-grey-1 { background-color: #F6F6F8; } .swatch--color-grey-2 { background-color: #E6E9ED; } .swatch--color-grey-3 { background-color: #CCCCCC; } .swatch--color-grey-4 { background-color: #999999; } .swatch--color-grey-5 { background-color: #666666; } .swatch--color-grey-6 { background-color: #444444; } .swatch--color-grey-7 { background-color: #252525; } .swatch--color-red { background-color: #e60000; } .swatch--color-blue { background-color: #4D96E7; } .swatch--color-navy { background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861); } .swatch--color-green { background-color: #00D3A7; } .swatch--color-beige { background-color: #f5f5dc; } .swatch--color-facebook-blue { background-color: #1877f2; } .swatch--color-google-blue { background-color: #4285f1; } .swatch--color-google-red { background-color: #ea4236; } .swatch--color-instagram-pink { background-color: #C62A81; } .swatch--color-instagram-orange { background-color: #F06430; } .swatch--color-paypal-blue { background-color: #009cde; } .swatch--color-paypal-silver { background-color: #eeeeee; } .swatch--color-primary { background-color: #ff491c; } .swatch--color-secondary { background-color: #ffbb1c; } .swatch--color-tertiary { background-color: #ff1c60; } .swatch--color-accent-primary { background-color: #0DFFCB; } .swatch--color-accent-secondary { background-color: #DAFF79; } .swatch--color-accent-tertiary { background-color: #28BAFF; } .swatch--color-error { background-color: #e60000; } .swatch--color-success { background-color: #00D3A7; } .swatch--color { border-color: #DEDEDE; } .swatch--color:hover { border: 0.0625rem solid #070707; } .swatch--color::after { content: none; } .swatch--color.selected::after { content: ""; border: 0.0625rem solid #070707; position: absolute; top: -0.1rem; bottom: -0.1rem; left: -0.1rem; right: -0.1rem; margin: auto; } .swatch--color-small { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; } .swatch--color-large:after { -webkit-box-shadow: inset 0 0 0 0.125rem #FFFFFF; box-shadow: inset 0 0 0 0.125rem #FFFFFF; } .product-attribute__anchor { position: relative; border: solid 0.0625rem; padding: 0.25em 0.75em; -webkit-transition-property: color, background-color, -webkit-box-shadow; transition-property: color, background-color, -webkit-box-shadow; transition-property: box-shadow, color, background-color; transition-property: box-shadow, color, background-color, -webkit-box-shadow; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .product-attribute__anchor:after { position: absolute; top: 0; left: 0; width: 0; height: 0; background-image: -webkit-gradient(linear, left bottom, right top, from(transparent), color-stop(#D9D9D9), to(transparent)); background-image: linear-gradient(to top right, transparent calc(50% - 0.0625rem), #D9D9D9, transparent calc(50% + 0.0625rem)); pointer-events: none; -webkit-transition-property: width, height; transition-property: width, height; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; content: ""; } .product-attribute__anchor:hover:not(.selected):not(.unselectable) { -webkit-box-shadow: 0 0 0 0.125rem; box-shadow: 0 0 0 0.125rem; } .product-attribute__anchor.unselectable { color: #D9D9D9; background-color: #F8F8F8; cursor: not-allowed; } .product-attribute__anchor.unselectable:after { width: 100%; height: 100%; } .product-attribute__anchor.selected { color: #FFFFFF; border-color: #252525; background-color: #252525; } .pdp-main__container .product-attribute__list .unselectable { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 20rem) and (max-width: 74.9375rem) { .pdp-main__container .product-attribute__list .product-attribute__anchor { margin: 0.215rem; } } .pdp-main__container .product-attribute__anchor { border-radius: 0.25rem; border-color: #D9D9D9; color: #070707; font-weight: 500; padding: 0.5rem 1.1rem; } .pdp-main__container .product-attribute__anchor:after { background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(#D9D9D9), to(transparent)); background-image: linear-gradient(to bottom right, transparent calc(50% - 0.0625rem), #D9D9D9, transparent calc(50% + 0.0625rem)); } .pdp-main__container .product-attribute__anchor.selected { border: 0.125rem solid #070707; background: transparent; } .pdp-main__container .product-attribute__anchor.selected.outofstockBtn { border-style: dashed; } .pdp-main__container .product-attribute__anchor.selected.outofstockBtn:after { background-image: none; } .pdp-main__container .product-attribute__anchor.selected:after { background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(#070707), to(transparent)); background-image: linear-gradient(to bottom right, transparent calc(50% - 0.0625rem), #070707, transparent calc(50% + 0.0625rem)); } .pdp-main__container .product-attribute__swatch.swatch--color.unselectable { position: relative; overflow: hidden; opacity: 1; border-color: #B2B2B2; } .pdp-main__container .product-attribute__swatch.swatch--color.unselectable::after { pointer-events: none; content: ""; position: absolute; top: 0; bottom: 0; left: 0; opacity: 1; -webkit-box-shadow: none; box-shadow: none; border: 0.0625rem solid #B2B2B2; background: -webkit-gradient(linear, left top, right bottom, color-stop(45%, transparent), color-stop(46%, rgba(178, 178, 178, 0.8)), color-stop(50%, rgba(178, 178, 178, 0.8)), color-stop(52%, transparent)); background: linear-gradient(to bottom right, transparent 45%, rgba(178, 178, 178, 0.8) 46%, rgba(178, 178, 178, 0.8) 50%, transparent 52%); } .pdp-main__container .product-attribute__swatch.swatch--color.selected.unselectable::after { border-color: #070707; background: -webkit-gradient(linear, left top, right bottom, color-stop(45%, transparent), color-stop(46%, rgb(7, 7, 7)), color-stop(50%, rgb(7, 7, 7)), color-stop(52%, transparent)); background: linear-gradient(to bottom right, transparent 45%, rgb(7, 7, 7) 46%, rgb(7, 7, 7) 50%, transparent 52%); -webkit-box-shadow: none; box-shadow: none; } .product-line-item { position: relative; } .product-line-item:not(:last-child) { border-bottom: solid 0.0625rem #EAEAEA; } .product-line-item.set--in-wishlist .product-line-item__wishlist-add { display: none; } .product-line-item.set--in-wishlist .product-line-item__wishlist-remove { display: inline-block; } .product-line-item--wishlist.set--removed-wishlist .product-line-item__wishlist-revert { display: block; } .product-line-item--wishlist.set--removed-wishlist .product-line-item__main { display: none; } .product-line-item--order { overflow: hidden; } .product-line-item--shipment { margin-bottom: 1.25rem; padding-bottom: 1.5rem; border-bottom: dashed 0.0625rem #F2F2F2; } .product-line-item__media-link { display: block; } .product-line-item__header { margin-bottom: 0.25em; } .product-line-item__footer { margin-top: 1.25rem; } .product-line-item__attribute:not(:last-child), .product-line-item__action:not(:last-child) { margin-bottom: 0.25em; } .product-line-item__actions { margin-top: 1.25rem; white-space: nowrap; } .product-line-item__wishlist-remove { display: none; } .product-line-item__wishlist-revert { display: none; } .product-line-item__pickup { margin-top: 1rem; } /*------------------------------------*\ #BUNDLE PRODUCTS \*------------------------------------*/ .bundled-list { position: relative; margin-top: 1.25rem; border-top: dashed 0.0625rem #F2F2F2; } .bundled-list__title { position: absolute; top: 0; left: 0; right: 0; width: 10rem; margin: auto; -webkit-transform: translateY(-55%); transform: translateY(-55%); } .bundled-list-item { margin-top: 1.25rem; } .bundled-list-item__media { margin-right: 0.25rem; } @media (min-width: 48rem) { .product-line-item--order .product-line-item__qty-pricing, .product-line-item--minicart .product-line-item__qty-pricing, .product-line-item--wishlist .product-line-item__qty-pricing { margin-top: 1.25rem; } } @media (max-width: 47.9375rem) { .product-line-item__qty-pricing { margin-top: 1rem; } } @media (min-width: 36rem) { .product-line-item { padding-top: 1.25rem; padding-bottom: 1.25rem; } .product-line-item--minicart { padding-right: 1.25rem; padding-left: 1.25rem; } .product-line-item__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-line-item__action:not(:last-child) { margin-right: 1rem; } } @media (max-width: 35.9375rem) { .product-line-item { padding-top: 1.25rem; padding-bottom: 1.25rem; } .product-line-item--minicart { padding-right: 1rem; padding-left: 1rem; } } @media (max-width: 61.9375rem) { .product-line-item > .row > div { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-line-item .product-line-item__qty-label { display: none; } .product-line-item .product-line-item__qty-input { margin-top: 1rem; } } .slide-out-recommendations { text-align: right; } .slide-out-recommendations span { font-size: 1.25rem; color: #D32C2C; } .slide-out-recommendations button { color: #1967D2; text-decoration: underline; text-align: right; } .slide-out-recommendations button:hover { text-decoration: none; } .product-tile { cursor: pointer; } .slideout__recommendations .similar-bar__title { font-size: 1.25rem; font-weight: 500; padding: 1rem 1.5rem; border-bottom: 1px solid #D9D9D9; } .slideout__recommendations .similar-bar__title .similar-bar__back__button { vertical-align: sub; } .slideout__recommendations .similar-bar__title .back-button { margin: 0.1rem 0.5rem 0 0; display: block; float: left; } .slideout__recommendations .product-list__grid { padding: 0.5rem 1.5rem; } #modal-outOfstock-similar, #modal-outOfstock-PDP { display: none; background: transparent; } #modal-outOfstock-similar.modal-active, #modal-outOfstock-PDP.modal-active { display: block; } #modal-outOfstock-similar.modal-active .window-modal__content, #modal-outOfstock-PDP.modal-active .window-modal__content { margin-right: 0.313rem; position: fixed; top: 0; right: -32rem; z-index: 999; overflow: hidden; } #modal-outOfstock-similar.modal-active .window-modal__content.active, #modal-outOfstock-PDP.modal-active .window-modal__content.active { right: 0; } @media (max-width: 35.9375rem) { #modal-outOfstock-similar.modal-active .window-modal__content, #modal-outOfstock-PDP.modal-active .window-modal__content { margin: 0; right: 0; top: 100%; } #modal-outOfstock-similar.modal-active .window-modal__content.active, #modal-outOfstock-PDP.modal-active .window-modal__content.active { top: 7.5rem; } } #modal-outOfstock-similar .pdp-section-right-container, #modal-outOfstock-PDP .pdp-section-right-container { max-width: 100%; width: 100%; margin-left: 0.625rem; } @media (max-width: 35.9375rem) { #modal-outOfstock-similar .pdp-section-right-container, #modal-outOfstock-PDP .pdp-section-right-container { max-width: calc(100% - 0.6rem); } } #modal-outOfstock-similar .product-list__grid, #modal-outOfstock-similar .pdp-section-right, #modal-outOfstock-PDP .product-list__grid, #modal-outOfstock-PDP .pdp-section-right { overflow-y: scroll; max-height: calc(100vh - 4rem); width: calc(100% + 2.3rem); } @media (max-width: 35.9375rem) { #modal-outOfstock-similar .product-list__grid, #modal-outOfstock-similar .pdp-section-right, #modal-outOfstock-PDP .product-list__grid, #modal-outOfstock-PDP .pdp-section-right { width: calc(100% + 1rem); max-height: calc(100vh - 13.5rem); } } #modal-outOfstock-similar .window-modal__content, #modal-outOfstock-PDP .window-modal__content { margin-right: -50%; border-radius: 0; padding: 0; min-height: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: all 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } @media (max-width: 35.9375rem) { #modal-outOfstock-similar .window-modal__content, #modal-outOfstock-PDP .window-modal__content { border-radius: 0.625rem 0.625rem 0 0; margin-right: 0; } } #modal-outOfstock-similar .full-details-link .product-tile__anchor, #modal-outOfstock-PDP .full-details-link .product-tile__anchor { color: #1967D2; text-decoration: underline; margin-top: 0.625rem; display: inline-block; } #modal-outOfstock-similar .window-modal__close, #modal-outOfstock-PDP .window-modal__close { top: 0.688rem; right: 0.938rem; } #modal-outOfstock-similar .pdp-section-right, #modal-outOfstock-PDP .pdp-section-right { width: calc(100% + 2.3rem); padding: 1.3rem 1.6rem 1.3rem 1.3rem; } @media (max-width: 35.9375rem) { #modal-outOfstock-similar .pdp-section-right .product-gallery__aspect-ratio:before, #modal-outOfstock-PDP .pdp-section-right .product-gallery__aspect-ratio:before { padding-bottom: 0; } #modal-outOfstock-similar .pdp-section-right .product-gallery__img, #modal-outOfstock-PDP .pdp-section-right .product-gallery__img { -webkit-transform: none !important; transform: none !important; } } #modal-outOfstock-similar .pdp-main__details, #modal-outOfstock-PDP .pdp-main__details { padding-left: 0; } #modal-outOfstock-similar .product-gallery--quickview, #modal-outOfstock-PDP .product-gallery--quickview { margin: 0; } #modal-outOfstock-PDP.modal-active .window-modal__content { right: 0; } @media (max-width: 35.9375rem) { #modal-outOfstock-PDP.modal-active .window-modal__content { top: 7.5rem; } } .cart__line-item .price .price__original.strike-through { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .cart__line-item .price .price__original + .line-item-total-price-amount { color: #D32C2C; font-weight: 500; font-size: 1.25rem; line-height: 1.5rem; } .cart__line-item .price .price__original.text-decoration--strike { font-weight: 400; line-height: 1.375rem; font-size: 1.125rem; margin-right: 0.25rem; } .size-chart__anchor { padding-left: 0.2rem; } .sizeguide-modal h2, .sizeguide-modal h3 { margin: 1rem 0; } .sizeguide-modal h2 { font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; } .sizeguide-modal h3 { font-size: 1rem; line-height: 1rem; } .sizeguide-modal ul { line-height: 1rem; } .sizeguide-modal ul li { padding-bottom: 0.5rem; } .sizeguide-modal .sizinginformation { padding: 0 1rem 2rem 1rem; } @media (min-width: 48rem) { .sizeguide-modal .sizinginformation { padding: 0 1.68rem 2rem 1.68rem; } } .sizeguide-modal .sizinginformation > h2 { font-size: 1.125rem; color: #333; border-bottom: 0.0625rem solid #DEDEDE; font-weight: normal; padding: 0 2rem; margin-left: -1.5rem; margin-top: 0; line-height: 3.125rem; } .sizeguide-modal .sizinginformation .sizechart { padding-top: 1rem; } .sizeguide-modal .sizinginformation .inccmContainer, .sizeguide-modal .sizinginformation .tab-pane { display: none; margin-top: 1rem; } .sizeguide-modal .sizinginformation .inccmContainer.toggle--active, .sizeguide-modal .sizinginformation .tab-pane.toggle--active { display: block; } .sizeguide-modal .sizinginformation .nav-tabs { padding-left: 0; margin-left: 1rem; background: #CACACA; border-radius: 0.5rem; } .sizeguide-modal .sizinginformation .nav-tabs li { list-style: none; border-radius: 0.5rem; padding: 0.75rem 0.93rem; background-color: #CACACA; -webkit-transition: ease 0.4s all; transition: ease 0.4s all; cursor: pointer; } .sizeguide-modal .sizinginformation .nav-tabs li.toggle--active { background-color: #333; color: #FFFFFF; } .sizeguide-modal .sizinginformation .tab-content { margin-bottom: 1.5rem; } .sizeguide-modal .sizinginformation .viewin-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .sizeguide-modal table { width: 100%; border-spacing: 0; border-collapse: collapse; line-height: normal; } .sizeguide-modal td, .sizeguide-modal th { padding: 0.75rem 0.5rem; } @media (min-width: 48rem) { .sizeguide-modal td, .sizeguide-modal th { padding: 0.75rem 1.9rem; } } .sizeguide-modal th { background: #333; color: #FFFFFF; text-align: justify; font-weight: normal; } .sizeguide-modal tr:nth-child(odd) td { background-color: #CACACA; } .sizeguide-modal .window-modal__close { top: 0.625rem; } @media (min-width: 48rem) { .sizeguide-modal .window-modal__close { left: -3rem; width: 3rem; background: #FFFFFF; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } } .sizeguide-modal .window-modal__content { width: auto; margin-left: auto; margin-right: 0; -webkit-transform: translate(100%, 0) scale(1); transform: translate(100%, 0) scale(1); } @media (min-width: 48rem) { .sizeguide-modal .window-modal__content { min-height: 100%; } } @media (min-width: 48rem) and (max-width: 74.9375rem) { .sizeguide-modal .window-modal__content { width: 80%; } } @media (min-width: 48rem) { .sizeguide-modal.modal-active { padding: 0; } } .sizeguide-modal.modal-active .window-modal__content { -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 47.9375rem) { .sizeguide-modal.modal-active .window-modal__content { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; top: 30%; padding-left: 0; padding-right: 0; overflow-y: scroll; } } @media (max-width: 47.9375rem) { .sizeguide-modal.modal-active.iosactive .window-modal__content { position: fixed; max-height: 70vh; top: 30%; } } .product-attribute__list { margin-bottom: -1.75rem; } .product-attribute__list .product-attribute { margin-bottom: 1.75rem; } .product-attribute__list .product-attribute--qty { max-width: 6.375rem; } .product-attribute__list .product-attribute--type-anchor .product-attribute__contents, .product-attribute__list .product-attribute--type-swatch .product-attribute__contents { margin: -0.3125rem; } .product-attribute__list .product-attribute__swatch, .product-attribute__list .product-attribute__anchor { margin: 0.3125rem; } .product-availability__label { margin-right: 0.25em; } .product-promotions__item { word-break: break-word; } .product-pickup { margin-top: 1rem; } .product-pickup__selected { padding-left: 1.9em; margin-top: 0.5rem; } .product-pickup__selected-action { margin-top: 0.75rem; } .product-common__product-details, .product-common__secondary-actions { margin-top: 1rem; } .product-common__social { position: relative; } .product-common__social-item:not(:last-child) { margin-right: 1.0375rem; } .product-add__button.button--apple-pay:not(:first-child), .product-add__button.button--apple-pay:hover:not(:first-child), .product-add__button.button--apple-pay:active:not(:first-child) { margin-top: 1rem; } .product-gallery--pdp { width: 100%; } .product-gallery--pdp .product-gallery__button { cursor: -webkit-zoom-in; cursor: zoom-in; } .product-gallery--quickview { margin-top: 1.25rem; margin-bottom: 1.25rem; margin-left: 0.625rem; margin-right: 1.25rem; } .product-gallery__aspect-ratio { position: relative; } .product-gallery__aspect-ratio:before { display: block; content: ""; padding-bottom: 125%; width: 100%; } .product-gallery__img { max-height: none; } .product-gallery-thumbnails--quickview { margin-top: 1.25rem; margin-bottom: 1.25rem; margin-left: 1.25rem; } .product-gallery-thumbnails__item { position: relative; } .product-gallery-thumbnails__item:not(:last-child) { margin-bottom: 0.625rem; } .product-gallery-thumbnails__item.slick-nav--active .product-gallery-thumbnails__img { outline: 0.0625rem solid #000000; outline-offset: -0.0625rem; } .product-gallery-thumbnails__button { display: block; } .product-gallery--quickview { margin: 1.25rem 1.25rem 0; } .product-gallery--pdp { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .product-gallery--pdp .product-gallery__button { cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 90 90'%3E%3Cpath d='M26.235 28.345L18.914 21.024C18.414 21.437 17.839 21.76 17.189 21.993C16.539 22.226 15.866 22.343 15.171 22.343C13.462 22.343 12.015 21.751 10.831 20.568C9.647 19.384 9.055 17.938 9.055 16.229C9.055 14.52 9.646 13.073 10.83 11.889C12.014 10.705 13.461 10.113 15.17 10.113C16.879 10.113 18.325 10.705 19.51 11.889C20.694 13.073 21.286 14.52 21.286 16.229C21.286 16.943 21.166 17.625 20.926 18.275C20.686 18.925 20.366 19.49 19.966 19.971L27.287 27.292L26.235 28.345ZM15.171 20.843C16.459 20.843 17.551 20.396 18.445 19.501C19.339 18.607 19.786 17.515 19.786 16.227C19.786 14.939 19.339 13.847 18.445 12.953C17.551 12.058 16.459 11.611 15.171 11.611C13.883 11.611 12.791 12.058 11.896 12.953C11.002 13.847 10.555 14.939 10.555 16.227C10.555 17.515 11.002 18.607 11.896 19.501C12.791 20.396 13.883 20.843 15.171 20.843Z' fill='%23070707' transform='scale(0.9) translate(4.4, 4.4)'/%3E%3C/svg%3E"), -webkit-zoom-in; cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 90 90'%3E%3Cpath d='M26.235 28.345L18.914 21.024C18.414 21.437 17.839 21.76 17.189 21.993C16.539 22.226 15.866 22.343 15.171 22.343C13.462 22.343 12.015 21.751 10.831 20.568C9.647 19.384 9.055 17.938 9.055 16.229C9.055 14.52 9.646 13.073 10.83 11.889C12.014 10.705 13.461 10.113 15.17 10.113C16.879 10.113 18.325 10.705 19.51 11.889C20.694 13.073 21.286 14.52 21.286 16.229C21.286 16.943 21.166 17.625 20.926 18.275C20.686 18.925 20.366 19.49 19.966 19.971L27.287 27.292L26.235 28.345ZM15.171 20.843C16.459 20.843 17.551 20.396 18.445 19.501C19.339 18.607 19.786 17.515 19.786 16.227C19.786 14.939 19.339 13.847 18.445 12.953C17.551 12.058 16.459 11.611 15.171 11.611C13.883 11.611 12.791 12.058 11.896 12.953C11.002 13.847 10.555 14.939 10.555 16.227C10.555 17.515 11.002 18.607 11.896 19.501C12.791 20.396 13.883 20.843 15.171 20.843Z' fill='%23070707' transform='scale(0.9) translate(4.4, 4.4)'/%3E%3C/svg%3E"), zoom-in; } .product-gallery--pdp .product-gallery__item { max-width: 100%; padding: 0.5rem; margin: 0 1rem 0 0; } .product-gallery--pdp .slick-dots { margin-top: -1.25rem; } @media (min-width: 36rem) { .product-gallery--pdp .slick-dots { margin-top: 0; } } .product-gallery__aspect-ratio .pinch-zoom-container { min-height: 26.5625rem; } .product-gallery__aspect-ratio:has(.pinch-zoom-container)::before { position: absolute; top: 0; } .slider--pre-layout-2 .product-gallery__item { max-width: 50%; margin: auto; } @media (max-width: 35.9375rem) { .product-gallery__item { overflow: hidden; } .product-gallery__img { display: block; width: 100%; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .flexi-promoContainer { position: relative; } .flexi-promoContainer .icon { width: 3rem; } .flexi-promoContainer .flexi-account__link { color: #1967D2; font-size: 0.875rem; font-weight: 300; } .flexi-promoContainer .payment-of, .flexi-promoContainer .flexi-account__link { margin-left: 5rem; line-height: 1rem; } .flexi-promoContainer .payment-of-value, .flexi-promoContainer .payment-of-price { font-size: 1rem; font-weight: 500; } .flexi-promoContainer .payment-of-value { color: #666666; line-height: 1.25rem; } .flexi-promoContainer .payment-of-price { color: #1967D2; } .flexi-promoContainer .payment-of-price::before { content: "£"; display: inline-block; } .flexi-promoContainer .module-container, .flexi-promoContainer .payment-of-price { display: inline-block; vertical-align: middle; } .flexi-promoContainer .module-container .html-block-list { padding: 0; } .cart-main__section.flexi-promoContainer { border: 0.0625rem solid #D9D9D9; padding: 1.25rem 0.625rem; border-radius: 0.5rem; margin-bottom: 2.5rem; position: relative; } .cart-main__section.flexi-promoContainer .flexi-account__link { font-weight: 400; color: #f23F00; } @media (max-width: 35.9375rem) { .cart-main__section.flexi-promoContainer .flexi-account__link { margin-left: 0; } } .cart-main__section.flexi-promoContainer .flexi-account__cart-content { margin-left: 5rem; } .cart-main__section .flexi-account__pdp { display: none; } .cart-main__section .flexi-cart-icon { position: absolute; } .cart-main__section .flexi-cart-icon .icon { width: 3.313rem; height: 1.5rem; } .window-modal.flexi-account__modal .window-modal__content { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; position: relative; right: 0; margin: unset; } @media (min-width: 48rem) { .window-modal.flexi-account__modal .window-modal__content { position: fixed; } } @media (min-width: 48rem) { .window-modal.flexi-account__modal .window-modal__content .page { overflow: unset; max-height: 100vh; } } @media (max-width: 35.9375rem) { .window-modal.flexi-account__modal .window-modal__content .module-container.cms-grid { overflow: unset; background: #FFFFFF; } } .window-modal.flexi-account__modal.modal-active .page { background-color: unset; } .window-modal.flexi-account__modal.modal-active .toggle-box { margin: 0 1.25rem; } .window-modal.flexi-account__modal.modal-active .window-modal__content { height: 100%; padding: 1.25rem 0; -webkit-overflow-scrolling: touch; } @media (min-width: 48rem) { .window-modal.flexi-account__modal.modal-active .window-modal__content { overflow-y: auto; max-height: 100vh; } } .flexi-account__chekout-section, .payment-method__chekout-section { margin: 1.5rem 0; border-radius: 0.5rem; border: 0.0625rem solid #EAEAEA; width: 100%; } .flexi-account__radio-input, .flexi-account__list, .payment-method__radio-input, .payment-method__list { padding: 1.25rem 0.625rem; } .flexi-account__radio-input, .payment-method__radio-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flexi-account__radio-input .icon-flexi, .payment-method__radio-input .icon-flexi { width: 2.75rem; } .flexi-account__display-name, .payment-method__display-name { font-size: 0.875rem; font-weight: 500; } .flexi-account__list, .payment-method__list { list-style: none; background-color: #F8F8F8; } .flexi-account__list .icon, .payment-method__list .icon { margin-right: 0.25rem; float: left; } .flexi-account__list li, .payment-method__list li { padding-bottom: 0.625rem; } .flexi-account__check-list, .payment-method__check-list { font-size: 0.875rem; font-weight: 500; padding-left: 1.25rem; margin-bottom: 0; } .flexi-account__check-list span, .payment-method__check-list span { font-weight: 400; } .flexi-account__link, .payment-method__link { color: #7F7F7F; font-size: 0.875rem; } .flexi-account__link:hover, .payment-method__link:hover { text-decoration: none; } .pdp .flexi-account__cart-content, .pdp .flexi-cart-icon { display: none; } .pdp .flexi-pdp-icon { vertical-align: middle; padding-right: 0.625rem; position: absolute; top: 1.688rem; } .cart .flexi-account__cart-content { display: block; } .cart .flexi-pdp-icon { display: none; } .error-pages .component-actions { margin-top: 0; } .error-pages .component-actions .component-actions__cta { width: 60%; line-height: 1.25rem; } .error-pages .component-actions .component-actions__cta:last-child { background-color: #EAEAEA; color: #070707; border: none; } .error-pages .hero__description { margin-bottom: 1rem; margin-top: 0; } .error-pages .hero__description .icon { font-size: 3rem; } .error-pages .hero__description p { width: 100%; } .error-pages .hero__aspect-ratio { display: none; } .error-pages .component-overlay--center { position: static; } .error-pages .hero__cta:not(:last-child) { margin-bottom: 1rem; } .error-pages .hero__title { color: #070707; margin-bottom: 1rem; margin-top: 1rem; } .error-pages .hero--size-regular .hero__title { font-size: 1.25rem; line-height: 1.5rem; } .login-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .login-form .login-form-remember, .login-form .loginFormaction, .login-form .reCaptcha-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .login-form [data-ajax-errors=true] { margin-bottom: 1rem; line-height: 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .login-form .loginFormaction .form-actions { margin-top: 1rem; } .benefits-bar__slide { padding: 1.125rem 0 0.75rem 0; text-align: center; font-size: 0.75rem; font-weight: 300; line-height: 1rem; display: none; } .benefits-bar__slide span { font-weight: 500; } .benefits-bar.slick-initialized .benefits-bar__slide { display: block; } .order-history-select .ss-open-above { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .order-history-select .ss-single-selected { border-color: #B2B2B2; height: 2.75rem; font-weight: 500; padding-left: 0.7rem; } .order-history-select .ss-open-below, .order-history-select .ss-open-above { border-color: #070707; } .order-history-select .ss-open-below { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .order-history-select .ss-open-below + .ss-content.ss-open { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .order-history-select.ss-main.form-control { font-size: 0.875rem; color: #070707; } .order-history-select .ss-content.ss-open { border-color: #070707; } .order-history-select .ss-content .ss-list .ss-option { color: #070707; border-bottom: 0.0625rem solid #D9D9D9; padding: 0.75rem 0.75rem 0.813rem 0.625rem; } .order-history-select .ss-content .ss-list .ss-option:hover { background: transparent; color: #070707; } .order-returns-heading .account-main__title { font-size: 1.5rem; line-height: 1.875rem; font-weight: 500; } @media (max-width: 47.9375rem) { .order-returns-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .history-filter-label { font-size: 0.875rem; font-weight: 500; margin-right: 1rem; } .filters--wrap { width: 20.686rem; } .checkout-stage:not(:last-child) { margin-bottom: 2.5rem; } .checkout-stage__header { margin-bottom: 1.25rem; } .checkout-stage__header--separator { padding-bottom: 0.25rem; border-bottom: solid 0.0625rem #EAEAEA; } .checkout-steps-header__message { margin-top: 1.5rem; } .checkout-stage__details-section { position: relative; } .checkout-stage__details-section:not(:last-child) { margin-bottom: 2.5rem; } .checkout-stage__address-selection { margin-bottom: 1.25rem; } .checkout-stage__address-actions { margin-top: 0.5rem; } .checkout-stage__address-action:not(:last-child) { margin-right: 1em; } .checkout-stage__title { font-weight: 700; } .checkout-stage__shipment { position: relative; } .checkout-stage__shipment--multi { padding-top: 2rem; padding-bottom: 2rem; border: solid 0.0625rem #EAEAEA; } .checkout-stage__shipment--multi:not(:last-child) { margin-bottom: 2rem; } .checkout-multiship__actions { margin-bottom: 2.5rem; } .checkout-multiship__actions-review { margin-top: 2.5rem; } @media (min-width: 36rem) { .checkout { padding-top: 3rem; padding-bottom: 6rem; } .checkout-steps-header { margin-bottom: 2.5rem; } } @media (max-width: 35.9375rem) { .checkout { padding-top: 2rem; padding-bottom: 4rem; } .checkout-steps-header { margin-bottom: 1.75rem; } } body { font-family: "Gibson", Helvetica, Arial, sans-serif; } .page { background-color: #FFFFFF; } .checkout { padding-top: 0; padding-bottom: 0; } .payment-method__checkout-section { margin: 1.5rem 0; border-radius: 0.5rem; border: 0.0625rem solid #EAEAEA; width: 100%; } .optional-filed { color: #666666; } .checkoutFooter-wrapper { background: #F8F8F8; padding: 1.5rem 0; } .checkoutFooter-wrapper li { display: inline-block; color: #DEDEDE; } .checkoutFooter-wrapper li a { border-right: 0.063rem solid #DEDEDE; padding-right: 1.25rem; padding-left: 1.25rem; text-decoration: underline; } .checkoutFooter-wrapper li:last-child a { border-right: none; } .checkoutFooter-wrapper .footer-links-returns { margin-bottom: 1.5rem; } .checkoutFooter-wrapper .footer-links-returns .link { color: #070707; border-right: 0.0625rem solid #070707; font-weight: 300; line-height: 1rem; } @media (max-width: 47.9375rem) { .checkoutFooter-wrapper .footer-links-returns .footer-links__item { padding-bottom: 1rem; } } .checkoutFooter-wrapper .footer-links-returns .footer-links__item:last-child a { border-right: none; } .checkoutFooter-wrapper .footer-links-copyright { color: #666666; } @media (min-width: 48rem) { .checkoutFooter-wrapper .footer-links-copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 47.9375rem) { .checkoutFooter-wrapper .footer-links-copyright { padding-bottom: 3.325rem; } } .checkoutFooter-wrapper .footer-links-copyright .link { color: #666666; border-right: 0.0625rem solid #666666; line-height: 1rem; font-weight: 300; } @media (max-width: 47.9375rem) { .checkoutFooter-wrapper .footer-links-copyright .footer-links__item { padding-bottom: 0.75rem; } } .checkoutFooter-wrapper .footer-links-copyright li:last-child a { border-right: none; } .checkoutFooter-wrapper .footer-links-copyright .link { color: #666666; } .checkout-stage__header { margin-bottom: 0.5rem; } .checkout-stage:not(:last-child) { margin-bottom: 1rem; } [data-checkout-stage=shipping] #goBackButton { display: none; } [data-checkout-stage=shipping] .back-cart-url { display: block !important; } .next-step-button__btn-group { margin-bottom: 1rem; } .next-step-button__btn-group .next-step-button { padding-left: 0.35rem; padding-right: 0.35rem; -webkit-box-shadow: none; box-shadow: none; position: static; margin-bottom: 1rem; } .next-step-button__btn-group .next-step-button .btn-block + .btn-block { margin-top: 0; margin-bottom: 0.5rem; } .next-step-button__btn-group .next-step-button .btn-primary { background-color: #008558; border-color: #008558; } @media (min-width: 36rem) { .next-step-button__btn-group .next-step-button.next-step-button_btn-group { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .next-step-button__btn-group .back-button_btn div { padding: 0; } .next-step-button__btn-group .back-button_btn div [class*=col-] { padding-left: 0.35rem; padding-right: 0.35rem; } .next-step-button__btn-group .back-button_btn .btn-secondary { border-color: #EAEAEA; background-color: #EAEAEA; color: #070707 !important; } .billing-address-block .form-check-input:checked + .form-check-label:before, .billing-address-block .form-check-label.set--checked:before, .billing-address-block .form-check-label.toggle--active:before { border-radius: 0; background-color: #070707; } .billing-address-block .form-check-label { color: #070707; line-height: 1.25rem; font-size: 1rem; } .billing-address-block .form-check-label:before { border-radius: 0; } .billing-address-block .btn-actions .button { margin-bottom: 1rem; } .billing-address-block .billingaddress.inactive { opacity: 0; height: 0; } .billing-address-block .billingaddress::-webkit-input-placeholder { color: #666666; } .billing-address-block .billingaddress::-moz-placeholder { color: #666666; } .billing-address-block .billingaddress:-ms-input-placeholder { color: #666666; } .billing-address-block .billingaddress::-ms-input-placeholder { color: #666666; } .billing-address-block .billingaddress::placeholder { color: #666666; } .billing-address-block .form-control-label { color: #070707; } .billing-address-block .editAddress { line-height: 1rem; } .billing-address-block .address-autocomplete { padding-left: 0; } @media (max-width: ) { [data-checkout-page-stage=customer] #modal-summaryModal .customer-summary, [data-checkout-page-stage=customer] #modal-summaryModal .shipping-summary { display: none; } } @media (max-width: ) { [data-checkout-page-stage=shipping] #modal-summaryModal .shipping-summary { display: none; } } .checkout .submit-shipping.disabled { pointer-events: none; } @media (min-width: 36rem) { .checkout-steps-header { padding-top: 1rem; } } @media (max-width: 35.9375rem) { .card.payment-form { border: none; border-radius: unset; } .card.payment-form .card-header:first-child { border: none; } .card.payment-form .card-body { padding: 0; } } /*------------------------------------*\ #MODULES \*------------------------------------*/ /*------------------------------------*\ #MODULE COMPONENTS \*------------------------------------*/ .component-overlay-container { position: relative; max-width: 100%; } .component-overlay { position: absolute; overflow: hidden; } .component-overlay--start { top: 0; left: 0; } .component-overlay--center { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .component-overlay--low-index { z-index: 1; } /*------------------------------------*\ #MODULE ALIGNMENT \*------------------------------------*/ .component-v-align--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .component-v-align--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .component-v-align--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .component-h-align--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .component-h-align--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .component-h-align--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .component-outer-v-align--center { margin-top: auto; margin-bottom: auto; } .component-outer-v-align--bottom { margin-top: auto; } .component-outer-h-align--center { margin-right: auto; margin-left: auto; } .component-outer-h-align--right { margin-left: auto; } /*------------------------------------*\ #MODULE IMAGES \*------------------------------------*/ .component-image { -o-object-position: undefined; object-position: undefined; -o-object-position: var(--focal-point-x) var(--focal-point-y); object-position: var(--focal-point-x) var(--focal-point-y); } /*------------------------------------*\ #MODULE CTAs \*------------------------------------*/ .component-actions { z-index: 1; position: relative; } .component-actions--inner { display: inline; } .component-actions__cta--fake { cursor: pointer; } /*------------------------------------*\ #MODULE CONTAINERS \*------------------------------------*/ .module-container { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-position: center; background-size: cover; } .module-container__description { margin-top: 0.5em; } .module-container__constraint--start { margin-left: initial; } .module-container__constraint--end { margin-right: initial; } /*------------------------------------*\ #MODULE GRID \*------------------------------------*/ .module-grid--spacing-row-small { margin-top: -0.35rem; margin-bottom: -0.35rem; } .module-grid--spacing-row-small > .module-grid__item { margin-top: 0.35rem; margin-bottom: 0.35rem; } .module-grid--spacing-row-large { margin-top: -1.875rem; margin-bottom: -1.875rem; } .module-grid--spacing-row-large > .module-grid__item { margin-top: 1.875rem; margin-bottom: 1.875rem; } .module-grid--spacing-row-xlarge { margin-top: -2.25rem; margin-bottom: -2.25rem; } .module-grid--spacing-row-xlarge > .module-grid__item { margin-top: 2.25rem; margin-bottom: 2.25rem; } @media (min-width: 48rem) { /*------------------------------------*\ #MODULE CONTAINERS \*------------------------------------*/ .module-container--spacing-top-large { padding-top: 6rem; } .module-container--spacing-bottom-large { padding-bottom: 6rem; } .module-container--spacing-top-regular { padding-top: 4.25rem; } .module-container--spacing-bottom-regular { padding-bottom: 4.25rem; } .module-container--spacing-top-small { padding-top: 2.25rem; } .module-container--spacing-bottom-small { padding-bottom: 2.25rem; } .module-container--spacing-top-tiny { padding-top: 1.25rem; } .module-container--spacing-bottom-tiny { padding-bottom: 1.25rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { /*------------------------------------*\ #MODULE CONTAINERS \*------------------------------------*/ .module-container--spacing-top-large { padding-top: 4.25rem; } .module-container--spacing-bottom-large { padding-bottom: 4.25rem; } .module-container--spacing-top-regular { padding-top: 2.5rem; } .module-container--spacing-bottom-regular { padding-bottom: 2.5rem; } .module-container--spacing-top-small, .module-container--spacing-top-tiny { padding-top: 1.25rem; } .module-container--spacing-bottom-small, .module-container--spacing-bottom-tiny { padding-bottom: 1.25rem; } } @media (max-width: 47.9375rem) { /*------------------------------------*\ #MODULE IMAGES \*------------------------------------*/ .component-image--md-focal { -o-object-position: undefined; object-position: undefined; -o-object-position: var(--focal-point-x-md) var(--focal-point-y-md); object-position: var(--focal-point-x-md) var(--focal-point-y-md); } } @media (min-width: 36rem) { /*------------------------------------*\ #MODULE COMPONENTS \*------------------------------------*/ .component-custom-width { width: 100%; width: var(--component-var-width, 100%); } .component-overlay--small-up { position: absolute; overflow: hidden; } .module-container__header:not(:last-child) { margin-bottom: 1.75rem; } /*------------------------------------*\ #MODULE GRID \*------------------------------------*/ .module-grid--spacing-row-regular { margin-top: -0.625rem; margin-bottom: -0.625rem; } .module-grid--spacing-row-regular > .module-grid__item { margin-top: 0.625rem; margin-bottom: 0.625rem; } } @media (max-width: 35.9375rem) { /*------------------------------------*\ #MODULE COMPONENTS \*------------------------------------*/ .component-overlay--small { position: absolute; overflow: hidden; } .component-custom-width { width: 100%; width: var(--component-var-width-small, 100%); } /*------------------------------------*\ #MODULE ALIGNMENT # These are small-viewport-only overrides. \*------------------------------------*/ .component-v-align--small-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .component-v-align--small-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .component-v-align--small-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .component-h-align--small-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .component-h-align--small-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .component-h-align--small-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .component-outer-v-align--small-top { margin-top: initial; margin-bottom: auto; } .component-outer-v-align--small-center { margin-top: auto; margin-bottom: auto; } .component-outer-v-align--small-bottom { margin-top: auto; } .component-outer-h-align--small-left { margin-left: initial; margin-right: auto; } .component-outer-h-align--small-center { margin-right: auto; margin-left: auto; } .component-outer-h-align--small-right { margin-left: auto; margin-right: initial; } /*------------------------------------*\ #MODULE IMAGES \*------------------------------------*/ .component-image--sm-focal { -o-object-position: undefined; object-position: undefined; -o-object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); } /*------------------------------------*\ #MODULE CONTAINERS \*------------------------------------*/ .module-container--spacing-top-large { padding-top: 2.5rem; } .module-container--spacing-bottom-large { padding-bottom: 2.5rem; } .module-container--spacing-top-regular { padding-top: 1.75rem; } .module-container--spacing-bottom-regular { padding-bottom: 1.75rem; } .module-container--spacing-top-small, .module-container--spacing-top-tiny { padding-top: 1rem; } .module-container--spacing-bottom-small, .module-container--spacing-bottom-tiny { padding-bottom: 1rem; } .module-container__header:not(:last-child) { margin-bottom: 1.25rem; } /*------------------------------------*\ #MODULE GRID \*------------------------------------*/ .module-grid--spacing-row-regular { margin-top: -0.35rem; margin-bottom: -0.35rem; } .module-grid--spacing-row-regular > .module-grid__item { margin-top: 0.35rem; margin-bottom: 0.35rem; } .module-grid--free-sliding { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-right: 10%; padding-bottom: 1rem; } .module-container--has-outer-gutter .module-grid--free-sliding { margin-left: -1rem; margin-right: -1rem; } .module-container--has-outer-gutter .module-grid--free-sliding.module-grid--has-inner-gutters { padding-left: 0.65rem; } .module-container--has-outer-gutter .module-grid--free-sliding:not(.module-grid--has-inner-gutters) { padding-left: 1rem; } } .module-container__header:not(:last-child) { padding-bottom: 1rem; margin-bottom: 0; } .module-container__header .module-container__title { font-size: 1.25rem; line-height: 1.5rem; font-weight: 500; } .experience-accelerator_layouts-flexibleGrid .module-container__header .module-container__title, .experience-accelerator_layouts-flexibleCarousel .module-container__header .module-container__title, .hero .module-container__header .module-container__title { text-align: center; border-bottom: 0.0625rem solid #000000; margin: 0.0625rem 0 1.25rem 0; font-size: 1.125rem; position: relative; height: 1rem; } .experience-accelerator_layouts-flexibleGrid .module-container__header .module-container__title span, .experience-accelerator_layouts-flexibleCarousel .module-container__header .module-container__title span, .hero .module-container__header .module-container__title span { background: #FFFFFF; padding: 0 1rem; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0.063rem); transform: translate(-50%, 0.063rem); white-space: nowrap; line-height: 1.375rem; } .experience-accelerator_layouts-flexibleGrid .module-container__header .module-container__subtitle, .experience-accelerator_layouts-flexibleCarousel .module-container__header .module-container__subtitle, .hero .module-container__header .module-container__subtitle { font-size: 1.125rem; font-weight: 500; } @media (max-width: 35.9375rem) { .experience-accelerator_layouts-flexibleGrid .module-container__header .module-container__subtitle, .experience-accelerator_layouts-flexibleGrid .module-container__header .module-container__description, .experience-accelerator_layouts-flexibleCarousel .module-container__header .module-container__subtitle, .experience-accelerator_layouts-flexibleCarousel .module-container__header .module-container__description, .hero .module-container__header .module-container__subtitle, .hero .module-container__header .module-container__description { padding: 0 1rem; } } .module-container__module-title { font-size: 1.75rem; margin-top: 2rem; line-height: 2.125rem; } [data-page-motion].set--page-motion-ready { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-page-motion]:not(.set--page-motion-ready) { opacity: 0; } [data-page-motion] [data-motion].set--motion-trigger { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); } [data-page-motion] .set--motion-opacity.set--motion-trigger { -webkit-transition-property: opacity; transition-property: opacity; } [data-page-motion] .set--motion-opacity:not(.set--motion-trigger) { opacity: 0; } [data-page-motion] [class*=set--motion-from-].set--motion-trigger, [data-page-motion] [class*=set--motion-scale-].set--motion-trigger { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-page-motion] .set--motion-scale-x-expand.set--motion-trigger { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 107ms; transition-delay: 107ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-page-motion] .set--motion-scale-x-expand:not(.set--motion-trigger) { -webkit-transform: scaleX(0); transform: scaleX(0); } [data-page-motion] .set--motion-scale-expand-bounce.set--motion-trigger { -webkit-transition-duration: 426ms; transition-duration: 426ms; -webkit-transition-delay: 213ms; transition-delay: 213ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); } [data-page-motion] .set--motion-scale-expand-bounce:not(.set--motion-trigger) { -webkit-transform: scale(0); transform: scale(0); } [data-page-motion] .set--motion-from-top:not(.set--motion-trigger) { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } [data-page-motion] .set--motion-from-bottom:not(.set--motion-trigger) { -webkit-transform: translateY(1rem); transform: translateY(1rem); } [data-page-motion] .set--motion-from-left:not(.set--motion-trigger) { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } [data-page-motion] .set--motion-from-right:not(.set--motion-trigger) { -webkit-transform: translateX(1rem); transform: translateX(1rem); } html.cancel-scroll--force { overflow: hidden; height: 100%; } .cancel-scroll body { overflow: hidden; } .cancel-scroll--force body { overflow: hidden; height: 100%; } .window-modal { z-index: 10000; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-overflow-scrolling: touch; -webkit-transition-property: opacity, visibility, background-color; transition-property: opacity, visibility, background-color; -ms-flex-align: stretch; } .window-modal.modal-active { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 213ms; transition-duration: 213ms; } .window-modal:not(.modal-active) { pointer-events: none; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden; } .window-modal.modal-in-background { z-index: 9999; background-color: transparent; pointer-events: none; } .window-modal__content { position: relative; width: 100%; min-height: 6.25rem; background-color: #FFF; -webkit-transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, transform, opacity, visibility; transition-property: top, bottom, right, left, height, transform, opacity, visibility, -webkit-transform; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; -ms-flex-item-align: baseline; -webkit-box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25); } .modal-active .window-modal__content { -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .window-modal__content > .modal-container--static { display: block; } .window-modal__close { z-index: 10; position: absolute; top: 0; right: 0; height: 2.5rem; width: 2.25rem; } .window-modal__close:hover { opacity: 0.5; } .window-modal__close:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M1.42541 18L0 16.5746L7.57459 9L0 1.42541L1.42541 0L9 7.57459L16.5746 0L18 1.42541L10.4254 9L18 16.5746L16.5746 18L9 10.4254L1.42541 18Z' fill='%23070707'/%3E%3C/svg%3E"); width: 0.875rem; height: 0.875rem; display: inline-block; } /*------------------------------------*\ #UTILITY-MODAL-CLASSES \*------------------------------------*/ .modal-container--static { display: none; } .modal--full .window-modal__content { max-width: none; } .modal--flex .window-modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal--hideable.modal-in-background { opacity: 0; visibility: hidden; } /*------------------------------------*\ #GENERIC-MODAL Use these if you don't know what else to use. \*------------------------------------*/ .modal__title { line-height: 1.06; } .modal__description { margin-top: 0.75em; line-height: 1.5; } .modal__content { margin-top: 2rem; } .modal__actions { margin-top: auto; } .modal__action { margin-top: 2.5rem; } .modal__scrollable { max-height: 17.5rem; padding-bottom: 1.25rem; } /*------------------------------------*\ #SPECIAL-CASES \*------------------------------------*/ .modal--quickview .window-modal__content { max-width: 60rem; } .modal--store-locator .window-modal__content { max-width: 38rem; padding: 2rem; } .modal--product-zoom .window-modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .modal--product-zoom .window-modal__close { background-color: #FFF; } .modal--toast { pointer-events: none; background-color: transparent; color: #FFFFFF; } .modal--toast .window-modal__content { pointer-events: all; background-color: transparent; max-width: none; width: auto; height: auto; padding: 0.75rem 3rem 0.75rem 2rem; min-height: auto; margin-top: 1rem; } .modal--toast .window-modal__close { bottom: 0; margin: auto; } .modal--toast .window-modal__close:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M1.42541 18L0 16.5746L7.57459 9L0 1.42541L1.42541 0L9 7.57459L16.5746 0L18 1.42541L10.4254 9L18 16.5746L16.5746 18L9 10.4254L1.42541 18Z' fill='%23070707'/%3E%3C/svg%3E"); } .modal--toast-error .window-modal__content { background-color: #D32C2C; } .modal--toast-success .window-modal__content { background-color: #00D3A7; } .modal--toast__message { border-radius: 0.25rem; } @media (min-width: 36rem) { .cancel-scroll--sm-up body { overflow: hidden; } .window-modal__content { width: calc(100% - 3.125rem); margin: auto; -webkit-transform: scale(0.95); transform: scale(0.95); border-radius: 0.25rem; opacity: 0; visibility: hidden; } .modal-active .window-modal__content { -webkit-transition-delay: 107ms; transition-delay: 107ms; -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: inherit; } .modal-in-background .window-modal__content { -webkit-transform: scale(0.9) translateY(2rem); transform: scale(0.9) translateY(2rem); } /*------------------------------------*\ #GENERIC-MODAL Use these if you don't know what else to use. \*------------------------------------*/ .modal--generic .window-modal__content { max-width: 29rem; min-height: 21.25rem; padding: 1rem 1.5rem; } /*------------------------------------*\ #SPECIAL-CASES \*------------------------------------*/ .modal--small .window-modal__content { max-width: 48rem; min-height: 21.25rem; padding: 1rem 1.5rem; } .modal--medium .window-modal__content { max-width: 64rem; min-height: 21.25rem; padding: 2rem 2.5rem; } .modal--large .window-modal__content { max-width: 98rem; min-height: 21.25rem; padding: 2rem 2.5rem; } .modal--page { padding: 2rem; } .modal--page .window-modal__content { max-width: 61.9375rem; min-height: 21.25rem; } .modal--prompt .window-modal__content { max-width: 26rem; min-height: 16rem; padding: 2rem; } .modal--auth { padding: 2rem; } } @media (max-width: 35.9375rem) { html.cancel-scroll { overflow: hidden; height: 100%; } .window-modal__content { top: 100%; margin-top: auto; } .modal-active .window-modal__content { top: 0; } .modal-in-background .window-modal__content { -webkit-transform: translateY(55%); transform: translateY(55%); } /*------------------------------------*\ #GENERIC-MODAL Use these if you don't know what else to use. \*------------------------------------*/ .modal--generic .window-modal__content { min-height: 20rem; padding-top: 1rem; padding-right: 1rem; padding-left: 1rem; padding-bottom: 3.75rem; } /*------------------------------------*\ #SPECIAL-CASES \*------------------------------------*/ .modal--prompt .window-modal__content { min-height: 16rem; padding-top: 2rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 3.75rem; } .modal--toast .window-modal__content { margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 1rem; } /*------------------------------------*\ #UTILITY-MODAL-CLASSES \*------------------------------------*/ .modal--small-full { background-color: #FFF; } .modal--small-full .window-modal__content { min-height: 100%; padding-bottom: 3.75rem; } } @media (max-width: 35.9375rem) { .modal-active .window-modal__content { top: 1.25rem; } } .modal--product-zoom .window-modal__close { width: 3.325rem; height: 3.325rem; margin-top: 3rem; margin-right: 3rem; background-color: #FFFFFF; border-radius: 50%; } .modal--product-zoom .window-modal__close::after { width: 1.25rem; height: 1.25rem; position: relative; top: 0.125rem; } @media (max-width: 35.9375rem) { .modal--product-zoom .window-modal__close { width: 2.5rem; height: 2.5rem; margin-top: 1rem; margin-right: 1rem; } .modal--product-zoom::after { width: 1rem; height: 1rem; } } .product-tile .price .tiered { font-size: 0.875em; } .product-tile .price .tiered .value { font-weight: bold; } .product-tile.set--quickadd-active { pointer-events: none; } .product-tile--default { position: relative; } .product-tile--default .product-tile__anchor { display: block; } .product-tile--default .product-tile__body { padding-top: 1rem; } .product-tile--overlay { padding: 1.25rem; } .product-tile--card { position: relative; margin-bottom: 1.25rem; } .product-tile--card .product-tile__body { -webkit-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; padding-right: 0.5rem; padding-left: 0.5rem; } .product-tile--card .product-tile__media { display: block; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; position: relative; } .product-tile--card .product-tile__media:before { display: block; content: ""; padding-bottom: 100%; width: 100%; } .product-tile__body { position: relative; } .product-tile__media--default { display: block; overflow: hidden; position: relative; } .product-tile__media--default:before { display: block; content: ""; padding-bottom: 125%; width: 100%; } .product-tile__anchor:focus .product-tile__image, .product-tile__media--default:hover .product-tile__image { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .product-tile__anchor:focus .product-tile__image--secondary.lazyloaded, .product-tile__media--default:hover .product-tile__image--secondary.lazyloaded { opacity: 1; visibility: inherit; } .product-tile__image { max-height: none; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .product-tile__image--secondary { opacity: 0; visibility: hidden; } .product-tile__body-section:not(:first-child) { margin-top: 0.5rem; } .product-tile__swatches { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-tile__swatch { margin-bottom: 0.5rem; } .product-tile__swatch:not(:last-child) { margin-right: 0.5rem; } .product-tile__quickview { position: absolute; top: 0; right: 1rem; margin-top: 125%; -webkit-transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem)); opacity: 0; } .product-tile:hover .product-tile__quickview, .product-tile__quickview:focus { opacity: 1; } .product-tile__quickadd.set--added-to-cart .product-tile__quickadd-actions { display: block; } .product-tile__quickadd-trigger { position: absolute; top: 0; left: 1rem; padding: 0.25rem; margin-top: 125%; -webkit-transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem)); } .product-tile__quickadd-panel { z-index: 2; position: absolute; bottom: -0.5rem; left: -0.5rem; width: calc(100% + 1rem); padding: 1rem 0.75rem; background-color: #FFF; border-radius: 0.25rem; -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25); color: #252525; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .product-tile__quickadd-panel.set--quickadd-active { -webkit-transition-duration: 426ms; transition-duration: 426ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); } .product-tile__quickadd-panel:not(.set--quickadd-active) { -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .product-tile__quickadd-panel:not(.set--ready) { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); opacity: 0; visibility: hidden; } .product-tile__quickadd-actions { display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #FFFFFF; border: solid 0.0625rem; border-radius: 0.125rem; } .product-tile__wishlist { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; padding: 0.5em; border-radius: 50%; overflow: hidden; } .product-tile__wishlist.set--in-wishlist .product-tile__wishlist-add { display: none; } .product-tile__wishlist.set--in-wishlist .product-tile__wishlist-remove { display: block; } .product-tile__wishlist-remove { display: none; } @media (min-width: 36rem) { .product-tile--card { padding-top: 1rem; padding-bottom: 1rem; padding-right: 2rem; padding-left: 0.5rem; } } @media (max-width: 35.9375rem) { .product-tile--card { padding: 1.25rem; } .product-tile--card .product-tile__footer { margin-top: 1.25rem; } } .product-tile__body .product-brand, .product-tile__body .product-tile__name { font-size: 0.875rem; line-height: 1.125rem; } .product-tile__body .product-brand { font-weight: 500; color: #070707; } .product-tile__body .product-tile__name { font-weight: 400; } .product-tile__anchor .slick-arrow { visibility: hidden; width: 1.75rem; height: 1.75rem; background: #FFFFFF; -webkit-box-shadow: 0rem 0.125rem 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0rem 0.125rem 0.5rem rgba(0, 0, 0, 0.12); border-radius: 50%; } .product-tile__anchor .slick-prev { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0.375rem 0.25rem 0.25rem 0.5rem; margin-left: 0.5rem; } .product-tile__anchor .slick-next { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0.25rem 0 0.25rem 0.75rem; margin-right: 0.5rem; } .product-tile__anchor .slick-disabled { display: none !important; } .product-tile__anchor .product-tile__custom-dots { background-color: #D9D9D9; height: 0.125rem; position: absolute; top: 0.25rem; width: 16%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .product-tile__anchor .slick-active .product-tile__custom-dots { background-color: #070707; } .product-tile__anchor .slick-dots { bottom: 1.25rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 20%; } .product-tile__anchor:hover .slick-arrow { visibility: visible; } .product-tile__swatch { outline: none; } .product-tile__swatches { height: 1.75rem; overflow: hidden; padding-top: 0.0625rem; padding-left: 0.0625rem; } .product-tile__swatch__remaining { font-size: 0.875rem; color: #070707; height: 2rem; padding-top: 0.25rem; position: absolute; right: 0; } .product-tile__body-section { width: calc(100% - 16px); position: relative; margin-bottom: 1.25rem; } .product-tile__body-section:not(:first-child) { margin-top: 0; } .product-tile__body-section.product-tile__swatches { margin-top: 0.75rem; } .product-tile__wishlist { right: 0; left: unset; } .product-tile__wishlist-remove, .product-tile__wishlist-add { width: 1.188rem; height: 1.075rem; stroke: #070707; stroke-width: 0.125rem; } .product-tile__wishlist-add { fill: #FFFFFF; } .product-tile--default .product-tile__body { padding-top: 0.5rem; } .product-list__minicartCarousel .product-tile__name { margin-bottom: 0; } .product-list__minicartCarousel .price { vertical-align: text-bottom; } @media (max-width: 47.9375rem) { .search-results__product-tiles .product-grid .product-tile__anchor .product-tile__body { padding-top: 0; margin-top: -0.375rem; } } @media (max-width: 61.9375rem) { .product--image__scrollbar { position: absolute; top: 0; width: 100%; } .product--image__scrollbar .product--scrollbar__progress { background-color: #000000; display: inline-block; height: 0.125rem; position: absolute; top: 4px; width: 25%; } } .product-badges { position: absolute; bottom: 0; color: #FFFFFF; padding: 0.25rem; height: 1.25rem; font-size: 0.75rem; line-height: 1rem; white-space: nowrap; } .product-badges.product-badges__general { background: #333; } .product-badges.product-badges__goodvalue { background: #FBBC51; } .product-badges.product-badges__reducedPrice { background: #D32C2C; } @media (min-width: 36rem) { [data-testid=review-snapshot], [data-testid=review-list] { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .search-results__main.data-power-reviews .pr-snippet.pr-category-snippet .pr-category-snippet__total.pr-category-snippet__item { display: none; } .customer-says { font-weight: 500 !important; color: #070707 !important; font-size: 0.875rem !important; } .sort-by-label { font-weight: 500 !important; color: #070707 !important; font-size: 1rem !important; } [data-power-reviews].pdp__power-reviews { margin-bottom: 1.5rem; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews { background-color: #F8F8F8; } } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars { background-color: #F8F8F8; } } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-png .pr-rating-stars { margin-bottom: 0.5rem; position: relative; bottom: 0.5rem; left: 3.75rem; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal { border: none !important; font-size: 2.25rem !important; font-weight: 500 !important; color: #070707 !important; padding: 0 1rem 0 0 !important; background-color: #F8F8F8 !important; line-height: 2.5rem !important; position: relative; left: 1.875rem; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write { position: relative; top: -1.5rem; right: -5.5rem; font-size: 1rem; color: #070707; } @media (min-width: 62rem) { [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write { position: relative; top: 0.5rem; right: 2.5rem; } } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write span { color: #070707 !important; font-size: 1rem !important; font-style: normal !important; padding: 0; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write a { font-size: 0.75rem !important; color: #000000; font-weight: 500; margin-left: 0.5rem; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count { margin-left: 1.375rem; font-weight: 400; border-bottom: 0.0625rem solid #070707; line-height: 1rem; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::before { content: "from"; margin-right: 0.25rem; } [data-power-reviews].pdp__power-reviews .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::after { content: "reviews"; margin-left: 0.25rem; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline.pr-snippet-standard { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline.pr-snippet-standard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count { font-size: 1rem !important; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco { display: block; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-reco-value, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-reco-to-friend-message { color: #070707 !important; font-weight: 500 !important; font-size: 1.125rem !important; max-width: 100% !important; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-snippet-reco-to-friend { max-width: 100% !important; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-snippet-reco-to-friend { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-snippet-reco-to-friend .pr-snippet-reco-to-friend-percent.pr-snippet-reco-to-friend-green span::after { content: "✓"; width: 1.25rem; height: 1.25rem; background: #008558; border-radius: 1.25rem; display: inline-block; color: #FFFFFF; font-size: 1rem; font-weight: 700; text-align: center; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-snippet-reco-to-friend .pr-snippet-reco-to-friend-percent.pr-snippet-reco-to-friend-green svg { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-snippet-stars-reco-reco .pr-snippet-reco-to-friend .pr-snippet-reco-to-friend-percent.pr-snippet-reco-to-friend-green .pr-reco.pr-reco-green span::after { content: unset; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display { padding: 0 1rem; } } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-snippet-stars.pr-snippet-stars-png { background-color: #F8F8F8; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-snippet-rating-decimal, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-review-headline { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block { width: 100%; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block { background-color: #F8F8F8; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-bottomline.pr-rd-inner-content-block .pr-rd-bold { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-bottomline.pr-rd-inner-content-block span { color: #070707; font-size: 1rem; font-weight: 400; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-bottomline.pr-rd-inner-content-block span::before { content: "✓"; width: 1.25rem; height: 1.25rem; background: #008558; border-radius: 1.25rem; display: inline-block; color: #FFFFFF; font-size: 1rem; font-weight: 700; text-align: center; margin-right: 0.5rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-helpful-action-legend .pr-rd-helpful-text.pr-rd-bold { font-size: 0.75rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-helpful-action-legend, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-flag-review-container { width: 100%; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-flag-review-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; top: -1.5rem; position: relative; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn { margin-right: 1.25rem; border: 0.0625rem solid #666666; } @media (max-width: 35.9375rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn { background-color: #F8F8F8; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn .pr-thumbs-icon { display: inline-block; width: 1.1875rem; height: 1.0625rem; background-repeat: no-repeat; vertical-align: middle; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn .pr-thumbs-icon.pr-thumbs-icon-up { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath d='M5.99984 14.4998H11.9998C12.5532 14.4998 13.0265 14.1665 13.2265 13.6865L15.2398 8.9865C15.2998 8.83317 15.3332 8.67317 15.3332 8.49984V7.1665C15.3332 6.43317 14.7332 5.83317 13.9998 5.83317H9.79317L10.4265 2.7865L10.4465 2.57317C10.4465 2.29984 10.3332 2.0465 10.1532 1.8665L9.4465 1.1665L5.05317 5.55984C4.81317 5.79984 4.6665 6.13317 4.6665 6.49984V13.1665C4.6665 13.8998 5.2665 14.4998 5.99984 14.4998ZM5.99984 6.49984L8.89317 3.6065L7.99984 7.1665H13.9998V8.49984L11.9998 13.1665H5.99984V6.49984ZM0.666504 6.49984H3.33317V14.4998H0.666504V6.49984Z' fill='%230A0A0B'/%3E%3C/svg%3E"); } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn .pr-thumbs-icon.pr-thumbs-icon-down { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath d='M9.99984 2.1416H3.99984C3.4465 2.1416 2.97317 2.47493 2.77317 2.95493L0.759837 7.65493C0.699837 7.80827 0.666504 7.96827 0.666504 8.1416V9.47493C0.666504 10.2083 1.2665 10.8083 1.99984 10.8083H6.2065L5.57317 13.8549L5.55317 14.0683C5.55317 14.3416 5.6665 14.5949 5.8465 14.7749L6.55317 15.4749L10.9465 11.0816C11.1865 10.8416 11.3332 10.5083 11.3332 10.1416V3.47493C11.3332 2.7416 10.7332 2.1416 9.99984 2.1416ZM9.99984 10.1416L7.1065 13.0349L7.99984 9.47493H1.99984V8.1416L3.99984 3.47493H9.99984V10.1416ZM12.6665 2.1416H15.3332V10.1416H12.6665V2.1416Z' fill='%230A0A0B'/%3E%3C/svg%3E"); } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn .pr-thumbs-icon svg { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-footer.pr-rd-content-block .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-helpful-voting.pr-rd-helpful-action-btn-group .pr-helpful-btn .pr-helpful-count { display: inline; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-location.pr-rd-author-location-undisclosed { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-location .pr-rd-bold { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-location span { font-size: 0.875rem; font-weight: 400; color: #666666; line-height: 1rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-location span span { margin-right: 0.125rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-submission-date { margin-left: 0.125rem; font-size: 0.875rem; font-weight: 400; color: #666666; line-height: 1rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-submission-date .pr-rd-bold { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-nickname span { font-size: 0.875rem; font-weight: 400; color: #666666; line-height: 1rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-nickname::after { content: ","; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-details.pr-rd-author-nickname .pr-rd-bold { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block::after, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block::before { content: unset; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block .pr-rd-side-content-block { position: unset; padding: 0; width: 100%; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block .pr-rd-side-content-block .pr-rd-reviewer-details.pr-rd-inner-side-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block .pr-rd-side-content-block .pr-rd-reviewer-type.pr-rd-inner-side-content-block.pr-verified_reviewer { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block .pr-rd-side-content-block .pr-rd-details.pr-rd-reviewed-at { text-align: right; margin-left: auto; position: relative; top: -3.5rem; font-size: 0.75rem !important; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-description.pr-rd-content-block .pr-rd-description-text { font-size: 1rem; color: #070707; font-weight: 400; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-btn, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-btn { color: #070707; font-size: 0.875rem; font-weight: 500; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-btn span, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-btn span { color: #070707 !important; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-btn span .pr-caret-icon__line, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-btn span .pr-caret-icon__line { stroke: #070707 !important; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-content, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-content { background-color: #F8F8F8; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-content .pr-rd-tags.pr-rd-content-block, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-content .pr-rd-tags.pr-rd-content-block { display: none; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-content .pr-rd-subratings.pr-rd-content-block, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-content .pr-rd-subratings.pr-rd-content-block { padding: 1rem; margin-bottom: 0; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-collapsed .pr-accordion-content .pr-rd-subratings.pr-rd-content-block .pr-rd-def-list, [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-review .pr-rd-content-block.pr-accordion.pr-accordion-exapanded .pr-accordion-content .pr-rd-subratings.pr-rd-content-block .pr-rd-def-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header { padding: 1rem 0; } @media (max-width: 35.9375rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header { background-color: transparent; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header .pr-rd-review-total { font-size: 1.125rem; font-weight: 500; line-height: 1.875rem; } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header .pr-rd-review-total { font-size: 1.5rem; } } @media (max-width: 61.9375rem) { [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header .pr-rd-sort-group { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header .pr-rd-sort-group .sort-by-label { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } [data-power-reviews].pdp__power-reviews .p-w-r .pr-review-display .pr-rd-main-header #pr-rd-sort-by { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.948 10.524'%3E%3Cpath d='M-68.865,139.406l8.11,8.11,8.01-8.01' transform='translate(70.279 -137.991)' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat; background-size: 1rem; background-position: 95% 0.625rem; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-rd-main-footer .pr-rd-content-block { width: 100%; } [data-power-reviews].pdp__power-reviews .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-review-position { text-align: center; width: 100%; display: block; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-msqs { display: none; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram { border: 0; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram:not(:first-child) { display: none; } @media (max-width: 35.9375rem) { [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram { background-color: #F8F8F8; margin-top: 1.25rem; } } @media (min-width: 36rem) { [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram { width: 100%; } } @media (min-width: 36rem) and (max-width: 61.9375rem) { [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram { padding: 0 1rem !important; } } @media (min-width: 62rem) { [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram { padding: 0 4rem !important; } } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-histogram-msq-headline { color: #070707; font-size: 0.875rem; font-weight: 400; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-slider-root.pr-histogram-msq-slider.pr-text-above-root .pr-slider-text-above { margin-top: 1.25rem; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-slider-root.pr-histogram-msq-slider.pr-text-above-root .pr-slider-text-above .pr-min-text, [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-slider-root.pr-histogram-msq-slider.pr-text-above-root .pr-slider-text-above .pr-max-text { color: #070707; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-slider-node-group .pr-slider-node:not(.pr-active) { background-color: transparent; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq.pr-review-snapshot-msq-histogram .pr-slider-node-group .pr-slider-node.pr-active { background-color: #070707; } [data-power-reviews].pdp__power-reviews .pr-review-snapshot-msq-container.pr-review-snapshot-histogram-msq-container .pr-histogram-msq-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-width: 100% !important; } [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled { width: 0.75rem !important; height: 0.75rem !important; background-size: contain; } [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%23070707' d='M2.08542 10.5378C2.06674 10.3593 2.09216 10.1791 2.15962 10.0118L3.25254 6.88189L0.454798 4.95679C0.296185 4.86068 0.16407 4.72932 0.0696497 4.57384C0.031916 4.51133 0.00886112 4.44167 0.00209382 4.36973C-0.00467348 4.29779 0.00500981 4.2253 0.030468 4.15732C0.0538588 4.0902 0.091281 4.02835 0.140446 3.97557C0.189612 3.92278 0.249487 3.88017 0.316411 3.85033C0.488178 3.77882 0.674499 3.74521 0.861621 3.752L4.29711 3.77758L5.33667 0.6269C5.39107 0.454289 5.48379 0.295015 5.60844 0.160014C5.65884 0.108161 5.7201 0.0671096 5.7882 0.0395539C5.8563 0.0119982 5.9297 -0.00143957 6.0036 0.000122064C6.07742 -0.000942132 6.15067 0.0127219 6.21869 0.0402471C6.28672 0.0677722 6.34803 0.108557 6.39875 0.160014C6.52254 0.294338 6.61265 0.45404 6.66218 0.6269L7.70425 3.77678L11.1389 3.7512C11.3271 3.74393 11.5147 3.77755 11.6874 3.84953C11.7538 3.87964 11.8131 3.92238 11.8617 3.97516C11.9103 4.02794 11.9471 4.08964 11.9701 4.15652C11.995 4.22426 12.0045 4.29632 11.998 4.36787C11.9916 4.43943 11.9692 4.50883 11.9325 4.57145C11.8368 4.72593 11.7049 4.85701 11.5474 4.95439L8.74632 6.88189L9.84424 10.0118C9.9117 10.1791 9.93712 10.3593 9.91843 10.5378C9.90857 10.608 9.88426 10.6756 9.8469 10.7367C9.80955 10.7977 9.7599 10.8511 9.70085 10.8936C9.64306 10.9381 9.57568 10.9697 9.5036 10.9861C9.43151 11.0026 9.35651 11.0035 9.28402 10.9887C9.10055 10.946 8.92954 10.864 8.78383 10.7489L6.0036 8.7942L3.2267 10.7497C3.08131 10.8653 2.91018 10.9473 2.7265 10.9895C2.65295 11.0043 2.57692 11.0034 2.50375 10.987C2.43059 10.9706 2.36207 10.939 2.30301 10.8944C2.24416 10.8517 2.19465 10.7983 2.15732 10.7373C2.11998 10.6762 2.09555 10.6087 2.08542 10.5386'/%3E%3C/svg%3E") no-repeat center center; } [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled, [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%23D9D9D9' d='M2.08542 10.5378C2.06674 10.3593 2.09216 10.1791 2.15962 10.0118L3.25254 6.88189L0.454798 4.95679C0.296185 4.86068 0.16407 4.72932 0.0696497 4.57384C0.031916 4.51133 0.00886112 4.44167 0.00209382 4.36973C-0.00467348 4.29779 0.00500981 4.2253 0.030468 4.15732C0.0538588 4.0902 0.091281 4.02835 0.140446 3.97557C0.189612 3.92278 0.249487 3.88017 0.316411 3.85033C0.488178 3.77882 0.674499 3.74521 0.861621 3.752L4.29711 3.77758L5.33667 0.6269C5.39107 0.454289 5.48379 0.295015 5.60844 0.160014C5.65884 0.108161 5.7201 0.0671096 5.7882 0.0395539C5.8563 0.0119982 5.9297 -0.00143957 6.0036 0.000122064C6.07742 -0.000942132 6.15067 0.0127219 6.21869 0.0402471C6.28672 0.0677722 6.34803 0.108557 6.39875 0.160014C6.52254 0.294338 6.61265 0.45404 6.66218 0.6269L7.70425 3.77678L11.1389 3.7512C11.3271 3.74393 11.5147 3.77755 11.6874 3.84953C11.7538 3.87964 11.8131 3.92238 11.8617 3.97516C11.9103 4.02794 11.9471 4.08964 11.9701 4.15652C11.995 4.22426 12.0045 4.29632 11.998 4.36787C11.9916 4.43943 11.9692 4.50883 11.9325 4.57145C11.8368 4.72593 11.7049 4.85701 11.5474 4.95439L8.74632 6.88189L9.84424 10.0118C9.9117 10.1791 9.93712 10.3593 9.91843 10.5378C9.90857 10.608 9.88426 10.6756 9.8469 10.7367C9.80955 10.7977 9.7599 10.8511 9.70085 10.8936C9.64306 10.9381 9.57568 10.9697 9.5036 10.9861C9.43151 11.0026 9.35651 11.0035 9.28402 10.9887C9.10055 10.946 8.92954 10.864 8.78383 10.7489L6.0036 8.7942L3.2267 10.7497C3.08131 10.8653 2.91018 10.9473 2.7265 10.9895C2.65295 11.0043 2.57692 11.0034 2.50375 10.987C2.43059 10.9706 2.36207 10.939 2.30301 10.8944C2.24416 10.8517 2.19465 10.7983 2.15732 10.7373C2.11998 10.6762 2.09555 10.6087 2.08542 10.5386'/%3E%3C/svg%3E") no-repeat center center; } [data-power-reviews] .pr-snippet-stars-png .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E %3Cpath fill='url(%23paint0_linear_3019_713)' d='M2.08542 10.5378C2.06674 10.3593 2.09216 10.1791 2.15962 10.0118L3.25254 6.88189L0.454798 4.95679C0.296185 4.86068 0.16407 4.72932 0.0696497 4.57384C0.031916 4.51133 0.00886112 4.44167 0.00209382 4.36973C-0.00467348 4.29779 0.00500981 4.2253 0.030468 4.15732C0.0538588 4.0902 0.091281 4.02835 0.140446 3.97557C0.189612 3.92278 0.249487 3.88017 0.316411 3.85033C0.488178 3.77882 0.674499 3.74521 0.861621 3.752L4.29711 3.77758L5.33667 0.6269C5.39107 0.454289 5.48379 0.295015 5.60844 0.160014C5.65884 0.108161 5.7201 0.0671096 5.7882 0.0395539C5.8563 0.0119982 5.9297 -0.00143957 6.0036 0.000122064C6.07742 -0.000942132 6.15067 0.0127219 6.21869 0.0402471C6.28672 0.0677722 6.34803 0.108557 6.39875 0.160014C6.52254 0.294338 6.61265 0.45404 6.66218 0.6269L7.70425 3.77678L11.1389 3.7512C11.3271 3.74393 11.5147 3.77755 11.6874 3.84953C11.7538 3.87964 11.8131 3.92238 11.8617 3.97516C11.9103 4.02794 11.9471 4.08964 11.9701 4.15652C11.995 4.22426 12.0045 4.29632 11.998 4.36787C11.9916 4.43943 11.9692 4.50883 11.9325 4.57145C11.8368 4.72593 11.7049 4.85701 11.5474 4.95439L8.74632 6.88189L9.84424 10.0118C9.9117 10.1791 9.93712 10.3593 9.91843 10.5378C9.90857 10.608 9.88426 10.6756 9.8469 10.7367C9.80955 10.7977 9.7599 10.8511 9.70085 10.8936C9.64306 10.9381 9.57568 10.9697 9.5036 10.9861C9.43151 11.0026 9.35651 11.0035 9.28402 10.9887C9.10055 10.946 8.92954 10.864 8.78383 10.7489L6.0036 8.7942L3.2267 10.7497C3.08131 10.8653 2.91018 10.9473 2.7265 10.9895C2.65295 11.0043 2.57692 11.0034 2.50375 10.987C2.43059 10.9706 2.36207 10.939 2.30301 10.8944C2.24416 10.8517 2.19465 10.7983 2.15732 10.7373C2.11998 10.6762 2.09555 10.6087 2.08542 10.5386' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3019_713' x1='-1.73541e-07' y1='0.0097658' x2='12' y2='12.0098' gradientUnits='userSpaceOnUse'%3E %3Cstop offset='0.495' stop-color='%23070707'/%3E %3Cstop offset='0.4951' stop-color='%23D9D9D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } [data-power-reviews] .p-w-r { font-family: "Gibson", Helvetica, Arial, sans-serif; } @media (min-width: 36rem) { [data-power-reviews] .p-w-r .pr-review-display { background-color: #F8F8F8; } } [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews { padding: 0 0 2.25rem 0; } @media (min-width: 36rem) { [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews { padding: 1.5rem 0; } } [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews .pr-snippet-write-review-link { border-radius: 0.25rem; font-size: 1rem; font-weight: 500; -webkit-transition: none; transition: none; border: 0.0625rem solid #070707; padding: 0.75rem; text-decoration: none; color: #070707; display: inline-block; line-height: 1.25rem; width: 18.875rem; height: 3rem; } @media (max-width: 35.9375rem) { [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews .pr-snippet-write-review-link { display: block; width: 80%; margin: 0 auto; } } [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews .review-heading { font-size: 1.5rem; color: #070707; font-weight: 500; line-height: 1.875rem; } [data-power-reviews] .p-w-r .pr-review-display .pr-rd-no-reviews .review-sub-heading { font-size: 1rem; color: #070707; font-weight: 400; padding: 1rem 0; line-height: 1rem; } @media (min-width: 36rem) { [data-power-reviews] .p-w-r .pr-review-snapshot { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; background-color: #F8F8F8; } } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; border: none; } @media (min-width: 36rem) { [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-headline { font-size: 1.5rem; font-weight: 500; line-height: 1.875rem; } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block { border-right: none; } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block.pr-review-snapshot-block-histogram { width: 100%; text-align: center; } @media (min-width: 62rem) { [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block.pr-review-snapshot-block-histogram { padding: 0 4rem; } } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block.pr-review-snapshot-block-histogram .pr-review-snapshot-histogram { margin-bottom: 1.25rem; } [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block.pr-review-snapshot-block-histogram .pr-snippet-write-review-link { border-radius: 0.25rem; font-size: 1rem; font-weight: 500; -webkit-transition: none; transition: none; border: 0.0625rem solid #070707; padding: 0.75rem; text-decoration: none; color: #070707; line-height: 1.25rem; } @media (max-width: 35.9375rem) { [data-power-reviews] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block.pr-review-snapshot-block-histogram .pr-snippet-write-review-link { display: block; width: 80%; margin: 0 auto; } } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-review-snapshot-block-pros, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-review-snapshot-block-cons, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-review-snapshot-block-headline { display: none; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled { width: 0.875rem; height: 0.875rem; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram { margin: 0; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram.pr-histogram-list .pr-ratings-histogram-list-item .pr-histogram-label { font-weight: 500; line-height: 1.125rem; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-label, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-count { font-size: 0.875rem; color: #070707; font-weight: 400; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings .pr-histogram-label, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings .pr-histogram-count { font-size: 0.875rem; color: #070707; font-weight: 400; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-count { font-weight: 400; color: #070707; font-size: 0.875rem; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-bar, [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue { height: 0.25rem !important; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-bar { background: #D9D9D9; } [data-power-reviews] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue { background: #070707; } [data-power-reviews] .p-w-r .pr-review-snapshot-header.pr-review-snapshot-content-block .pr-subheadline { display: none !important; } @media (min-width: 36rem) { [data-power-reviews] .p-w-r section:has(.pr-review-snapshot), [data-power-reviews] .p-w-r .pr-snippet, [data-power-reviews] .p-w-r .pr-snippet-stars-reco-inline { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } } [data-power-reviews] .p-w-r .pr-accessible-focus-element, [data-power-reviews] .p-w-r .pr-snippet-rating-decimal, [data-power-reviews] .p-w-r .pr-snippet-stars-reco-reco { display: none; } [data-power-reviews] .p-w-r .header:after { content: unset; } .pdp-main__details .p-w-r { font-family: "Gibson", Helvetica, Arial, sans-serif; } .pdp-main__details .p-w-r section:has(.pr-review-snapshot), .pdp-main__details .p-w-r .pr-snippet, .pdp-main__details .p-w-r .pr-snippet-stars-reco-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .pdp-main__details .p-w-r .pr-accessible-focus-element, .pdp-main__details .p-w-r .pr-snippet-rating-decimal, .pdp-main__details .p-w-r .pr-snippet-stars-reco-reco { display: none; } .pdp-main__details .p-w-r .pr-snippet-read-and-write .pr-snippet-write-review-link { font-size: 0.75rem !important; color: #070707; font-weight: 500; } .pdp-main__details .p-w-r .pr-snippet-read-and-write .pr-snippet-review-count { font-size: 0.75rem; color: #070707; font-weight: 500; margin: 0 0 0 0.25rem; } .pdp-main__details .p-w-r .pr-snippet-read-and-write .pr-snippet-review-count::before { content: "("; } .pdp-main__details .p-w-r .pr-snippet-read-and-write .pr-snippet-review-count::after { content: ")"; } .pdp-main__details .p-w-r .pr-review-snippet-container.pr-no-reviews .pr-snippet-read-and-write .pr-snippet-review-count::before, .pdp-main__details .p-w-r .pr-review-snippet-container.pr-no-reviews .pr-snippet-read-and-write .pr-snippet-review-count::after { content: none; } .pdp-main__details .p-w-r .pr-review-snippet-container.pr-no-reviews .pr-snippet-read-and-write .pr-snippet-write-review-link { display: inline-block; text-transform: lowercase; line-height: 1rem; } .pdp-main__details .p-w-r .pr-review-snippet-container .pr-snippet-read-and-write .pr-snippet-write-review-link { display: none; } .pdp-main__details .p-w-r .pr-review-snippet-container .pr-snippet-slider-root { display: none; } .pdp-main__details .pr-copiedsnippet-slider-root { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 0 2rem; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-snippet-title { font-size: 0.875rem; font-weight: 400; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; color: #070707; padding-top: 0.5rem; position: relative; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-min-text { left: 0; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-mid-text { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; top: 1.5rem; color: #070707; font-size: 0.75rem; font-weight: 400; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-max-text { right: 0; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-min-text, .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-max-text { position: absolute; top: 1.5rem; font-size: 0.75rem; font-weight: 400; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-slider { -webkit-box-flex: 1; -ms-flex: 1 1 120px; flex: 1 1 120px; position: relative; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-slider-node-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-slider-node-group .pr-slider-node { border: 1px solid transparent; border-radius: 50%; height: 10px; width: 10px; z-index: 1; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-slider-node-group .pr-slider-node.pr-active { background-color: #070707; border: 5px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .pdp-main__details .pr-copiedsnippet-slider-root .pr-slider-root.pr-snippet-slider .pr-slider-line { border-top: 0.0625rem solid #070707; height: 0; position: absolute; top: 50%; width: 100%; z-index: 0; } .product-tile [data-power-reviews] .pr-no-reviews { display: none; } .product-tile [data-power-reviews] .pr-category-snippet__total.pr-category-snippet__item { display: inline-block !important; margin-top: 0.25rem; } .product-tile [data-power-reviews] .pr-category-snippet__total.pr-category-snippet__item::before { content: "("; } .product-tile [data-power-reviews] .pr-category-snippet__total.pr-category-snippet__item::after { content: ")"; } .refinement-star-rating .pr-rating-stars { display: -webkit-box; display: -ms-flexbox; display: flex; } .refinement-star-rating .pr-star-v4.pr-star-v4-100-filled, .refinement-star-rating .pr-star-v4.pr-star-v4-0-filled { width: 0.75rem !important; height: 0.75rem !important; background-size: contain; } .refinement-star-rating .pr-star-v4.pr-star-v4-100-filled { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%23070707' d='M2.08542 10.5378C2.06674 10.3593 2.09216 10.1791 2.15962 10.0118L3.25254 6.88189L0.454798 4.95679C0.296185 4.86068 0.16407 4.72932 0.0696497 4.57384C0.031916 4.51133 0.00886112 4.44167 0.00209382 4.36973C-0.00467348 4.29779 0.00500981 4.2253 0.030468 4.15732C0.0538588 4.0902 0.091281 4.02835 0.140446 3.97557C0.189612 3.92278 0.249487 3.88017 0.316411 3.85033C0.488178 3.77882 0.674499 3.74521 0.861621 3.752L4.29711 3.77758L5.33667 0.6269C5.39107 0.454289 5.48379 0.295015 5.60844 0.160014C5.65884 0.108161 5.7201 0.0671096 5.7882 0.0395539C5.8563 0.0119982 5.9297 -0.00143957 6.0036 0.000122064C6.07742 -0.000942132 6.15067 0.0127219 6.21869 0.0402471C6.28672 0.0677722 6.34803 0.108557 6.39875 0.160014C6.52254 0.294338 6.61265 0.45404 6.66218 0.6269L7.70425 3.77678L11.1389 3.7512C11.3271 3.74393 11.5147 3.77755 11.6874 3.84953C11.7538 3.87964 11.8131 3.92238 11.8617 3.97516C11.9103 4.02794 11.9471 4.08964 11.9701 4.15652C11.995 4.22426 12.0045 4.29632 11.998 4.36787C11.9916 4.43943 11.9692 4.50883 11.9325 4.57145C11.8368 4.72593 11.7049 4.85701 11.5474 4.95439L8.74632 6.88189L9.84424 10.0118C9.9117 10.1791 9.93712 10.3593 9.91843 10.5378C9.90857 10.608 9.88426 10.6756 9.8469 10.7367C9.80955 10.7977 9.7599 10.8511 9.70085 10.8936C9.64306 10.9381 9.57568 10.9697 9.5036 10.9861C9.43151 11.0026 9.35651 11.0035 9.28402 10.9887C9.10055 10.946 8.92954 10.864 8.78383 10.7489L6.0036 8.7942L3.2267 10.7497C3.08131 10.8653 2.91018 10.9473 2.7265 10.9895C2.65295 11.0043 2.57692 11.0034 2.50375 10.987C2.43059 10.9706 2.36207 10.939 2.30301 10.8944C2.24416 10.8517 2.19465 10.7983 2.15732 10.7373C2.11998 10.6762 2.09555 10.6087 2.08542 10.5386'/%3E%3C/svg%3E") no-repeat center center; } .refinement-star-rating .pr-star-v4.pr-star-v4-0-filled { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%23D9D9D9' d='M2.08542 10.5378C2.06674 10.3593 2.09216 10.1791 2.15962 10.0118L3.25254 6.88189L0.454798 4.95679C0.296185 4.86068 0.16407 4.72932 0.0696497 4.57384C0.031916 4.51133 0.00886112 4.44167 0.00209382 4.36973C-0.00467348 4.29779 0.00500981 4.2253 0.030468 4.15732C0.0538588 4.0902 0.091281 4.02835 0.140446 3.97557C0.189612 3.92278 0.249487 3.88017 0.316411 3.85033C0.488178 3.77882 0.674499 3.74521 0.861621 3.752L4.29711 3.77758L5.33667 0.6269C5.39107 0.454289 5.48379 0.295015 5.60844 0.160014C5.65884 0.108161 5.7201 0.0671096 5.7882 0.0395539C5.8563 0.0119982 5.9297 -0.00143957 6.0036 0.000122064C6.07742 -0.000942132 6.15067 0.0127219 6.21869 0.0402471C6.28672 0.0677722 6.34803 0.108557 6.39875 0.160014C6.52254 0.294338 6.61265 0.45404 6.66218 0.6269L7.70425 3.77678L11.1389 3.7512C11.3271 3.74393 11.5147 3.77755 11.6874 3.84953C11.7538 3.87964 11.8131 3.92238 11.8617 3.97516C11.9103 4.02794 11.9471 4.08964 11.9701 4.15652C11.995 4.22426 12.0045 4.29632 11.998 4.36787C11.9916 4.43943 11.9692 4.50883 11.9325 4.57145C11.8368 4.72593 11.7049 4.85701 11.5474 4.95439L8.74632 6.88189L9.84424 10.0118C9.9117 10.1791 9.93712 10.3593 9.91843 10.5378C9.90857 10.608 9.88426 10.6756 9.8469 10.7367C9.80955 10.7977 9.7599 10.8511 9.70085 10.8936C9.64306 10.9381 9.57568 10.9697 9.5036 10.9861C9.43151 11.0026 9.35651 11.0035 9.28402 10.9887C9.10055 10.946 8.92954 10.864 8.78383 10.7489L6.0036 8.7942L3.2267 10.7497C3.08131 10.8653 2.91018 10.9473 2.7265 10.9895C2.65295 11.0043 2.57692 11.0034 2.50375 10.987C2.43059 10.9706 2.36207 10.939 2.30301 10.8944C2.24416 10.8517 2.19465 10.7983 2.15732 10.7373C2.11998 10.6762 2.09555 10.6087 2.08542 10.5386'/%3E%3C/svg%3E") no-repeat center center; } [data-pr-component=QuestionDisplay] { display: none; } /** * FIT GUIDE --------------------------- * NOTE: Styling received by client */ .fitGuide-node-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 8px 0; } .fitGuide-node { background-color: #d8d8d8; border: 1px solid transparent; border-radius: 50%; height: 16px; width: 16px; z-index: 1; } .fitGuide-node.node-active { background-color: #358458; border: 5px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .fitGuide-node-line { border-top: 1px solid #d8d8d8; height: 0; position: absolute; top: 55%; width: 90%; z-index: 0; } .fitGuide-container { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; position: relative; margin: 8px 0px; background-color: #f8f8f8; padding: 16px; border-radius: 4px; } .fitGuide-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; color: #666; } .fitGuide-title { font-size: 16px; margin-bottom: 16px; } .fitGuide-container.nodeMobile { background-color: #ffffff; border: 1px solid #dedede; width: 90%; margin: 0px 0px 16px 0px; } .nodeMobile .fitGuide-node-line { width: 90%; } .quickview__main { padding-top: 1.25rem; padding-bottom: 1.25rem; } .quickview__attribute-list, .quickview__availability { margin-top: 1.5rem; } .quickview__availability { margin-bottom: 1.5rem; } .quickview__promotions { margin-bottom: 0.75rem; } .quickview__bundle-items { padding: 1.875rem; } .quickview__section--actions { margin-bottom: 1.25rem; } .quickview__product-anchor { padding: 0.5rem 0; } @media (min-width: 36rem) { .quickview__footer { position: relative; margin-top: auto; } } @media (max-width: 35.9375rem) { .quickview__footer { margin-top: 2rem; } } .delivery-timer-wrapper { margin-top: 2rem; } .delivery-timer-wrapper .timerContainer { margin-bottom: 1.5rem; } .delivery-timer-wrapper p { color: #070707; font-weight: 500; margin-bottom: 1rem; } .delivery-timer-wrapper .borderoverlay { border: 1px solid #008558; padding: 0.75rem 0; margin-right: 0.625rem; margin-left: 0.625rem; border-radius: 0.25rem; width: 3rem; height: 3rem; text-align: center; } .delivery-timer-wrapper .borderoverlay:first-child { margin-left: 0; } .delivery-timer-wrapper .delivery-time-instruction ul { padding-left: 0.5rem; } .delivery-timer-wrapper .delivery-time-instruction li { padding-bottom: 0.2rem; font-size: 0.875rem; list-style: none; } .delivery-timer-wrapper .delivery-time-instruction li .tick-icon { position: relative; top: 0.2rem; right: 0.4rem; } .modal--quickview .window-modal__content { margin-right: 0; color: #070707; } @media (max-width: 35.9375rem) { .modal--quickview .window-modal__content { padding-bottom: 7.75rem; } } @media (min-width: 36rem) { .modal--quickview .window-modal__content { width: 50%; } } @media (min-width: 64rem) { .modal--quickview .window-modal__content { width: 25.875rem; } } @media (min-width: 48rem) and (max-width: 74.9375rem) { .modal--quickview .window-modal__content { height: 74.9375rem; } } @media (min-width: 75rem) { .modal--quickview .window-modal__content { height: 100%; position: fixed; right: 0; overflow: scroll; } } .modal--quickview .window-modal__content .price__sales { line-height: 1.5rem; } .modal--quickview .window-modal__content .product-gallery--quickview { padding-bottom: 1.25rem; margin: 1.25rem 0 0; } .modal--quickview .window-modal__content .quickview__main { padding-top: 0; } .modal--quickview .window-modal__content .slick-scrollbar { margin: 0; } @media (max-width: 35.9375rem) { .modal--quickview.modal-active .window-modal__content { top: 4rem; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } } .quickview_title { font-weight: 500; font-size: 1.25rem; line-height: 1.5rem; border-bottom: 0.0625rem solid #D9D9D9; padding: 1rem; } .quickview__brand { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; } .quickview__name { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; } .quickview__product-anchor { line-height: 1rem; } .quickview__attribute-cart { position: relative; } .quickview__attribute-cart .product-attribute.main-attributes { margin-bottom: 0; } .quickview__attribute-cart .product-attribute .product-attribute__label--color .product-attribute__selected-value { font-weight: 500; line-height: 1.25rem; } .quickview__attribute-cart .product-attribute .product-attribute__label--size { line-height: 1.25rem; font-weight: 500; } .quickview__attribute-cart .product-attribute .size-chart__anchor { font-weight: 300; line-height: 1rem; } @media (min-width: 48rem) { .savedItemsQuickview { min-height: 100vh; } } .quickview__footer { position: fixed; bottom: 0; width: 93%; background: #FFFFFF; z-index: 1; } @media (min-width: 36rem) { .quickview__footer { width: 100%; position: -webkit-sticky; position: sticky; margin-top: 0.625rem; } } .quickview__footer .product-add__container { margin-top: 1.75rem; width: 80%; } .quickview__footer .product-add__container.full-width { width: 100%; } .quickview__footer .quickview-main__delivery-message { line-height: 1.125rem; } .quickview__footer.outofstock .product-add__button.add-to-cart { background-color: #666666; font-weight: 500; color: #FFFFFF; pointer-events: none; } .quickview__footer .product-common__secondary-actions { height: 3rem; background: #EAEAEA; margin-top: 1.75rem; margin-left: 1rem; } .quickview__footer .product-common__secondary-actions .product__wishlist { height: 100%; padding: 0 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .quickview__footer .product-common__secondary-actions .product__wishlist .product__wishlist-remove, .quickview__footer .product-common__secondary-actions .product__wishlist .save-for-later { display: none; padding-right: 0.25rem; } .quickview__footer .product-common__secondary-actions .product__wishlist .product__wishlist-add { vertical-align: middle; width: 1.3rem; height: 1.3rem; } @media (min-width: 62rem) { .quickview__footer .product-common__secondary-actions .product__wishlist .product__wishlist-add { vertical-align: bottom; } } .quickview__footer .product-common__secondary-actions .product__wishlist.set--in-wishlist .product__wishlist-remove { display: inline-block; width: 1.3rem; height: 1.3rem; } .quickview__footer .product-common__secondary-actions .product__wishlist.set--in-wishlist .product__wishlist-add { display: none; } .quickview__footer.saveforlater { border: none; padding: 0; } .quickview__footer.saveforlater .product-add__container.cart-and-ipay { display: none; } .quickview__footer.saveforlater .product-common__secondary-actions { width: 100%; margin-top: 0; text-align: center; margin-left: 0; } .quickview__footer.saveforlater .product-common__secondary-actions .save-for-later { display: inline; padding-right: 0.3rem; } .product-attribute__list--quickadd .product-attribute { position: relative; } .product-attribute__list--quickadd .product-attribute:not(:last-child) { margin-bottom: 1.25rem; } .product-attribute__list--quickadd .product-attribute--type-anchor .product-attribute__contents, .product-attribute__list--quickadd .product-attribute--type-swatch .product-attribute__contents { margin: -0.25rem; } .product-attribute__list--quickadd .product-attribute__swatch, .product-attribute__list--quickadd .product-attribute__anchor { margin: 0.25rem; } .product-attribute__list--quickadd .product-attribute__size-chart { display: none; } .product-attribute__list--quickadd .product-attribute__head, .product-attribute__list--quickadd .product-attribute__contents { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 48rem) { .content-grid { margin-top: -0.625rem; margin-bottom: -0.625rem; } .content-grid__item { margin-top: 0.625rem; margin-bottom: 0.625rem; } [class*=masonry-grid__column]:not(:last-child) { margin-bottom: 1.25rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { .content-grid { margin-top: -0.35rem; margin-bottom: -0.35rem; } .content-grid__item { margin-top: 0.35rem; margin-bottom: 0.35rem; } [class*=masonry-grid__column]:not(:last-child) { margin-bottom: 0.7rem; } } @media (min-width: 36rem) { .masonry-grid--4up { position: relative; } .masonry-grid--4up:before { display: block; content: ""; padding-bottom: 64.8120300752%; width: 100%; } .masonry-grid--3up { position: relative; } .masonry-grid--3up:before { display: block; content: ""; padding-bottom: 47.5187969925%; width: 100%; } .masonry-grid__column-grow-1 { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } .masonry-grid__column-grow-2 { -webkit-box-flex: 2; -ms-flex: 2 1 50%; flex: 2 1 50%; } .masonry-grid__column-grow-3 { -webkit-box-flex: 3; -ms-flex: 3 1 75%; flex: 3 1 75%; } .masonry-grid__column-grow-4 { -webkit-box-flex: 4; -ms-flex: 4 1 100%; flex: 4 1 100%; } } @media (max-width: 35.9375rem) { .content-grid__item, .masonry-grid__item { margin-bottom: 1.25rem; } } .promo-banner { padding-top: 0.25rem; padding-bottom: 0.25rem; } .promo-banner--size-large { font-size: 1.25rem; } .promo-banner--size-small { font-size: 0.875rem; } .promo-banner__body { display: inline; } .promo-banner__actions { display: inline-block; margin-left: 0.25rem; } .promo-banner__cta:not(:last-child) { margin-right: 1rem; } .hero, .hero__aspect-ratio { position: relative; } .hero--size-large .hero__title { font-size: 1.125rem; } @media screen and (min-width: 35.9375rem) { .hero--size-large .hero__title { font-size: calc(1.125rem + 0.75 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .hero--size-large .hero__title { font-size: 1.875rem; } } .hero--size-regular .hero__title { font-size: 1rem; } @media screen and (min-width: 35.9375rem) { .hero--size-regular .hero__title { font-size: calc(1rem + 0.375 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .hero--size-regular .hero__title { font-size: 1.375rem; } } .hero--size-small .hero__title { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .hero--size-small .hero__title { font-size: calc(0.75rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .hero--size-small .hero__title { font-size: 1rem; } } .hero--size-tiny .hero__title { font-size: 1.5rem; } @media screen and (min-width: 35.9375rem) { .hero--size-tiny .hero__title { font-size: calc(1.5rem + -0.625 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .hero--size-tiny .hero__title { font-size: 0.875rem; } } .hero__subtitle { margin-bottom: 0.25em; } .hero__actions { margin-right: -0.5rem; margin-left: -0.5rem; } .hero__cta { display: inline-block; margin-right: 0.5rem; margin-left: 0.5rem; } .hero__cta:not(:last-child) { margin-bottom: 1.25rem; } @media (min-width: 62rem) { .hero--viewport .hero__content-wrap.set--text-overlay, .hero--viewport .hero__content-wrap.set--text-overlay-large { padding-top: 9rem; padding-bottom: 9rem; } .hero--viewport .hero__content-wrap.set--text-after, .hero--viewport .hero__content-wrap.set--text-after-large { padding-top: 3.3rem; } .hero--viewport .hero__content-wrap.set--text-before, .hero--viewport .hero__content-wrap.set--text-before-large { padding-bottom: 3.3rem; } .hero__aspect-ratio:before { display: block; content: ""; } .hero__aspect-ratio--main:before { height: 43.75rem; } .hero__aspect-ratio--slim:before { height: 31.25rem; } .hero__aspect-ratio--hairline:before { height: 18.75rem; } } @media (min-width: 36rem) and (max-width: 61.9375rem) { .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ""; padding-bottom: 48.6111111111%; width: 100%; } .hero__aspect-ratio--slim { position: relative; } .hero__aspect-ratio--slim:before { display: block; content: ""; padding-bottom: 34.7222222222%; width: 100%; } .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--hairline:before { display: block; content: ""; padding-bottom: 20.8333333333%; width: 100%; } .hero--viewport .hero__content-wrap.set--text-overlay, .hero--viewport .hero__content-wrap.set--text-overlay-large { padding-top: 10vh; padding-bottom: 10vh; } .hero--viewport .hero__content-wrap.set--text-after, .hero--viewport .hero__content-wrap.set--text-after-large { padding-top: 5.4vh; } .hero--viewport .hero__content-wrap.set--text-before, .hero--viewport .hero__content-wrap.set--text-before-large { padding-bottom: 5.4vh; } } @media (min-width: 36rem) { .hero--viewport .hero__content-wrap, .hero--main .hero__content-wrap, .hero--natural .hero__content-wrap { padding-top: 3.75rem; padding-bottom: 3.75rem; } .hero--slim .hero__content-wrap { padding-top: 2.5rem; padding-bottom: 2.5rem; } .hero--hairline .hero__content-wrap { padding-top: 1.25rem; padding-bottom: 1.25rem; } .hero__aspect-ratio--viewport:before { display: block; height: calc(100vh - 4.125rem); min-height: 27.5rem; content: ""; } .set--header-blend .hero__aspect-ratio--viewport:before { height: 100vh; } .hero__description { margin-top: 0.5em; max-width: 40rem; } .text-align--center .hero__description { margin-left: auto; margin-right: auto; } .text-align--right .hero__description { margin-left: auto; } .hero__actions { margin-top: 1.75rem; } } @media (max-width: 35.9375rem) { .hero--main .hero__actions, .hero--viewport .hero__actions { margin-top: 1.25rem; } .hero--slim .hero__actions, .hero--hairline .hero__actions, .hero--natural .hero__actions { margin-top: 1rem; } .hero__aspect-ratio--viewport:before { display: block; height: calc(100vh - 11rem); min-height: 16.25rem; content: ""; } .set--header-blend .hero__aspect-ratio--viewport:before { height: calc(100vh - 6rem); } .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ""; padding-bottom: 142.9333333333%; width: 100%; } .hero__aspect-ratio--slim { position: relative; } .hero__aspect-ratio--slim:before { display: block; content: ""; padding-bottom: 60%; width: 100%; } .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--hairline:before { display: block; content: ""; padding-bottom: 50.1333333333%; width: 100%; } .hero__content-wrap { padding-top: 2rem; padding-bottom: 2rem; } .hero-carousel .hero__content-wrap.set--text-after, .hero-carousel .hero__content-wrap.set--text-after-small { padding-bottom: 4rem; } .hero__description { margin-top: 0.875em; } .hero__cta { min-width: calc(75% - 1rem); } .hero__cta .button { width: 100%; } } .hero__title { font-size: 2.25rem; font-weight: 500; line-height: 2.5rem; } .hero__description { font-size: 1rem; line-height: 1.25rem; } .hero__cta .button--primary { background: #FFFFFF; border-color: #FFFFFF; color: #000000; line-height: 1.25rem; } @media (max-width: 35.9375rem) { .hero__content-wrap .component-actions--inner { display: grid; grid-template-columns: repeat(2, 1fr); } } .experience-component .hero--size-regular .hero__title { font-size: 2.25rem; } .content-tile { position: relative; } .content-tile .content-overlay--display-hover { opacity: 0; } .content-tile:hover .content-overlay--display-hover { opacity: 1; } .content-tile--ratio-natural-inherit, .content-tile--ratio-inherit { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .content-tile--ratio-natural-inherit .content-tile__content-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .content-tile__aspect-ratio--has-media { position: relative; } .content-tile__aspect-ratio--natural { -ms-flex-negative: 0; flex-shrink: 0; } .content-tile__aspect-ratio--natural-inherit .content-tile__media, .content-tile__aspect-ratio--natural-inherit .content-tile__media > *, .content-tile__aspect-ratio--natural-inherit.content-tile__aspect-ratio--has-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .content-tile__aspect-ratio--natural-inherit.content-tile__aspect-ratio--has-media { -ms-flex-negative: 0; flex-shrink: 0; } .content-tile__aspect-ratio--inherit { min-height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .content-tile__aspect-ratio--inherit:before { display: block; content: ""; padding-bottom: 75%; width: 100%; } .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 1.75rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: calc(1.75rem + -0.625 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 1.125rem; } } .content-tile--style-default.content-tile--size-large .content-tile__description { font-size: 1.25rem; } .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 1.5rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: calc(1.5rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 1.75rem; } } .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: calc(1.25rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.5rem; } } .content-tile--style-default.content-tile--size-small .content-tile__description { font-size: 0.875rem; } .content-tile--style-default.content-tile--size-tiny .content-tile__title { font-size: 1rem; } .content-tile--style-default.content-tile--size-tiny .content-tile__description { font-size: 0.875rem; } .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 0.875rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: calc(0.875rem + 1 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 1.875rem; } } .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 0.875rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: calc(0.875rem + 0.25 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 1.125rem; } } .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: calc(0.75rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 0.875rem; } } .content-tile__aspect-ratio--square { position: relative; } .content-tile__aspect-ratio--square:before { display: block; content: ""; padding-bottom: 104.1666666667%; width: 100%; } .content-tile__aspect-ratio--wide { position: relative; } .content-tile__aspect-ratio--wide:before { display: block; content: ""; padding-bottom: 71.4285714286%; width: 100%; } .content-tile__aspect-ratio--tall { position: relative; } .content-tile__aspect-ratio--tall:before { display: block; content: ""; padding-bottom: 140%; width: 100%; } .content-tile__title, .content-tile__description { -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out; } .content-tile__actions { margin-right: -0.25rem; margin-left: -0.25rem; } .content-tile__cta { margin-right: 0.25rem; margin-left: 0.25rem; } .content-tile__cta:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 48rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2.75rem; padding-left: 2.75rem; } } @media (min-width: 36rem) and (max-width: 47.9375rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 36rem) { .content-tile--style-default .content-tile__content-wrap.set--text-overlay, .content-tile--style-default .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; } .content-tile--style-default .content-tile__description { margin-top: 0.5em; } .content-tile--style-default .content-tile__actions:not(:first-child) { margin-top: 1rem; } .content-tile--style-feature .content-tile__description { margin-top: 0.8125rem; } .content-tile--style-feature .content-tile__actions:not(:first-child) { margin-top: 2rem; } .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-large { padding-top: 1.875rem; padding-bottom: 1.875rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-large { padding-top: 1rem; padding-bottom: 1rem; } .content-tile__content-wrap.set--text-after.set--has-background, .content-tile__content-wrap.set--text-after-large.set--has-background { padding-left: 1rem; padding-right: 1rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-large { padding-top: 1rem; padding-bottom: 1rem; } .content-tile__content-wrap.set--text-before.set--has-background, .content-tile__content-wrap.set--text-before-large.set--has-background { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 35.9375rem) { .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-small { padding: 1.35rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-small { padding-top: 0.75rem; padding-bottom: 0.75rem; } .content-tile__content-wrap.set--text-after.set--has-background, .content-tile__content-wrap.set--text-after-small.set--has-background { padding-left: 0.75rem; padding-right: 0.75rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-small { padding-top: 0.75rem; padding-bottom: 0.75rem; } .content-tile__content-wrap.set--text-before.set--has-background, .content-tile__content-wrap.set--text-before-small.set--has-background { padding-left: 0.75rem; padding-right: 0.75rem; } .content-tile__description { margin-top: 0.35rem; } .content-tile__actions:not(:first-child) { margin-top: 0.825rem; } } @media (min-width: 36rem) { .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-large { padding-top: 0.75rem; padding-bottom: 1rem; } .content-tile__content-wrap.set--text-after.set--has-background, .content-tile__content-wrap.set--text-after-large.set--has-background { padding-left: 1rem; padding-right: 1rem; } } .content-tile--style-default.content-tile--size-medium .content-tile__title { font-size: 1.125rem; color: #070707; font-weight: 500; } .content-tile--style-default.content-tile--size-medium .content-tile__description { font-size: 1rem; color: #070707; } .content-overlay { position: relative; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 426ms; transition-duration: 426ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); } .content-overlay:focus-within { opacity: 1; } .content-overlay .content-cta-overlay, .content-overlay .component-actions { z-index: 2; } .content-overlay .content-cta-overlay:focus { outline-offset: -0.25rem; } .content-overlay--size-large .content-overlay__title { font-size: 1.75rem; } @media screen and (min-width: 35.9375rem) { .content-overlay--size-large .content-overlay__title { font-size: calc(1.75rem + -0.625 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-overlay--size-large .content-overlay__title { font-size: 1.125rem; } } .content-overlay--size-large .content-overlay__description { font-size: 1.25rem; } .content-overlay--size-regular .content-overlay__title { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .content-overlay--size-regular .content-overlay__title { font-size: calc(0.75rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-overlay--size-regular .content-overlay__title { font-size: 0.875rem; } } .content-overlay--size-small .content-overlay__title { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .content-overlay--size-small .content-overlay__title { font-size: calc(1.25rem + 0.5 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .content-overlay--size-small .content-overlay__title { font-size: 1.75rem; } } .content-overlay--size-small .content-overlay__description { font-size: 0.875rem; } .content-overlay--size-tiny .content-overlay__title { font-size: 1rem; } .content-overlay--size-tiny .content-overlay__description { font-size: 0.875rem; } .content-overlay--ratio-square { position: relative; } .content-overlay--ratio-square:before { display: block; content: ""; padding-bottom: 104.1666666667%; width: 100%; } .content-overlay--ratio-wide { position: relative; } .content-overlay--ratio-wide:before { display: block; content: ""; padding-bottom: 71.4285714286%; width: 100%; } .content-overlay--ratio-tall { position: relative; } .content-overlay--ratio-tall:before { display: block; content: ""; padding-bottom: 140%; width: 100%; } .content-overlay--ratio-inherit { height: 100%; } .content-overlay__actions { margin-right: -0.25rem; margin-left: -0.25rem; } .content-overlay__cta { margin-right: 0.25rem; margin-left: 0.25rem; } .content-overlay__cta:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 36rem) { .content-overlay__content-wrap { padding: 1.75rem; } .content-overlay__description { margin-top: 0.5em; } .content-overlay__actions:not(:first-child) { margin-top: 1rem; } } @media (max-width: 35.9375rem) { .content-overlay__content-wrap { padding: 1rem; } .content-overlay__description { margin-top: 0.35rem; } .content-overlay__actions:not(:first-child) { margin-top: 0.825rem; } } .descriptive-card { position: relative; border-radius: 0.5rem; } .descriptive-card--style-mini .descriptive-card__media { position: relative; } .descriptive-card--style-mini .descriptive-card__media:before { display: block; content: ""; padding-bottom: 100%; width: 100%; } .descriptive-card--style-mini .descriptive-card__content-wrap { padding: 1rem; } .descriptive-card__title { padding: 1.5rem; font-size: 1rem; } .descriptive-card--ratio-natural-inherit, .descriptive-card--ratio-inherit { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .descriptive-card--ratio-natural-inherit .descriptive-card__content-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .descriptive-card__aspect-ratio--has-media { position: relative; } .descriptive-card__aspect-ratio--natural { -ms-flex-negative: 0; flex-shrink: 0; } .descriptive-card__aspect-ratio--natural-inherit .descriptive-card__media, .descriptive-card__aspect-ratio--natural-inherit .descriptive-card__media > *, .descriptive-card__aspect-ratio--natural-inherit.descriptive-card__aspect-ratio--has-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .descriptive-card__aspect-ratio--natural-inherit.descriptive-card__aspect-ratio--has-media { -ms-flex-negative: 0; flex-shrink: 0; } .descriptive-card__aspect-ratio--inherit { min-height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .descriptive-card__aspect-ratio--inherit:before { display: block; content: ""; padding-bottom: 75%; width: 100%; } .descriptive-card__aspect-ratio--square { position: relative; } .descriptive-card__aspect-ratio--square:before { display: block; content: ""; padding-bottom: 104.1666666667%; width: 100%; } .descriptive-card__aspect-ratio--wide { position: relative; } .descriptive-card__aspect-ratio--wide:before { display: block; content: ""; padding-bottom: 71.4285714286%; width: 100%; } .descriptive-card__aspect-ratio--tall { position: relative; } .descriptive-card__aspect-ratio--tall:before { display: block; content: ""; padding-bottom: 140%; width: 100%; } .descriptive-card__actions { margin-right: -0.75rem; margin-left: -0.75rem; } .descriptive-card__cta { display: inline-block; margin-right: 0.75rem; margin-left: 0.75rem; } .descriptive-card__cta:not(:last-child) { margin-bottom: 1.5rem; } @media (min-width: 36rem) { .descriptive-card:not(:last-child) { margin-bottom: 5.25rem; } .descriptive-card--style-mini { padding-left: 0.5rem; } .descriptive-card__actions:not(:first-child) { margin-top: 1.5rem; } } .descriptive-card__cta { margin-top: 1rem; } @media (max-width: 35.9375rem) { .descriptive-card__cta { margin-top: 0; } .descriptive-card__actions:not(:first-child) { margin-top: 1.75rem; } } .media-collection-item--size-large .media-collection-item__title { font-size: 1rem; } @media screen and (min-width: 35.9375rem) { .media-collection-item--size-large .media-collection-item__title { font-size: calc(1rem + 0.875 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .media-collection-item--size-large .media-collection-item__title { font-size: 1.875rem; } } .media-collection-item--size-regular .media-collection-item__title { font-size: 0.875rem; } @media screen and (min-width: 35.9375rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: calc(0.875rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: 1rem; } } .media-collection-item--size-small .media-collection-item__title { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .media-collection-item--size-small .media-collection-item__title { font-size: calc(0.75rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .media-collection-item--size-small .media-collection-item__title { font-size: 0.875rem; } } .media-collection-item__description { margin-top: 0.875em; } .media-collection-item__actions { margin-right: -0.25rem; margin-left: -0.25rem; } .media-collection-item__cta { margin-right: 0.25rem; margin-left: 0.25rem; } .media-collection-item__cta:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 36rem) { .media-collection__col:nth-child(n+3) { margin-top: 2rem; } .media-collection-item__content-wrap { padding: 3.5rem 1.5rem; } .media-collection-item__actions { margin-top: 2.125rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 3.125rem; } } @media (max-width: 35.9375rem) { .media-collection__col:not(:last-child) { margin-bottom: 2rem; } .media-collection-item__content-wrap { padding: 1.5rem 1rem; } .media-collection-item__actions { margin-top: 1rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 2.25rem; } } .product-grid__item { margin-bottom: 2.25rem; } .product-grid:not(.set--show-all-products) .product-grid__item--hideable { display: none; } .product-grid__cta-more.set--show-all-products .product-grid__cta-label--show { display: none; } .product-grid__cta-more:not(.set--show-all-products) .product-grid__cta-label--hide { display: none; } .category-tab-container .slick-list { padding-left: 0.5rem; padding-right: 0.5rem; } .category-tab__list { margin: 1.25rem auto; } .category-tab__list-item:not(:last-child) { border-right: 0.0625rem solid currentColor; } .category-tab__list-anchor { letter-spacing: 0.0625em; padding-left: 1.25rem; padding-right: 1.25rem; } .set--tab-selected .category-tab__list-anchor { color: #ff491c; text-decoration: underline; -webkit-text-stroke-width: 0.1rem; } .category-tab__content-container:not(.slick-initialized) .category-tab__content:not(:first-child) { display: none; } @media (max-width: 35.9375rem) { .module-container--has-outer-gutter .category-tab__content-container { margin-right: -1rem; } } .category-navigation__item--subcategory:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 36rem) { .category-navigation { margin-top: 1rem; } } @media (max-width: 35.9375rem) { .category-navigation__title { margin-bottom: 1rem; text-align: center; } .category-navigation__panel { z-index: 11; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; left: 0.5rem; top: 0.5rem; width: calc(100% - 1rem); height: calc(100% - 1rem); border-radius: 0.25rem; background-color: #FFF; -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25); } .category-navigation__panel.toggle--active { -webkit-transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s; transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .category-navigation__panel:not(.toggle--active) { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; transition: transform 213ms ease-in, visibility 0s ease-in 213ms; transition: transform 213ms ease-in, visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in; } .category-navigation__header { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; -ms-flex-negative: 0; flex-shrink: 0; border-bottom: solid 0.0625rem #EAEAEA; } .category-navigation__close { padding: 0.75rem; } .category-navigation__list { overflow-y: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .html-block--size-large { font-size: 1.25rem; } .html-block--size-regular .html-block__title { font-size: 1.25rem; } .html-block--size-small { font-size: 0.875rem; } .html-block--size-tiny { font-size: 0.75rem; } .html-block__media + .html-block__copy.set--text-after { margin-top: 2rem; } .html-block__media + .html-block__copy.set--text-before { margin-bottom: 2rem; } .html-block__title:not(:last-child) { margin-bottom: 0.5em; } .html-block__actions { margin-right: -0.5rem; margin-left: -0.5rem; } .html-block__actions:not(:only-child) { margin-top: 1.25em; } .html-block__cta { margin-right: 0.5rem; margin-left: 0.5rem; } .html-block__cta:not(:last-child) { margin-bottom: 1rem; } @media (min-width: 36rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 2rem; } .html-block__copy:not(:only-child).set--text-after-large { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-large { margin-bottom: 2rem; } } @media (max-width: 35.9375rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 3rem; } .html-block__copy:not(:only-child).set--text-after-small { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-small { margin-bottom: 2rem; } } .html-block__actions__container .component-actions { white-space: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; text-align: center; } .html-block__actions__container .component-actions__cta { font-size: 0.875rem; color: #070707; background-color: #F2F2F2; border-radius: 1.5rem; border: 0.0625rem solid #F2F2F2; padding: 0.5rem 1rem; } .html-block__actions__container .component-actions__cta:hover:not([disabled]):not(.disabled), .html-block__actions__container .component-actions__cta:focus { border-color: #070707; background-color: #070707; color: #F8F8F8; outline: none; } .icon-tile { position: relative; padding: 1.25rem; } .icon-tile__media { display: inline-block; max-width: 10rem; height: 3rem; } .icon-tile__actions { margin-right: -0.25rem; margin-left: -0.25rem; } .icon-tile__cta { margin-right: 0.25rem; margin-left: 0.25rem; } .icon-tile__cta:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 36rem) { .icon-tile__description { margin-top: 0.5em; } .icon-tile__actions:not(:first-child) { margin-top: 1rem; } } @media (max-width: 35.9375rem) { .icon-tile__description { margin-top: 0.35rem; } .icon-tile__actions:not(:first-child) { margin-top: 0.825rem; } } .icon-tile { border-radius: 0.5rem; } .icon-tile .rounded-title { font-size: 0.8rem; font-weight: 700; } .icon-tile.icon-tile--rounded { padding: 0; } @media (min-width: 75rem) { .icon-tile.icon-tile--rounded .icon-tile__media { height: 6.25rem; width: 6.25rem; } } @media (max-width: 35.9375rem) { .icon-tile.icon-tile--rounded .icon-tile__media { width: 5rem; height: 5rem; } } .icon-tile.icon-tile--rounded .icon-tile__media img { border-radius: 50%; } /*------------------------------------*\ #CONTENT/COPY STYLES \*------------------------------------*/ .shoppable-module--size-large .shoppable-module__title { font-size: 1.75rem; } @media screen and (min-width: 35.9375rem) { .shoppable-module--size-large .shoppable-module__title { font-size: calc(1.75rem + -0.625 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .shoppable-module--size-large .shoppable-module__title { font-size: 1.125rem; } } .shoppable-module--size-large .shoppable-module__description { font-size: 1.25rem; } .shoppable-module--size-regular .shoppable-module__title { font-size: 0.75rem; } @media screen and (min-width: 35.9375rem) { .shoppable-module--size-regular .shoppable-module__title { font-size: calc(0.75rem + 0.125 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .shoppable-module--size-regular .shoppable-module__title { font-size: 0.875rem; } } .shoppable-module--size-small .shoppable-module__title { font-size: 1.25rem; } @media screen and (min-width: 35.9375rem) { .shoppable-module--size-small .shoppable-module__title { font-size: calc(1.25rem + 0.5 * (100vw - 35.9375rem) / 26); } } @media screen and (min-width: 61.9375rem) { .shoppable-module--size-small .shoppable-module__title { font-size: 1.75rem; } } .shoppable-module--size-small .shoppable-module__description { font-size: 0.875rem; } .shoppable-module--size-tiny .shoppable-module__title { font-size: 1rem; } .shoppable-module--size-tiny .shoppable-module__description { font-size: 0.875rem; } .shoppable-module__actions { margin-right: -0.25rem; margin-left: -0.25rem; } .shoppable-module__cta { margin-right: 0.25rem; margin-left: 0.25rem; } .shoppable-module__cta:not(:last-child) { margin-bottom: 0.75rem; } /*------------------------------------*\ #PIN/SPATIAL-TAGS STYLES \*------------------------------------*/ .shoppable-module__media { position: relative; } .shoppable-module__overlay { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); -webkit-transition-duration: 600ms; transition-duration: 600ms; } .shoppable-module__pin { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shoppable-module__pin-trigger { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.65); border-radius: 50%; border: solid 0.0625rem #FFFFFF; -webkit-box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.5), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125); box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.5), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125); -webkit-transform-origin: center; transform-origin: center; -webkit-transition-property: background-color, color, -webkit-transform; transition-property: background-color, color, -webkit-transform; transition-property: background-color, color, transform; transition-property: background-color, color, transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1); -webkit-transition-duration: 426ms; transition-duration: 426ms; } .shoppable-module__pin-trigger:hover { background-color: #FFFFFF; } .shoppable-module__pin-trigger.set--pin-active { color: #FFFFFF; background-color: #000000; border-width: 0.125rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .shoppable-module__pin-icon { stroke: currentColor; } .shoppable-module__pin-content { z-index: 2; position: absolute; max-width: 85%; border-radius: 0.25rem; background-color: #FFF; -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125); box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125); opacity: 0; visibility: hidden; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25); } .shoppable-module__pin-content.set--pin-active { opacity: 1; visibility: inherit; } .shoppable-module__pin-content.set--tooltip-top { -webkit-transform: translateX(-50%) translateY(calc(-100% - 1rem)) scale(0.8); transform: translateX(-50%) translateY(calc(-100% - 1rem)) scale(0.8); } .shoppable-module__pin-content.set--tooltip-top.set--pin-active { -webkit-transform: translateX(-50%) translateY(calc(-100% - 1.5rem)) scale(1); transform: translateX(-50%) translateY(calc(-100% - 1.5rem)) scale(1); } .shoppable-module__pin-content.set--tooltip-bottom { -webkit-transform: translateX(-50%) translateY(1rem) scale(0.8); transform: translateX(-50%) translateY(1rem) scale(0.8); } .shoppable-module__pin-content.set--tooltip-bottom.set--pin-active { -webkit-transform: translateX(-50%) translateY(1.5rem) scale(1); transform: translateX(-50%) translateY(1.5rem) scale(1); } .shoppable-module__pin-content--link { max-width: 15rem; text-align: center; white-space: nowrap; } .shoppable-module__pin-content--product { padding: 0.5rem; } .shoppable-module__pin-content-anchor { padding: 0.75em 1.25em; } @media (min-width: 36rem) { .shoppable-module__pin { width: 1.75rem; height: 1.75rem; } .shoppable-module__pin-content--product { width: 18rem; } .shoppable-module__content.set--text-after, .shoppable-module__content.set--text-after-large { padding-top: 1rem; padding-bottom: 1rem; } .shoppable-module__content.set--text-after.set--has-background, .shoppable-module__content.set--text-after-large.set--has-background { padding-left: 1rem; padding-right: 1rem; } .shoppable-module__content.set--text-before, .shoppable-module__content.set--text-before-large { padding-top: 1rem; padding-bottom: 1rem; } .shoppable-module__content.set--text-before.set--has-background, .shoppable-module__content.set--text-before-large.set--has-background { padding-left: 1rem; padding-right: 1rem; } .shoppable-module__description { margin-top: 0.5em; } .shoppable-module__actions:not(:first-child) { margin-top: 1rem; } } @media (max-width: 35.9375rem) { .shoppable-module__pin { width: 1.5rem; height: 1.5rem; } .shoppable-module__pin-content--product { width: 14rem; } .shoppable-module__content.set--text-after, .shoppable-module__content.set--text-after-small { padding-top: 0.75rem; padding-bottom: 0.75rem; } .shoppable-module__content.set--text-after.set--has-background, .shoppable-module__content.set--text-after-small.set--has-background { padding-left: 0.75rem; padding-right: 0.75rem; } .shoppable-module__content.set--text-before, .shoppable-module__content.set--text-before-small { padding-top: 0.75rem; padding-bottom: 0.75rem; } .shoppable-module__content.set--text-before.set--has-background, .shoppable-module__content.set--text-before-small.set--has-background { padding-left: 0.75rem; padding-right: 0.75rem; } .shoppable-module__description { margin-top: 0.35rem; } .shoppable-module__actions:not(:first-child) { margin-top: 0.825rem; } } .einsten-recommender { position: relative; } .einsten-recommender__carousel { min-height: 6.25rem; } .subscription-banner { border-top: solid 0.0625rem #D9D9D9; border-bottom: solid 0.0625rem #D9D9D9; } @media (min-width: 36rem) { .subscription-banner { padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media (max-width: 47.9375rem) { .subscription-banner__description { margin-bottom: 0.85em; } } @media (max-width: 35.9375rem) { .subscription-banner { padding-top: 1rem; padding-bottom: 1.5rem; } } .subscription-banner__action { padding: 0.6rem; } .subscription-banner { background-color: #F8F8F8; border: none; padding-top: 2rem; padding-bottom: 2rem; } .subscription-banner .email-form { margin-bottom: 0.75rem; } .subscription-banner .form-control-label { color: #666666; } .subscription-banner__description { margin-bottom: 0.75rem; } .subscription-banner__subdescription { margin-bottom: 0.75rem; color: #666666; } .emailsubscription--anchor { font-size: 0.875rem; color: #666666; text-decoration: underline; } @media (max-width: 47.9375rem) { .subscription-banner__field.form-control { border-right: 0.0625rem solid #D9D9D9; margin-bottom: 1rem; } } .minicart-modal__title { margin-bottom: 1em; } .minicart-modal__order-buttons { margin-top: 1em; } .minicart-modal__order-content { padding: 1em 1.5em 1.5em; } .minicart-modal__product-attribute:not(:first-child) { margin-top: 0.25em; } .minicart-modal__order-attribute { font-size: 1.25em; } @media (max-width: 35.9375rem) { .minicart-modal__order { margin-top: 1.5em; } } .minicart .minicart__title { font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; } .minicart .minicart__count { font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; color: #666666; } .minicart .utility-overlay__header { border: 0.063rem solid #D9D9D9; } .minicart .minicart__add-to-bag-msg { line-height: 1.5rem; font-weight: 500; font-size: 1.25rem; } .minicart .minicart_product_image, .minicart .product-line-item__quantity { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .minicart .minicart_line_item { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; padding-right: 0; } .minicart .product_brand, .minicart .product-line-item__availability { display: none; } .minicart .product-line-item__name { font-size: 1rem; font-weight: 500; line-height: 1.25rem; } .minicart .product-line-item__attribute { display: inline-block; margin-right: 1rem; } .minicart .product-line-item__attribute-value { font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: #666666; } .minicart .delivery_date { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; color: #666666; } .minicart .product-line-item__actions { margin-top: 0; } .minicart .product-line-item__remove button, .minicart .product-line-item__wishlist button { font-size: 0.875rem; font-weight: 300; line-height: 1rem; } .minicart .utility-overlay__footer { background: #FFFFFF; } .minicart .cart__summary-section .total-list p { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; color: #070707; } .minicart [data-totals-component=totalShippingCost], .minicart [data-totals-component=totalTax] { display: none; } .minicart .estimated_total strong { font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; } .minicart .estimated_value { font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; } .minicart .product-line-item--minicart { padding: 1rem; } .minicart .utility-overlay__footer-actions { margin-top: 0; border-top: 0.063rem solid #D9D9D9; padding: 0.625rem 1rem 1rem; } .minicart .utility-overlay__footer-totals { padding: 0; } .minicart .cart__summary-section { padding: 1rem; } .minicart .minicart_viewbag { font-size: 1rem; font-weight: 500; line-height: 1.25rem; color: #333; } .minicart .product-recommender { padding: 1rem; } .minicart .empty-cart-content-message { text-align: center; padding: 2rem 1rem; color: #070707; } .minicart .cart-empty__image img { margin: 0 auto; } .minicart .cart-empty__heading { font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; margin-top: 1rem; } .minicart .cart-empty__content { padding: 0 2.5rem; font-size: 1rem; font-weight: 400; line-height: 1.25rem; margin-top: 1.25rem; } .minicart .cart-empty__button { margin-top: 1.25rem; width: 100%; max-width: 15.625rem; } .modal--pdp-add.modal--active { opacity: 1; visibility: inherit; pointer-events: auto; } .modal--pdp-add.modal--active .window-modal__content { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: inherit; right: 0.625rem; height: calc(100% - 1.25rem); } @media (max-width: 35.9375rem) { .modal--pdp-add.modal--active .window-modal__content { height: 100%; width: 100%; left: 0; top: 10.313rem; border-radius: 0.625rem 0.625rem 0 0px; } } .modal--pdp-add .window-modal__close { display: none; } .modal--pdp-add .window-modal__content { width: 26rem; right: -40%; margin-right: 0; top: 0; padding: 0; } .modal--pdp-add .product-recommender { padding: 1rem 1.25rem; } .qs-datepicker-container { font-family: inherit; border: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; padding-top: 1rem; background: transparent; position: relative; } .qs-datepicker-container .qs-controls { background: transparent; } .qs-datepicker-container .qs-squares { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .qs-datepicker-container .qs-square { width: 11.1111111111%; height: 2.5rem; margin-bottom: 0.625rem; } @media (min-width: 48rem) { .qs-datepicker-container .qs-square { margin-right: 0.5rem; } } .qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active) { background: #F2F2F2; border-radius: 0.25rem; } .qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover { background: #008558; color: #FFFFFF; } .qs-datepicker-container .qs-square:not(.qs-day) { margin-right: 0.5rem; } .qs-datepicker-container .qs-active { background: #008558; color: #FFFFFF; } .qs-datepicker-container .qs-month-year, .qs-datepicker-container .qs-day { font-weight: 500; font-size: 1.25rem; line-height: 1.25rem; color: #070707; margin-right: 0.5rem; } .qs-datepicker-container .qs-month-year { font-size: 1.5rem; } .qs-datepicker-container .qs-disabled { background: #F2F2F2; color: #B2B2B2; opacity: 1; } /** * Module: Toggle Box * Provides styles for toggable box, with title, +/- symbols, and content. */ .toggle-box { border: solid 0.0625rem #F2F2F2; } .toggle-box.error { border-color: #D32C2C; background-color: rgba(211, 44, 44, 0.05); } .toggle-box--single + .toggle-box--single { border-top: none; } .toggle-box--no-padding .toggle-box__label, .toggle-box--no-padding .toggle-box__content { padding-left: 0; padding-right: 0; } .toggle-box--no-padding .toggle-box__label:after { right: 0; } .toggle-box__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 2.75rem; padding-right: 1em; padding-left: 1em; cursor: pointer; -webkit-transition: background-color 213ms ease-in-out; transition: background-color 213ms ease-in-out; } .toggle-box__label:after { content: "+"; position: absolute; top: 0; right: 0.75em; bottom: 0; margin: auto; width: auto; height: 1.25rem; font-size: 1.25rem; line-height: 1; } .toggle-box__label.toggle--active { font-weight: 600; } .toggle-box__label.toggle--active:after { content: "–"; } .toggle-box__content { overflow: hidden; max-height: 0; padding-right: 1em; padding-left: 1em; visibility: hidden; -webkit-transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out; transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out; } .toggle-box__content > * { opacity: 0; -webkit-transition: opacity 213ms ease-out; transition: opacity 213ms ease-out; } .toggle-box__content.toggle--active { overflow: initial; max-height: none; padding-top: 0.25em; padding-bottom: 1em; visibility: visible; } .toggle-box__content.toggle--active > * { opacity: 1; -webkit-transition-delay: 54ms; transition-delay: 54ms; } @media (max-width: 35.9375rem) { .toggle-box__label { padding-right: 2rem; padding-bottom: 1rem; padding-left: 1rem; padding-top: 1rem; } .toggle-box__content { padding: 0 1rem; } } .toggle-box, .toggle-box-content-label { padding: 1.25rem 3rem 1.25rem 1.25rem; border-bottom: 1px solid #dbdada; background-color: #FFFFFF; } @media (max-width: 35.9375rem) { .toggle-box, .toggle-box-content-label { padding: 0; } } .toggle-box__content { padding: 0; } .toggle-box__label { padding-left: 0; } .toggle-box__label:after { top: calc(50% - 5px); content: ""; right: 4px; cursor: pointer; -webkit-tap-highlight: rgba(0, 0, 0, 0); display: block; position: absolute; width: 10px; height: 10px; margin-bottom: 16px; margin-right: 12px; border-top: 2px solid #575757; border-right: 2px solid #575757; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: 0.3s linear all; transition: 0.3s linear all; -webkit-transform-origin: center; transform-origin: center; vertical-align: top; } .toggle-box__label.toggle--active { font-weight: 400; } .toggle-box__label.toggle--active:after { content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cms-page__contents:not(:first-child) { margin-top: 1.5rem; } @media (min-width: 36rem) { .cms-page--group, .cms-page--single { margin-top: 3.5rem; margin-bottom: 3.5rem; } } @media (max-width: 35.9375rem) { .cms-page--group, .cms-page--single { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .cmsPageModal .window-modal__content { min-height: 100%; margin-left: auto; margin-right: 0; -webkit-transform: translate(100%, 0) scale(1); transform: translate(100%, 0) scale(1); } @media (min-width: 48rem) { .cmsPageModal.modal-active { padding: 0; } } .cmsPageModal.modal-active .window-modal__content { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cms-generic-copy h2, .cms-generic-copy h5 { text-transform: none; } .cms-page--single p, .cms-page--group p { margin-bottom: 0.5rem; color: #333; } .cms-page--single h5, .cms-page--group h5 { margin: 1rem 0; color: #333; } .cms-page--single .cms_tab__container, .cms-page--group .cms_tab__container { border-top: 1px solid #d9d9d9; padding-left: 20px; padding-right: 20px; } .cms-page--single .cms_tab__container .categoryTextContainer, .cms-page--group .cms_tab__container .categoryTextContainer { display: none; } .cms-page--single .cms_tab__container.toggle--active, .cms-page--group .cms_tab__container.toggle--active { background: #fafafa; } .cms-page--single .cms_tab__container.toggle--active h2, .cms-page--group .cms_tab__container.toggle--active h2 { font-weight: bold; } .cms-page--single .cms_tab__container.toggle--active .categoryTextContainer, .cms-page--group .cms_tab__container.toggle--active .categoryTextContainer { display: block; } .cms-page--single .cms_tab__container .categorySectionHeader, .cms-page--single .cms_tab__container .categorySectionText, .cms-page--single .cms_tab__container .moreLessData, .cms-page--single .cms_tab__container .moreTextContainer, .cms-page--group .cms_tab__container .categorySectionHeader, .cms-page--group .cms_tab__container .categorySectionText, .cms-page--group .cms_tab__container .moreLessData, .cms-page--group .cms_tab__container .moreTextContainer { margin-bottom: 0.5rem; font-size: 13px; color: #333; } .cms-page--single .cms_tab__container .categorySectionHeader, .cms-page--group .cms_tab__container .categorySectionHeader { font-size: 1rem; } .cms-page--single .cms_tab__container .moreLessData, .cms-page--group .cms_tab__container .moreLessData { color: #22B588; font-family: otto_sansbold, arial, sans-serif; text-decoration: underline; cursor: pointer; } .cms-page--single .cms_tab__container .moreTextContainer, .cms-page--group .cms_tab__container .moreTextContainer { display: none; } .cms-page--single .cms_tab__container .moreTextContainer.show, .cms-page--group .cms_tab__container .moreTextContainer.show { display: block; } .cms-page--single .cms__details-heading, .cms-page--group .cms__details-heading { font-size: 1rem; line-height: 60px; font-weight: normal; margin: 0; } .cms-page--single .cms__details-heading .cms__details-arrow::after, .cms-page--group .cms__details-heading .cms__details-arrow::after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-width='2' stroke='%23252525' fill='%23252525' d='M24 6.3c0 .2-.1.3-.2.4L12.4 18.1c-.2.2-.6.2-.9 0L.2 6.8c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0L12 16.8 22.9 5.9c.2-.2.6-.2.9 0 .1.1.2.3.2.4z'/%3E%3C/svg%3E"); display: block; width: 1.5rem; height: 1.5rem; margin-top: 18px; } .cms-page--single table, .cms-page--group table { border-collapse: collapse; border: 1px #26b388 solid; table-layout: auto; } .cms-page--single table th:first-child, .cms-page--single table td:first-child, .cms-page--group table th:first-child, .cms-page--group table td:first-child { border-left: 1px; padding-left: 9px; } .cms-page--single table thead, .cms-page--group table thead { background-color: #26b388; color: #FFF; } .cms-page--single table tbody td, .cms-page--group table tbody td { padding: 9px; border: 0; white-space: normal; } .cms-page--single table tr:nth-child(even), .cms-page--group table tr:nth-child(even) { background: #ebebeb; } .fd-header h1 { font-size: 1.5rem; line-height: 1.2; margin-top: 2rem; margin-bottom: 1rem; margin-left: 0.5rem; font-weight: 500; text-transform: capitalize; } .fd-header h2 { font-size: 1.25rem; line-height: 1.25rem; font-weight: 700; text-transform: capitalize; color: #333; } .fd-header h3 { font-weight: 500; } .fd-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding-left: 1.25rem; padding-right: 1.25rem; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 1.5rem; } .fd-breadcrumb .fd-home-cta { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 1rem; border-radius: 0.25rem; height: 3.25rem; border: none; background-color: #FFFFFF; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: initial; text-decoration: none; } .fd-breadcrumb .fd-home-cta:hover { opacity: unset; } .fd-contact-cta { background-color: #007EA8; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; padding: 0; font-weight: 700; font-size: 1rem; height: 3.25rem; border: none; padding-left: 0.5rem; margin-right: 0; margin-left: 0; border-bottom: none; border-radius: 0.25rem 0.25rem 0 0; } .contact-us-text { padding-left: 0.438rem; color: #FFFFFF; } .contact-dropdown { width: initial; background: #FFFFFF; display: block; border: none; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding: 0 0.5rem; } .contact-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } .contact-row:first-child { padding-top: 1.75rem; } .contact-icon { width: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.5rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; top: 0.375rem; } .call-img { width: 1.313rem; height: 1.313rem; } .email-img { width: 1.313rem; height: 0.875rem; } .chat-img { width: 1.313rem; height: 1.25rem; } .write-img { width: 1.313rem; height: 1.313rem; } .fd-wrapper[data-state=fd-home] .fd-home-cta { display: none; } .fd-wrapper[data-state=fd-home] .contact-dropdown:after, .fd-wrapper[data-state=fd-home] .contact-dropdown:before { left: 50%; } .fd-home-icon { margin-right: 0.375rem; } .fd-home-icon img { width: 1.188rem; height: 1.063rem; } .contact-tile { font-size: 1rem; color: #007EA8; font-weight: 700; } .contact-tile.write-to-us { color: #333; } .contact-tile a { color: #007EA8; font-weight: 700; } .contact-tile a:hover { opacity: unset; } .contact-tile a[href^="tel:"] { text-decoration: none; } a.contact-tile { font-weight: 700; } a.contact-tile:hover { opacity: unset; } .contact-subcopy { color: #575757; font-size: 0.875rem; } .fd-container { font-size: 1rem; line-height: 1.4; padding: 1.25rem 0; background: #F8F8F8; color: #333; } .fd-container a { color: #007EA8; font-weight: 500; text-decoration: underline; } .fd-container a :hover { color: #007EA8; } .fd-container a[href^="tel:"] { text-decoration: none; } .fd-container ul { list-style-position: outside; } .fd-copy { margin: 2rem 0; font-size: 1rem; line-height: 1.4; } .fd-copy a { color: #007EA8; font-weight: 500; text-decoration: underline; } .fd-copy a[href^="tel:"] { text-decoration: none; } .fd-visit--button { font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .table-layout-fd { -webkit-box-shadow: 0 1px 3px #D9D9D9; box-shadow: 0 1px 3px #D9D9D9; background-color: #FFFFFF; overflow: hidden; } .table-col:first-child { border-right: 1px solid #dbdada; } .table-layout-fd { border-bottom: 1px solid #dbdada; } .fd-advice-organisation-info { font-size: 0.875rem; padding: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .fd-copy-list { padding-left: 1.25rem; } li.fd-item { padding-bottom: 1.25rem; } .fd-expandingContentInner ul { padding-left: 1.75rem; margin: 1rem 0; } .fd-expandingContentInner ul li { padding-bottom: 1.25rem; } .fd-expandingContentInner a { color: #007EA8; font-weight: 700; text-decoration: underline; } .fd-waytopay-data-title { font-weight: 500; } .fd-waystopay-data-row { padding: 1.25rem; border-bottom: 0.0625rem solid #dbdada; } .fd-waystopay-data-row:last-child { border-bottom: none; padding-bottom: 0; } .fd-waystopay-data-container { -webkit-box-shadow: 0.0625rem 0.0625rem 3px rgba(0, 0, 0, 0.2); box-shadow: 0.0625rem 0.0625rem 3px rgba(0, 0, 0, 0.2); border-radius: 0.5rem; padding-bottom: 0; } .fd-waystopay-button { height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 1rem; text-align: center; background-color: #FFFFFF; border-radius: 0.25rem; -webkit-box-shadow: 0.0625rem 0.0625rem 3px rgba(0, 0, 0, 0.2); box-shadow: 0.0625rem 0.0625rem 3px rgba(0, 0, 0, 0.2); cursor: pointer; width: 100%; padding-left: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .visible { display: block; } .fd-data-content { font-size: 1rem; } .fd-data-content a { color: #007EA8; font-weight: 500; text-decoration: underline; } .fd-data-content a[href^="tel:"] { text-decoration: none; } .fd-data-content-title, .fd-expandingTitle { font-weight: 500; text-align: left; } @media (max-width: 35.9375rem) { .fd-data-content-title, .fd-expandingTitle { text-align: left; } } .fd-expandingTitle { font-weight: 700; font-size: 1rem; line-height: 1.4rem; } .fd-expanding-midhead { margin-top: 2rem; margin-bottom: 1rem; } .fd-card-link { font-size: 15px; line-height: 21px; padding: 1rem; color: #333; } .fd-card-link:after { top: calc(50% - 5px); content: ""; right: 0; cursor: pointer; -webkit-tap-highlight: rgba(0, 0, 0, 0); display: block; position: absolute; width: 0.625rem; height: 0.625rem; margin-bottom: 1rem; margin-right: 0.75rem; border-top: 0.125rem solid #7F7F7F; border-right: 0.125rem solid #7F7F7F; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0 all; transition: 0 all; -webkit-transform-origin: center; transform-origin: center; vertical-align: top; } button.button.IEHub:hover { background-color: #188386; color: #FFFFFF; -webkit-transition: 0.4s all; transition: 0.4s all; } .noticeContainer { background-color: #FFFFFF; border-radius: 0.5rem; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.5rem; position: relative; text-align: left; margin: 1.5rem auto; } .noticeContainer .noticeTextContainer { color: #333; font-size: 0.875rem; } .noticeContainer .noticeHeaderImage { display: -webkit-box; display: -ms-flexbox; display: flex; } .noticeContainer .noticeTextHeading { color: #333; font-size: 1rem; font-weight: 500; } .noticeContainer img.noticeIconImage { width: 5.625rem; margin-left: auto; height: 1.875rem; } .noticeContainer .noticeTextBody { color: #333; font-size: 1rem; margin-top: 0.313rem; } .noticeContainer .noticeTextBody p { margin: 0.5rem 0; } .fd-main a, .fd-copy a { color: #007EA8; font-weight: bold; text-decoration: underline; } .fd-main a :hover, .fd-copy a :hover { color: #007EA8; } .fd-accordion { text-align: left; padding-right: 0.5rem; color: #333; font-size: 0.875rem; line-height: 1.225rem; } .page--strugglingtomakepayments .icon-tile { padding: 0; margin-top: 1.25rem; } .page--strugglingtomakepayments .button--tertiary { font-size: 0.75rem; padding: 0.625rem; } .page--strugglingtomakepayments .icon-tile__media { height: 4rem; } @media (max-width: 47.9375rem) { .page--strugglingtomakepayments .button--tertiary { margin-bottom: 1rem; } } .page--strugglingtomakepayments .toggle-box--single, .page--persistentdebt .toggle-box--single { padding: 0 !important; } @media (min-width: 75rem) { .page--strugglingtomakepayments .toggle-box--single, .page--persistentdebt .toggle-box--single { max-width: 42.125rem; } } .page--strugglingtomakepayments .toggle-box__label, .page--persistentdebt .toggle-box__label { padding: 1.25rem 3.125rem 1.25rem 1.25rem; } .page--strugglingtomakepayments .toggle-box__label.toggle--active, .page--persistentdebt .toggle-box__label.toggle--active { border-bottom: 1px solid #dbdada; } .page--strugglingtomakepayments .toggle-box__content.toggle--active, .page--persistentdebt .toggle-box__content.toggle--active { margin: 1rem 0 1rem 1rem; } .page--persistentdebt .toggle-box__label { padding-right: 2rem; } .budget-calculator__header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #FFFFFF; padding: 0.625rem 10rem; -webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); border-top: 0.0625rem solid #dbdada; } .budget-calculator__header span { font-size: 1.25rem; font-weight: 700; text-align: left; line-height: 1.75rem; } .budget-calculator__header h3 { font-size: 1rem; font-weight: 500; text-align: left; } .budget-calculator__header .module-container__subtitle { font-weight: bold; } .budget-calculator__header .module-container__title + .module-container__subtitle { color: #575757; } @media (max-width: 35.9375rem) { .budget-calculator__header { padding: 0.625rem 1.5rem; } } .budget-calculator__footer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; padding: 3.125rem 10rem; } @media (min-width: 48rem) and (max-width: 61.9375rem) { .budget-calculator__footer { padding: 3.125rem 8rem; } } @media (max-width: 47.9375rem) { .budget-calculator__footer { padding: 0; margin-top: 1rem; margin-bottom: 2rem; } } .budget-calculator__footer .button--primary { -webkit-box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.16); } .budget-calculator__footer .experience-FGH_components-FGH_cta .button--custom:hover:not([disabled]):not(.disabled) { background-color: #EAEAEA; color: #575757; } .income-form { padding-top: 1.75rem; } .income-form .custom-title__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } .income-form .custom-title__icon { margin-right: 0.5rem; color: #FFFFFF; width: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; border-radius: 1.25rem; padding-top: 0.0625rem; } .income-form .module-container__header { text-align: left; margin-bottom: 2.5rem; } .income-form h1 span { font-size: 1rem; font-weight: 700; line-height: 1.4rem; } .income-form h3 { font-size: 0.875rem; font-weight: 400; } .income-form .experience-region { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10rem; } .income-form .experience-region:not(:first-child) { border-top: 0.125rem solid #e3e3e3; padding-top: 1.75rem; } .income-form .experience-region:empty { display: none; } .income-form .experience-component { width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .income-form .experience-component .module-container__header { -webkit-box-flex: 60%; -ms-flex: 60%; flex: 60%; } @media (min-width: 36rem) { .income-form .experience-component .cal-input--wrapper { -webkit-box-flex: 40%; -ms-flex: 40%; flex: 40%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .income-form .experience-component:has(.custom-title__wrapper) { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .income-form .cal-input--wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .income-form .cal-currency { left: auto; right: 12rem; } @media (max-width: 35.9375rem) { .income-form .experience-region { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .income-form .experience-component { width: 100%; } .income-form .experience-component:not(:has(.custom-title__wrapper)) { padding-left: 1.75rem; } .income-form .module-container__header { text-align: left; margin-bottom: 0.5rem; } .income-form .cal-input--wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .income-form .cal-input--wrapper .cal-currency { left: 1rem; width: 1rem; right: 0; } .income-form .cal-input--wrapper .cal-details-tooltip { top: 87%; left: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 90%; } .income-form .cal-input--wrapper .cal-details-tooltip:before, .income-form .cal-input--wrapper .cal-details-tooltip:after { top: auto; right: 26%; border-top-color: transparent; } .income-form .cal-input--wrapper .cal-details-tooltip:before { bottom: 102%; border-bottom-color: #007EA8; } .income-form .cal-input--wrapper .cal-details-tooltip:after { bottom: 100%; border-bottom-color: #F2F2F2; } .budget-calculator__footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: auto; } .budget-calculator__footer .experience-FGH_components-FGH_cta .button--primary { margin-bottom: 1.75rem; } .budget-calculator__footer .experience-FGH_components-FGH_cta .button--custom:hover { background-color: #EAEAEA; color: #575757; } } button.button.IEHub { background-color: #FFFFFF; padding: 1rem 3.5rem; border: 1px solid #188386; border-radius: 0.25rem; font-size: 1rem; color: #188386; margin-top: 0.5rem; line-height: 1.25rem; } button.button.IEHub:hover { background-color: #188386; color: #FFFFFF; -webkit-transition: 0.4s all; transition: 0.4s all; } .fd-home-cta, .fd-contact-cta, .fd-waystopay-button { line-height: 1.25rem; } .page--financialdifficultylanding .descriptive-card--cms { margin-bottom: 1rem; } .page--persistentdebt .icon-tile, .page--forgottomakepayment .icon-tile { padding: 1.25rem 0; } .page--persistentdebt .icon-tile__media, .page--forgottomakepayment .icon-tile__media { height: 3.5rem; margin-top: 1rem; } .button--cal-get-started { display: block; max-width: 19.5rem; font-size: 1rem; margin: 3.125rem 0rem 6.25rem; width: 100%; text-align: center; border: none; border-radius: 0.25rem; font-weight: 600; text-decoration: none !important; color: undefined; color: var(--component-var-color); background: undefined; background: var(--component-var-background-color); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .button--cal-get-started:hover:not([disabled]):not(.disabled) { opacity: 1; background: #00593b; } @media (max-width: 35.9375rem) { .button--cal-get-started { max-width: none; } } .cal-tooltip--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; position: absolute; } .cal-details-icon { position: absolute; cursor: pointer; background-image: url(https://s7ondemand4.scene7.com/is/image/OttoUK/fd_icn_tool-tip@2x?fmt=png-alpha); height: 1.5625rem; width: 1.5625rem; background-size: 1.5625rem; background-repeat: no-repeat; background-position: center; margin-left: 0.625rem; top: 1rem; padding: 0 0.5rem 0.5rem 0.5rem; } .experience-FGH_layouts-budgetCalculatorStep, .experience-FGH_layouts-budgetCalculatorSummary { background: #F8F8F8; color: #333; } .cal-details-tooltip { display: none; width: 21.875rem; background: #F2F2F2 none repeat scroll 0 0; position: absolute; right: -0.25rem; bottom: -0.625rem; padding: 0.625rem; border: 0.0625rem solid #007EA8; border-radius: 0.5rem; font-size: 0.875rem; line-height: 1.4; } .cal-details-tooltip.toggle--active { display: block; } .cal-details-tooltip:before, .cal-details-tooltip:after { content: ""; position: absolute; right: 3%; border-width: 0.5rem; background: transparent; border-style: solid; border-color: transparent; border-top-color: #007EA8; } .cal-details-tooltip:before { top: 101%; border-top-color: #007EA8; } .cal-details-tooltip:after { top: 99%; border-top-color: #F2F2F2; } .cal-tooltip-message { width: 90%; display: inline-block; } .cal-tooltip-close { display: block; float: right; position: absolute; right: 0; top: 0.625rem; cursor: pointer; height: 100%; width: 15%; } .cal-tooltip-close:before, .cal-tooltip-close:after { position: absolute; right: 1rem; top: 0; content: ""; height: 1rem; width: 0.125rem; background-color: #007EA8; } .cal-tooltip-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cal-tooltip-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cal-text-spaced { font-size: 1rem; margin-top: 1.5rem; } .cal-card { margin-top: 0.5rem; } .cal-field--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.625rem; position: relative; } .cal-currency { position: absolute; font-size: 1rem; left: 1.25rem; color: #333; top: calc(50% - 11.5px); } .cal-input { border: 1px solid #cacaca; padding: 1.125rem 0 1.125rem 2.25rem; border-radius: 0.5rem; color: #333; font-size: 1rem; font-weight: normal; width: 11.375rem; background: #FFFFFF; } .cal-input:focus::-webkit-input-placeholder { color: transparent; } .cal-input:focus::-moz-placeholder { color: transparent; } .cal-input:focus:-ms-input-placeholder { color: transparent; } .cal-input:focus::-ms-input-placeholder { color: transparent; } .cal-input:focus::placeholder { color: transparent; } .cal-input::-webkit-input-placeholder { color: #333; } .cal-input::-moz-placeholder { color: #333; } .cal-input:-ms-input-placeholder { color: #333; } .cal-input::-ms-input-placeholder { color: #333; } .cal-input::placeholder { color: #333; } .cal-input--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 1.75rem; } .cal-input--wrapper .cal-details-icon { position: unset; margin-left: 1.125rem; } .cal-input--wrapper .cal-details-tooltip { bottom: calc(100% - 0.5rem); z-index: 99; right: -0.5rem; } .additional-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 37.5rem; margin: 0.625rem 0rem; font-size: 1rem; color: #007EA8; cursor: pointer; text-decoration: underline; } .additional-item-icon { cursor: pointer; height: 0.75rem; margin-right: 0.5rem; width: 0.75rem; vertical-align: baseline; } .cal-accordion--wrapper .module-container__header, .cal-additional-income { display: none; } .income-expense-section { padding: 2rem 3rem; } @media (max-width: 47.9375rem) { .income-expense-section { padding: 0.75rem 1.25rem; } } .income-details-title { font-weight: 700; } .income-details .income-details-title { padding-bottom: 0.75rem; } .income-details, .expense-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #575757; } .income-expense-diff-section { padding: 2.5rem 1.5rem; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 47.9375rem) { .income-expense-diff-section { padding: 0.75rem 1.25rem; border-bottom: 0.125rem solid #e3e3e3; } } .income-expense-diff-text { font-size: 1.125rem; line-height: 1.4; text-align: center; } @media (max-width: 47.9375rem) { .income-expense-diff-text { font-size: 0.875rem; font-weight: 400; text-align: center; } } .income-expense-diff { font-size: 2.5rem; text-align: center; margin: 0.75rem 0 6px 0; } .income-expense-negative { color: #E63535; } .breakdown-header { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 700; } .breakdown-chart-container, .chart-tile-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .breakdown-canvas-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 29.9375rem) { .breakdown-canvas-container { max-width: 60%; margin-left: -1rem; } } @media (max-width: 29.9375rem) { .breakdown-canvas-container #pieChart { -webkit-transform: scale(0.7); transform: scale(0.7); } } .chart-tiles-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0.75rem; } .chart-tile-row { margin-bottom: 1rem; margin-left: 1rem; } @media (max-width: 35.9375rem) { .chart-tile-row { margin-left: 0.5rem; } } @media (max-width: 29.9375rem) { .chart-tile-row { margin-left: 0; } } .chart-tile-box { height: 1.25rem; min-width: 1.25rem; padding: 0; margin: 0.125rem 0.25rem; border-bottom: none; border-radius: 0.25rem; } .chart-tile-box.essential-bills { background: #ff70a6; } .chart-tile-box.health-and-savings { background: #1eb4cc; } .chart-tile-box.other-expenses { background: #a87fdf; } .chart-tile-box.money-leftover { background: #dadada; } .chart-tile-text-container { width: 100%; } .chart-tile-text-container .chart-tile-text { font-size: 0.875rem; font-weight: 700; white-space: nowrap; } .chart-tile-text-container .chart-tile-amt { font-size: 0.75rem; } .budget-calculator__summary .info-icon { width: 1.75rem; margin-right: 0.75rem; } .budget-calculator__summary .cal-summary-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.75rem 1.75rem; margin-bottom: 0.75rem; } @media (max-width: 47.9375rem) { .budget-calculator__summary .cal-summary-header { padding-right: 0; padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .budget-calculator__summary .cal-summary-header .module-container__title { font-size: 1.5rem; } @media (min-width: 62rem) { .budget-calculator__summary .cal-summary-header .module-container__title { font-size: 1.875rem; } } .budget-calculator__summary .cal-summary-header .experience-FGH_components-FGH_cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 47.9375rem) { .budget-calculator__summary .cal-summary-header .experience-FGH_components-FGH_cta { margin-bottom: 1rem; } } .budget-calculator__summary .cal-summary-header .experience-FGH_components-FGH_cta .button--custom:hover { color: #333; background-color: #FFFFFF; } .budget-calculator__summary .cal-summary-header .experience-FGH_components-FGH_cta .button--custom:before { background-image: url("https://s7ondemand4.scene7.com/is/image/OttoUK/fd_icn_home@2x?fmt=png-alpha"); display: inline-block; width: 1.1875rem; height: 1.0625rem; background-size: 1.1875rem 1.0625rem; padding-bottom: 0.625rem; margin-right: 0.375rem; content: ""; } .budget-calculator__summary .summary-container { padding-bottom: 1.75rem; } @media (min-width: 62rem) { .budget-calculator__summary .summary-container { margin-bottom: 1.75rem; } } @media (max-width: 47.9375rem) { .budget-calculator__summary .summary-container .expenses-breakdown-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .budget-calculator__summary .summary-container .summary-card { background: #FFFFFF; border-radius: 0.5rem; -webkit-box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); } @media (min-width: 62rem) { .budget-calculator__summary .summary-container .summary-card { margin: 0 1.5rem; } } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper.pdf-data { border: 0.125rem solid #e3e3e3; border-radius: 10px; } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper.pdf-data .income-expense-diff-section { padding: 1rem 1.5rem; } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper.pdf-data .income-expense-section { padding: 1rem; } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .total-expenses-summary-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 48rem) { .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .total-expenses-summary-section { border-right: 0.125rem solid #e3e3e3; } } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .total-expenses-summary-section .experience-component:not(:last-child) { border-bottom: 0.125rem solid #e3e3e3; } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .total-expenses-summary-section .total-income-expense-section { padding: 2rem 3rem; } .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .spending-breakdown-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2rem 0 1.5rem 1.5rem; } @media (max-width: 35.9375rem) { .budget-calculator__summary .summary-container .summary-card .expenses-breakdown-wrapper .spending-breakdown-container { padding: 2rem 0 1rem 1rem; } } .budget-calculator__summary .summary-container .summary-card .download-summary-section { background: #DEDEDE; padding: 0.75rem 0.4375rem 1.25rem 1.25rem; border-radius: 0 0 0.5rem 0.5rem; } @media (min-width: 62rem) { .budget-calculator__summary .summary-container .summary-card .download-summary-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-text { font-size: 1rem; } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container { margin-top: 1rem; background: #FFFFFF; border-radius: 1.25rem; border: none; width: 10rem; padding: 0.25rem; font-size: 0.75rem; -webkit-box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); cursor: pointer; } @media (min-width: 62rem) { .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container { margin-left: 1.5rem; margin-top: 0; } } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container .download-summary-cta { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container .download-summary-cta .download-summary-text { padding-left: 0.75rem; font-size: 0.75rem; } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container .download-summary-cta .download-summary-icon { margin-left: 0.375rem; } .budget-calculator__summary .summary-container .summary-card .download-summary-section .download-summary-cta-container .download-summary-cta .download-summary-icon img { width: 0.875rem; height: 1.0625rem; } .budget-calculator__summary .make-payment-section { line-height: 1.75rem; font-weight: 700; margin-bottom: 28px; } @media (min-width: 62rem) { .budget-calculator__summary .make-payment-section { padding-right: 1.5rem; padding-left: 1.5rem; } } .budget-calculator__summary .make-payment-section.hide { display: none; } .budget-calculator__summary .make-payment-section .module-container__title { text-align: left; font-weight: 700; line-height: 1.75rem; } .budget-calculator__summary .make-payment-section .module-container__subtitle { text-align: left; margin: 0.75rem 0px 1.5rem; font-size: 1rem; font-weight: 400; } .budget-calculator__summary .make-payment-section .experience-FGH_components-FGH_cta .button--custom { -webkit-box-shadow: 0 0.188rem 0.375rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0.188rem 0.375rem 0 rgba(0, 0, 0, 0.16); } .budget-calculator__summary .make-payment-section .experience-FGH_components-FGH_cta .button--custom:hover:not([disabled]):not(.disabled) { background-color: #1A8561; color: #FFFFFF; } .budget-calculator__summary .contact-cards-section { padding-bottom: 36px; } @media (max-width: 59.9375rem) { .budget-calculator__summary .contact-cards-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .budget-calculator__summary .contact-cards-section .experience-component { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.75rem 1.5rem 0.75rem; background: #FFFFFF; border-radius: 8px; -webkit-box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.09); } @media (min-width: 62rem) { .budget-calculator__summary .contact-cards-section .experience-component .contact-card { margin: 1.5rem 0 1.5rem 1.5rem; } } @media (max-width: 59.9375rem) { .budget-calculator__summary .contact-cards-section .experience-component .contact-card { margin-bottom: 1.5rem; } } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .stepchange-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .stepchange-header-container .cal-sub-header { font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .stepchange-header-container .stepchange-img { width: 5.3125rem; height: 1.625rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .cal-body-text { margin: 1.5rem 0; font-size: 1rem; line-height: 1.4rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .cal-body-text .debt-advice-link { color: #007EA8; text-decoration: underline; font-weight: 700; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .cal-body-text .debt-advice-link:hover { opacity: 1; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 47.9375rem) { .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper .contact-rows-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; line-height: 1.4rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper .contact-rows-col .contact-row { padding-top: 0; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper .contact-rows-col .contact-row:first-child { padding-top: 0; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-rows-wrapper .contact-rows-col .contact-row:last-child { margin-bottom: 0; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row:last-child { margin-bottom: 0; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-icon { width: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.5rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-icon .call-img { width: 1.3125rem; height: 1.3125rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-icon .email-img { width: 1.3125rem; height: 0.875rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-icon .write-img { width: 1.3125rem; height: 1.3125rem; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column { -webkit-box-flex: 80; -ms-flex: 80; flex: 80; width: 100%; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .write-to-us { color: #333; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .contact-tile { font-size: 1rem; font-weight: 700; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .contact-tile a { text-decoration: none; font-weight: 700; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .contact-tile a:hover { opacity: 1; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .contact-tile:not(.write-to-us) { color: #007EA8; } .budget-calculator__summary .contact-cards-section .experience-component .contact-card .contact-row .contact-details-column .contact-subcopy { color: #575757; font-size: 0.875rem; padding: 0.25rem 0; line-height: 1.225rem; } .summary-export-title { padding: 0.75rem 0; } .summary-disclaimer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.75rem 0; margin-bottom: 0.5rem; } .summary-disclaimer-container .summary-disclaimer-icon { -ms-flex-item-align: start; align-self: flex-start; width: 1.875rem; height: 1.625rem; padding: 0.3125rem; margin-top: 0.5rem; margin-right: 0.75rem; background: #007EA8; border-radius: 1.5625rem; color: #FFFFFF; } .summary-disclaimer-container .summary-export-disclaimer { color: #007EA8; font-size: 1.125rem; font-weight: 700; } .contact-card__summary-export.contact-card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.75rem 1rem 0.75rem; margin: 1.5rem 0; background: #FFFFFF; border: 0.1875rem solid #EAEAF0; border-radius: 0.5rem; } .contact-card__summary-export.contact-card .cal-body-text { margin: 1.5rem 0; font-size: 1rem; } .contact-card__summary-export.contact-card .cal-body-text:first-child { margin-top: 0; } .contact-card__summary-export.contact-card .cal-body-text .debt-advice-link { color: #007EA8; text-decoration: underline; font-weight: 700; } .contact-card__summary-export.contact-card .contact-rows-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-card__summary-export.contact-card .contact-rows-wrapper .contact-row { padding-top: 0; } .contact-card__summary-export.contact-card .contact-rows-wrapper .contact-row:first-child { padding-top: 0; } .contact-card__summary-export.contact-card .contact-rows-wrapper .contact-row:last-child { margin-bottom: 0; } .contact-card__summary-export.contact-card .contact-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .contact-card__summary-export.contact-card .contact-row:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .contact-card__summary-export.contact-card .contact-row .contact-icon { width: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.5rem; } .contact-card__summary-export.contact-card .contact-row .contact-icon .call-img { width: 1.3125rem; height: 1.3125rem; } .contact-card__summary-export.contact-card .contact-row .contact-icon .email-img { width: 1.3125rem; height: 0.875rem; } .contact-card__summary-export.contact-card .contact-row .contact-icon .write-img { width: 1.3125rem; height: 1.3125rem; } .contact-card__summary-export.contact-card .contact-row .write-to-us, .contact-card__summary-export.contact-card .contact-row .email-us { color: #333; } .contact-card__summary-export.contact-card .contact-row .call-us { color: #007EA8; } .contact-card__summary-export.contact-card .contact-row .contact-tile { font-size: 1rem; font-weight: bold; margin-top: -0.5rem; } .contact-card__summary-export.contact-card .contact-row .contact-subcopy { color: #7F7F7F; font-size: 0.8rem; padding-top: 0.25rem; } .summary-tables-container table thead td:first-child { border-top-left-radius: 0.625rem; } .summary-tables-container table thead td:last-child { border-top-right-radius: 0.625rem; } .summary-tables-container table tbody tr:last-child td:first-child { border-bottom-left-radius: 0.625rem; } .summary-tables-container table tbody tr:last-child td:last-child { border-bottom-right-radius: 0.625rem; } .summary-tables-container .summary-income-table td:nth-child(odd) { padding-left: 1.5rem; -webkit-column-width: 15.625rem; -moz-column-width: 15.625rem; column-width: 15.625rem; } .summary-tables-container .summary-table-body { border-left: 0.125rem solid #e3e3e3; border-right: 0.125rem solid #e3e3e3; border-bottom: 0.125rem solid #e3e3e3; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .summary-tables-container .summary-expense-table { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .summary-tables-container .summary-expense-table td:nth-child(odd) { padding-left: 1.5rem; -webkit-column-width: 12.5rem; -moz-column-width: 12.5rem; column-width: 12.5rem; } .summary-tables-container .summary-income-table, .summary-tables-container .summary-expense-table { width: 100%; border-collapse: collapse; border: 0.125rem solid #7F7F7F; border-radius: 0.625rem; } .summary-tables-container .summary-income-table td, .summary-tables-container .summary-expense-table td { padding-top: 0.2rem; padding-bottom: 1.1rem; line-height: normal; padding-left: 0.625rem; padding-right: 0.625rem; } .summary-tables-container .summary-income-table td:nth-child(even), .summary-tables-container .summary-expense-table td:nth-child(even) { text-align: center; } .summary-tables-container .summary-income-table tr:nth-child(odd) td:nth-child(odd), .summary-tables-container .summary-expense-table tr:nth-child(odd) td:nth-child(odd) { border-right: 0.1875rem solid #F1F1F7; } .summary-tables-container .summary-income-table tr:nth-child(even) td:nth-child(odd), .summary-tables-container .summary-expense-table tr:nth-child(even) td:nth-child(odd) { border-right: 0.1875rem solid #EAEAF0; } .summary-tables-container .summary-income-table .summary-table-header, .summary-tables-container .summary-expense-table .summary-table-header { font-weight: 700; } .summary-tables-container .summary-income-table .summary-table-header .summary-table-header-row td, .summary-tables-container .summary-expense-table .summary-table-header .summary-table-header-row td { color: #FFFFFF; background-color: #7F7F7F; } .summary-tables-container .summary-income-table .summary-table-header .summary-table-header-row td:first-child, .summary-tables-container .summary-expense-table .summary-table-header .summary-table-header-row td:first-child { border-right: none; } .summary-tables-container .summary-income-table .summary-table-body tr:nth-child(odd) td, .summary-tables-container .summary-expense-table .summary-table-body tr:nth-child(odd) td { background-color: #FFFFFF; } .summary-tables-container .summary-income-table .summary-table-body tr:nth-child(even) td, .summary-tables-container .summary-expense-table .summary-table-body tr:nth-child(even) td { background-color: #F2F2F2; } .summary-tables-container .summary-income-table { margin-bottom: 2rem; } @media (min-width: 62rem) { .summary-export-wrapper { margin: 0 1.5rem 1rem 1.5rem; } } .summary-export-wrapper .disclaimer-txt { padding-bottom: 1rem; } .fd-card-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; padding: 1.25rem; -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.16); border-radius: 0.5rem; margin-bottom: 0.5rem; } .fd-card-container .card-row { margin-top: 1.75rem; } .fd-card-container .card-row:first-child { margin-top: 0.625rem; } .fd-card-container .cal-text { font-size: 1rem; padding: 0 1.5rem; } .fd-card-container .cl-card-col-img img { width: 2rem; height: 2rem; } @media (max-width: 35.9375rem) { .fd-card-container .cl-card-col-img img { width: unset; height: unset; } } .faqsidenav .faqsidenav__anchor { font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .faqsidenav.stick { position: fixed; width: 100%; background-color: #F8F8F8; z-index: 2; top: 8.438rem; left: 0; padding: 1rem; } .faqsidenav .faqsidenav__item { padding: 1rem; margin-bottom: 0; } .faqsidenav .faqsidenav__item.active { background-color: #EAEAEA; border-radius: 0.5rem; } .faqsidenav .faqsidenav__item.active .faqsidenav__anchor { font-weight: 500; } .faqsidenav .faqsidenav__item.active .faqsidenav__anchor::after { content: ""; height: 1.313rem; width: 0.25rem; display: inline-block; background-color: #008558; border-radius: 0.25rem; } @media (max-width: 35.9375rem) { .faqsidenav .faqsidenav__item.active { background-color: #FFFFFF; } .faqsidenav .faqsidenav__item.active .faqsidenav__anchor { font-weight: 400; } .faqsidenav .faqsidenav__item.active .faqsidenav__anchor::after { display: none; } .faqsidenav .faqsidenav__anchor { padding: 0; } .faqsidenav .faqsidenav__list { -webkit-transform: translateY(110%); transform: translateY(110%); opacity: 0; visibility: hidden; position: fixed; bottom: 0.063rem; right: 0; left: auto; top: auto; z-index: 1; overflow: visible; max-width: 100%; border: 0; } .faqsidenav .faqsidenav__list.toggle--active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; -webkit-transition-duration: 213ms; transition-duration: 213ms; overflow: scroll; border-radius: 1.25rem 1.25rem 0 0; border-top: 0.063rem solid #D9D9D9; max-height: 33.188rem; } .faqsidenav .faqsidenav__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; margin-bottom: 0; border-top: 0.063rem solid #D9D9D9; border-bottom: 0.063rem solid #D9D9D9; border-radius: 1.25rem 0 0; font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; } .faqsidenav .faqsidenav__item { border-bottom: 0.063rem solid #D9D9D9; } .faqsidenav .faqsidenav__header { font-size: 1rem; font-weight: 500; line-height: 1.25rem; padding-bottom: 0.5rem; padding-top: 1rem; } .faqsidenav .faqsidenav_button { border: 0.063rem solid #FFFFFF; background-color: #FFFFFF; } } .faq-title { font-size: 1.75rem; line-height: 2.125rem; font-weight: 500; text-align: left; padding-bottom: 0; } .faq-heading { font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; text-align: left; } .faq-description { font-size: 1rem; font-weight: 400; line-height: 1.25rem; text-align: left; } .faq-help-title { font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; padding-top: 1.5rem; } @media (max-width: 35.9375rem) { .faq-help-title { padding-top: 0; } } .faq-questions { padding: 0.563rem 0.75rem; padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; } @media (min-width: 36rem) { .faq-questions { white-space: nowrap; padding-left: 0.125rem; padding-right: 0.125rem; font-size: 0.625rem; } .faq-questions svg { width: 1.25rem; height: 1.25rem; } } @media (min-width: 62rem) { .faq-questions { font-size: 0.875rem; } } .page--faq-delivery .main, .page--faq-returns-refunds .main, .page--faq-promotions .main, .page--faq-manage-account .main, .page--faq-orders .main, .page--faq-payment-queries .main, .page--faq-financial .main, .page--faq-credit-accounts .main, .page--faq-about-us .main, .page--faq-product-information .main, .page--faq-legal-data .main { background: #F8F8F8; } @media (max-width: 35.9375rem) { .page--faq-delivery .main, .page--faq-returns-refunds .main, .page--faq-promotions .main, .page--faq-manage-account .main, .page--faq-orders .main, .page--faq-payment-queries .main, .page--faq-financial .main, .page--faq-credit-accounts .main, .page--faq-about-us .main, .page--faq-product-information .main, .page--faq-legal-data .main { background: #F2F2F2; } } .page--faq-delivery .cms-grid, .page--faq-returns-refunds .cms-grid, .page--faq-promotions .cms-grid, .page--faq-manage-account .cms-grid, .page--faq-orders .cms-grid, .page--faq-payment-queries .cms-grid, .page--faq-financial .cms-grid, .page--faq-credit-accounts .cms-grid, .page--faq-about-us .cms-grid, .page--faq-product-information .cms-grid, .page--faq-legal-data .cms-grid { padding-bottom: 1.5rem; } .page--faq-delivery .cms-grid .module-container__constraint--center, .page--faq-returns-refunds .cms-grid .module-container__constraint--center, .page--faq-promotions .cms-grid .module-container__constraint--center, .page--faq-manage-account .cms-grid .module-container__constraint--center, .page--faq-orders .cms-grid .module-container__constraint--center, .page--faq-payment-queries .cms-grid .module-container__constraint--center, .page--faq-financial .cms-grid .module-container__constraint--center, .page--faq-credit-accounts .cms-grid .module-container__constraint--center, .page--faq-about-us .cms-grid .module-container__constraint--center, .page--faq-product-information .cms-grid .module-container__constraint--center, .page--faq-legal-data .cms-grid .module-container__constraint--center { margin: 0; padding: 0 1rem; } .page--faq-delivery .faq-title, .page--faq-returns-refunds .faq-title, .page--faq-promotions .faq-title, .page--faq-manage-account .faq-title, .page--faq-orders .faq-title, .page--faq-payment-queries .faq-title, .page--faq-financial .faq-title, .page--faq-credit-accounts .faq-title, .page--faq-about-us .faq-title, .page--faq-product-information .faq-title, .page--faq-legal-data .faq-title { padding: 2.5rem 0 0.938rem; } @media (max-width: 35.9375rem) { .page--faq-delivery .faq-title, .page--faq-returns-refunds .faq-title, .page--faq-promotions .faq-title, .page--faq-manage-account .faq-title, .page--faq-orders .faq-title, .page--faq-payment-queries .faq-title, .page--faq-financial .faq-title, .page--faq-credit-accounts .faq-title, .page--faq-about-us .faq-title, .page--faq-product-information .faq-title, .page--faq-legal-data .faq-title { padding: 2.5rem 1rem 0; } } @media (max-width: 35.9375rem) { .page--faq-delivery .faq-heading, .page--faq-returns-refunds .faq-heading, .page--faq-promotions .faq-heading, .page--faq-manage-account .faq-heading, .page--faq-orders .faq-heading, .page--faq-payment-queries .faq-heading, .page--faq-financial .faq-heading, .page--faq-credit-accounts .faq-heading, .page--faq-about-us .faq-heading, .page--faq-product-information .faq-heading, .page--faq-legal-data .faq-heading { width: 91%; } } .page--faq-delivery .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-returns-refunds .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-promotions .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-manage-account .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-orders .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-payment-queries .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-financial .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-credit-accounts .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-about-us .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-product-information .experience-region:has(.experience-accelerator_layouts-flexibleGrid), .page--faq-legal-data .experience-region:has(.experience-accelerator_layouts-flexibleGrid) { padding: 1.5rem; background-color: #FFFFFF; } .page--faq-delivery .cms-page--group, .page--faq-returns-refunds .cms-page--group, .page--faq-promotions .cms-page--group, .page--faq-manage-account .cms-page--group, .page--faq-orders .cms-page--group, .page--faq-payment-queries .cms-page--group, .page--faq-financial .cms-page--group, .page--faq-credit-accounts .cms-page--group, .page--faq-about-us .cms-page--group, .page--faq-product-information .cms-page--group, .page--faq-legal-data .cms-page--group { margin-top: 2rem; } @media (max-width: 35.9375rem) { .page--faq-delivery .cms-page--group, .page--faq-returns-refunds .cms-page--group, .page--faq-promotions .cms-page--group, .page--faq-manage-account .cms-page--group, .page--faq-orders .cms-page--group, .page--faq-payment-queries .cms-page--group, .page--faq-financial .cms-page--group, .page--faq-credit-accounts .cms-page--group, .page--faq-about-us .cms-page--group, .page--faq-product-information .cms-page--group, .page--faq-legal-data .cms-page--group { padding: 0; margin-top: 0; } } @media (max-width: 35.9375rem) { .page--faq-delivery .cms-page--group .experience-region, .page--faq-returns-refunds .cms-page--group .experience-region, .page--faq-promotions .cms-page--group .experience-region, .page--faq-manage-account .cms-page--group .experience-region, .page--faq-orders .cms-page--group .experience-region, .page--faq-payment-queries .cms-page--group .experience-region, .page--faq-financial .cms-page--group .experience-region, .page--faq-credit-accounts .cms-page--group .experience-region, .page--faq-about-us .cms-page--group .experience-region, .page--faq-product-information .cms-page--group .experience-region, .page--faq-legal-data .cms-page--group .experience-region { padding: 1rem; } .page--faq-delivery .cms-page--group .experience-region:last-child, .page--faq-returns-refunds .cms-page--group .experience-region:last-child, .page--faq-promotions .cms-page--group .experience-region:last-child, .page--faq-manage-account .cms-page--group .experience-region:last-child, .page--faq-orders .cms-page--group .experience-region:last-child, .page--faq-payment-queries .cms-page--group .experience-region:last-child, .page--faq-financial .cms-page--group .experience-region:last-child, .page--faq-credit-accounts .cms-page--group .experience-region:last-child, .page--faq-about-us .cms-page--group .experience-region:last-child, .page--faq-product-information .cms-page--group .experience-region:last-child, .page--faq-legal-data .cms-page--group .experience-region:last-child { padding: 0; } } .page--faq-delivery .module-grid, .page--faq-returns-refunds .module-grid, .page--faq-promotions .module-grid, .page--faq-manage-account .module-grid, .page--faq-orders .module-grid, .page--faq-payment-queries .module-grid, .page--faq-financial .module-grid, .page--faq-credit-accounts .module-grid, .page--faq-about-us .module-grid, .page--faq-product-information .module-grid, .page--faq-legal-data .module-grid { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .page--faq-delivery .module-grid__item, .page--faq-returns-refunds .module-grid__item, .page--faq-promotions .module-grid__item, .page--faq-manage-account .module-grid__item, .page--faq-orders .module-grid__item, .page--faq-payment-queries .module-grid__item, .page--faq-financial .module-grid__item, .page--faq-credit-accounts .module-grid__item, .page--faq-about-us .module-grid__item, .page--faq-product-information .module-grid__item, .page--faq-legal-data .module-grid__item { -ms-flex-preferred-size: 19%; flex-basis: 19%; max-width: 19%; border-radius: 3.125rem; } @media (max-width: 74.9375rem) { .page--faq-delivery .module-grid__item, .page--faq-returns-refunds .module-grid__item, .page--faq-promotions .module-grid__item, .page--faq-manage-account .module-grid__item, .page--faq-orders .module-grid__item, .page--faq-payment-queries .module-grid__item, .page--faq-financial .module-grid__item, .page--faq-credit-accounts .module-grid__item, .page--faq-about-us .module-grid__item, .page--faq-product-information .module-grid__item, .page--faq-legal-data .module-grid__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media (max-width: 35.9375rem) { .page--faq-delivery .module-grid__item, .page--faq-returns-refunds .module-grid__item, .page--faq-promotions .module-grid__item, .page--faq-manage-account .module-grid__item, .page--faq-orders .module-grid__item, .page--faq-payment-queries .module-grid__item, .page--faq-financial .module-grid__item, .page--faq-credit-accounts .module-grid__item, .page--faq-about-us .module-grid__item, .page--faq-product-information .module-grid__item, .page--faq-legal-data .module-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; margin-bottom: 0.625rem; } } .page--faq-delivery .toggle-box, .page--faq-returns-refunds .toggle-box, .page--faq-promotions .toggle-box, .page--faq-manage-account .toggle-box, .page--faq-orders .toggle-box, .page--faq-payment-queries .toggle-box, .page--faq-financial .toggle-box, .page--faq-credit-accounts .toggle-box, .page--faq-about-us .toggle-box, .page--faq-product-information .toggle-box, .page--faq-legal-data .toggle-box { border: none; border-bottom: 0.063rem solid #dbdada; padding: 1rem; } .page--faq-delivery .toggle-box__label, .page--faq-returns-refunds .toggle-box__label, .page--faq-promotions .toggle-box__label, .page--faq-manage-account .toggle-box__label, .page--faq-orders .toggle-box__label, .page--faq-payment-queries .toggle-box__label, .page--faq-financial .toggle-box__label, .page--faq-credit-accounts .toggle-box__label, .page--faq-about-us .toggle-box__label, .page--faq-product-information .toggle-box__label, .page--faq-legal-data .toggle-box__label { padding-right: 0; } @media (max-width: 35.9375rem) { .page--faq-delivery .toggle-box__label, .page--faq-returns-refunds .toggle-box__label, .page--faq-promotions .toggle-box__label, .page--faq-manage-account .toggle-box__label, .page--faq-orders .toggle-box__label, .page--faq-payment-queries .toggle-box__label, .page--faq-financial .toggle-box__label, .page--faq-credit-accounts .toggle-box__label, .page--faq-about-us .toggle-box__label, .page--faq-product-information .toggle-box__label, .page--faq-legal-data .toggle-box__label { padding: 0; } } .page--faq-delivery .toggle-box__label:after, .page--faq-returns-refunds .toggle-box__label:after, .page--faq-promotions .toggle-box__label:after, .page--faq-manage-account .toggle-box__label:after, .page--faq-orders .toggle-box__label:after, .page--faq-payment-queries .toggle-box__label:after, .page--faq-financial .toggle-box__label:after, .page--faq-credit-accounts .toggle-box__label:after, .page--faq-about-us .toggle-box__label:after, .page--faq-product-information .toggle-box__label:after, .page--faq-legal-data .toggle-box__label:after { right: 0; } .page--faq-delivery .experience-accelerator_layouts-2colLayout, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout, .page--faq-promotions .experience-accelerator_layouts-2colLayout, .page--faq-manage-account .experience-accelerator_layouts-2colLayout, .page--faq-orders .experience-accelerator_layouts-2colLayout, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout, .page--faq-financial .experience-accelerator_layouts-2colLayout, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout, .page--faq-about-us .experience-accelerator_layouts-2colLayout, .page--faq-product-information .experience-accelerator_layouts-2colLayout, .page--faq-legal-data .experience-accelerator_layouts-2colLayout { background: #F2F2F2; margin-top: 2.125rem; } .page--faq-delivery .experience-accelerator_layouts-2colLayout .module-container, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout .module-container, .page--faq-promotions .experience-accelerator_layouts-2colLayout .module-container, .page--faq-manage-account .experience-accelerator_layouts-2colLayout .module-container, .page--faq-orders .experience-accelerator_layouts-2colLayout .module-container, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout .module-container, .page--faq-financial .experience-accelerator_layouts-2colLayout .module-container, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout .module-container, .page--faq-about-us .experience-accelerator_layouts-2colLayout .module-container, .page--faq-product-information .experience-accelerator_layouts-2colLayout .module-container, .page--faq-legal-data .experience-accelerator_layouts-2colLayout .module-container { padding: 2rem; } @media (max-width: 35.9375rem) { .page--faq-delivery .experience-accelerator_layouts-2colLayout .module-container, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout .module-container, .page--faq-promotions .experience-accelerator_layouts-2colLayout .module-container, .page--faq-manage-account .experience-accelerator_layouts-2colLayout .module-container, .page--faq-orders .experience-accelerator_layouts-2colLayout .module-container, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout .module-container, .page--faq-financial .experience-accelerator_layouts-2colLayout .module-container, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout .module-container, .page--faq-about-us .experience-accelerator_layouts-2colLayout .module-container, .page--faq-product-information .experience-accelerator_layouts-2colLayout .module-container, .page--faq-legal-data .experience-accelerator_layouts-2colLayout .module-container { padding: 1rem; } } .page--faq-delivery .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-promotions .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-manage-account .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-orders .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-financial .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-about-us .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-product-information .experience-accelerator_layouts-2colLayout .module-container__constraint--center, .page--faq-legal-data .experience-accelerator_layouts-2colLayout .module-container__constraint--center { padding: 0; } .page--faq-delivery .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-promotions .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-manage-account .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-orders .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-financial .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-about-us .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-product-information .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-legal-data .experience-accelerator_layouts-2colLayout .module-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } @media (max-width: 61.9375rem) { .page--faq-delivery .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-returns-refunds .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-promotions .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-manage-account .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-orders .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-payment-queries .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-financial .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-credit-accounts .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-about-us .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-product-information .experience-accelerator_layouts-2colLayout .module-grid__item, .page--faq-legal-data .experience-accelerator_layouts-2colLayout .module-grid__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (max-width: 35.9375rem) { .page--faq-delivery .secondary-navigation, .page--faq-returns-refunds .secondary-navigation, .page--faq-promotions .secondary-navigation, .page--faq-manage-account .secondary-navigation, .page--faq-orders .secondary-navigation, .page--faq-payment-queries .secondary-navigation, .page--faq-financial .secondary-navigation, .page--faq-credit-accounts .secondary-navigation, .page--faq-about-us .secondary-navigation, .page--faq-product-information .secondary-navigation, .page--faq-legal-data .secondary-navigation { margin-bottom: 1rem; } } .page--faq-delivery .faq-search .faq-search__form-fgh, .page--faq-returns-refunds .faq-search .faq-search__form-fgh, .page--faq-promotions .faq-search .faq-search__form-fgh, .page--faq-manage-account .faq-search .faq-search__form-fgh, .page--faq-orders .faq-search .faq-search__form-fgh, .page--faq-payment-queries .faq-search .faq-search__form-fgh, .page--faq-financial .faq-search .faq-search__form-fgh, .page--faq-credit-accounts .faq-search .faq-search__form-fgh, .page--faq-about-us .faq-search .faq-search__form-fgh, .page--faq-product-information .faq-search .faq-search__form-fgh, .page--faq-legal-data .faq-search .faq-search__form-fgh { width: 100%; display: inline-block; } .page--faq-delivery .faq-search .faq-search-title, .page--faq-returns-refunds .faq-search .faq-search-title, .page--faq-promotions .faq-search .faq-search-title, .page--faq-manage-account .faq-search .faq-search-title, .page--faq-orders .faq-search .faq-search-title, .page--faq-payment-queries .faq-search .faq-search-title, .page--faq-financial .faq-search .faq-search-title, .page--faq-credit-accounts .faq-search .faq-search-title, .page--faq-about-us .faq-search .faq-search-title, .page--faq-product-information .faq-search .faq-search-title, .page--faq-legal-data .faq-search .faq-search-title { display: inline-block; width: 100%; font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; margin-bottom: 0.5rem; } .page--faq-delivery .faq-search_tip, .page--faq-returns-refunds .faq-search_tip, .page--faq-promotions .faq-search_tip, .page--faq-manage-account .faq-search_tip, .page--faq-orders .faq-search_tip, .page--faq-payment-queries .faq-search_tip, .page--faq-financial .faq-search_tip, .page--faq-credit-accounts .faq-search_tip, .page--faq-about-us .faq-search_tip, .page--faq-product-information .faq-search_tip, .page--faq-legal-data .faq-search_tip { display: none; } .page--faq-delivery .experience-FGH_components-searchBar, .page--faq-returns-refunds .experience-FGH_components-searchBar, .page--faq-promotions .experience-FGH_components-searchBar, .page--faq-manage-account .experience-FGH_components-searchBar, .page--faq-orders .experience-FGH_components-searchBar, .page--faq-payment-queries .experience-FGH_components-searchBar, .page--faq-financial .experience-FGH_components-searchBar, .page--faq-credit-accounts .experience-FGH_components-searchBar, .page--faq-about-us .experience-FGH_components-searchBar, .page--faq-product-information .experience-FGH_components-searchBar, .page--faq-legal-data .experience-FGH_components-searchBar { display: none; } @media (max-width: 35.9375rem) { .page--faq-delivery .experience-FGH_components-searchBar, .page--faq-returns-refunds .experience-FGH_components-searchBar, .page--faq-promotions .experience-FGH_components-searchBar, .page--faq-manage-account .experience-FGH_components-searchBar, .page--faq-orders .experience-FGH_components-searchBar, .page--faq-payment-queries .experience-FGH_components-searchBar, .page--faq-financial .experience-FGH_components-searchBar, .page--faq-credit-accounts .experience-FGH_components-searchBar, .page--faq-about-us .experience-FGH_components-searchBar, .page--faq-product-information .experience-FGH_components-searchBar, .page--faq-legal-data .experience-FGH_components-searchBar { display: inline-block; padding: 1rem 1rem 0; } } .page--faq-delivery .faqsidenav .experience-FGH_components-searchBar, .page--faq-returns-refunds .faqsidenav .experience-FGH_components-searchBar, .page--faq-promotions .faqsidenav .experience-FGH_components-searchBar, .page--faq-manage-account .faqsidenav .experience-FGH_components-searchBar, .page--faq-orders .faqsidenav .experience-FGH_components-searchBar, .page--faq-payment-queries .faqsidenav .experience-FGH_components-searchBar, .page--faq-financial .faqsidenav .experience-FGH_components-searchBar, .page--faq-credit-accounts .faqsidenav .experience-FGH_components-searchBar, .page--faq-about-us .faqsidenav .experience-FGH_components-searchBar, .page--faq-product-information .faqsidenav .experience-FGH_components-searchBar, .page--faq-legal-data .faqsidenav .experience-FGH_components-searchBar { display: inline-block; } @media (max-width: 35.9375rem) { .page--faq-delivery .faqsidenav .experience-FGH_components-searchBar, .page--faq-returns-refunds .faqsidenav .experience-FGH_components-searchBar, .page--faq-promotions .faqsidenav .experience-FGH_components-searchBar, .page--faq-manage-account .faqsidenav .experience-FGH_components-searchBar, .page--faq-orders .faqsidenav .experience-FGH_components-searchBar, .page--faq-payment-queries .faqsidenav .experience-FGH_components-searchBar, .page--faq-financial .faqsidenav .experience-FGH_components-searchBar, .page--faq-credit-accounts .faqsidenav .experience-FGH_components-searchBar, .page--faq-about-us .faqsidenav .experience-FGH_components-searchBar, .page--faq-product-information .faqsidenav .experience-FGH_components-searchBar, .page--faq-legal-data .faqsidenav .experience-FGH_components-searchBar { display: none; } } @media (max-width: 35.9375rem) { .page--faq-delivery .faqSearchResults, .page--faq-returns-refunds .faqSearchResults, .page--faq-promotions .faqSearchResults, .page--faq-manage-account .faqSearchResults, .page--faq-orders .faqSearchResults, .page--faq-payment-queries .faqSearchResults, .page--faq-financial .faqSearchResults, .page--faq-credit-accounts .faqSearchResults, .page--faq-about-us .faqSearchResults, .page--faq-product-information .faqSearchResults, .page--faq-legal-data .faqSearchResults { padding: 0 1rem; } } @media (max-width: 35.9375rem) { .page--faq-delivery .faq-search-desktop, .page--faq-returns-refunds .faq-search-desktop, .page--faq-promotions .faq-search-desktop, .page--faq-manage-account .faq-search-desktop, .page--faq-orders .faq-search-desktop, .page--faq-payment-queries .faq-search-desktop, .page--faq-financial .faq-search-desktop, .page--faq-credit-accounts .faq-search-desktop, .page--faq-about-us .faq-search-desktop, .page--faq-product-information .faq-search-desktop, .page--faq-legal-data .faq-search-desktop { display: none; } } @media (max-width: 35.9375rem) { body.drawer-toggle { overflow: hidden; } body.drawer-toggle .main, body.drawer-toggle .footer, body.drawer-toggle .header, body.drawer-toggle .site-search__form-fgh .site-search__field, body.drawer-toggle .toggle-box, body.drawer-toggle .module-container section, body.drawer-toggle .descriptive-card--cms, body.drawer-toggle .module-container .module-grid, body.drawer-toggle .faqsidenav .faqsidenav_button { background-color: #666666; } body.drawer-toggle .toggle-box, body.drawer-toggle .faqsidenav .faqsidenav_button { border: 0.063rem solid #666666; } body.drawer-toggle .page--faq-delivery .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-returns-refunds .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-promotions .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-manage-account .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-orders .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-payment-queries .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-financial .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-credit-accounts .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-about-us .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-product-information .experience-region:has(.experience-accelerator_layouts-flexibleGrid), body.drawer-toggle .page--faq-legal-data .experience-region:has(.experience-accelerator_layouts-flexibleGrid) { background-color: #666666; } body.drawer-toggle .page--faq-delivery .global-banner, body.drawer-toggle .page--faq-returns-refunds .global-banner, body.drawer-toggle .page--faq-promotions .global-banner, body.drawer-toggle .page--faq-manage-account .global-banner, body.drawer-toggle .page--faq-orders .global-banner, body.drawer-toggle .page--faq-payment-queries .global-banner, body.drawer-toggle .page--faq-financial .global-banner, body.drawer-toggle .page--faq-credit-accounts .global-banner, body.drawer-toggle .page--faq-about-us .global-banner, body.drawer-toggle .page--faq-product-information .global-banner, body.drawer-toggle .page--faq-legal-data .global-banner { background-color: #666666; opacity: 0.5; } } @media (max-width: 35.9375rem) { .page--helpcentre .module-grid--spacing-row-large > .module-grid__item { margin-bottom: 0.875rem; } } .page--helpcentre .mobile-3r-1c { max-width: 74.9375rem; margin: 2rem auto; } @media (max-width: 35.9375rem) { .page--helpcentre .mobile-3r-1c { margin: 1rem; } } .page--helpcentre .mobile-3r-1c .experience-accelerator_layouts-2colLayout { border: 0.0625rem solid #D9D9D9; } .page--helpcentre .mobile-3r-1c .icon-tile__media { width: 1rem; height: 1rem; } .page--helpcentre .cms-grid { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; -webkit-box-shadow: 0 0.0625rem 0.188rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.0625rem 0.188rem rgba(0, 0, 0, 0.16); } .page--helpcentre .cms-grid .icon-tile { padding: 0 1.25rem; } .cms-popular { font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.25rem; margin: 0; padding: 1.125rem 1rem; background-color: #F2F2F2; border: 0.0625rem solid #D9D9D9; border-top: none; border-radius: unset; cursor: pointer; } .cms-popular.view-all { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-bottom: 0.0625rem solid #D9D9D9; } .cms-popular:after { top: calc(50% - 5px); content: ""; right: 0.625rem; cursor: pointer; -webkit-tap-highlight: rgba(125, 87, 87, 0); display: block; position: absolute; width: 0.625rem; height: 0.625rem; margin-bottom: 1rem; margin-right: 0.75rem; border-top: 0.125rem solid #7F7F7F; border-right: 0.125rem solid #7F7F7F; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0 all; transition: 0 all; -webkit-transform-origin: center; transform-origin: center; vertical-align: top; } .cms-help--questionTitle { font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; white-space: nowrap; padding-bottom: 0.375rem; } .help-module-title { margin: 2.5rem 0; } .button--custom-outline:hover:not([disabled]):not(.disabled) { color: #000000; border-color: #000000; } .help-header { font-size: 2.25rem; line-height: 2.25rem; font-weight: 500; margin: 2.25rem 0; } .help-title { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 1rem; } .help-chat-live { min-height: 18.75rem; } .help-chat-live p:first-child { line-height: 1.875rem; } .help-chat-live p:nth-child(2) { line-height: 1.25rem; } .help-chat-live p:nth-child(3) { line-height: 1.25rem; font-weight: 500; } .help-chat-live p:nth-child(4) { line-height: 1.25rem; } .help-chat-live button { font-size: 1rem; font-weight: 500; line-height: 1.25rem; } .help-chat-phone { min-height: 18.75rem; } .help-chat-phone p:first-child { line-height: 1.875rem; } .help-chat-phone p:nth-child(2) { line-height: 1.25rem; } .help-chat-phone p:nth-child(3) { line-height: 1rem; } .help-chat-phone p:nth-child(4) { line-height: 1.25rem; font-weight: 500; } .help-chat-phone button { font-size: 1rem; font-weight: 500; line-height: 1.25rem; margin: 0.125rem 1.5rem; } .helpful--guides-card { font-weight: 400; font-size: 1.125rem; line-height: 1.375rem; } .faq-search .faq-search__back__button { display: none; } .faq-search .faq-search-title { display: none; } .faq-search .faq-search__form-fgh { position: relative; width: 22.5rem; margin: 0 auto; } @media (max-width: 35.9375rem) { .faq-search .faq-search__form-fgh { width: 90%; } } .faq-search .faq-search__field { border-radius: 3.125rem; width: 100%; padding: 0.75rem; } .faq-search .faq-search__button { position: absolute; top: 0.625rem; right: 0.813rem; cursor: pointer; } .html-block__cta:has(.faq-search) { margin: 0; } @media (max-width: 35.9375rem) { .container.gutter--medium-up-normal.gutter--medium-only-small.gutter--small-only-normal:has(.faq-search) { padding: 0; } } .faq-search__tip-title { font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; } .faq-search_tip { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; white-space: normal; margin-top: 1rem; } .faqSearchResults { margin-top: 2.5rem; } .faqSearchResults .search-results__toolbar { text-align: left; font-size: 1.5rem; font-weight: 500; line-height: 1.875rem; margin-bottom: 1rem; } .faqSearchResults .faq-heading { font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; white-space: normal; } .faqSearchResults .faq-description { font-size: 1rem; font-weight: 400; line-height: 1.25rem; white-space: normal; } .faqSearchResults .toggle-box { border: 0; border-bottom: 0.0625rem solid #D9D9D9; padding: 0.625rem; } .faqSearchResults .toggle-box__label.collapse::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .lookup-form-group { position: relative; } .lookup-form-group .editAddress { color: #1967D2; } .billingaddress { line-height: 1.25rem; } .differentBilling { visibility: hidden; font-size: 1rem; line-height: 1.25rem; } .address-lookup-container { position: absolute; width: 100%; border: 0.125rem solid #070707; z-index: 1; background: #FFFFFF; border-top: 0; opacity: 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .address-lookup-container.active { opacity: 1; z-index: 4; } .address-lookup-container .address-lookup-content { padding: 0.75rem 1rem; border-bottom: 1px solid #D9D9D9; cursor: pointer; } .address-lookup-container .address-lookup-content:hover { background-color: #F2F2F2; } .address-lookup-container .address-lookup-content:last-child { border-bottom: none; } .address-lookup-container .address-lookup-content .addressData { color: #666666; cursor: pointer; margin: 0; } .address-lookup-container .address-lookup-content .highlight { color: #070707; font-weight: 500; } .shippingAddressOne.inactive { opacity: 0; height: 0; padding: 0; } .shippingAddressOne::-webkit-input-placeholder { color: #666666; /* Change this to the color you want */ opacity: 1; /* Ensures the color is fully opaque */ } .shippingAddressOne::-moz-placeholder { color: #666666; /* Change this to the color you want */ opacity: 1; /* Ensures the color is fully opaque */ } .shippingAddressOne:-ms-input-placeholder { color: #666666; /* Change this to the color you want */ opacity: 1; /* Ensures the color is fully opaque */ } .shippingAddressOne::-ms-input-placeholder { color: #666666; /* Change this to the color you want */ opacity: 1; /* Ensures the color is fully opaque */ } .shippingAddressOne::placeholder { color: #666666; /* Change this to the color you want */ opacity: 1; /* Ensures the color is fully opaque */ } .shippingAddressOne.active { border: 0.125rem solid #070707; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selection-container { border: 0.0625rem solid #D9D9D9; border-radius: 0.25rem; padding: 0.75rem; display: none; margin-bottom: 0.625rem; } .selection-container.active { display: block; } .selection-container dl { margin: 0; } .selection-container ul { margin: 0; padding: 0; } .selection-container ul li { list-style: none; } .selection-container .addressline { display: block; } .address-count { display: block; } /*# sourceMappingURL=global.css.map*/