/* -------------------------------------------------------------------------- *\ GROOVE VELOCITY Created by Groove Commerce - Baltimore Maryland This is a custom curated framework designed and built by Groove Commerce in Baltimore for building BigCommerce eCommerce websites. This theme is based on the Cornerstone theme, but enhanced with performance, accessibility, and workflow in mind. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ BASE FILES These files establish the base of the theme, they include variables, mixins, resets, functions, and fonts. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FONTS \* -------------------------------------------------------------------------- */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"); @font-face { font-family: Conthrax; src: url("../fonts/Conthrax/conthrax-rg.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Conthrax; font-weight: 600; src: url("../fonts/Conthrax/conthrax-sb.otf") format("opentype"); font-style: normal; font-display: swap; } @font-face { font-family: Conthrax; font-weight: 700; src: url("../fonts/Conthrax/conthrax-bd.otf") format("opentype"); font-style: normal; font-display: swap; } @font-face { font-family: "ico"; src: url("../fonts/ico.eot?43aff388e2dc7b4d5c7c5a5f6918af4c"); src: url("../fonts/ico.eot?43aff388e2dc7b4d5c7c5a5f6918af4c#iefix") format("embedded-opentype"), url("../fonts/ico.woff?43aff388e2dc7b4d5c7c5a5f6918af4c") format("woff"), url("../fonts/ico.ttf?43aff388e2dc7b4d5c7c5a5f6918af4c") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "ico"; display: inline-block; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\f101"; } .icon-arrow-left:before { content: "\f102"; } .icon-arrow-right:before { content: "\f103"; } .icon-arrow-up:before { content: "\f104"; } .icon-basket:before { content: "\f105"; } .icon-box:before { content: "\f106"; } .icon-brand-facebook:before { content: "\f107"; } .icon-brand-instagram:before { content: "\f108"; } .icon-brand-linkedin:before { content: "\f109"; } .icon-brand-pinterest:before { content: "\f10a"; } .icon-brand-twitter:before { content: "\f10b"; } .icon-brand-youtube:before { content: "\f10c"; } .icon-cart-plus:before { content: "\f10d"; } .icon-cart:before { content: "\f10e"; } .icon-chat:before { content: "\f10f"; } .icon-check-circle:before { content: "\f110"; } .icon-chevron-down:before { content: "\f111"; } .icon-chevron-left:before { content: "\f112"; } .icon-chevron-right:before { content: "\f113"; } .icon-chevron-up:before { content: "\f114"; } .icon-close:before { content: "\f115"; } .icon-dollar:before { content: "\f116"; } .icon-download:before { content: "\f117"; } .icon-envelope-open:before { content: "\f118"; } .icon-envelope:before { content: "\f119"; } .icon-exclamation-triangle:before { content: "\f11a"; } .icon-filters-toggles:before { content: "\f11b"; } .icon-filters:before { content: "\f11c"; } .icon-free-shipping:before { content: "\f11d"; } .icon-gifts:before { content: "\f11e"; } .icon-in-stock:before { content: "\f11f"; } .icon-info-circle:before { content: "\f120"; } .icon-lock-ssl:before { content: "\f121"; } .icon-lock:before { content: "\f122"; } .icon-map-marker:before { content: "\f123"; } .icon-minus:before { content: "\f124"; } .icon-pencil:before { content: "\f125"; } .icon-phone:before { content: "\f126"; } .icon-play:before { content: "\f127"; } .icon-plus:before { content: "\f128"; } .icon-print:before { content: "\f129"; } .icon-question-circle:before { content: "\f12a"; } .icon-returns:before { content: "\f12b"; } .icon-rss:before { content: "\f12c"; } .icon-search:before { content: "\f12d"; } .icon-select-updown:before { content: "\f12e"; } .icon-share:before { content: "\f12f"; } .icon-size-chart:before { content: "\f130"; } .icon-slash:before { content: "\f131"; } .icon-star-empty:before { content: "\f132"; } .icon-star-full:before { content: "\f133"; } .icon-star-half:before { content: "\f134"; } .icon-thumb-up:before { content: "\f135"; } .icon-thumbs-up:before { content: "\f136"; } .icon-times:before { content: "\f137"; } .icon-trash:before { content: "\f138"; } .icon-user:before { content: "\f139"; } /* -------------------------------------------------------------------------- *\ GLOBAL SITE VARIABLES ORGANIZATION OF OUR CSS DEFINITIONS GROUP CLASS DEFINITIONS BY THE FOLLOWING TYPES POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM) BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING) BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW) FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT) TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW) OTHER (TRANSITONS, ANIMATIONS, CURSOR) IF A MIXIN IS AVAILABLE USE THAT INSTEAD WRITING ALL PROPERTIES OUT \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ COLORS IT'S IMPORTANT TO USE A GENERIC NAMING SYSTEM FOR COLORS USED THROUGHOUT THE SITE. THIS ALLOWS US TO BUILD UPDATE VARIABLES IN THE FUTURE WITHOUT HAVING POTENTIAL ISSUES LIKE RED BECOMING GREEN DUE TO A RE-BRAND. Primary, Seoncdary, and Tertiary refer to the most used, second most used and third most used color in the pallete. These are generally shades of gray used to set the color of copy and backgrounds of elements. Aceent colors are used to set the brand colors used throughout the web design. These are commonly used to accent an element like when used as a border or design element to a heading, or draw the users attention to a call to action like a button. The reason we want to stick to this style naming convention for colors is so that if the branding of the company changes, we can quickly update a variable from a light shade of green to a WCAG compliant shade of green and not have to do a find and replace for $lt-green and change it to $dk-green. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FONT SETTINGS These variables define the font settings used throughout the website. Setting the copies font family, size, color and line-height allows us to use these variables throughout our files and ensure we are consistently setting things up. These are all used in the reset file on the body and html element, which should mean the only time you need to re-use these are when you are resetting a more specific class back to these values. The headings file under structure utilize the heading variables. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ MEDIA QUERIES Common media queries that we utilize throughout the SCSS for the website. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ GRID SETUP Grid variables that are used to set the base variables of the Grid Mixins. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FEED SPACING FOR CARDS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ COMPONENT SPACING FOR CARDS, CONTAINERS, & SECTIONS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ MISC VARIABLES \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ GLOBAL MIXINS These are a common set of mixins that are commonly \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ SCREEN READER ONLY This mixin hides all content from the view, but keeps it audible for screen readers. \* -------------------------------------------------------------------------- */ @use "sass:math"; /* -------------------------------------------------------------------------- *\ CLEARS Both of the following mixins can be used to clear floated elements. Clearfix makes the before and after of the wrapping element able to clear the floats contained within it. This is good to use when all floated elements are contained with in a single parent element. Clear makes the element itself clear the floats, this is used when an element is following a floated element and needs to be on a new row. While floating is older and not as prefered as using newer techniques for page layout, it still serves a useful purpose and should be used appropriately. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE APPEARANCE MIXIN This is used to reset an objects experience of the default settings applied by the browser. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE HOVER/FOCUS MIXIN 90% of the time when a hover psuedo class is added to an element the focus psuedo class should be defined as well. These psuedo classes are also generally the same styles. We've created the hover mixin to apply both the hover & focus states. This MUST be used whenever defining a hover state, unless the focus state requires different behavior to be applied. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE TRAMSFORM MIXINS Transform is used to move an element on the page, without triggering a re-paint. This is key when animating either through animate or transition on an element, the animation will be faster and work better when using the transform property rather than the left, top, right, and bottom properties. The transform mixins are a set of commonly coupled CSS 3 properties used together. They are each individually defined because they don't all need to be used all the time. Transform is a must for all of the others to work, and the others are useless without it. Transform Origin will change the location where the transform will start to take effect from. Perspective will be be amount of distance in space the transform should be applied from. Backface is used to hide the backside of an element when it's rotated and the back of the parent element is not visible. Without this applied, the back side of the element will appear behind the front of the element. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE POSITION MIXIN The position mixin was created to help position elements by combining severally coupled properties into the mixin. When positioning something relative, absolute, fixed, or sticky we almost always are defining the z-index, so that is our second variable. Setting the variable to null will ignore the z-index property completely and the z-index will be inherited from it's natural position in the dom. Otherwise pass in an integer and the z-index will be defined. The next variable applies the direction, this can either be an array of directions passed in like (top, left), or it can be a single direction like left. The next variable applies the coordinates corresponding to the direction. For each direction passed in, a corresponding coordinate needs to accompany it. For example if (top, left) is set as our direction, then (0, 0) would set the top: 0; left: 0; properties. The last variable to be passed in is the transform property which will call the transform mixin. Only the position variable is required to make the mixin wor, which is why we default to relative, the rest are preset to null. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE FLEX MIXINS This group of mixins can be used to ensure all vendor prefixing is correctly applied to support older browsers. In addition, we couple the common properties that work with flex. When the flex mixin is called, the first property will set the display of the object to flex. The first variable allows you to set the justify content property which aligns the child elements accross the first axis. Remember: - when setting flex-flow to column the first axis is the Y-axis - when setting flex-flow to row the first axis is the X-axis The second variable allows you to set the align items property which aligns the child elements accross the second axis. Remember: - when setting flex-flow to column the second axis is the Y-axis - when setting flex-flow to row the second axis is the X-axis The third variable allows you to set align content, which has no effect when there is only one line of items, The final variable is flex-flow which allows you to set the direction and whether the items inside can wrap or not. The Flex Item mixin is used to apply properties to the flexed item. The first three variables are required in order for this mixin to work. The grow variable tells the flex item whether it's allowed to grow to fill the unused space. The shrink variable tells the flex item whether it's allowed to shrink to accomodate more elements within the space. The flex basis variable defines how much space the element should take up initially, then scale proportionatly based on that with the other sibling elements. Generally we leave this set to auto. The final variable defines the order for the element to appear. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE SET WIDTH MIXIN This mixin is used to set the width of an element based on a group of media queries and their corresponding widths. For example the div within the header, section, and footer elements all use this mixin to set the width of the element at a corresponding media query so they are all styled with the same width. The first variable is a set of media queries, the first item in the array will be set as the default. The following items will all be set to their corresponding media queries. The second variable is an array of widths, normally % based, but could be any value acceptable to be defined in the width property. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE CSS3 GRID MIXINS This set of mixins are used to build grid layouts using the CSS3 Grid property. Grid Columns is used to set the columns on a parent element. Grid Rows is used to set the rows on a parent element. Grid Column Gap will define the space between the columns. Grid Row Gap will define the space between the rows. Grid will combine all of the above mixins into 1 mixin used to define the base of the parent item. The above mixins can be used on their own to change their values at various media queries. IE11 does support grid, so we can utilize it to create complex layouts, however there are some elements of the grid which it does not support. This mixin will fix all of that and write out the proper settings to support IE. We utilize the @supports feature which is not supported by IE11, but is supported by all browsers that also happen to use grid. So using this feature we can reset some of the settings applied to IE11. The grid item mixin will set specific values needed for the placement of the item itself. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE GRID LAYOUT MIXINS This mixin is used to create a row and column based grid structure, like the one found in bootstrap, actually exactly like the one found in bootstrap. The Set Col Widths mixin is looped over and sets the width based of an element based on how many columns are defined. Generate Columns is used to loop over each media query and then calls the Set Col Widths mixin to build each group out. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CSS 3 EFFECTS These mixins in the past have had lots of browser prefixes to make them work across all the browsers. We will maintain the prefixes, and remove them as needed. The mixins will continue to work, as to not break the code, but as older browsers decline in use, we will remove unnecessary prefixes to help keep our file size limited. Effects include: * Box Shadow * Animations * Filters * Tranistions \* -------------------------------------------------------------------------- */ /*--- FILTERS ---*/ /*--- TRANSITION ---*/ /* -------------------------------------------------------------------------- *\ THE FONT SIZE MIXIN This mixin was originally used to support REM and PX based measurement for fonts. However, since we have moved to a completely rem based measurement this mixin is less likely to be used. This is marked for deletion in an upcoming update, but we want to keep this around for a little while longer. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ THE BUTTON MIXIN This mixin controls the base button styles since there are several different buttons class structures used throughout BigCommerce. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ BORDER MIXIN This mixin creates border around given selector for testing purposes \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOCUS TOOLTIP This mixin creates a tooltip on focus for accessibility \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ BREAKPOINT MIXIN A media query helper for responsive design breakpoints. Usage: @include breakpoint('medium') { ... } \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ COMMON RESETS TO HELP MAKE BROWSERS DISPLAY MORE CONSISTANTLY \* -------------------------------------------------------------------------- */ * { box-sizing: border-box; padding: 0; margin: 0; color: inherit; } /* -------------------------------------------------------------------------- *\ RESETS THE FONT SIZE TO BE BASE 10 \* -------------------------------------------------------------------------- */ html { font-size: 62.5%; height: 100%; } /* -------------------------------------------------------------------------- *\ PREVENTS HORIZONTAL SCROLLING WHEN IT'S UNDESIRED \* -------------------------------------------------------------------------- */ @media (max-width: 991.9px) { html, body { width: 100%; } } /* -------------------------------------------------------------------------- *\ REMOVES OUTLINE ON FOCUS \* -------------------------------------------------------------------------- */ :focus { outline: none; } /* -------------------------------------------------------------------------- *\ ANCHOR STYLES SETS A TRANSITION DEFAULT HERE FOR ALL ANCHORS. SETS UP THE SKIP CONTENT BUTTON THAT SHOULD BE FOUND AS THE FIRST ELEMENT AFTER THE OPENING BODY TAG ON ALL PAGES. \* -------------------------------------------------------------------------- */ a { transition: all .25s; } a.skip-content { position: fixed; z-index: 10000; left: 50%; top: 0; -webkit-transform: translate(-50%, -101%); -ms-transform: translate(-50%, -101%); transform: translate(-50%, -101%); background: #fff; color: #000000; transition: transform 0.25s, background 0.25s, color 0.25s; } a.skip-content:focus { background: #000000; color: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media print { a.skip-content { display: none; } } /* -------------------------------------------------------------------------- *\ RESETS THE BUTTON TO BE JUST LIKE ALL OTHER INLINE ELEMENTS \* -------------------------------------------------------------------------- */ button { background: none; border: none; font-size: 1em; font-family: "Open Sans", Arial, Helvetica, sans-serif; cursor: pointer; } /* -------------------------------------------------------------------------- *\ RESETS STYLES ON INPUT ELEMENTS FOR FORMS \* -------------------------------------------------------------------------- */ input, select, textarea { border-radius: 0.8rem; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 150%; font-weight: 400; } /* -------------------------------------------------------------------------- *\ PROVIDES A CLASS FOR SCREEN READER ONLY ELEMENTS \* -------------------------------------------------------------------------- */ .sr-only { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .icons-svg-sprite { display: none; } ins { text-decoration: none; } /* -------------------------------------------------------------------------- *\ PROVIDES A CLASS FOR FOCUSED ELEMENTS \* -------------------------------------------------------------------------- */ button:focus-visible { outline: 0.25rem solid #3170B5 !important; outline-offset: 0.3rem !important; outline: none; } [contenteditable="true"]:focus-visible, [href]:focus-visible, [tabindex]:not([tabindex="-1"]):focus-visible, details:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0.1rem solid #3170B5 !important; outline-offset: 0rem !important; box-shadow: 0px 0px 0px 4px #00000014; outline: none; } .facets button:focus-visible { outline-offset: -0.2rem !important; } input:focus-visible + label { outline: none; outline: 0.1rem solid #3170B5 !important; outline-offset: 0rem !important; } .u-hiddenVisually, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 0.1rem; margin: -0.1rem; overflow: hidden; padding: 0; position: absolute; width: 0.1rem; } @media (max-width: 991.9px) { .visuallyhidden-below-desktop { border: 0; clip: rect(0 0 0 0); height: 0.1rem; margin: -0.1rem; overflow: hidden; padding: 0; position: absolute; width: 0.1rem; } } [data-sub-layout-container], [data-sub-layout] { padding: 0 !important; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select:focus, textarea:focus, input[type=text]:focus { font-size: 1.6rem; } } /* -------------------------------------------------------------------------- *\ GLOBAL ELEMENTS These files establish global elements that appear throughout the website. \* -------------------------------------------------------------------------- */ .about-page-breadcrumb { border-bottom: 0.1rem solid #B3BBCB; } .about-page-breadcrumb .breadcrumbs { text-align: left; padding: 1.5rem 0; margin-bottom: 0; } .about-page-breadcrumb .breadcrumbs .breadcrumb { font-size: 1.6rem; } .about-page-breadcrumb .breadcrumbs .breadcrumb.is-active > .breadcrumb-label { color: #DDE5F4; font-weight: 700; } .about-intro-section h2 { font-size: 3.2rem; } .about-intro-section .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-intro-section .row::after { content: ""; clear: both; display: table; } .about-intro-section .col-1, .about-intro-section .col-2, .about-intro-section .col-3, .about-intro-section .col-4, .about-intro-section .col-5, .about-intro-section .col-6, .about-intro-section .col-7, .about-intro-section .col-8, .about-intro-section .col-9, .about-intro-section .col-10, .about-intro-section .col-11, .about-intro-section .col-12, .about-intro-section .col, .about-intro-section .col-auto, .about-intro-section .col-md-1, .about-intro-section .col-md-2, .about-intro-section .col-md-3, .about-intro-section .col-md-4, .about-intro-section .col-md-5, .about-intro-section .col-md-6, .about-intro-section .col-md-7, .about-intro-section .col-md-8, .about-intro-section .col-md-9, .about-intro-section .col-md-10, .about-intro-section .col-md-11, .about-intro-section .col-md-12, .about-intro-section .col-lg-auto, .about-intro-section .col-lg-1, .about-intro-section .col-lg-2, .about-intro-section .col-lg-3, .about-intro-section .col-lg-4, .about-intro-section .col-lg-5, .about-intro-section .col-lg-6, .about-intro-section .col-lg-7, .about-intro-section .col-lg-8, .about-intro-section .col-lg-9, .about-intro-section .col-lg-10, .about-intro-section .col-lg-11, .about-intro-section .col-lg-12, .about-intro-section .col-lg-auto { position: relative; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } .about-intro-section .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-intro-section .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-intro-section .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-intro-section .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-intro-section .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-intro-section .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-intro-section .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-intro-section .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-intro-section .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-intro-section .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-intro-section .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-intro-section .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-intro-section .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-intro-section .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 76.8rem) { .about-intro-section .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-intro-section .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-intro-section .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-intro-section .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-intro-section .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-intro-section .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-intro-section .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-intro-section .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-intro-section .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-intro-section .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-intro-section .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-intro-section .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-intro-section .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-intro-section .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 99.2rem) { .about-intro-section .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-intro-section .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-intro-section .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-intro-section .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-intro-section .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-intro-section .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-intro-section .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-intro-section .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-intro-section .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-intro-section .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-intro-section .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-intro-section .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-intro-section .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-intro-section .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .about-intro-section .pl-lg-0 { padding-left: 0; } .about-intro-section .pr-lg-0 { padding-right: 0; } .about-intro-section .d-lg-block { display: block !important; } .about-intro-section .d-lg-none { display: none !important; } } @media (min-width: 120rem) { .about-intro-section .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-intro-section .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-intro-section .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-intro-section .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-intro-section .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-intro-section .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-intro-section .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-intro-section .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-intro-section .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-intro-section .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-intro-section .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-intro-section .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-intro-section .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-intro-section .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .about-intro-section .content-box .header { text-align: center; text-transform: uppercase; } .about-intro-section .content-box .content-box-body .card-group { color: white; } .about-intro-section .content-box .content-box-body .card-group .card-header h6 { color: white; font-weight: 500; font-size: 1.2rem; margin: 0; } .about-intro-section .content-box .content-box-body .card-group .card-body h4 { font-size: 1.6rem; color: white; font-weight: 600; text-transform: inherit; } .about-intro-section .content-box .content-box-body .card-group .card-body .rating { padding-top: 3rem; } .about-intro-section .content-box .content-box-body .left-card { background: #000000; padding: 2.5rem; } .about-intro-section .content-box .content-box-body .right-card { background: #000000; padding: 2.5rem; } .about-intro-section .content-box .content-box-body .card-header { text-transform: uppercase; } .about-intro-section .shape-parent { background: url("./../img/about-2.png"); } .about-intro-section .shape-parent .shape { width: 66%; height: 120rem; /*...*/ -webkit-shape-outside: polygon(29.4% 0.6rem, 100% 0, 100% 35%, 100% 70%, 100% 100%, 0 100%, 8% 61%, 12.07% 47.42%, 28.59% 29.83%, 39.43% 17.42%); shape-outside: polygon(29.4% 0.6rem, 100% 0, 100% 35%, 100% 70%, 100% 100%, 0 100%, 8% 61%, 12.07% 47.42%, 28.59% 29.83%, 39.43% 17.42%); float: right; } .about-intro-section .shape-parent .content { padding: 8% 5%; font-size: 1.5rem; } .about-intro-section .shape-parent .content p:nth-child(3) { font-size: 2.1rem; line-height: 1.6; font-weight: 600; } .about-intro-section .shape-parent .content p:nth-child(3) span { color: #0061A1; font-size: 2.2rem; } .about-intro-section .shape-parent .content p:nth-child(6) { font-weight: 600; } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: none; border-radius: 0; } .progress-wrap { position: relative; } .progress-wrap .progress-group { display: flex; flex-direction: unset; align-items: center; } .progress-wrap .progress-group label { width: 45%; color: white; font-size: 1.4rem; } .progress-wrap .progress { padding: 0; background: #ebebeb; border-radius: 1rem; margin: 2rem 0; width: 55%; height: 2rem; } .progress-wrap .progress .progress-bar { height: 2rem; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; background-color: #97d6ff; height: 2rem; } .progress-wrap .progress .progress-bar.markmanship { width: 95%; } .progress-wrap .progress .progress-bar.private-pilot { width: 80%; } .progress-wrap .progress .progress-bar.hunting { width: 80%; } .progress-wrap .progress .progress-bar.fishing { width: 70%; } .progress-wrap .progress .progress-bar.sword-fighting { width: 60%; } .progress-wrap .progress .progress-bar.scuba-diving { width: 90%; } .progress-wrap .progress .progress-bar.tomfoolery { width: 95%; } .about-bottom-section { padding: 0.1rem; background-color: #0061A1; } .about-bottom-section .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-bottom-section .row::after { content: ""; clear: both; display: table; } .about-bottom-section .col-1, .about-bottom-section .col-2, .about-bottom-section .col-3, .about-bottom-section .col-4, .about-bottom-section .col-5, .about-bottom-section .col-6, .about-bottom-section .col-7, .about-bottom-section .col-8, .about-bottom-section .col-9, .about-bottom-section .col-10, .about-bottom-section .col-11, .about-bottom-section .col-12, .about-bottom-section .col, .about-bottom-section .col-auto, .about-bottom-section .col-md-1, .about-bottom-section .col-md-2, .about-bottom-section .col-md-3, .about-bottom-section .col-md-4, .about-bottom-section .col-md-5, .about-bottom-section .col-md-6, .about-bottom-section .col-md-7, .about-bottom-section .col-md-8, .about-bottom-section .col-md-9, .about-bottom-section .col-md-10, .about-bottom-section .col-md-11, .about-bottom-section .col-md-12, .about-bottom-section .col-lg-auto, .about-bottom-section .col-lg-1, .about-bottom-section .col-lg-2, .about-bottom-section .col-lg-3, .about-bottom-section .col-lg-4, .about-bottom-section .col-lg-5, .about-bottom-section .col-lg-6, .about-bottom-section .col-lg-7, .about-bottom-section .col-lg-8, .about-bottom-section .col-lg-9, .about-bottom-section .col-lg-10, .about-bottom-section .col-lg-11, .about-bottom-section .col-lg-12, .about-bottom-section .col-lg-auto { position: relative; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } .about-bottom-section .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-bottom-section .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-bottom-section .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-bottom-section .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-bottom-section .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-bottom-section .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-bottom-section .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-bottom-section .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-bottom-section .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-bottom-section .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-bottom-section .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-bottom-section .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-bottom-section .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-bottom-section .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 76.8rem) { .about-bottom-section .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-bottom-section .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-bottom-section .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-bottom-section .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-bottom-section .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-bottom-section .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-bottom-section .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-bottom-section .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-bottom-section .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-bottom-section .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-bottom-section .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-bottom-section .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-bottom-section .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-bottom-section .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 99.2rem) { .about-bottom-section .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-bottom-section .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-bottom-section .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-bottom-section .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-bottom-section .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-bottom-section .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-bottom-section .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-bottom-section .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-bottom-section .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-bottom-section .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-bottom-section .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-bottom-section .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-bottom-section .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-bottom-section .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .about-bottom-section .pl-lg-0 { padding-left: 0; } .about-bottom-section .pr-lg-0 { padding-right: 0; } .about-bottom-section .d-lg-block { display: block !important; } .about-bottom-section .d-lg-none { display: none !important; } } @media (min-width: 120rem) { .about-bottom-section .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-bottom-section .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .about-bottom-section .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .about-bottom-section .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .about-bottom-section .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .about-bottom-section .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .about-bottom-section .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .about-bottom-section .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-bottom-section .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .about-bottom-section .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .about-bottom-section .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .about-bottom-section .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .about-bottom-section .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .about-bottom-section .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .about-bottom-section .profile-card { background-color: white; margin: 5rem 3rem; border-radius: 0.2rem; padding: 5rem 4rem; } .about-bottom-section .profile-card .profile-header { border-radius: 50%; width: 10rem; height: 10rem; overflow: hidden; margin-bottom: 4rem; } .about-bottom-section .profile-card .profile-body h4 { text-transform: initial; font-weight: 700; color: #000000; margin: 0; } .about-bottom-section .profile-card .profile-body span { text-transform: uppercase; font-size: 1.2rem; letter-spacing: 0.1rem; display: block; margin: 1.5rem 0; } .about-bottom-section .profile-card .profile-body p { font-size: 1.4rem; line-height: 1.7; justify-content: center; text-align: justify; } .about-bottom-section .profile-card .profile-footer { display: flex; align-items: center; } .about-bottom-section .profile-card .profile-footer img { margin-right: auto; } .about-bottom-section .profile-card .profile-footer .profile-icons { float: right; font-size: 1.2rem; text-align: right; } .about-bottom-section .profile-card .profile-footer .profile-icons i { padding-right: 0.8rem; } .about-bottom-section .skills-card { padding-bottom: 5rem; } .about-bottom-section .skills-card h4 { color: white; padding-top: 7rem; padding-bottom: 1.5rem; text-transform: initial; font-weight: 400; } @media (min-width: 57.6rem) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } } @media (min-width: 102.4rem) and (max-width: 119.9rem) { .about-intro-section .shape-parent { background-position: left; } .about-intro-section .shape-parent .shape { width: 60%; shape-outside: polygon(29.4% 0.6rem, 100% 0, 100% 35%, 100% 70%, 100% 100%, 0 100%, 12.67% 61.42%, 22.74% 44.84%, 54.1% 13.17%); } } @media (min-width: 120rem) { .about-intro-section .content-box { padding: 5rem 5rem 5rem 0; } .about-intro-section .content-box .header h1 { margin-top: 0; padding-bottom: 3rem; font-size: 6.4rem; } .about-intro-section .content-box .content-box-body p { padding-bottom: 3rem; font-size: 1.76rem; font-size: 1.76rem; padding: 0 2.5rem 5.5rem 2.5rem; margin-bottom: 0; } .about-bottom-section .skills-card .progress-wrap { padding-right: 3rem; } } @media (max-width: 99.1rem) { .about-intro-section .col-lg-6 { padding-left: 0; padding-right: 0; } .about-intro-section .content-box .content-box-body .card-group { margin-bottom: 4.8rem; } .about-intro-section .shape-parent { background: initial; } .about-intro-section .shape-parent .shape { width: unset; height: auto; shape-outside: unset; float: inherit; } .about-intro-section .shape-parent .content { padding: 1.5rem; font-size: 1.4rem; } .about-intro-section .shape-parent .content p:nth-child(3) { font-size: 1.8rem; } .about-intro-section .shape-parent .content p:nth-child(3) span { font-size: 1.8rem; } .about-bottom-section .profile-card { margin: 3rem 0; padding: 4rem 3rem; } .about-bottom-section .profile-card .profile-body span { font-size: 1.2rem; } .about-bottom-section .profile-card .profile-body p { font-size: 1.2rem; } .about-bottom-section .profile-card .profile-body h4 { width: 55%; } .about-bottom-section .skills-card h4 { padding-top: 0; } .progress-wrap .progress-group label, .progress-wrap .progress-group .progress { width: 50%; } } @media (max-width: 80rem) { .about-bottom-section { position: relative; bottom: -3.5rem; margin-top: -3.5rem; } } @media (max-width: 47.9rem) { .about-page-breadcrumb { display: none; } .about-intro-section .col-lg-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .about-intro-section .content-box .header h1 { font-size: 1.6rem; } .about-intro-section .content-box .content-box-body p { font-size: 1.2rem; } .about-intro-section .content-box .content-box-body .card-group { margin-bottom: 0rem; } .about-intro-section .content-box .content-box-body .card-group .card.left-card { margin-bottom: 0; } .about-intro-section .content-box .content-box-body .card-group .card .card-body h4 { font-size: 1.2rem; } .about-bottom-section .profile-card .profile-body h4 { width: 100%; } } .store-locator-container .store-locator { height: 85rem; } .store-locator-container .store-locator .sl-left { width: 55%; height: 100%; float: left; } .store-locator-container .store-locator .sl-left .sl-content-inner { display: table-cell; vertical-align: middle; padding: 0 4rem; } .store-locator-container .store-locator .sl-left .sl-top { display: table; width: 100%; height: 50%; text-align: center; } .store-locator-container .store-locator .sl-left .sl-top h1.heading { font-size: 5.6rem; line-height: 1.3; margin: 0 0 3rem; } .store-locator-container .store-locator .sl-left .sl-top h1.heading span { display: block; } .store-locator-container .store-locator .sl-left .sl-top h2.sub-heading { color: #949494; font-size: 2rem; line-height: 1.8; font-weight: normal; text-transform: none; margin: 0; } .store-locator-container .store-locator .sl-left .sl-top h2.sub-heading span { display: block; } .store-locator-container .store-locator .sl-left .sl-bottom { color: #ffffff; display: table; width: 100%; height: 50%; } .store-locator-container .store-locator .sl-left .sl-bottom .non-seo-heading { font-size: 2.4rem; line-height: 1.5; margin-bottom: 4rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations { list-style-type: none; margin: 0; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li { width: 50%; padding-right: 5%; float: left; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-icon { margin-bottom: 2rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-icon .fas { font-size: 3rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-name { font-size: 1.5rem; font-weight: 600; margin-bottom: 2rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-name a { color: #ffffff; text-decoration: none; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-address { margin-bottom: 2rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-link a { color: #ffffff; } .store-locator-container .store-locator .sl-right { width: 45%; height: 100%; float: right; } .store-locator-container .store-locator .sl-right .map { height: 100%; } .store-locator-container .store-locator .sl-right .map iframe { border: 0; } .store-locator-container .store-locator .sl-right .map iframe:focus-visible { outline: 0.1rem dashed; outline-offset: 0.4rem; } @media screen and (max-width: 102rem) { .store-locator-container .store-locator { height: auto; } .store-locator-container .store-locator .sl-left, .store-locator-container .store-locator .sl-right { width: 100%; float: none; } .store-locator-container .store-locator .sl-left .sl-top, .store-locator-container .store-locator .sl-left .sl-bottom { height: auto; } .store-locator-container .store-locator .sl-left .sl-top { padding: 4rem 0; } .store-locator-container .store-locator .sl-left .sl-top h1.heading { font-size: 4rem; } .store-locator-container .store-locator .sl-left .sl-top h1.heading span { display: inline; } .store-locator-container .store-locator .sl-left .sl-top h2.sub-heading { font-size: 1.8rem; } .store-locator-container .store-locator .sl-left .sl-top h2.sub-heading span { display: inline; } .store-locator-container .store-locator .sl-left .sl-bottom { padding: 5rem 0; } .store-locator-container .store-locator .sl-right .map { height: 60rem; } } @media screen and (max-width: 54rem) { .store-locator-container .store-locator .sl-left .sl-top { padding: 3rem 0; } .store-locator-container .store-locator .sl-left .sl-top h1.heading { font-size: 2.2rem; margin-bottom: 2rem; } .store-locator-container .store-locator .sl-left .sl-top h2.sub-heading { font-size: 1.6rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li { float: none; width: 100%; padding-right: 0; margin-bottom: 3rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-icon, .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-name, .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li .loc-address { margin-bottom: 1rem; } .store-locator-container .store-locator .sl-left .sl-bottom ul.locations li:last-child { margin-bottom: 0; } } .contact-page-breadcrumb { border-bottom: 0.2rem solid #DDE5F4; } .contact-page-breadcrumb .breadcrumbs { text-align: left; padding: 1.5rem 0; margin-bottom: 0; } .contact-page-breadcrumb .breadcrumbs .breadcrumb { font-size: 1.6rem; } .contact-page-breadcrumb .breadcrumbs .breadcrumb.is-active > .breadcrumb-label { font-weight: 700; } .contact-page .locations-wrapper { padding-left: 7rem; padding-right: 7rem; } .contact-page .contact-address .page-heading, .contact-page .contact-address .desc, .contact-page .contact-address .contact-info { padding-left: 7rem; padding-right: 7rem; } .contact-page .contact-address .page-heading { padding-top: 5rem; font-size: 8rem; margin-bottom: 3.2rem; } .contact-page .contact-address .desc { font-size: 1.76rem; line-height: 2.2; } .contact-page .contact-address .contact-info { padding-top: 5rem; } .contact-page .contact-address .contact-info .contact-email p a { color: #0061A1; cursor: pointer; } .contact-page .contact-address .contact-info .address-icons { max-width: 2rem; padding-bottom: 0.5rem; } .contact-page .contact-address .contact-info p { margin-bottom: 2rem; font-size: 1.3rem; } .contact-page .contact-address .contact-info address { font-style: normal; padding-bottom: 2rem; } .contact-page .contact-address .contact-info .chat-now a .icon { position: absolute; right: 1rem; top: 0.6rem; } .contact-page .contact-address .contact-info .chat-now a .icon img { width: 1.4rem; height: 1.6rem; } .contact-page .contact-address .contact-info .chat-now .btn { max-width: 14rem; min-width: 14rem; padding: 0.8rem 1rem; text-align: left; text-decoration: none; } .contact-page .contact-address .contact-info .contact-additional-resorses p { font-weight: 600; } .contact-page .contact-address .contact-info .contact-additional-resorses ul { list-style-type: none; margin-left: 0; } .contact-page .contact-address .contact-info .contact-additional-resorses ul li { padding-bottom: 1rem; } .contact-page .contact-address .contact-info .contact-additional-resorses ul li a { color: #0061A1; cursor: pointer; font-size: 1.3rem; } .contact-page .contact-locations { background: #1A7BBC; margin-top: 8rem; } .contact-page .contact-locations .locations-wrapper { padding-top: 7rem; padding-bottom: 7rem; } .contact-page .contact-locations .locations-wrapper .location { color: white; } .contact-page .contact-locations .locations-wrapper .location h6 { color: white; text-transform: initial; } .contact-page .contact-locations .locations-wrapper .location address { font-style: normal; } .contact-page .contact-locations .locations-wrapper .location address p, .contact-page .contact-locations .locations-wrapper .location address a { font-size: 1.3rem; } .contact-page .contact-locations .locations-wrapper .location address a { color: white; } .contact-page .form-bg { background: white; border-left: 0.2rem solid #DDE5F4; display: flex; padding-top: 2rem; } .contact-page .contact-form .form-field { margin-bottom: 4.8rem; position: relative; } .contact-page .contact-form .form-field label { color: #DDE5F4; font-size: 1.92rem; position: relative; } .contact-page .contact-form .form-field label.form-label small { font-size: 1.6rem; float: initial; } .contact-page .contact-form .form-field .form-input { border: none; border-bottom: 0.2rem solid #000000; background: transparent; border-radius: 0; padding: 1rem 0; font-size: 1.76rem; } .contact-page .contact-form .form-field .form-input::placeholder { color: #7F6C6C; } .contact-page .contact-form .form-field select { font-weight: bold; border-bottom: none !important; } .contact-page .contact-form .form-field img { position: absolute; right: 1.5rem; bottom: 1rem; width: 1.8rem; } .contact-page .contact-form .form-field textarea { overflow: auto; resize: vertical; } .contact-page .contact-form .form-actions { text-align: right; display: flex; justify-content: flex-end; width: auto; position: relative; margin-bottom: 4rem; margin-top: 0; } .contact-page .contact-form .form-actions .btn { min-width: 15rem; text-align: left; padding: 1rem 3.5rem; } .contact-page .contact-form .form-actions img { max-width: 1.8rem; right: 1.5rem; position: absolute; bottom: -0.2rem; z-index: 10; float: right; } @media (min-width: 80.1rem) { .contact-page .page-content--centered { padding-left: 5rem; padding-right: 5rem; width: 100%; } } @media (min-width: 102.4rem) and (max-width: 119.9rem) { .contact-page .col-12.col-xl-7 { -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .contact-page .col-12.col-xl-5 { -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .contact-page .contact-address .page-heading { font-size: 4.8rem; } .contact-page .contact-address .page-heading, .contact-page .contact-address .desc, .contact-page .contact-address .contact-info { padding-left: 1.5rem; padding-right: 1.5rem; } .contact-page .contact-address .contact-info .email-left, .contact-page .contact-address .contact-info .phone-center, .contact-page .contact-address .contact-info .additional-resorses-right { max-width: 100%; } .contact-page .page-content--centered { padding-left: 2rem !important; padding-right: 2rem !important; } .contact-page .contact-form .form-field label { font-size: 1.6rem; } .contact-page .locations-wrapper { padding-left: 2rem; padding-right: 2rem; padding-top: 3rem; padding-bottom: 3rem; } .contact-page .form-bg { padding-top: 2rem; } } @media (min-width: 120rem) and (max-width: 139.9rem) { .contact-page .contact-address .page-heading { font-size: 6.4rem; } } @media (min-width: 140rem) { .contact-page .contact-address .contact-info { padding-top: 5rem; } .contact-page .contact-address .contact-info .email-left, .contact-page .contact-address .contact-info .phone-center, .contact-page .contact-address .contact-info .additional-resorses-right { max-width: 70%; } .contact-page .contact-locations .locations-wrapper .location.location-left { max-width: 70%; } .contact-page .contact-locations .locations-wrapper .location.location-center { max-width: 70%; } } @media (max-width: 102.3rem) { .contact-page .contact-address .page-heading { font-size: 4.8rem; } } @media (max-width: 99.1rem) { .body { margin-bottom: 0 !important; } .contact-page .px-0 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .contact-page .contact-address .page-heading { font-size: 2.4rem; padding-top: 3rem; } .contact-page .contact-address .desc { line-height: initial; text-align: center; } .contact-page .contact-address .contact-info { padding-top: 2.5rem; padding-bottom: 5rem; } .contact-page .contact-address .contact-info p { margin-bottom: 1.5rem; font-size: 1.2rem; } .contact-page .contact-address .contact-info .contact-email p a { font-size: 1.2rem; } .contact-page .contact-address .contact-info address { padding-bottom: 0; font-size: 1.2rem; } .contact-page .contact-address .contact-info .chat-now .btn { min-width: 14rem; } .contact-page .contact-address .contact-info .contact-additional-resorses { font-size: 1.2rem; } .contact-page .contact-address .contact-info .contact-additional-resorses > p { font-weight: bold; } .contact-page .contact-locations { margin-top: 1.6rem; } .contact-page .contact-locations .locations-wrapper .location { padding-bottom: 2rem; float: inherit; } .contact-page .contact-locations .locations-wrapper .location h6 { margin-top: 1rem; font-size: 1.2rem; } .contact-page .contact-locations .locations-wrapper .location address { font-size: 1.2rem; } .contact-page .contact-locations .locations-wrapper .location address p { margin-bottom: 0.8rem; } .contact-page .contact-form .form-field label { font-size: 1.6rem; } .contact-page .contact-address .page-heading, .contact-page .contact-address .desc, .contact-page .contact-address .contact-info, .contact-page .locations-wrapper { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (max-width: 80rem) { .contact-page .contact-locations { position: relative; bottom: -3.5rem; } } @media (max-width: 47.9rem) { .contact-page-breadcrumb { border-bottom: none; } .contact-page-breadcrumb .breadcrumbs { display: none; } .contact-page .contact-address .page-heading { font-size: 2.4rem; padding-top: 3.2rem; } .contact-page .contact-address .desc { font-size: 1.2rem; } .contact-page .contact-address .contact-info { padding-bottom: 2.5rem; } .contact-page .contact-address .contact-info p { margin-bottom: 1.5rem; font-size: 1.2rem; } .contact-page .contact-address .contact-info .contact-email p a { font-size: 1.2rem; } .contact-page .contact-address .contact-info address { padding-bottom: 0; font-size: 1.2rem; } .contact-page .contact-address .contact-info .chat-now .btn { min-width: 11rem; } .contact-page .contact-address .contact-info .contact-additional-resorses { font-size: 1.2rem; } .contact-page .contact-address .contact-info .contact-additional-resorses > p { font-weight: bold; } .contact-page .contact-form p { font-size: 1.2rem; } .contact-page .contact-form .form-field .form-input { font-size: 1.2rem; } .contact-page .contact-form .form-field label { font-size: 1.6rem; } .contact-page .contact-form .form-actions { display: block; width: 100%; text-align: center; } .contact-page .contact-form .form-actions .btn { text-align: center; } .contact-page .contact-form .form-actions img { max-width: 1.5rem; right: 1.5rem; bottom: 1rem; } } .taxexempt-container .loading-spinner { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 2; cursor: pointer; } .taxexempt-container .loading-spinner .inner-spinner { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .taxexempt-container .loading-spinner .inner-spinner .message { font-size: 2.6rem; line-height: 1; padding-top: 2rem; } .taxexempt-container .loading-spinner .inner-spinner .message .fas { font-size: 2rem; padding-right: 0.5rem; } .taxexempt-container .loading-spinner .inner-spinner .continue { display: none; padding-top: 2rem; font-size: 1.6rem; line-height: 1; } .taxexempt-container .loading-spinner .inner-spinner .continue a { color: #0061A1; text-decoration: underline; } .taxexempt-container .loading-spinner .inner-spinner.sent .continue, .taxexempt-container .loading-spinner .inner-spinner.error .continue { display: block; } .taxexempt-container .loading-spinner .inner-spinner.sent img, .taxexempt-container .loading-spinner .inner-spinner.error img { display: none; } .taxexempt-container .loading-spinner .inner-spinner.sent .message { color: #008000; } .taxexempt-container .loading-spinner .inner-spinner.error .message { color: #ff0000; } .taxexempt-container.loading .loading-spinner { display: block; } .taxexempt-container h1.heading { margin: 2rem 0; font-size: 2.6rem; line-height: 1.5; text-align: center; } .taxexempt-container h2.sub-heading { color: #0061A1; font-size: 2rem; margin-bottom: 2rem; } .taxexempt-container .request-taxexempt form[name="tax_exempt"] { display: none; } .taxexempt-container .request-taxexempt form[name="tax_exempt"].show-form { display: block; } .taxexempt-container .request-taxexempt .non-seo-heading { font-weight: 600; font-size: 2rem; text-transform: uppercase; line-height: 1.5; margin-bottom: 2rem; color: #0061A1; } .taxexempt-container .request-taxexempt label { font-size: 1.5rem; color: #484848; padding-bottom: 0.5rem; display: block; } .taxexempt-container .request-taxexempt input, .taxexempt-container .request-taxexempt select { width: 100%; height: 4.8rem; padding: 0 1rem; margin-bottom: 1rem; font-size: 1.5rem; } .taxexempt-container .request-taxexempt input#fileToUpload, .taxexempt-container .request-taxexempt select#fileToUpload { width: auto; height: auto; min-height: 4.8rem; padding: 0.4rem; overflow: hidden; color: #000000; background: #fff !important; border: 0.1rem solid #C2C2C2; border-radius: 0.8rem; font-size: 1.4rem; line-height: 1.5; cursor: pointer; } .taxexempt-container .request-taxexempt input#fileToUpload::file-selector-button, .taxexempt-container .request-taxexempt input#fileToUpload::-webkit-file-upload-button, .taxexempt-container .request-taxexempt select#fileToUpload::file-selector-button, .taxexempt-container .request-taxexempt select#fileToUpload::-webkit-file-upload-button { min-height: 3.8rem; margin-right: 1.2rem; padding: 0.8rem 1.6rem; color: #fff; background: #3170B5; border: 0; border-radius: 0.6rem; font: inherit; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; } .taxexempt-container .request-taxexempt input#fileToUpload:hover::file-selector-button, .taxexempt-container .request-taxexempt input#fileToUpload:hover::-webkit-file-upload-button, .taxexempt-container .request-taxexempt select#fileToUpload:hover::file-selector-button, .taxexempt-container .request-taxexempt select#fileToUpload:hover::-webkit-file-upload-button { color: #fff; background: #3170B5; border-color: #3170B5; border-radius: 0.3rem; } .taxexempt-container .request-taxexempt input#fileToUpload:focus-visible, .taxexempt-container .request-taxexempt select#fileToUpload:focus-visible { border-color: #3170B5; outline: 0.2rem solid #3170B5; outline-offset: 0.2rem; } .taxexempt-container .request-taxexempt .item-taxexempt-header { display: block; font-size: 1.5rem; font-weight: 600; color: #6c6c6c; overflow: hidden; padding-bottom: 1.5rem; } .taxexempt-container .request-taxexempt textarea { background-color: #ffffff; border: 0.1rem solid #9A999A; margin-bottom: 3rem; font-size: 1.5rem; width: 100%; height: 10rem; resize: none; padding: 1rem; } .taxexempt-container .request-taxexempt .recaptcha { display: inline-block; } .taxexempt-container .request-taxexempt .recaptcha .warning { padding-bottom: 1rem; font-size: 1.4rem; } .taxexempt-container .request-taxexempt .form-submit-btn { float: right; padding-top: 3rem; width: 100%; max-width: 33rem; } .taxexempt-container .request-taxexempt .form-submit-btn button { width: 100%; height: 4.6rem; border: 0; padding: 1rem 0; margin: 0; cursor: pointer; text-transform: uppercase; font-weight: 600; font-size: 2rem; } .taxexempt-container .request-taxexempt .form50left { width: 48%; margin-right: 2%; float: left; } .taxexempt-container .request-taxexempt .form50right { float: left; width: 48%; margin-left: 2%; } .taxexempt-container .request-taxexempt .taxexempt-bottom { clear: both; padding-top: 2rem; padding-bottom: 2rem; } .taxexempt-container .request-taxexempt .taxexempt-bottom:after { content: ''; clear: both; display: block; } .taxexempt-container .taxexempt-text-bottom { padding-top: 4rem; } .taxexempt-container .taxexempt-text-bottom a { color: #0061A1; } @media screen and (max-width: 102rem) { .taxexempt-container .request-taxexempt ol.item-taxexempt-rows li { border-bottom: 0.1rem solid #d8d6d6; padding-bottom: 2rem; } } @media screen and (max-width: 80rem) { .taxexempt-container .request-taxexempt input.quote-qty { width: 29%; } .taxexempt-container .request-taxexempt .recaptcha { display: block; } .taxexempt-container .request-taxexempt .form-submit-btn { float: none; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; } .taxexempt-container .request-taxexempt .form-submit-btn .btn-primary { max-width: 33rem; margin-left: auto; margin-right: auto; } .taxexempt-container .taxexempt-text-bottom { padding-top: 0; } } @media screen and (max-width: 80rem) { .taxexempt-container .container-texexempt-form, .taxexempt-container .taxexempt-bottom, .taxexempt-container .request-taxexempt { width: 100%; margin: auto; text-align: left; } .taxexempt-container .taxexempt-bottom { margin: 0 auto 6rem; } } @media screen and (max-width: 54rem) { .taxexempt-container h1.heading { font-size: 2.2rem; } .taxexempt-container .request-taxexempt .non-seo-heading { font-size: 1.7rem; } .taxexempt-container { padding-right: 0; padding-left: 0; } } .taxexempt-container > .taxexempt-bottom { margin: 0 auto 6rem; } @media screen and (min-width: 992px) { body:has(.taxexempt-container) #main-content header .container { max-width: 123.2rem; padding: 0 6rem; margin-left: auto; margin-right: auto; } body:has(.taxexempt-container) #main-content section .container { max-width: 123.2rem; padding: 0 6rem; } } /* -------------------------------------------------------------------------- *\ ACCORDION & TABS STYLING This establishes global styles used for all Accordions & Tabs Styling. For custom variations of the accordions, refer to their specific styling located in their respective files. We utilize a modified version of W3C Accordions & Tabs, for documentation please see: https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html \* -------------------------------------------------------------------------- */ .accordion dt button, .tabs dt button { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; width: 100%; text-align: left; background: #f3F6FC; padding: 0.6rem 0; } .accordion dt button span, .tabs dt button span { display: block; transition: all .25s linear; } .accordion dt button[aria-expanded="true"] span, .tabs dt button[aria-expanded="true"] span { transform: rotate(180deg); } .accordion dt button > *, .tabs dt button > * { pointer-events: none; } .accordion dd, .tabs dd { padding: 0; } .accordion dd [hidden], .tabs dd [hidden] { display: none; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated-loading { animation-duration: 2.2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: shimmer; animation-timing-function: linear; background: #fafafa; background: linear-gradient(to right, #fafafa 4%, #f6f6f6 25%, #fafafa 36%); background-size: 120rem 100%; } @keyframes load-ani { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes load-ani { 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 4rem 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 4rem 0; } } @keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 4rem 0; } } @-webkit-keyframes load-animate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); opacity: .35; } 100% { transform: rotate(360deg); } } @keyframes load-animate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); opacity: .35; } 100% { transform: rotate(360deg); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, var(--animationDistance), 0); transform: translate3d(0, var(--animationDistance), 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, var(--animationDistance), 0); transform: translate3d(0, var(--animationDistance), 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, var(--animationDistance), 0); transform: translate3d(0, var(--animationDistance), 0); } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, var(--animationDistance), 0); transform: translate3d(0, var(--animationDistance), 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes zoom-animation { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoom-animation { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes movingUp { 0% { -webkit-transform: translate3d(0, 1rem, 0); transform: translate3d(0, 1rem, 0); visibility: visible; } 50% { -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); } 100% { -webkit-transform: translate3d(0, 1rem, 0); transform: translate3d(0, 1rem, 0); visibility: visible; } } @keyframes movingUp { 0% { -webkit-transform: translate3d(0, 1rem, 0); transform: translate3d(0, 1rem, 0); visibility: visible; } 50% { -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); } 100% { -webkit-transform: translate3d(0, 1rem, 0); transform: translate3d(0, 1rem, 0); visibility: visible; } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(2rem); transform: translateY(2rem); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes moveUp { 0% { -webkit-transform: translateY(2rem); transform: translateY(2rem); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes moveOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(2rem); transform: translateY(2rem); } } @keyframes moveOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(2rem); transform: translateY(2rem); } } .aria-description--hidden { position: absolute; top: 0; left: 0; height: 0.1rem; width: 0.1rem; overflow: hidden; margin-left: -1000rem; } /* -------------------------------------------------------------------------- *\ GLOBAL ELEMENTS - ALERTS \* -------------------------------------------------------------------------- */ .alertBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; gap: 0.8rem; padding: 1rem 1.6rem; margin: 0 0 2.4rem; background: #F5F5F6; border: 0.1rem solid #F5F5F6; border-radius: 0.4rem; } .alertBox .fas { margin: 0 1.2rem 0 0; } .alertBox p { margin: 0; font-size: 1.6rem; font-weight: 500; } .alertBox .icon { display: flex; } .alertBox.error { background: #FFF2F2; color: #E30000; border-color: #FFF2F2; } .alertBox.error svg { fill: #E30000; } .alertBox.success { background: #ECFDF5; color: #00844B; border-color: #ECFDF5; } .alertBox.success svg { fill: #00844B; } .alertBox.info { background: #F5F5F6; color: #000000; border-color: transparent; } .alertBox.info .icon-info-circle { color: #2F3334; } .home-shipping-alert .alertBox { margin: 0.8rem 0; } .productView-form__wrapper .alertBox { border-radius: 12px; } .alertText-error { color: #EB5757; } .alertText-success { color: #27C100; } /* -------------------------------------------------------------------------- *\ Buttons These are used throughout the website to create a call to action for another element like submitting a form, linking to another page, or linking to another element on the same page. GENERIC BUTTON STYLES This sets up the base of all our styles, it's also the btn-default styles \* -------------------------------------------------------------------------- */ [class^="btn-"], .button { appearance: none; position: relative; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0; border: 0.15rem solid currentColor; border-radius: 0.8rem; font-size: 1.6rem; line-height: 150%; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0; width: auto; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 1.1rem 1.6rem; transition: .25s all ease-in-out; width: 100%; /* ---------------------------------------------------------------------- *\ Button Arrow Options @import 'icon/_icon-top'; @import 'icon/_icon-bottom'; @import 'icon/_icon-left'; @import 'icon/_icon-right'; \* ---------------------------------------------------------------------- */ } [class^="btn-"] svg, .button svg { display: inline-block; width: 1.6rem; height: 1.6rem; fill: currentColor; } [class^="btn-"]:hover, [class^="btn-"]:focus, .button:hover, .button:focus { text-decoration: none; } @media (min-width: 768px) { [class^="btn-"], .button { width: auto; } } [class^="btn-"] [class*="icon-"], .button [class*="icon-"] { margin: 0 0.8rem 0 0; } [class^="btn-"].sm, .button.sm { font-size: 1.2rem; padding: 0.6rem 1.6rem !important; } [class^="btn-"]:hover, [class^="btn-"]:focus, .button:hover, .button:focus { cursor: pointer; } /* -------------------------------------------------------------------------- *\ Button Color Options @import 'buttons/primary'; @import 'buttons/secondary'; @import 'buttons/tertiary'; @import 'buttons/text'; @import 'buttons/dropdown'; \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ Button - Primary \* -------------------------------------------------------------------------- */ .btn-primary, body > footer .newsletter .button.btn-primary, .button--primary { /* LIGHT BACKGROUND -------------------------------------------------------------------------- */ background: #3170B5; background-color: #3170B5; border-color: transparent !important; color: #fff; } .btn-primary:hover, body > footer .newsletter .button.btn-primary:hover, .btn-primary:focus, body > footer .newsletter .button.btn-primary:focus, .button--primary:hover, .button--primary:focus { background: #363436 !important; border-color: transparent !important; color: #fff; } .btn-primary:active, body > footer .newsletter .button.btn-primary:active, .button--primary:active { background: #363436; border-color: transparent !important; color: #fff; } .btn-primary[disabled], body > footer .newsletter .button.btn-primary[disabled], .button--primary[disabled] { cursor: not-allowed; background: #D7D6D7; border-color: transparent !important; color: #AFAEAF; } .btn-primary[disabled]:hover, body > footer .newsletter .button.btn-primary[disabled]:hover, .btn-primary[disabled]:focus, body > footer .newsletter .button.btn-primary[disabled]:focus, .button--primary[disabled]:hover, .button--primary[disabled]:focus { background: #D7D6D7 !important; } .btn-primary.form-btn, body > footer .newsletter .form-btn.button.btn-primary, .button--primary.form-btn { height: 3.6rem; width: 3.6rem; padding: 0; margin: 0 auto; } .btn-primary.form-btn span, body > footer .newsletter .form-btn.button.btn-primary span, .button--primary.form-btn span { margin: 0; } #form-action-addToCart { padding-left: 2.4rem; padding-right: 2.4rem; width: 19rem; white-space: nowrap; text-overflow: ellipsis; } /* -------------------------------------------------------------------------- *\ Button - Secondary \* -------------------------------------------------------------------------- */ .btn-secondary, .shipping-quotes .select-shipping-quote, .button--secondary { /* LIGHT BACKGROUND -------------------------------------------------------------------------- */ background: #363436; background-color: #363436; border-color: transparent !important; color: #fff; } .btn-secondary:hover, .shipping-quotes .select-shipping-quote:hover, .btn-secondary:focus, .shipping-quotes .select-shipping-quote:focus, .button--secondary:hover, .button--secondary:focus { background: #3170B5; border-color: transparent !important; color: #fff; } .btn-secondary:active, .shipping-quotes .select-shipping-quote:active, .button--secondary:active { background: #3170B5; border-color: transparent !important; color: #fff; } .btn-secondary[disabled], .shipping-quotes .select-shipping-quote[disabled], .button--secondary[disabled] { cursor: not-allowed; background: #D7D6D7; border-color: transparent !important; color: #AFAEAF; } /* -------------------------------------------------------------------------- *\ Button - Tertiary \* -------------------------------------------------------------------------- */ .btn-tertiary, .button--tertiary { /* LIGHT BACKGROUND -------------------------------------------------------------------------- */ background: transparent; background-color: transparent; border-color: #000; color: #000; } .btn-tertiary svg path, .button--tertiary svg path { stroke: currentColor; } .btn-tertiary:hover, .btn-tertiary:focus, .button--tertiary:hover, .button--tertiary:focus { background: #363436; border-color: #363436; color: #fff; } .btn-tertiary:active, .button--tertiary:active { background: #363436; border-color: #363436; color: #fff; } .btn-tertiary[disabled], .button--tertiary[disabled] { cursor: not-allowed; background: #EAEAEA; border-color: #AFAEAF; color: #AFAEAF; } /* -------------------------------------------------------------------------- *\ Button - Text \* -------------------------------------------------------------------------- */ .btn-txt { color: #0061A1; text-decoration: underline; padding: 0 !important; border: none; text-transform: capitalize; width: auto; font-size: 1.4rem; line-height: 2.1rem; font-weight: 600; } .btn-txt:hover, .btn-txt:focus { color: #000000; text-decoration: underline; } .btn-txt:active { color: #38454F; text-decoration: underline; } .btn-txt[disabled] { cursor: not-allowed; text-decoration: underline; color: #707784; } .invert .btn-txt { color: #ffffff; } .invert .btn-txt:hover, .invert .btn-txt:focus { color: #B3BBCB; } .invert .btn-txt:active { color: #1A7BBC; } .invert .btn-txt[disabled] { cursor: not-allowed; color: #38454F; } .buttonLink { padding-top: 3rem; display: flex; align-items: center; justify-content: center; } .btn-dropdown { position: relative; z-index: 1; } .btn-dropdown:hover > ul { display: block; } .btn-dropdown:focus-within > ul { display: block; } .btn-dropdown ul { display: none; position: absolute; left: 0 !important; top: 100% !important; border: 0.1rem solid #000000; background: #fff; overflow: hidden; width: 100%; } .btn-dropdown ul li { padding: 0; } .btn-dropdown ul li:before { display: none; } .btn-dropdown ul li + li { border-top: 0.1rem solid #000000; margin: 0; } .btn-dropdown ul a, .btn-dropdown ul button, .btn-dropdown ul input[type="button"], .btn-dropdown ul input[type="submit"] { display: block; padding: 1.5rem 3.3rem; margin: 0; width: 100%; background: none; border: none; } .btn-dropdown ul a:hover, .btn-dropdown ul a:focus, .btn-dropdown ul button:hover, .btn-dropdown ul button:focus, .btn-dropdown ul input[type="button"]:hover, .btn-dropdown ul input[type="button"]:focus, .btn-dropdown ul input[type="submit"]:hover, .btn-dropdown ul input[type="submit"]:focus { background: #000000; color: #fff; } .btn-dropdown [class*="btn-"][aria-expanded="true"] { border-radius: 2.3rem 2.3rem 0 0; } .btn-dropdown [class*="btn-"][aria-expanded="true"] + ul { display: block; } .CheckoutButton { width: 100% !important; text-align: center; } .CheckoutButton .or-use-label { margin: 0.8rem 0 !important; } .CheckoutButton div { width: 100%; } .CheckoutButton div > div { max-width: 100%; margin-bottom: 0.2rem; } .apple-pay-checkout-button { background-color: #000; background-image: -webkit-named-image(apple-pay-logo-white); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 60%; border-radius: 0.04rem; cursor: pointer; display: none; max-height: 0.64rem; min-height: 0.32rem; min-width: 9rem; width: 16rem; } .apple-pay-checkout-button--white { background-color: #fff; background-image: -webkit-named-image(apple-pay-logo-black); } .apple-pay-checkout-button--white-border { background-color: #fff; background-image: -webkit-named-image(apple-pay-logo-black); border: 0.05rem solid #000; } .apple-pay-supported .apple-pay-checkout-button { display: block; float: right; } .apple-pay-supported .previewCartCheckout .apple-pay-checkout-button, .apple-pay-supported .productView-options .apple-pay-checkout-button { display: inline-block; float: none; } /* -------------------------------------------------------------------------- *\ MANUAL CAPTCHA STYLING \* -------------------------------------------------------------------------- */ .manual-captcha-input-container { align-items: center; display: flex; } .manual-captcha-input-container .question { font-size: 2rem; margin-right: 1.6rem; } .manual-captcha-input-container .form-input { flex: 1; } /* -------------------------------------------------------------------------- *\ CAROUSEL STYLING This establishes global styles used for all Carousel Styling. For custom variations of the carousel, refer to their specific styling located in their respective files. We utilize slick slider for carousels, for documentation please see: https://kenwheeler.github.io/slick/ \* -------------------------------------------------------------------------- */ [data-slick] { display: flex; flex-direction: row; opacity: 0; } [data-slick].slick-initialized { opacity: 1; } .pagebuilder [data-slick] { opacity: 1; } .carousel-heading-container button { display: none; } .carousel-heading-container h2 { margin: 0 auto; margin-bottom: 2.4rem; } @media (min-width: 992px) { .carousel-heading-container h2 { margin-bottom: 4rem; } } .slick-slide .card > .img, .slick-slide .heroCarousel-image { -webkit-touch-callout: default; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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; width: 100%; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; } .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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: flex; } .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 { 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: 0.1rem solid transparent; } /* -------------------------------------------------------------------------- *\ CAROUSEL EXTRAS \* -------------------------------------------------------------------------- */ :root { --mobile-slides: 1; --tablet-slides: 1; --desktop-slides: 1; --mobile-gap: 0.1rem; --tablet-gap: 0.1rem; --desktop-gap: 0.1rem; } .global-card-gaps { --mobile-gap: 8px; --tablet-gap: 16px; --desktop-gap: 32px; } .carousel-grid { user-select: auto !important; } .carousel-grid .slider { user-select: auto !important; cursor: auto !important; } .carousel-grid { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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; } .carousel-grid .slider { margin-bottom: 1rem; } .carousel-grid .slider::-webkit-scrollbar { width: var(--scrollbar-height, 1rem); height: var(--scrollbar-width, 1rem); display: none; } .carousel-grid .slider::-webkit-scrollbar-track { background: var(--scrollbar-track-color, #fff); } .carousel-grid .slider::-webkit-scrollbar-thumb { background: var(--scrollbar-track-color, #fff); border-radius: 1rem; } .carousel-grid:hover .slider::-webkit-scrollbar-track { background: var(--scrollbar-track-color, #eee); } .carousel-grid:hover .slider::-webkit-scrollbar-thumb { background: var(--scrollbar-track-color, #1A7BBC); border-radius: 1rem; } .carousel-grid .controls-container { position: absolute; visibility: hidden; width: 100%; } .carousel-grid .controls-container > div { position: relative; } .carousel-grid .info { display: none; } .carousel-grid .dots { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; } .carousel-grid .dots .dot { border: 0.2rem solid fuchsia; border: none; width: 1rem; height: 1rem; background: #fff; border-radius: 50%; margin: 0 0.2rem; cursor: pointer; border: 0.1rem solid #000000; } .carousel-grid .dots .dot:focus { outline: none; } .carousel-grid .dots .dot--active { background: #1A7BBC; } .carousel-grid .slider { /* 1 = 1 + 0/(1-1) = 0 2 = 1 + 1/(2-1) = 2 3 = 1 + 1/(3-1) = 1.5 4 = 1 + 1/(4-1) = 1.3 */ display: grid; gap: var(--mobile-gap); grid-auto-flow: column; grid-auto-columns: calc(1 / var(--mobile-slides) * 100% - var(--mobile-gap) / (1 + (1 / (var(--mobile-slides) - 1)))); overflow-x: auto; transition: all 0.1s; transform: scale(1); will-change: transform; user-select: none; cursor: pointer; } @media (hover: none) { .carousel-grid .slider { scroll-snap-type: x mandatory; } } @media (min-width: 768px) { .carousel-grid .slider { gap: var(--tablet-gap); grid-auto-columns: calc(1 / var(--tablet-slides) * 100% - var(--tablet-gap) / (1 + (1 / (var(--tablet-slides) - 1)))); scroll-snap-type: none; } } @media (min-width: 992px) { .carousel-grid .slider { gap: var(--desktop-gap); grid-auto-columns: calc(1 / var(--desktop-slides) * 100% - var(--desktop-gap) / (1 + (1 / (var(--desktop-slides) - 1)))); } } .carousel-grid .slider.active { transform: scale(1); scroll-snap-type: none; } .carousel-grid .slider.active * { cursor: grabbing; cursor: -webkit-grabbing; } /* -------------------------------------------------------------------------- *\ CAROUSEL > ARROWS \* -------------------------------------------------------------------------- */ .slick-arrow, .scroll-arrow { display: flex; align-items: center; justify-content: center; height: 4.8rem; width: 4.8rem; border-radius: 4.8rem; font-size: 1.2rem; background: #fff; color: #000000; transition: background .25s linear; z-index: 1; transition: .2s ease-in-out; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); position: relative; right: auto; left: auto; flex-shrink: 1; order: 4; } .slick-arrow:hover, .slick-arrow:focus, .scroll-arrow:hover, .scroll-arrow:focus { background: #3170B5; color: #ffffff; } .slick-arrow:active, .scroll-arrow:active { background: #3170B5; color: #ffffff; } .slick-arrow.slick-hidden, .scroll-arrow.slick-hidden { display: none; } .slick-arrow.slick-prev, .slick-arrow.scroll-left, .scroll-arrow.slick-prev, .scroll-arrow.scroll-left { margin-right: 0.8rem; } .slick-arrow svg, .scroll-arrow svg { width: 16px; height: 16px; max-width: 100%; max-height: 100%; } .contains-card > .slick-arrow { top: 50%; transform: translate(-50%, -50%); position: absolute; margin: 0; } .contains-card > .slick-prev { left: 0; right: auto; } .contains-card > .slick-next { left: auto; right: 0; } .slick-disabled, .scroll-disabled { color: #AFAEAF; background: #ffffff; } .slick-disabled .carousel-tooltip, .scroll-disabled .carousel-tooltip { display: none; } .slick-disabled:hover, .scroll-disabled:hover { cursor: not-allowed; color: #AFAEAF; background: #ffffff; } .arrows-pos-side { position: relative; } .arrows-pos-side .slick-arrow, .arrows-pos-side .scroll-arrow { position: absolute; top: 50%; transform: translate(0, -50%); } .arrows-pos-side .slick-arrow.slick-prev, .arrows-pos-side .slick-arrow.scroll-left, .arrows-pos-side .scroll-arrow.slick-prev, .arrows-pos-side .scroll-arrow.scroll-left { left: -2.4rem; } .arrows-pos-side .slick-arrow.slick-next, .arrows-pos-side .slick-arrow.scroll-right, .arrows-pos-side .scroll-arrow.slick-next, .arrows-pos-side .scroll-arrow.scroll-right { right: -2.4rem; } @media (max-width: 991px) { .arrows-pos-side .slick-arrow.slick-prev, .arrows-pos-side .slick-arrow.scroll-left, .arrows-pos-side .scroll-arrow.slick-prev, .arrows-pos-side .scroll-arrow.scroll-left { left: 0; } .arrows-pos-side .slick-arrow.slick-next, .arrows-pos-side .slick-arrow.scroll-right, .arrows-pos-side .scroll-arrow.slick-next, .arrows-pos-side .scroll-arrow.scroll-right { right: 0; } } .arrows-pos-side .line { display: none !important; } .arrows-none { display: none !important; } .arrows-small { position: relative; } .arrows-small .slick-arrow, .arrows-small .scroll-arrow { font-size: 1.4rem; height: 2.6rem; width: 2.6rem; position: absolute; top: 50%; transform: translate(0, -50%); } .arrows-small .slick-arrow.slick-prev, .arrows-small .slick-arrow.scroll-left, .arrows-small .scroll-arrow.slick-prev, .arrows-small .scroll-arrow.scroll-left { left: -1.3rem; border: 0; } .arrows-small .slick-arrow.slick-next, .arrows-small .slick-arrow.scroll-right, .arrows-small .scroll-arrow.slick-next, .arrows-small .scroll-arrow.scroll-right { right: -1.3rem; border: 0; } .arrows-pos-side-half { position: relative; } .arrows-pos-side-half .slick-arrow, .arrows-pos-side-half .scroll-arrow { height: 4.6rem; width: 4.6rem; position: absolute; top: 50%; transform: translate(0, -50%); } .arrows-pos-side-half .slick-arrow.slick-prev, .arrows-pos-side-half .slick-arrow.scroll-left, .arrows-pos-side-half .scroll-arrow.slick-prev, .arrows-pos-side-half .scroll-arrow.scroll-left { left: 0; border-radius: 0 5rem 5rem 0; border-left: 0; } .arrows-pos-side-half .slick-arrow.slick-next, .arrows-pos-side-half .slick-arrow.scroll-right, .arrows-pos-side-half .scroll-arrow.slick-next, .arrows-pos-side-half .scroll-arrow.scroll-right { right: 0; border-radius: 5rem 0 0 5rem; border-right: 0; } .arrows-none { display: none !important; } @media screen and (max-width: 767px) { .slick-arrow, .scroll-arrow { height: 2.4rem; width: 2.4rem; font-size: 1rem; } .slick-arrow.slick-prev, .scroll-arrow.slick-prev { left: -1.2rem; } .slick-arrow.slick-next, .scroll-arrow.slick-next { right: -1.2rem; } .arrows-pos-side .slick-arrow.slick-prev, .arrows-pos-side .scroll-arrow.slick-prev { left: -1.2rem; } .arrows-pos-side .slick-arrow.slick-next, .arrows-pos-side .scroll-arrow.slick-next { right: -1.2rem; } } /* -------------------------------------------------------------------------- *\ CAROUSEL > DOTS \* -------------------------------------------------------------------------- */ .slick-dots { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; margin: 2.4rem auto 0; max-width: 24rem; row-gap: 0.8rem; } @media (min-width: 768px) { .slick-dots { max-width: none; } } @media (min-width: 992px) { .slick-dots { margin-top: 4.8rem; } } .slick-dots li { margin: 0 0.4rem; padding: 0; } @media (min-width: 992px) { .slick-dots li { margin: 0 0.8rem; } } .slick-dots li button { display: block; width: 0.8rem; height: 0.8rem; border-radius: 50px; background: #AFAEAF; transition: width .3s ease-in-out; } @media (min-width: 992px) { .slick-dots li button { width: 0.8rem; height: 0.8rem; } } .slick-dots li button:hover, .slick-dots li button:focus { background: #0061A1; } .slick-dots li:before { display: none; } .slick-dots li.slick-active button { width: 3.2rem; background: #3170B5; } .swiper-pagination .swiper-pagination-bullet, div .ss__searchspring__recommendations .ss__recs-slider-container .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; border-radius: 50px; background: #AFAEAF !important; border-color: #AFAEAF !important; transition: width .3s ease-in-out; } .swiper-pagination .swiper-pagination-bullet:hover, .swiper-pagination .swiper-pagination-bullet:focus, div .ss__searchspring__recommendations .ss__recs-slider-container .swiper-pagination-bullet:hover, div .ss__searchspring__recommendations .ss__recs-slider-container .swiper-pagination-bullet:focus { background: #0061A1 !important; border-color: #0061A1 !important; } .swiper-pagination .swiper-pagination-bullet-active, div .ss__searchspring__recommendations .ss__recs-slider-container .swiper-pagination-bullet-active { width: 3.2rem; background: #3170B5; } .carousel-tooltip { display: block; position: relative; } .carousel-tooltip:before { content: " "; position: absolute; right: 0; top: 50%; border-width: 1rem; border-style: solid; border-color: transparent transparent #000000 transparent; } .carousel-tooltip:after { content: attr(aria-label); padding: 0.4rem 0.6rem; background-color: #000000; color: #fff; position: absolute; font-size: 1.6rem; white-space: nowrap; right: 0; top: 100%; cursor: default; border-radius: 0.8rem; } .carousel-tooltip:before, .carousel-tooltip:after { display: none; } .carousel-tooltip:focus:before, .carousel-tooltip:focus:after { display: block; } .carousel-tooltip:after { padding: 0.8rem; top: 1rem; } .slick-prev:focus .carousel-tooltip:before, .slick-prev:focus .carousel-tooltip:after, .slick-next:focus .carousel-tooltip:before, .slick-next:focus .carousel-tooltip:after, .slick-dots button:focus .carousel-tooltip:before, .slick-dots button:focus .carousel-tooltip:after { display: block; } .slick-prev .carousel-tooltip, .slick-next .carousel-tooltip { top: 1rem; right: 1rem; } .slick-prev .carousel-tooltip:before, .slick-next .carousel-tooltip:before { top: -0.7rem; } .slick-prev .carousel-tooltip:before { right: -0.2rem; } .slick-prev .carousel-tooltip:after { right: auto; left: -0.5rem; } .slick-next .carousel-tooltip:after { right: -0.5rem; } .slick-dots button .carousel-tooltip { top: 0.8rem; } .slick-dots button .carousel-tooltip:before, .slick-dots button .carousel-tooltip:after { right: 50%; transform: translateX(50%); } .slick-dots button .carousel-tooltip:before { top: -0.7rem; } [data-carousel-tooltip] { display: none !important; } .compare-container { position: fixed; bottom: 0; width: 100vw; padding: 2rem 0; background: #0061A1; text-align: center; z-index: 1000000; opacity: 0; transition: background-color 1s ease; pointer-events: none; } .compare-container.show { opacity: 1; background-color: #B3BBCB; pointer-events: inherit; } .countPill { background-color: #0061A1; border-radius: 50%; color: #ffffff; display: none; height: 2rem; line-height: 2rem; margin-left: 1rem; text-align: center; width: 2rem; } .countPill--positive { display: inline-block; } .compare-grid > div > div > div { border: 0.2rem solid fuchsia; display: flex; flex-direction: column; } .heading { font-size: 2.4rem; } @media (min-width: 992px) { .heading { font-size: 3.6rem; } } .compareTable { table-layout: fixed; width: 100%; } .compareTable th { text-align: left; } .compareTable li { padding: 0; } .compareTable-row { vertical-align: top; } .compareTable-row + .compareTable-row .compareTable-heading, .compareTable-row + .compareTable-row .compareTable-item { border-top: 0.1rem solid #f3F6FC; } .compareTable-row + .compareTable-row .compareTable-heading:empty { border-top: 0; } .compareTable-heading { padding: 2.4rem 0; position: relative; text-align: left; width: 0; } .compareTable-headingText { position: absolute; white-space: nowrap; } .compareTable-item { padding: 6.4rem 1.6rem 2.4rem 0; font-size: 1.4rem; } .compareTable-removeProduct { position: absolute; z-index: 2; right: 0; top: 0; transition: .25s all ease-in-out; } .compareTable-removeProduct [class*='icon-'] { font-size: 1.4rem; color: #000000; background-color: #f3F6FC; padding: 0.3rem 0.8rem; } .compareTable-removeProduct [class*='icon-']:hover { background-color: #707784; color: #DDE5F4; } .compareTable-product { padding: 0 1.6rem 0 0; } @media (max-width: 767.9px) { .compareTable-product { width: 20rem; } } .compareTable-action { padding-bottom: 2.4rem; } /* -------------------------------------------------------------------------- *\ CONTAINER \* -------------------------------------------------------------------------- */ .container, [data-layout-name="Container"] { margin: 0 auto; max-width: 1688px; width: 100%; padding: 0 1.6rem; } @media (min-width: 992px) { .container, [data-layout-name="Container"] { width: 100%; } } @media (min-width: 1425px) { .container, [data-layout-name="Container"] { width: 100%; } } @media (min-width: 768px) { .container, [data-layout-name="Container"] { padding: 0 1.6rem; } } @media (min-width: 992px) { .container, [data-layout-name="Container"] { padding: 0 6rem; } } .container.container-full, [data-layout-name="Container"].container-full { max-width: 100%; padding-left: 0; padding-right: 0; } /* -------------------------------------------------------------------------- *\ COPY STYLING Global styles for all basic copy styling. This should set all basic copy elements at the root level for each, then you can modify for specific components later. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ COPY - BODY STYLES \* -------------------------------------------------------------------------- */ body { color: #000000; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.5; background: #fff; } strong, b { font-weight: 700; } .invert { color: #fff; } .banner-txt { font-size: 1.4rem; line-height: 2.1rem; text-transform: uppercase; font-weight: 700; } .badge-txt { font-size: 1rem; line-height: 1.6rem; font-weight: 600; } @media (min-width: 992px) { .badge-txt { font-size: 1.2rem; line-height: 1.8rem; } } .small-bold { font-weight: 700; text-transform: capitalize; color: #0061A1; } .page-content-mg { margin-bottom: 40px; overflow-x: hidden; } .page-content-mg p { margin-bottom: 1.6rem; } .page-content-mg h3 { margin-top: 32px; } .page-content-mg ul:not(.slick-dots) { list-style: disc; margin-left: 1.6rem; padding-left: 1.6rem; } .page-content-mg ul:not(.slick-dots) li { font-size: 1.6rem; padding-left: 0; } .page-content-mg ul:not(.slick-dots) li span { font-size: 1.6rem !important; } @media screen and (min-width: 750px) { .page-content-mg { margin-bottom: 60px; } } .page.page--404 .page-content { padding: 0; } .page.page--404 .section__icon-with-text-2 { padding: 0; margin-block: 1.6rem; } .page.page--404 .section__icon-with-text-2 .media--zoom > img { transform: none; } @media screen and (min-width: 750px) { .page.page--404 .section__icon-with-text-2 { margin-block: 2.4rem; } } @media screen and (min-width: 1025px) { .page.page--404 .section__icon-with-text-2 { margin-block: 4rem; } } @media screen and (min-width: 1600px) { .page.page--404 .section__icon-with-text-2 { margin-block: 6rem; } } .page.page--404 .page-content--recommendations { margin: 0; background: #EAEAEA; } .page.page--404 .page-content--recommendations .ss__searchspring__recommendations { padding: 6rem 0; margin: 0; } .page.page--404 .page-content--recommendations .ss__searchspring__recommendations .swiper-container { padding: 0; } .page.page--404 .page-content--recommendations .ss__searchspring__recommendations .ss__result-tracker { border-radius: 12px; overflow: hidden; } .page.page--404 .page-content--recommendations .ss__searchspring__recommendations .ss__result-cover img { background: #ffffff; } .page.page--404 .page-content--recommendations .ss__searchspring__recommendations .swiper-pagination { display: none; } .page--404__content { text-align: center; padding: 60px 0; } .page--404__content h2 { margin-top: 0; font-size: 32px; text-transform: capitalize; } .page--404__content .page-subheading { margin-bottom: 16px; } .page--404__content .page-subheading-2 { margin-bottom: 8px; } .page--404__content p { margin-bottom: 16px; font-weight: 500; text-transform: capitalize; } .page--404__content h1 { font-size: 118px; color: #3170B5; font-weight: 700; text-align: center; margin-bottom: 32px; } .page--404__content ul { list-style: none; padding: 8px 0 0; display: flex; justify-content: center; align-items: center; gap: 32px; } .page--404__content ul li { margin: 0; padding: 0; } .page--404__content ul li a { text-decoration: none; text-transform: capitalize; font-weight: 500; display: flex; align-items: center; } .page--404__content ul li a svg { width: 16px; height: 16px; padding: 3px 5px; margin-left: 2px; } @media screen and (max-width: 749px) { .page--404__content { padding: 40px 0; } .page--404__content h2 { font-size: 24px; } .page--404__content p { font-size: 16px; } .page--404__content ul { flex-direction: column; padding-top: 16px; gap: 16px; } } body.page-type-page main.body .container:has(nav.sitemap), body.page-type-page main.body .visual-badge-container, body.page-type-page main.body .taxexempt-container, body.page-type-page main.body .page-content { min-height: calc(100vh - 750px); padding-bottom: 4rem; } body.page-type-page main.body .custom__page--policies .main-page-wrapper, body.page-type-page main.body .custom__page--default .main-page-wrapper { padding-bottom: 6rem; } @media screen and (min-width: 750px) { body.page-type-page main.body .custom__page--policies .main-page-wrapper, body.page-type-page main.body .custom__page--default .main-page-wrapper { padding-bottom: 4.8rem; } } body.page-type-page .body > .yotpo-widget-referral-widget { margin-top: 4rem; margin-bottom: 4rem; } @media screen and (min-width: 750px) { body.page-type-page .body > .yotpo-widget-referral-widget { margin-top: 6rem; margin-bottom: 6rem; } } body.page-type-page .page-content:empty, body.page-type-page .page-content:has(> p:only-child:empty) { min-height: fit-content; } body.page-type-page .shogun-root .shogun-image-container { text-align: center; } body.page-type-page .shogun-root .shogun-image { max-width: 100%; } body.page-type-sitemap main.body .container:has(nav.sitemap) { min-height: calc(100vh - 600px); padding-bottom: 4rem; } body.page-type-category main.body { min-height: calc(100vh - 600px); } #attentive_overlay:has(iframe#attentive_creative:not([style*="height: 100%"])) { position: fixed; filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 0px 30px); bottom: 0px; top: 50%; left: 0 !important; transform: rotate(-90deg) translate(-50%); transform-origin: left top; margin: 0 !important; width: 230px !important; height: 71px !important; } div.sezzle-shopify-info-button { margin-top: 1.6rem; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper { text-align: center; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper:focus { outline: none; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-left { text-align: center; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text { color: #171717; font-size: 16px !important; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; font-weight: 400; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-left { text-align: center; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-payment-amount { font-weight: 700; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-logo { margin: 0; } div.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-info-icon { font-size: 14px; color: #000000; font-weight: 600; } .hotspot div.sezzle-shopify-info-button, .productView-price div.sezzle-shopify-info-button { display: none !important; } body header .ss__autocomplete--target { max-width: 780px; top: 126px; box-shadow: 0px 8px 16px 0px #00000014; } body header .ss__autocomplete--target .ss__autocomplete { border: none; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms { width: 190px; background-color: #EAEAEA; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__title { padding: 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__title h5 { font-size: 18px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 700; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option a { padding: 10px 16px; text-transform: capitalize; font-size: 16px; font-weight: 500; box-shadow: none; outline: none !important; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content { width: calc(100% - 190px); padding: 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__autocomplete__title h5 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results { gap: 8px 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .ss__result__image-wrapper { flex: 0 0 auto; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .ss__result__image { aspect-ratio: 1 / 1; overflow: hidden; width: 100%; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result img { display: block; height: 100%; object-fit: contain; width: 100%; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .ss__result__details { text-align: left; padding: 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .ss__result__details__title { margin-bottom: 4px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .ss__result__details__title a { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content__info { padding: 16px 0 0 0; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content__info a { font-weight: 500; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content__info a:hover { text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 749px) { body header .ss__autocomplete--target { top: 88px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms { width: 100%; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__options { padding-bottom: 16px; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option { padding: 0 16px; border: none; box-shadow: none; outline: none !important; transition: none !important; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option a { border: none; box-shadow: none; outline: none !important; transition: none !important; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:hover, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:focus, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:focus-visible, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:active { border: none; box-shadow: none; outline: none !important; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:hover a, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:focus a, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:focus-visible a, body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option:active a { border: none; box-shadow: none; outline: none !important; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option.ss__autocomplete__terms__option--active { background-color: #EAEAEA; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .ss__autocomplete__terms__option.ss__autocomplete__terms__option--active a { background-color: #ffffff; border: 1px solid #3170B5; border-radius: 12px; box-shadow: 0px 0px 0px 4px #00000014; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content { width: 100%; } body header .ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results { gap: 8px; } } body #qn-dialog-toggle { width: 128px; border-radius: 8px; height: 40px; border: 1px solid #5e5d5e; z-index: 9; } body #chat-button { z-index: 9 !important; } .actions-quickadd .qn-add-to-quote { display: none !important; } .body .ss__no-results-recommendations--target { margin-bottom: 0; } .body .ss__no-results-recommendations--target .ss__recommendation__profile--trending-tactical-pants { margin-bottom: 0; } .page-type-page:has(#SA_review_wrapper) .SA__social-share-wrapper ul { list-style: none; } .page-type-page:has(#SA_review_wrapper) .SA__social-share-wrapper ul li { margin-top: 0; } @media (min-width: 992px) { .page-type-category:not(:has(.subcategory-list)) .category-listing-container { margin-top: 4rem; } } body.page-type-category.ss__no-results-page .category-description-bottom { display: none; } body.page-type-category.ss__no-results-page main header .banner--heading { display: block; } body.page-type-category [data-content-region="category-description"] .category-thumbnails { margin-bottom: 16px; } body.page-type-category [data-content-region="category-description"] .category-thumbnails:has(.slick-dots) { margin-bottom: 36px; } body .cart-dropdown .options[data-name="Price"], body .line-items .line-item-options span[data-name="Price"] { display: none; } /* -------------------------------------------------------------------------- *\ COPY - BASIC LINK STYLES BUTTONS are located in the Components > Basic > Button file. \* -------------------------------------------------------------------------- */ a { color: #0061A1; text-decoration: underline; font-size: 1.4rem; } @media (min-width: 992px) { a { font-size: 1.6rem; } } a:hover, a:focus { color: #000000; text-decoration: underline; } .link { --text-color: currentColor; --duration-default: 300ms; --text-decoration-thickness: 1px; text-decoration: none; display: inline-block; border: none; box-shadow: none; position: relative; color: var(--text-color); background-color: transparent; cursor: pointer; text-decoration: none; transition-property: text-decoration; transition-timing-function: ease; transition-duration: var(--duration-default); } .link > span, .link:focus > span, .link--hover > span, .link--active > span { display: inline; transition: background-size ease-in-out var(--duration-default); background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 min(var(--text-decoration-thickness), 1px); padding-bottom: 3px; } .link:focus > span, .link--hover:hover > span, .link--active > span { background-size: 100% min(var(--text-decoration-thickness), 1px); } /* -------------------------------------------------------------------------- *\ COPY - BLOCK ELEMENTS \* -------------------------------------------------------------------------- */ p, ul, ol, dl, table, blockquote, figure, address { margin: 0 0 1.6rem; } @media (min-width: 768px) { p, ul, ol, dl, table, blockquote, figure, address { margin: 0 0 2.4rem; } } p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child, figure:last-child, address:last-child { margin-bottom: 0 !important; } p { margin: 0 0 1.6rem; line-height: 1.5; } @media (min-width: 992px) { p { margin: 0 0 2.4rem; } } hr { margin: auto; height: 0.1rem; max-width: 1688px; background: #707784; border: none; } hr .dashed { background: repeating-linear-gradient(90deg, #000000, #000000 0.6rem, transparent 0.6rem, transparent 1.2rem); } /* -------------------------------------------------------------------------- *\ COPY - BODY STYLES \* -------------------------------------------------------------------------- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #000000; font-family: "Conthrax", Arial, Helvetica, sans-serif; line-height: 120%; margin-bottom: 1.6rem; font-weight: 600; } @media (min-width: 992px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.6rem; } } .invert h1, .invert .h1, .invert h2, .invert .h2, .invert h3, .invert .h3, .invert h4, .invert .h4, .invert h5, .invert .h5, .invert h6, .invert .h6 { color: #fff; } h1, .h1 { font-size: 3.2rem; text-transform: uppercase; } @media (min-width: 992px) { h1, .h1 { font-size: 4.8rem; } } h2, .h2 { font-size: 2.8rem; text-align: center; text-transform: uppercase; margin-bottom: 2.4rem; } @media (min-width: 992px) { h2, .h2 { font-size: 4rem; margin-bottom: 3rem; } } h3, .h3 { font-size: 2.8rem; } @media (min-width: 992px) { h3, .h3 { font-size: 3.2rem; } } h4, .h4 { font-size: 2.4rem; } @media (min-width: 992px) { h4, .h4 { font-size: 2.8rem; } } h5, .h5 { font-size: 2rem; margin-bottom: 0.8rem; } @media (min-width: 992px) { h5, .h5 { font-size: 2.4rem; } } h5.upper, .h5.upper { text-transform: uppercase; } h5.sentence, .h5.sentence { font-weight: 400; } h6, .h6 { font-size: 2rem; margin-bottom: 0.8rem; font-weight: 400; } @media (min-width: 992px) { h6, .h6 { font-size: 2.4rem; } } h6.upper, .h6.upper { text-transform: uppercase; } h6.sentence, .h6.sentence { font-weight: 400; } body.page-type-page .visual-badge-container h1, body.page-type-page .visual-badge-container .h1, body.page-type-page .visual-badge-container h2, body.page-type-page .visual-badge-container .h2, body.page-type-page .visual-badge-container h3, body.page-type-page .visual-badge-container .h3, body.page-type-page .visual-badge-container h4, body.page-type-page .visual-badge-container .h4, body.page-type-page .visual-badge-container h5, body.page-type-page .visual-badge-container .h5, body.page-type-page .visual-badge-container h6, body.page-type-page .visual-badge-container .h6, body.page-type-page .taxexempt-container h1, body.page-type-page .taxexempt-container .h1, body.page-type-page .taxexempt-container h2, body.page-type-page .taxexempt-container .h2, body.page-type-page .taxexempt-container h3, body.page-type-page .taxexempt-container .h3, body.page-type-page .taxexempt-container h4, body.page-type-page .taxexempt-container .h4, body.page-type-page .taxexempt-container h5, body.page-type-page .taxexempt-container .h5, body.page-type-page .taxexempt-container h6, body.page-type-page .taxexempt-container .h6, body.page-type-page .section__main-page h1, body.page-type-page .section__main-page .h1, body.page-type-page .section__main-page h2, body.page-type-page .section__main-page .h2, body.page-type-page .section__main-page h3, body.page-type-page .section__main-page .h3, body.page-type-page .section__main-page h4, body.page-type-page .section__main-page .h4, body.page-type-page .section__main-page h5, body.page-type-page .section__main-page .h5, body.page-type-page .section__main-page h6, body.page-type-page .section__main-page .h6, body.page-type-page .page-content h1, body.page-type-page .page-content .h1, body.page-type-page .page-content h2, body.page-type-page .page-content .h2, body.page-type-page .page-content h3, body.page-type-page .page-content .h3, body.page-type-page .page-content h4, body.page-type-page .page-content .h4, body.page-type-page .page-content h5, body.page-type-page .page-content .h5, body.page-type-page .page-content h6, body.page-type-page .page-content .h6 { margin-top: 3rem; } @media (max-width: 767.9px) { .heading-mb-28 { font-size: 2.8rem; } } /* -------------------------------------------------------------------------- *\ COPY - LIST STYLES Below are resets that will make working with custom bullets and numbers much easier. \* -------------------------------------------------------------------------- */ ul, ol { list-style: none; } ul li, ol li { position: relative; z-index: 0; padding: 0 0 0 2rem; } ul li + li, ol li + li { margin: 1rem 0 0; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } nav ul li, nav ol li { padding: 0; margin: 0; } nav ul li:before, nav ol li:before { display: none; } /* -------------------------------------------------------------------------- *\ IMPORTS FOR EACH LIST DEFINITION \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ COPY - LISTS - UNORDERED \* -------------------------------------------------------------------------- */ ul li:before { width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; content: ""; } ul ul li:before { border-radius: 0; } ul ul ul li:before { -webkit-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } /* -------------------------------------------------------------------------- *\ COPY - LISTS - ORDERED \* -------------------------------------------------------------------------- */ ol { counter-reset: grv-counter; } ol li { counter-increment: grv-counter; } ol li:before { content: counter(grv-counter) "."; font-weight: 700; top: 1em; margin-right: 0.8rem; } ol ol { margin: 0 0 0 2em; } ol ol li:before { content: counter(grv-counter, lower-alpha) "."; } ol ol ol li:before { content: counter(grv-counter, lower-roman) "."; } ol.alpha li:before { content: counter(grv-counter, upper-alpha) "."; } /* -------------------------------------------------------------------------- *\ COPY - LISTS - DEFINITION \* -------------------------------------------------------------------------- */ dl dt { font-size: 1.8; font-weight: bold; } dl dt ~ dt { margin: .5em 0 0; } dl dd { padding: 0 0 0 1em; } /* -------------------------------------------------------------------------- *\ COPY - ALIGNMENTS \* -------------------------------------------------------------------------- */ .ta-left { text-align: left !important; } .ta-center { text-align: center !important; } .ta-right { text-align: right !important; } .tooltip { position: relative; text-decoration: underline; font-weight: 400; padding-right: 0.4rem; } .tooltip::before { background-color: #fff; border: 0.1rem solid #B3BBCB; border-top: 0; border-left: 0; content: ' '; display: none; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 999; top: 0; left: 50%; transform: translate(-50%, calc(-100% - 0.5rem)) rotate(45deg); } .tooltip::after { background-color: #fff; border: 0.1rem solid #B3BBCB; color: #000000; display: none; width: 20rem; padding: 1.6rem; position: absolute; text-align: left; z-index: 998; font-size: 1.2rem; line-height: 1.8rem; content: attr(data-message); top: -0.3rem; left: 70%; transform: translate(-70%, calc(-100% - 1rem)); filter: drop-shadow(0 0.2rem 0.6rem rgba(0, 0, 0, 0.08)); } .tooltip:hover, .tooltip:focus { cursor: default; } .tooltip:hover::after, .tooltip:hover::before, .tooltip:focus::after, .tooltip:focus::before { display: block; } .card .tooltip:hover::after, .card .tooltip:hover::before, .card .tooltip:focus::after, .card .tooltip:focus::before { display: none; } /* -------------------------------------------------------------------------- *\ FOOTER \* -------------------------------------------------------------------------- */ html.is-footer-overscroll body { background-color: #000000; } html.is-footer-overscroll body > header, html.is-footer-overscroll body > .banners, html.is-footer-overscroll body > main.body { background-color: #fff; } .footer-back-to-top { align-items: center; appearance: none; background-color: #000; border: 0; cursor: pointer; display: flex; height: 4.8rem; justify-content: center; padding: 0; position: absolute; right: 1.6rem; top: -4.8rem; width: 4.8rem; z-index: 1; } .footer-back-to-top svg { color: #fff; display: block; height: 1.7rem; width: 1.4rem; } @media (min-width: 1200px) { .footer-back-to-top { right: 5.6rem; } } @media print { .footer-back-to-top { display: none; } } body > footer { background-color: #000000; color: #ffffff; font-size: 1.4rem; isolation: isolate; position: relative; /* ---------------------------------------------------------------------- *\ FOOTER LAYOUTS \* ---------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - NEWSLETTER \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - LAYOUT - MIDDLE DEFINES THE MIDDLE PORTION OF THE FOOTER. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - LAYOUT - BOTTOM DEFINES THE BOTTOM PORTION OF THE FOOTER. This area usually contains the Copyright, legal links, and disclaimers \* -------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ FOOTER COMPONENTS \* ---------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - LOGO \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - NAV - SOCIAL \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - LINKS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FOOTER - COPYRIGHT \* -------------------------------------------------------------------------- */ } body > footer::before { content: ''; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; position: absolute; inset: 0; pointer-events: none; z-index: -1; } body > footer.is-background-loaded::before { background-image: url("https://cdn11.bigcommerce.com/s-w50tt68zzg/images/stencil/original/image-manager/footer-bg.png"); } body > footer a { color: #fff; text-decoration: none; } body > footer a:hover, body > footer a:focus { color: #3170B5; text-decoration: underline; } body > footer .newsletter h4 { color: #fff; font-size: 20px; font-weight: 400; margin-bottom: 1.8rem; } body > footer .newsletter a { color: #000000; text-decoration: underline; } body > footer .newsletter iframe { height: 25rem; width: 45rem; } body > footer .newsletter .bottom-text { color: #737173; font-size: 16px; } body > footer .newsletter .newsletter-form { display: grid; grid-template-columns: 1fr; gap: 0.8rem; } body > footer .newsletter .newsletter-form h4 { margin-bottom: 1.6rem; } body > footer .newsletter .newsletter-form input { color: #000000; font-size: 1.6rem; } body > footer .newsletter .newsletter-form button { flex-shrink: 0; margin-left: 4px; } body > footer .newsletter .newsletter-form p { font-size: 1.4rem; } body > footer .newsletter .newsletter-form a { color: #000000; font-size: 1.2rem; line-height: 1.8rem; text-decoration: underline; } body > footer .newsletter .newsletter-form #newsletter-msg:empty, body > footer .newsletter .newsletter-form #sms-msg:empty { display: none; } @media (min-width: 768px) { body > footer .newsletter .newsletter-form p { margin: 0; } body > footer .newsletter .newsletter-form .bottom-text { grid-column: 1 / span 2; } body > footer .newsletter .newsletter-form form { margin: 0; } body > footer .newsletter .newsletter-form input { font-size: 1.4rem; } } @media (min-width: 992px) { body > footer .newsletter .newsletter-form { column-gap: 6rem; } } @media (min-width: 1200px) { body > footer .newsletter .newsletter-form { column-gap: 24.4rem; } } body > footer .newsletter .newsletter-form .form-el, body > footer .newsletter .newsletter-form .form-inline { margin: 0; } body > footer .newsletter form { display: flex; } @media (max-width: 1199px) { body > footer .newsletter h4 { text-align: center; margin-bottom: 8px; } body > footer .newsletter .bottom-text { text-align: center; margin-bottom: 24px; } body > footer .newsletter .newsletter-form input { height: 40px; } body > footer .newsletter .newsletter-form button { font-size: 14px; padding: .7rem 1.6rem; } } body > footer .footer-middle { padding: 4rem 0 3rem; position: relative; } body > footer .footer-middle .secure-shopper { padding-top: 4rem; display: flex; align-items: center; column-gap: 3.2rem; } body > footer .footer-middle .secure-shopper img { max-width: 14rem; } @media (min-width: 992px) { body > footer .footer-middle .secure-shopper { flex-direction: column; row-gap: 1.6rem; column-gap: 0; position: absolute; bottom: 4.8rem; } } @media (min-width: 992px) { body > footer .footer-middle { padding: 4rem 0 3.2rem; } } body > footer .footer-middle .container { display: grid; grid-template-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 4rem; } @media (max-width: 1199px) { body > footer .footer-middle .container .accordion { order: 2; } body > footer .footer-middle .container .newsletter { order: 1; } } @media (min-width: 1200px) { body > footer .footer-middle .container { grid-template-columns: minmax(30%, auto) minmax(0, 518px); } } body > footer .footer-middle .footer-about { margin-bottom: 2.4rem; } @media (min-width: 992px) { body > footer .footer-middle .footer-about { margin-bottom: 4rem; } } body > footer .footer-middle .footer-social { margin-top: 2.4rem; } body > footer .footer-bottom { font-size: 1.6rem; } body > footer .footer-bottom .container p { width: 100%; text-align: left; padding: 1.6rem 0; } body > footer .footer-bottom .footer-bottom__wrapper { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #5E5D5E; padding: 2rem 0 2.4rem; gap: 1.6rem; } body > footer .footer-bottom .footer-bottom__wrapper .copyright { border: none; } body > footer .footer-bottom .footer-bottom__wrapper .secure-shopper { display: flex; gap: 20px; } body > footer .footer-bottom .footer-bottom__wrapper .secure-shopper img { width: auto; height: 54px; border-radius: 12px; } @media (max-width: 767.9px) { body > footer .footer-bottom .footer-bottom__wrapper .secure-shopper { width: 100%; justify-content: space-between; } } @media (max-width: 767.9px) { body > footer .footer-bottom .footer-bottom__wrapper { flex-direction: column; justify-content: center; border-top: none; } body > footer .footer-bottom .footer-bottom__wrapper .copyright { text-align: center; padding: 0; } body > footer .footer-bottom .footer-bottom__wrapper .copyright .link { display: block; margin-top: 10px; } } body > footer .logo { display: block; margin-bottom: 1.6rem; } body > footer .logo img, body > footer .logo svg { width: 10.8rem; height: 3rem; } @media (min-width: 992px) { body > footer .logo img, body > footer .logo svg { width: 15.5rem; } } @media (min-width: 992px) { body > footer .logo { margin-bottom: 3.2rem; } } body > footer .social h5 { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } body > footer .social ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; gap: .8rem; } body > footer .social a { height: 3.2rem; width: 3.2rem; display: inline-flex; justify-content: center; align-items: center; font-size: 1.6rem; line-height: 1; color: #000; background-color: #fff; border-radius: 50%; } body > footer .social a:hover { color: #fff; background-color: #3170B5; } body > footer .social svg { display: block; fill: #fff; height: 2rem; width: 2rem; } body > footer .social .icon-brand-twitter:not(:empty)::before { content: none; } body > footer .social .icon-brand-twitter:not(:empty) svg { width: 14px; height: 14px; } @media (max-width: 1199px) { body > footer .social ul { justify-content: center; } } @media (max-width: 767.9px) { body > footer dl { padding: 16px 0; border-bottom: 1px solid #5E5D5E; } } @media (min-width: 768px) { body > footer dl { margin-top: 0; } } body > footer dt button { padding: 0 !important; background: none !important; font-weight: bold; text-transform: uppercase; margin: 0 0 1.6rem 0; font-size: 1.6rem; font-weight: 700; } @media (min-width: 768px) { body > footer dt button { pointer-events: none; } } body > footer .accordion { display: grid; grid-template-columns: 1fr; } @media (min-width: 768px) { body > footer .accordion { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 2.4rem; } body > footer .accordion button > span { display: none; } } @media (min-width: 992px) { body > footer .accordion { grid-template-columns: minmax(0, 210px) minmax(0, 166px) minmax(0, 154px) minmax(0, 154px) minmax(0, 154px); column-gap: 40px; } } body > footer .hot-links a { font-size: 14px; font-weight: 500; } body > footer .hot-links button { margin-bottom: 0; } body > footer .hot-links ul { margin-top: 1.2rem; } body > footer .hot-links li { padding: 0; } body > footer .hot-links li + li { margin: 1.2rem 0 0; } body > footer .copyright { color: #737173; margin: 0 0 1.2rem; } body > footer .copyright a { color: #fff; font-size: 14px; font-weight: 500; } @media (min-width: 768px) { body > footer .copyright { margin: 0 1.6rem 0 0; } } @media print { body > footer { display: none; } } .footer__ada { background: #000000; color: #ffffff; font-size: 1.2rem; padding: 1.6rem; text-align: center; border-top: 1px solid #5e5d5e; } .footer__ada a { color: inherit; font-size: 1.2rem; } .footer__ada a:hover { text-decoration: none; } @media (min-width: 750px) { .footer__ada { font-size: 1.4rem; } .footer__ada a { font-size: 1.4rem; } } /* -------------------------------------------------------------------------- *\ BASE FORM STYLING This establishes global styles used for all Form Styling. For custom variations of the forms, refer to their specific styling located in their respective files. \* -------------------------------------------------------------------------- */ form, .form, [b2b-form-style] { /* ---------------------------------------------------------------------- *\ FORM LAYOUT OPTIONS By default the forms are styled with the label appearing above the input. Form Inline are typically used for 1 or 2 input forms to collect information for things like newsletter signup or notifications. Form Rows are typically used for larger forms like account registration where fields are displayed next to each other to shorten the length of scrolling required. Form Label Inside are typically used for shorter forms and will have the label appear inside the element and then shift when the field is valid. - STYLING FOR THIS TYPE WILL COME LATER Comment or remove unused form styling. \* ---------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - FORM ELEMENT \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - FIELDSET \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - LABEL \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - INPUTS \* -------------------------------------------------------------------------- */ /* style-guide radio */ /* -------------------------------------------------------------------------- *\ FORM - TEXTAREAS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - CHECKBOXES AND RADIOS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - FORM ACTIONS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - RECAPTCHA \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ FORM - ERRORS \* -------------------------------------------------------------------------- */ } @media (min-width: 992px) { form[data-contact-form], .form[data-contact-form], [b2b-form-style][data-contact-form] { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4rem; } form[data-contact-form] > div:nth-child(8), form[data-contact-form] > div:nth-child(9), form[data-contact-form] > div:nth-child(10), form[data-contact-form] > div:nth-child(11), .form[data-contact-form] > div:nth-child(8), .form[data-contact-form] > div:nth-child(9), .form[data-contact-form] > div:nth-child(10), .form[data-contact-form] > div:nth-child(11), [b2b-form-style][data-contact-form] > div:nth-child(8), [b2b-form-style][data-contact-form] > div:nth-child(9), [b2b-form-style][data-contact-form] > div:nth-child(10), [b2b-form-style][data-contact-form] > div:nth-child(11) { grid-column: 1 / span 2; } form[data-contact-form] > div.form-actions, .form[data-contact-form] > div.form-actions, [b2b-form-style][data-contact-form] > div.form-actions { justify-content: center; } } form.form-rows, form .form-row, .form.form-rows, .form .form-row, [b2b-form-style].form-rows, [b2b-form-style] .form-row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; } form.form-rows .form-el, form.form-rows .form-field, form .form-row .form-el, form .form-row .form-field, .form.form-rows .form-el, .form.form-rows .form-field, .form .form-row .form-el, .form .form-row .form-field, [b2b-form-style].form-rows .form-el, [b2b-form-style].form-rows .form-field, [b2b-form-style] .form-row .form-el, [b2b-form-style] .form-row .form-field { width: 100%; -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 768px) { form.form-rows, form .form-row, .form.form-rows, .form .form-row, [b2b-form-style].form-rows, [b2b-form-style] .form-row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; } form.form-rows .form-el, form.form-rows .form-field, form .form-row .form-el, form .form-row .form-field, .form.form-rows .form-el, .form.form-rows .form-field, .form .form-row .form-el, .form .form-row .form-field, [b2b-form-style].form-rows .form-el, [b2b-form-style].form-rows .form-field, [b2b-form-style] .form-row .form-el, [b2b-form-style] .form-row .form-field { -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 0.8rem); } } form .form-el, form .form-cr, .form .form-el, .form .form-cr, [b2b-form-style] .form-el, [b2b-form-style] .form-cr { margin: 0 0 1.6rem; } form .form-el:last-of-type, form .form-el:last-child, .form .form-el:last-of-type, .form .form-el:last-child, [b2b-form-style] .form-el:last-of-type, [b2b-form-style] .form-el:last-child { margin: 0; } form hr, .form hr, [b2b-form-style] hr { width: 100%; } form fieldset, .form fieldset, [b2b-form-style] fieldset { border: none; padding: 1.6rem 0 0; } form legend, .form legend, [b2b-form-style] legend { font-size: 2rem; } form label, form .label, .form label, .form .label, [b2b-form-style] label, [b2b-form-style] .label { line-height: 1.5; } form label small, form .label small, .form label small, .form .label small, [b2b-form-style] label small, [b2b-form-style] .label small { font-size: .75em; } form label small.msg-required, form .label small.msg-required, .form label small.msg-required, .form .label small.msg-required, [b2b-form-style] label small.msg-required, [b2b-form-style] .label small.msg-required { color: #FF0000; font-size: 1.6rem; } form label small:before, form .label small:before, .form label small:before, .form .label small:before, [b2b-form-style] label small:before, [b2b-form-style] .label small:before { margin: 0 0.4rem 0 0; } form label span, form .label span, .form label span, .form .label span, [b2b-form-style] label span, [b2b-form-style] .label span { font-size: 1.6rem; color: #5E5D5E; } form input, form .form-input, .form input, .form .form-input, [b2b-form-style] input, [b2b-form-style] .form-input { padding: 1.1rem 1.6rem; border: 0 !important; border: 0.1rem solid #9A999A !important; width: 100%; } form input:not(.button--primary):hover, form input:not(.button--primary):focus, form .form-input:not(.button--primary):hover, form .form-input:not(.button--primary):focus, .form input:not(.button--primary):hover, .form input:not(.button--primary):focus, .form .form-input:not(.button--primary):hover, .form .form-input:not(.button--primary):focus, [b2b-form-style] input:not(.button--primary):hover, [b2b-form-style] input:not(.button--primary):focus, [b2b-form-style] .form-input:not(.button--primary):hover, [b2b-form-style] .form-input:not(.button--primary):focus { background-color: #fff; } form input[type="checkbox"], form input[type="radio"], .form input[type="checkbox"], .form input[type="radio"], [b2b-form-style] input[type="checkbox"], [b2b-form-style] input[type="radio"] { width: 1.6rem; height: 1.6rem; } form label, .form label, [b2b-form-style] label { display: inline-block; margin-bottom: 8px; } form .form-el .date, .form .form-el .date, [b2b-form-style] .form-el .date { margin-top: 0.8rem; } form input[type='radio'], .form input[type='radio'], [b2b-form-style] input[type='radio'] { appearance: none; -webkit-appearance: none; box-sizing: border-box; aspect-ratio: 1 / 1; flex: 0 0 16px; padding: 0; margin: 0 4px 0 0; border: 1px solid #000; border-radius: 50%; background-color: #fff; cursor: pointer; } form input[type='radio']:hover:not(:disabled), .form input[type='radio']:hover:not(:disabled), [b2b-form-style] input[type='radio']:hover:not(:disabled) { border-color: #3170B5; } form input[type='radio']:checked, .form input[type='radio']:checked, [b2b-form-style] input[type='radio']:checked { border-color: #000; background-color: #3170B5; box-shadow: inset 0 0 0 2px #fff; } form .form-el input[type='checkbox'], .form .form-el input[type='checkbox'], [b2b-form-style] .form-el input[type='checkbox'] { position: absolute; width: 16px; height: 16px; margin: 0; opacity: 0; cursor: pointer; } form .form-el input[type='checkbox'] + label, .form .form-el input[type='checkbox'] + label, [b2b-form-style] .form-el input[type='checkbox'] + label { position: relative; display: inline-flex; align-items: center; min-height: 16px; padding-left: 24px; cursor: pointer; } form .form-el input[type='checkbox'] + label::before, .form .form-el input[type='checkbox'] + label::before, [b2b-form-style] .form-el input[type='checkbox'] + label::before { content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; box-sizing: border-box; border: 1.5px solid #000; border-radius: 2px; background-color: #fff; } form .form-el input[type='checkbox'] + label::after, .form .form-el input[type='checkbox'] + label::after, [b2b-form-style] .form-el input[type='checkbox'] + label::after { content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc1IDAuNzVMMy4yNSA2LjI1TDAuNzUgMy43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; background-size: 10px 7px; opacity: 0; } form .form-el input[type='checkbox']:checked + label::before, .form .form-el input[type='checkbox']:checked + label::before, [b2b-form-style] .form-el input[type='checkbox']:checked + label::before { border-color: #3170b5; background-color: #3170b5; } form .form-el input[type='checkbox']:checked + label::after, .form .form-el input[type='checkbox']:checked + label::after, [b2b-form-style] .form-el input[type='checkbox']:checked + label::after { opacity: 1; } form .form-el input[type='checkbox']:hover:not(:disabled) + label::before, .form .form-el input[type='checkbox']:hover:not(:disabled) + label::before, [b2b-form-style] .form-el input[type='checkbox']:hover:not(:disabled) + label::before { border-color: #3170b5; } form .form-el input[type='checkbox']:disabled + label, .form .form-el input[type='checkbox']:disabled + label, [b2b-form-style] .form-el input[type='checkbox']:disabled + label { color: #777; cursor: not-allowed; } form .form-el input[type='checkbox']:disabled + label::before, .form .form-el input[type='checkbox']:disabled + label::before, [b2b-form-style] .form-el input[type='checkbox']:disabled + label::before { border-color: #bdbdbd; background-color: #ddd; } form textarea, .form textarea, [b2b-form-style] textarea { width: 100%; padding: 0.8rem 1.2rem; border: 0.1rem solid #B3BBCB; height: calc(7.5em + 1.6rem); } form .form-cr input[type="checkbox"], .form .form-cr input[type="checkbox"], [b2b-form-style] .form-cr input[type="checkbox"] { appearance: none; border: none !important; padding: 0; } form .form-cr input[type="checkbox"]:hover, .form .form-cr input[type="checkbox"]:hover, [b2b-form-style] .form-cr input[type="checkbox"]:hover { background: transparent !important; } form .form-cr input[type="checkbox"] + label, .form .form-cr input[type="checkbox"] + label, [b2b-form-style] .form-cr input[type="checkbox"] + label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-flow: row; position: relative; } form .form-cr input[type="checkbox"] + label:hover:before, .form .form-cr input[type="checkbox"] + label:hover:before, [b2b-form-style] .form-cr input[type="checkbox"] + label:hover:before { background: #DDE5F4; } form .form-cr input[type="checkbox"] + label:before, .form .form-cr input[type="checkbox"] + label:before, [b2b-form-style] .form-cr input[type="checkbox"] + label:before { content: ""; height: 2rem; width: 2rem; border: 0.1rem solid #707784; display: inline-block; margin-right: 0.8rem; } form .form-cr input[type="checkbox"] + label:after, .form .form-cr input[type="checkbox"] + label:after, [b2b-form-style] .form-cr input[type="checkbox"] + label:after { content: ""; height: 0.4rem; width: 1rem; border: 0.3rem solid transparent; transform: translate(-50%, -83.333%) rotate(-45deg); position: absolute; left: 1.2rem; top: 50%; } form .form-cr input[type="checkbox"]:checked + label::before, .form .form-cr input[type="checkbox"]:checked + label::before, [b2b-form-style] .form-cr input[type="checkbox"]:checked + label::before { background: #707784; } form .form-cr input[type="checkbox"]:checked + label:after, .form .form-cr input[type="checkbox"]:checked + label:after, [b2b-form-style] .form-cr input[type="checkbox"]:checked + label:after { border-left-color: #000000; border-bottom-color: #000000; } form .form-cr input[type="radio"] + label:last-child, .form .form-cr input[type="radio"] + label:last-child, [b2b-form-style] .form-cr input[type="radio"] + label:last-child { display: block; } form .form-cr input[type="radio"] + label:before, .form .form-cr input[type="radio"] + label:before, [b2b-form-style] .form-cr input[type="radio"] + label:before { content: ""; height: 1.2rem; width: 1.2rem; border: 0.1rem solid #707784; border-radius: 100%; } form .form-cr input[type="radio"]:checked + label:before, .form .form-cr input[type="radio"]:checked + label:before, [b2b-form-style] .form-cr input[type="radio"]:checked + label:before { background: #707784; box-shadow: inset 0 0 0 0.2rem #fff; } form .form-actions, .form .form-actions, [b2b-form-style] .form-actions { width: 100%; margin: 4rem 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; gap: 1.6rem; } form .form-actions button, .form .form-actions button, [b2b-form-style] .form-actions button { flex: 1; } form .g-recaptcha, .form .g-recaptcha, [b2b-form-style] .g-recaptcha { width: 100%; } form .g-recaptcha > div, .form .g-recaptcha > div, [b2b-form-style] .g-recaptcha > div { margin: 0 auto; } form .form-inlineMessage, .form .form-inlineMessage, [b2b-form-style] .form-inlineMessage { color: #E30000; display: block; font-size: 1.4rem; margin: 0.8rem 0 0; } /* -------------------------------------------------------------------------- *\ PDP - FORM ELEMENTS - INCREMENT \* -------------------------------------------------------------------------- */ .form-increment { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; background: #fff; } .form-increment .h5 { margin-bottom: 0; } .form-increment label { margin-right: 1.6rem; } .form-increment > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row nowrap; border: 0.1rem solid #000000; border-radius: 0.8rem; overflow: hidden; width: 11.2rem; height: 4.8rem; display: flex; justify-content: center; align-items: center; padding: 1.1rem; } .form-increment button { width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; color: #363436; background: #fff; font-size: 1rem; position: relative; } .form-increment button:not(.cart-remove)::before { content: ''; position: absolute; inset: -1rem; } .form-increment input { padding: 4px 3px; margin: 2px; background: #fff; border: none !important; text-align: center; width: 4.8rem; font-size: 1.4rem; font-weight: 600; } /* -------------------------------------------------------------------------- *\ FORM - SELECTS \* -------------------------------------------------------------------------- */ select { padding: 1.2rem 1.6rem; width: 100%; -webkit-appearance: none; border: 0.1rem solid #707784; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.5L5 4.5L1 0.5' stroke='%23B9B9AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/ background-position: right .5em top 50%; /* icon size, then gradient */ background-size: 1em auto; } select:disabled, select.unavailable { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; } select:hover, select:focus { border-color: #000000; } /* -------------------------------------------------------------------------- *\ HEADER \* -------------------------------------------------------------------------- */ body { padding: 0; } a.skip { position: fixed; z-index: 10001; left: 50%; top: 1.5rem; -webkit-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); transform: translate(-50%, -150%); background: #fff; color: #000000; padding: 0.8rem 1.2rem; } a.skip:focus { transform: translate(-50%, 0); background: #000000; color: #fff; } @media print { a.skip { display: none; } } body > header { border-bottom: 1px solid #eaeaea; /* ---------------------------------------------------------------------- *\ RESETS This code resets some of the styling for the a, label, button, and li to make it function as a navigation \* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ RESETS & VARIABLES Set some varialbes that apply to the scss files for header \* ---------------------------------------------------------------------- */ background: #fff; /* -------------------------------------------------------------------------- *\ HEADER - POTIION \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - LAYOUT \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - LOGO \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - SEARCH \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - SEARCH > TOGGLE \* -------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ HEADER - NAVIGATIONS \* ---------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - MOBILE MENU TOGGLE BUTTON \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - CART \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - CART \* -------------------------------------------------------------------------- */ } body > header a, body > header label, body > header button { display: block; font-size: 1.4rem; white-space: nowrap; text-decoration: none; } body > header a:hover, body > header a:focus, body > header label:hover, body > header label:focus, body > header button:hover, body > header button:focus { color: #000000; } body > header a, body > header li { color: #000000; } body > header a.sale, body > header li.sale { color: #D24343; } body > header .sale { color: #D24343; font-weight: 600; } body > header .icon-cart { color: #000000; } @media (min-width: 992px) { body > header .container > .logo { display: none; } } @media print { body > header { display: none; } } body > header { width: 100%; /* ---------------------------------------------------------------------- *\ RELATIVE @include position(relative, 1000); \* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ ABSOLUTE TOP @include position(absolute, 1000, (left, top), (0, 0)); \* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ FIXED TOP @include position(fixed, 1000, (left, top), (0, 0)); \* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- *\ STICKY TOP \* ---------------------------------------------------------------------- */ } @media (max-width: 991.9px) { body > header { position: relative; position: -webkit-sticky; position: sticky; z-index: 999; } @supports (position: -webkit-sticky) { body > header { top: 0; left: 0; } } @supports (position: sticky) { body > header { top: 0; left: 0; } } } @media (min-width: 992px) { body > header { position: relative; position: -webkit-sticky; position: sticky; z-index: 999; } @supports (position: -webkit-sticky) { body > header { top: 0; } } @supports (position: sticky) { body > header { top: 0; } } } body > header .container { /* @include borderTest(); @include borderTest(".logo"); @include borderTest(".search-bar"); @include borderTest("nav"); @include borderTest(".toggle-search"); @include borderTest(".mobile-cart"); @include borderTest(".toggle-trigger"); @include borderTest(".main"); @include borderTest(".user"); @include borderTest(".utility"); //*/ } @media (max-width: 991.9px) { body > header .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; gap: 1.6rem; padding: 2rem 1.6rem; } body > header .container .toggle-trigger, body > header .container .logo { flex: 0 0 auto; justify-content: flex-start; } body > header .container .logo { line-height: 1; height: auto; display: inline-flex; } body > header .container .toggle-elements { display: flex; align-items: center; justify-content: flex-end; gap: 1.6rem; margin-left: auto; } body > header .container .toggle-elements .toggle-account-menu { position: relative; display: flex; } body > header .container .toggle-elements .toggle-account-dropdown { display: none; position: absolute !important; top: calc(100% + 0.8rem) !important; right: 0 !important; left: auto !important; width: auto; min-width: 16rem; max-width: calc(100vw - 3.2rem); padding: 1.6rem; margin-top: 0; background-color: #38454F; list-style: none; z-index: 101; } body > header .container .toggle-elements .toggle-account-dropdown.is-open, body > header .container .toggle-elements .toggle-account-dropdown[aria-hidden="false"] { display: block; } body > header .container .toggle-elements .toggle-account-dropdown li { margin: 0; padding: 4px 0; } body > header .container .toggle-elements .toggle-account-dropdown a { display: block; padding: 0; color: #fff; font-size: 1.4rem; line-height: 1.4; } body > header .container .toggle-elements .toggle-account-dropdown a:hover, body > header .container .toggle-elements .toggle-account-dropdown a:focus { color: #707784; } body > header .container .toggle-elements svg { width: 2.4rem; height: 2.4rem; } body > header .container .toggle-search { flex-grow: 0; text-align: right; color: #000000; display: flex; } body > header .container nav { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: column nowrap; } body > header .container nav .main { order: 1; } body > header .container nav .user { order: 2; } body > header .container nav .utility { order: 3; } body > header .container nav:has(.nav.scroll-1, .nav.scroll-2) { padding-bottom: 24px; } body > header .container nav:has(.nav.scroll-1, .nav.scroll-2) .user { display: none; } } @media (min-width: 992px) { body > header .container .toggle-elements .toggle-account-menu, body > header .container .toggle-elements > .toggle-account { display: none !important; } body > header .container nav { display: grid; grid-template-columns: 2.5fr 1fr 1.5fr .5fr; grid-template-rows: auto; align-items: center; column-gap: 5.6rem; row-gap: 0.8rem; padding: 1.8rem 0 0; grid-template-areas: "main logo search user"; } body > header .container nav .logo { grid-area: logo; position: absolute; top: 2.4rem; left: 50%; transform: translate(-50%, -50%); } body > header .container nav .user { grid-area: user; } body > header .container nav .main { grid-area: main; justify-content: flex-start; } body > header .container nav .utility { grid-area: util; } body > header .container nav .search-bar { grid-area: search; width: 100%; } body > header .container .user a:hover i, body > header .container .user a:hover svg, body > header .container .user a:focus i, body > header .container .user a:focus svg { color: #3170B5; } body > header .container .user a:active i, body > header .container .user a:active svg { color: #3170B5; } body > header .container nav { column-gap: 0; grid-template-columns: auto 5.6rem minmax(0, 1fr) 2rem auto; grid-template-areas: "logo . search . user" "logo . main main main"; } body > header .container nav .logo { position: relative; } } body > header .logo { display: block; } body > header .logo img, body > header .logo svg { width: 10.8rem; height: 3rem; } @media (min-width: 992px) { body > header .logo img, body > header .logo svg { width: 15.5rem; } } @media (min-width: 1200px) { body > header .logo img, body > header .logo svg { width: 18rem; height: 4.4rem; } } body > header .homepage-logo-heading { margin: 0; font-size: 0; line-height: 1; font-weight: 400; text-transform: none; } body > header .toggle-search { display: block; } @media (min-width: 768px) { body > header .toggle-search { padding: 0.7rem; } } body > header .toggle-search i { font-size: 2.4rem; color: #000000; } @media (min-width: 992px) { body > header .toggle-search { display: none; } } body > header .search-bar { position: relative; /* -------------------------------------------------------------------------- *\ HEADER - SEARCH - FORM \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - SEARCH - RESULTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - QUICK SEARCH RESULTS BOX \* -------------------------------------------------------------------------- */ } body > header .search-bar .quick-search-loading { position: absolute; right: 5rem; height: 4rem; display: none; } @media (max-width: 991.9px) { body > header .search-bar { width: 100%; padding: 1.6rem 1.6rem 1.2rem; transition: all 0.25s linear; } #headerToggleSearch:checked ~ body > header .search-bar { top: 100%; transform: translate(-100%, 0); } } @media (min-width: 992px) { body > header .search-bar:focus-within .results:not(:empty) { display: block; } } body > header .search-bar .form { margin: 0; } body > header .search-bar .form .form-field { display: grid; grid-template-columns: auto 4rem; position: relative; } body > header .search-bar .form .form-el { position: relative; margin: 0; } body > header .search-bar .form input { width: 100%; padding: 1.1rem 7rem 1.1rem 1.6rem; z-index: 3; background: #C2C2C2; border-color: #C2C2C2 !important; color: #000000; border-radius: 100px; } body > header .search-bar .form input::placeholder { color: #5E5D5E; } body > header .search-bar .form input:hover, body > header .search-bar .form input:focus, body > header .search-bar .form input:focus-visible { background: #fff; border-color: #000000 !important; box-shadow: 0px 0px 0px 4px #00000014; outline: none !important; } body > header .search-bar .form button { position: absolute; z-index: 100; right: 0; top: 0; z-index: 4; background: none; height: 4.8rem; width: 5.6rem; font-size: 2.4rem; color: #000000; padding: 1.2rem 1.6rem !important; border: 0; border-bottom: none; border-left: 0; transition: all .25s; justify-content: flex-end; gap: 0; } body > header .search-bar .form button .icon-search { width: 2.4rem; height: 2.4rem; margin-right: 0 !important; } body > header .search-bar .form button:hover, body > header .search-bar .form button:focus { background: none !important; } body > header .search-bar .form button:active { background: none; } body > header .search-bar .results { margin: 1.6rem 0 0; } body > header .search-bar .results:empty { display: none; } body > header .search-bar .results .card:nth-child(n + 3) { display: none; } @media (min-width: 768px) { body > header .search-bar .results .card { width: calc(33.333% - 3.2rem); } body > header .search-bar .results .card:nth-child(3) { display: block; } body > header .search-bar .results .card:nth-child(n + 4) { display: none; } } @media (min-width: 992px) { body > header .search-bar .results { display: none; position: absolute; right: 0; top: 100%; width: 80rem; margin: 0; background: #fff; padding: 2.4rem; border: 0.1rem solid #447489; } } body > header .search-bar #quickSearch { display: none; position: absolute; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); width: 100%; } body > header .search-bar #quickSearch.is-open { display: initial; z-index: 500; } @media (max-width: 991.9px) { body > header .search-bar #quickSearch { display: none !important; } } body > header .search-bar #quickSearch .quickSearchResults { position: relative; } body > header .search-bar #quickSearch .quickSearchResults h2 { font-size: 2rem; line-height: 2.4rem; margin: 1.6rem 0 0; text-align: left; padding: 0 1.6rem; } body > header .search-bar #quickSearch .quickSearchResults > div { max-height: 80vh; overflow-y: scroll; } body > header .search-bar #quickSearch .quickSearchResults > div::-webkit-scrollbar { -webkit-appearance: none; width: 0.7rem; } body > header .search-bar #quickSearch .quickSearchResults > div::-webkit-scrollbar-thumb { border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); } body > header .search-bar #quickSearch .quickSearchResults > div h4 { position: relative; padding: 2rem; background: #f3F6FC; } body > header .search-bar #quickSearch .quickSearchResults > div > div { display: flex; flex-direction: column; row-gap: 0; } body > header .search-bar #quickSearch .quickSearchResults > div .card { padding: 1.6rem; border-bottom: 0.1rem solid #f3F6FC; column-gap: 2rem; visibility: visible; opacity: 1; transform: translateX(0); flex-direction: row; margin-bottom: 0; align-items: center; } body > header .search-bar #quickSearch .quickSearchResults > div .card .actions { display: none; } body > header .search-bar #quickSearch .quickSearchResults > div .card .img { width: 25%; } body > header .search-bar #quickSearch .quickSearchResults > div .card .img a { padding: 1.5rem; border: 0.1rem solid #f3F6FC; } body > header .search-bar #quickSearch .quickSearchResults > div .card .cnt { width: 100%; margin: 0; display: flex; flex-direction: column; row-gap: 0.5rem; } body > header .search-bar #quickSearch .quickSearchResults > div .card .cnt h3, body > header .search-bar #quickSearch .quickSearchResults > div .card .cnt .h3 { margin: 0; white-space: normal; width: 100%; } body > header .search-bar #quickSearch .quickSearchResults > div .view-all { padding: 0.5rem; } body > header .search-bar #quickSearch .quickSearchResults > div .view-all .all-btn a { width: 100%; } body > header .search-bar #quickSearch .quickSearchResults .modal-close { position: absolute; top: 1rem; right: 2rem; line-height: 0; font-size: 1.8rem; color: #000000; z-index: 1; } body > header .toggle-trigger { position: relative; width: 2.4rem; height: 2.4rem; float: left; margin: 0; } body > header .toggle-trigger .bar { display: block; position: absolute; left: 50%; top: 50%; height: 0.2rem; width: 2.2rem; background: #000000; transition-timing-function: cubic-bezier(0.68, -1, 0.265, 2); transition-duration: .475s; } body > header .toggle-trigger .bar:nth-child(1) { transform: translate(-50%, -50%) translate(0, -0.7rem); } body > header .toggle-trigger .bar:nth-child(2) { transform: translate(-50%, -50%); } body > header .toggle-trigger .bar:nth-child(3) { transform: translate(-50%, -50%) translate(0, 0.7rem); } @media (min-width: 992px) { body > header .toggle-trigger { display: none; } } body > header .toggle { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } @media (min-width: 992px) { body > header .toggle { display: none; } } body > header .toggle:checked + .toggle-trigger .bar:nth-child(1) { opacity: 0; transform: translate(-50%, -50%) translate(0, 0.7rem); } body > header .toggle:checked + .toggle-trigger .bar:nth-child(2) { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } body > header .toggle:checked + .toggle-trigger .bar:nth-child(3) { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } body > header nav { /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - MEGA MENU \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - HORIZONTAL - ACCOUNT NAV \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - HORIZONTAL - UTILITY NAV \* -------------------------------------------------------------------------- */ } body > header nav ul { margin: 0; } @media (max-width: 991.9px) { body > header nav { position: fixed; left: 0; top: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); background: #fff; --mobile-menu-viewport-height: 100vh; display: flex; flex-direction: column; width: 100%; height: var(--mobile-menu-viewport-height); max-height: var(--mobile-menu-viewport-height); min-height: 0; overflow-x: hidden; overflow-y: hidden; transition: all 0.4s ease-out; opacity: 0; pointer-events: none; padding-bottom: env(safe-area-inset-bottom); /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - MEGA MENU - MOBILE \* -------------------------------------------------------------------------- */ } @supports (height: 100svh) { body > header nav { --mobile-menu-viewport-height: 100svh; } } @supports (height: 100dvh) { body > header nav { --mobile-menu-viewport-height: 100dvh; } } body > header nav .header__nav-close { position: absolute; z-index: 1002; right: 0.8rem; top: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; width: 4.4rem; height: 4.4rem; margin: 0; padding: 0; color: #000000; cursor: pointer; } body > header nav .header__nav-close svg { width: 2.4rem; height: 2.4rem; } body > header nav .logo { display: none; } body > header nav .main { margin: 0; position: relative; padding: 2.4rem 0; } body > header nav .main .Brands-div > ul { padding-bottom: 15rem; } body > header nav .main li { position: static; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; align-content: stretch; flex-flow: row nowrap; } body > header nav .main a { display: none; width: 100%; padding: 0.8rem 2.4rem; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } body > header nav .main a:only-child { display: block; } body > header nav .main li.Blog { padding: 0.8rem 2.4rem; padding-top: 0; } body > header nav .main li.Blog a { padding: 0; padding-top: 2.4rem; margin-top: 1.6rem; border-top: 0.1rem solid #707784; } body > header nav .main label { display: block; width: 100%; padding: 0.8rem 2.4rem; height: auto; position: relative; cursor: pointer; } body > header nav .main label:after { position: absolute; right: 2.4rem; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); height: 0.8rem; width: 0.8rem; border: 0.2rem solid transparent; border-right-color: #000000; border-top-color: #000000; content: ""; } body > header nav .main label span { display: none; } body > header nav .main label:only-child { padding: 0.8rem 2.4rem; padding-left: 2.4rem; } body > header nav .main label:only-child:after { left: 2.4rem; transform: translate(0, -50%) rotate(45deg) rotate(180deg); } body > header nav .main div.menu-block__depth-1--wrapper { position: absolute; z-index: 1000; left: 100%; top: -6.8rem; transition: transform .25s ease-out; width: 100%; height: var(--mobile-menu-viewport-height, 100vh); background: #f3F6FC; } body > header nav .main div.menu-block__depth-1--wrapper div { top: 0; } body > header nav .main div.menu-block__depth-1--wrapper ul { height: 100%; width: 100vw; overflow-x: hidden; overflow-y: scroll; } body > header nav .main div.menu-block__depth-1--wrapper ul.brands-list li:nth-child(2) a::before { content: none; } body > header nav .main .card { display: none; } body > header nav .main input[type="checkbox"]:checked ~ div { transform: translate(-100%, 0); } } @media (min-width: 992px) { body > header nav { /* -------------------------------------------------------------------------- *\ HEADER - NAVIGATION - MEGA MENU - DROPDOWN STYLING \* -------------------------------------------------------------------------- */ } body > header nav .header__nav-close { display: none; } } @media (min-width: 992px) and (min-width: 992px) { body > header nav .main { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; height: auto; width: 100%; } body > header nav .main .subheading-name { position: relative; } body > header nav .main .more-brands { color: #0061A1; font-weight: bold; } body > header nav .main.hovered > li:hover > div { transition: all 0s 0s ease !important; visibility: visible; opacity: 1; } body > header nav .main a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; color: #000000; } body > header nav .main a.subheading-name { color: #0061A1; text-transform: uppercase; justify-content: flex-start; column-gap: 1.2rem; padding-bottom: 0.8rem; flex-wrap: nowrap; } body > header nav .main a span { display: inline-block; transition: transform .25s linear; transform-origin: 50% 50%; } body > header nav .main [aria-expanded="true"] { z-index: 1; background: #f3F6FC; } body > header nav .main [aria-expanded="true"] a span { transform: rotate(180deg); } body > header nav .main label { display: none; } body > header nav .main > li { position: static; margin: 0; padding-bottom: 1.8rem; } body > header nav .main > li span { transform: rotate(180deg); } body > header nav .main > li:hover { z-index: 1; } body > header nav .main > li:hover > div.hover { transition: opacity .3s ease; visibility: visible; opacity: 1; } body > header nav .main > li:hover span { transition-timing-function: cubic-bezier(0.2, -0.5, 0.265, 1.5); transition-duration: .475s; } body > header nav .main > li > a { font-size: 16px; padding: 0 1.6rem; font-weight: 600; text-decoration: none; } body > header nav .main > li > a:hover { color: #3170B5; } body > header nav .main > li > div { position: absolute; left: 0%; top: 100%; max-height: 90rem; overflow: auto; cursor: pointer; border-top: 0.8rem solid #1A7BBC; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; flex-flow: row nowrap; visibility: hidden; opacity: 0; width: 100%; background: none; transition: .3s 0s ease-in-out; } body > header nav .main > li > div:before { position: absolute; left: 0%; width: 100%; height: 100%; background: #f3F6FC; content: ""; } body > header nav .main > li > div a { transition-duration: 0s; white-space: normal; padding-bottom: 0.4rem; } body > header nav .main > li > div a:after { content: none; } body > header nav .main > li > div > ul { width: 100%; max-width: 95rem; background: #f3F6FC; padding: 3.2rem 11.2rem 4rem 6.4rem; column-gap: 5rem; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); column-count: 3; column-gap: 5rem; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } } @media (min-width: 992px) and (min-width: 992px) and (min-width: 992px) { body > header nav .main > li > div > ul { width: 100%; } } @media (min-width: 992px) and (min-width: 992px) and (min-width: 1425px) { body > header nav .main > li > div > ul { width: 100%; } } @media (min-width: 992px) and (min-width: 992px) { body > header nav .main > li > div > ul.brand-grid { display: grid; grid-template-rows: 1fr 1fr; grid-auto-flow: column; } body > header nav .main > li > div > ul a { color: #000000; } body > header nav .main > li > div > ul ul li { margin-bottom: 0; } body > header nav .main > li > div > ul ul li a { color: #000000; font-size: .8em; padding-left: 0; position: relative; } body > header nav .main > li > div > ul ul li a:before { content: ""; position: absolute; top: 0; left: -1rem; /* Adjust this value to control the width of the border */ height: 100%; width: 0.2rem; /* Width of the border */ background-color: transparent; transition: background-color 0.1s ease-in-out; } body > header nav .main > li > div > ul ul li a:hover, body > header nav .main > li > div > ul ul li a:focus { color: #0061A1; } body > header nav .main > li > div > ul ul li a:hover:before, body > header nav .main > li > div > ul ul li a:focus:before { background-color: #0061A1; } body > header nav .main > li > div > ul li { margin-bottom: 1rem; break-inside: avoid-column; } body > header nav .main > li > div > ul li:nth-child(1), body > header nav .main > li > div > ul li:nth-child(2) { display: none; } body > header nav .main > li > div > ul li.brand-category { display: list-item !important; } body > header nav .main input[type="checkbox"] { display: none; } body > header nav .main input[type="checkbox"]:focus ~ label { display: block; background: #000000; color: #fff; padding: 1rem; position: absolute; width: auto; height: auto; clip: auto; } body > header nav .main input[type="checkbox"]:checked ~ label { clip: rect(0 0 0 0); height: 0.1rem; margin: -0.1rem; } body > header nav .main input[type="checkbox"]:checked ~ div { visibility: visible; opacity: 1; } } body > header nav input[type="checkbox"] { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } @media (max-width: 991px) { body > header nav.header__nav > .search-bar { display: none; padding: 32px 56px 8px 16px; background-color: #EAEAEA; } body > header nav.header__nav.header__nav--search > .search-bar { display: block; } body > header nav.header__nav.header__nav--search .header__nav-close { top: 3.4rem; } body > header nav.header__nav.header__nav--search > .mega-menu, body > header nav.header__nav.header__nav--search > .user, body > header nav.header__nav.header__nav--search > .logo { display: none; } body > header nav.header__nav > .logo { padding: 22px 72px 22px 16px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); z-index: 1; } } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor { position: relative; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > .menu_block--heading { display: inline-flex; align-items: center; gap: 4px; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > .menu_block--heading::after { content: ""; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(-90deg); transition: transform .3s ease-in-out; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor:hover > .menu_block--heading::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233170b5' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform: rotate(-90deg) translateY(5px); } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2.4rem; white-space: normal; text-align: center; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div .menu_block--heading { color: #ffffff; font-family: "Conthrax", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.2; font-size: 24px !important; padding-bottom: 0; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div .menu_block__depth-1--description { color: #ffffff; background-color: #3170B5; border-color: #3170B5; padding: 12px 16px; border-radius: 8px; margin: 16px 0 0 !important; font-size: 14px; font-weight: 600; text-transform: uppercase; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div .menu_block__depth-1--description:hover { background-color: #363436; border-color: #363436; } @media (max-width: 991px) { body > header nav.header__nav { min-height: 0; padding-bottom: env(safe-area-inset-bottom); } body > header nav .mega-menu { flex: 1 1 auto; min-height: 0; padding: 24px 0; } body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu { height: auto; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu [data-content-region], body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu [data-layout-id], body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu [data-sub-layout-container], body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu [data-sub-layout], body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .mega-menu [data-widget-id] { height: auto; min-height: 0; } body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) > .user { position: static; flex: 0 0 auto; width: 100%; max-height: 45%; margin-top: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background-color: #fff; -webkit-overflow-scrolling: touch; } body > header nav.header__nav:not(:has(.scroll-1, .scroll-2)) .s48meganav { min-height: 100%; height: auto !important; } body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu { height: 100%; overflow: visible; } body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu [data-content-region], body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu [data-layout-id], body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu [data-sub-layout-container], body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu [data-sub-layout], body > header nav.header__nav:has(.scroll-1, .scroll-2) > .mega-menu [data-widget-id] { height: 100%; min-height: 0; } body > header nav.header__nav:has(.scroll-1, .scroll-2) > .user { display: none; } body > header nav.header__nav:has(.scroll-1, .scroll-2) .s48meganav { min-height: 0; height: 100% !important; } body > header nav .s48meganav { display: block; position: initial; padding: 0; border: none; } body > header nav .s48meganav nav { position: initial; display: block; padding: 0; opacity: 1; overflow: visible; pointer-events: auto; } body > header nav .s48meganav nav.scroll-2 { transform: translateX(-100%) !important; } body > header nav .s48meganav .menu-back-btn { top: calc((74px + 24px) * -1); padding: 22px 72px 22px 30px; min-height: 72px; visibility: hidden; background-color: #fff; z-index: 2; display: flex; align-items: center; font-size: 0; } body > header nav .s48meganav .menu-back-btn::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.25 9H3.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 14.25L3.75 9L9 3.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; transform: none; } body > header nav .s48meganav .menu-back-btn [data-menu-back-title] { display: inline-flex; width: 100%; justify-content: center; align-items: center; padding: 0 16px; font-size: 16px; font-weight: 600; font-family: "Conthrax", Arial, Helvetica, sans-serif; } body > header nav .s48meganav .menu-back-btn.menu-back-btn--active { visibility: visible; } body > header nav .s48meganav .menu-breadcrumb { display: inline-block; position: absolute; display: none; } body > header nav .s48meganav .menu-breadcrumb.menu-breadcrumb--active { z-index: 2; } body > header nav .s48meganav .menu-block--item.has-children > .menu-block--anchor > .menu_block--heading::after { content: "" !important; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(-90deg) !important; } body > header nav .s48meganav .menu-block__depth-0--item { margin-bottom: 6px; } body > header nav .s48meganav .menu-block__depth-0--item > .menu-block--anchor > .menu_block--heading, body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item > .menu-block--anchor > .menu_block--heading { text-transform: uppercase; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block--anchor { padding: 11px 16px; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block--anchor .menu_block--heading { padding: 0; font-weight: 500; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block--anchor .menu_block--heading::after { top: 4px !important; right: 0 !important; margin-right: 0 !important; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item { flex-direction: column; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item > .menu-block--anchor .menu_block--heading::after { transform: rotate(0) !important; transition: all .25s ease-in-out; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item.subMenu-visible > .menu-block--anchor .menu_block--heading::after { transform: rotate(-180deg) !important; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item .menu-block--wrapper { position: static; display: none !important; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item .menu-block--wrapper .menu-block__depth-2 { padding: 0 16px; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-1--item.subMenu-visible .menu-block--wrapper { display: block !important; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__depth-2--item > .menu-block--anchor .menu_block--heading { font-size: 16px !important; font-weight: 500; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__column-design-image-only { margin-top: 70px; } body > header nav .s48meganav .menu-block__depth-0--item .menu-block__column-design-image-only > .menu-block--anchor { padding: 0 16px; } } @media (min-width: 750px) { body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 { padding: 0 5rem; } } @media (min-width: 992px) { @keyframes mega-menu-slide-down { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 { padding: 0 6rem; } body > header nav .s48meganav-layout { position: static; } body > header nav .s48meganav-sub-layout { position: static; } body > header nav .s48meganav { border-bottom: none; } body > header nav .s48meganav:after { left: 0; right: 0; display: none; } body > header nav .s48meganav .nav { display: block; padding-top: 0; max-width: 100%; } body > header nav .s48meganav .nav .menu-block__depth-0 { flex-wrap: wrap; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item { position: static; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.menu-visible .menu-block__depth-1--wrapper, body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item .menu-visible .menu-block__depth-1--wrapper, body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item:hover .menu-block__depth-1--wrapper { animation: mega-menu-slide-down .24s ease-out; transform: translateY(0); pointer-events: auto; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item > .menu-block--anchor { padding: 1.8rem 1.6rem; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item > .menu-block--anchor > .menu_block__depth-0--heading { font-weight: 600; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children > .menu-block--anchor { display: inline-flex; align-items: center; gap: 4px; padding: 1.8rem 1.6rem; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children > .menu-block--anchor::after { content: ""; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children:hover > .menu-block--anchor { color: #3170b5 !important; cursor: pointer; } body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children:hover > .menu-block--anchor::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233170b5' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper { top: 100%; padding: 2.4rem 0; max-height: calc(85vh - var(--header-height, 0)); overflow-y: auto; pointer-events: none; scrollbar-width: thin; transition-delay: 0ms; transform: translateY(-12px); transition: opacity .2s ease-out, transform .24s ease-out, visibility .2s ease-out; border-top: 1px solid #eaeaea; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper:hover { transform: translateY(0); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 { max-width: 1688px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item { margin: 0; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item:not(.menu-block__column-design-image-only) > .menu-block--anchor { display: inline-flex; align-items: flex-start; flex-wrap: nowrap; gap: 4px; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item:not(.menu-block__column-design-image-only) > .menu-block--anchor::after { content: ""; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(-90deg); margin-bottom: 4px; transition: transform .3s ease-in-out; margin-top: 2px; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item:not(.menu-block__column-design-image-only):hover > .menu-block--anchor { color: #000000 !important; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item:not(.menu-block__column-design-image-only) > .menu-block--anchor:hover { color: #3170b5 !important; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item:not(.menu-block__column-design-image-only) > .menu-block--anchor:hover::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233170b5' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform: rotate(-90deg) translateY(5px); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item .menu_block__depth-1--heading { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 4px; white-space: normal; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item.menu-block__column-design-image-only > .menu-block--anchor > .menu-block--image { margin-bottom: 10px; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1 .menu-block__depth-1--item.menu-block__column-design-image-only > .menu-block--anchor:has(.menu_block__depth-1--description) > .menu-block--image { margin-bottom: 0; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid { --menu-block-gap: 24px; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1.16fr); gap: var(--menu-block-gap); align-items: start; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__layout-group, body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid .menu-block__layout-list { display: block; min-width: 0; margin: 0; padding: 0; list-style: none; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__link-columns { grid-column: 1; width: 100%; min-width: 0; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__link-columns > .menu-block__layout-list { column-count: 3; column-gap: var(--menu-block-gap); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__link-columns:not(:has(> .menu-block__layout-list)) { column-count: 3; column-gap: var(--menu-block-gap); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__link-columns > .menu-block__depth-1--item, body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__link-columns > .menu-block__layout-list > .menu-block__depth-1--item { display: block; width: 100%; min-width: 0; margin: 0 0 var(--menu-block-gap); -webkit-column-break-inside: avoid; break-inside: avoid-column; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns { gap: var(--menu-block-gap); width: 100%; min-width: 0; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns > .menu-block__layout-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--menu-block-gap); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns > :is(.menu-block__column-design-image-list, .menu-block__column-design-image-only), body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns > .menu-block__layout-list > :is(.menu-block__column-design-image-list, .menu-block__column-design-image-only) { display: block; width: 100%; min-width: 0; aspect-ratio: 1 / 1; overflow: visible; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns > :is(.menu-block__column-design-image-list, .menu-block__column-design-image-only) img, body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid > .menu-block__image-columns > .menu-block__layout-list > :is(.menu-block__column-design-image-list, .menu-block__column-design-image-only) img { display: block; width: 100%; height: 100%; object-fit: cover; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid[data-menu-block-image-count="2"] { grid-template-columns: minmax(0, 1.6fr) minmax(0, 2fr); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid[data-menu-block-image-count="2"] > .menu-block__link-columns > .menu-block__layout-list { column-count: 1; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid[data-menu-block-image-count="2"] > .menu-block__link-columns:not(:has(> .menu-block__layout-list)) { column-count: 1; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid[data-menu-block-image-count="2"] > .menu-block__image-columns, body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-1.menu-block__depth-1--image-grid[data-menu-block-image-count="2"] > .menu-block__image-columns > .menu-block__layout-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-2--wrapper .menu-block__depth-2--item { padding: .4rem 0; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-2--wrapper .menu-block__depth-2--item .menu-block--anchor { white-space: normal; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-2--wrapper .menu-block__depth-2--item .menu-block--anchor > span { display: inline; transition: background-size ease-in-out .3s; background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; padding-bottom: 3px; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-2--wrapper .menu-block__depth-2--item:hover > .menu-block--anchor { text-decoration: none; } body > header nav .s48meganav .nav .menu-block__depth-1--wrapper .menu-block__depth-2--wrapper .menu-block__depth-2--item:hover > .menu-block--anchor span { background-size: 100% 1px; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor .menu-block--mobile-image { display: none !important; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div .menu_block--heading { font-size: 28px !important; } body > header nav .s48meganav .nav .menu-block__column-design-image-only .menu-block--anchor > div .menu_block__depth-1--description { font-size: 16px; margin: 24px 0 0 !important; } } @media (min-width: 992px) and (max-width: 1700px) { body > header nav.header__nav { grid-template-columns: auto 5.6rem minmax(0, 1fr) 2rem auto; grid-template-areas: "logo . search . user" "main main main main main"; } body > header nav.header__nav .logo { line-height: 1; } body > header nav.header__nav .main { justify-content: center; } } @media (min-width: 992px) and (max-width: 1279px) { body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item > .menu-block--anchor, body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children > .menu-block--anchor { padding: 1.8rem .4rem; } body > header nav .s48meganav .menu-block__depth-0--item > .menu-block--anchor .menu_block--heading { font-size: 12px !important; } } @media (min-width: 1280px) and (max-width: 1480px) { body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item > .menu-block--anchor, body > header nav .s48meganav .nav .menu-block__depth-0 .menu-block__depth-0--item.has-children > .menu-block--anchor { padding: 1.8rem 1.2rem; } body > header nav .s48meganav .menu-block__depth-0--item > .menu-block--anchor .menu_block--heading { font-size: 14px !important; } } body > header nav .user { position: relative; z-index: 100; gap: 2rem; } body > header nav .user li { padding: 0; margin: 0; } body > header nav .user ul { display: none; position: absolute; padding: 1.6rem; } body > header nav .user ul.is-open { display: block; } body > header nav .user ul li { margin: 0; } body > header nav .user ul li:last-child { margin: 0; } @media (max-width: 991.9px) { body > header nav .user { padding: 0 1.6rem 1.2rem; position: absolute; bottom: 0; left: 0; right: 0; background-color: #ffffff; } body > header nav .user li:first-child a { padding-top: 2.4rem; border-top: 0.1rem solid #EAEAEA; } body > header nav .user .cart-line { display: none; } body > header nav .user a { padding: 1.2rem 0; display: flex; align-items: center; } body > header nav .user a i, body > header nav .user a svg { display: inline-block; flex: 0 0 auto; vertical-align: middle; } body > header nav .user a i { font-size: 2.4rem; color: #000000; } body > header nav .user a svg { width: 2.4rem; height: 2.4rem; color: #000000; } body > header nav .user a span { display: inline-block; margin-left: 1rem; text-transform: uppercase; font-weight: 500; font-size: 1.6rem; } body > header nav .user ul { position: relative !important; top: 0 !important; } body > header nav .user ul a { border: 0; padding: 0.8rem 2.4rem; } } @media (min-width: 992px) { body > header nav .user { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; } body > header nav .user > .account-menu-item { position: relative; } body > header nav .user > .account-menu-item #accountMenu { left: auto !important; right: 0 !important; top: 100% !important; transform: translateY(0.8rem); } body > header nav .user > .account-menu-item #accountMenu:before { left: auto; right: 0.5rem; } body > header nav .user > .account-menu-item #accountMenu:after { left: auto; right: 0.6rem; } body > header nav .user li:last-child a { margin-right: 0; } body > header nav .user ul { transform: translate(50%, 0.8rem); background: #38454F; } body > header nav .user ul a { color: #fff; padding: 0; } body > header nav .user ul a:hover, body > header nav .user ul a:focus { background: none; color: #707784; } body > header nav .user ul:before { position: absolute; top: -0.7rem; left: 40%; display: inline-block; border-right: 0.7rem solid transparent; border-bottom: 0.7rem solid #38454F; border-left: 0.7rem solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } body > header nav .user ul:after { position: absolute; top: -0.6rem; left: 40%; display: inline-block; border-right: 0.6rem solid transparent; border-bottom: 0.6rem solid #38454F; border-left: 0.6rem solid transparent; content: ''; } body > header nav .user > li > a i, body > header nav .user > li > a svg { display: inline-block; flex: 0 0 auto; vertical-align: middle; } body > header nav .user > li > a i { color: #000000; font-size: 2.4rem; } body > header nav .user > li > a svg { width: 2.4rem; height: 2.4rem; color: #000000; } body > header nav .user > li > a span { display: none; } body > header nav .user > li > a:hover, body > header nav .user > li > a:focus { text-decoration: none; color: #3170B5; } body > header nav .user > li > a:active { color: #3170B5; } } body > header nav .utility li { padding: 0; margin: 0; } @media (max-width: 991.9px) { body > header nav .utility i { font-size: 2.4rem; color: #000000; } body > header nav .utility a { padding: 0.8rem 2.4rem; } body > header nav .utility span { display: inline-block; margin-left: 1.2rem; } } @media (min-width: 992px) { body > header nav .utility { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; } body > header nav .utility li:hover > ul { display: block; } body > header nav .utility a { padding-left: 0; } body > header nav .utility a i { font-size: 2.4rem; color: #000000; } body > header nav .utility a span { padding-left: 1rem; } body > header nav .utility a:hover, body > header nav .utility a:focus { text-decoration: none; color: #1A7BBC; } body > header nav .utility ul { display: none; position: absolute; z-index: 1000; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #707784; padding: 0.8rem; } body > header nav .utility ul a { color: #fff; } body > header nav .utility ul a:hover, body > header nav .utility ul a:focus { background: none; color: #000000; } body > header nav .utility ul li { margin: 0; } body > header nav .utility ul li:last-child { margin: 0; } } @media (max-width: 991.9px) { body > header #headerToggleNav:checked ~ nav { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: inherit; } } body > header .mobile-cart { display: flex; margin-left: 1.2rem; } @media screen and (min-width: 750px) { body > header .mobile-cart { margin-left: 1.6rem; } } body > header .mobile-cart i { font-size: 2.4rem; } @media (min-width: 992px) { body > header .mobile-cart { position: absolute; right: 1.6rem; top: 3.6rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; } } @media (max-width: 991.9px) { body > header .desktop-cart { display: none; } } body > header .toggle-elements [data-cart-preview] { display: none; } @media (max-width: 991.9px) { body > header .toggle-elements [data-cart-preview] { display: flex; } body > header .toggle-elements [data-cart-preview] i { font-size: 2.4rem; } body > header .toggle-elements [data-cart-preview] .text { display: none; } } body > header [data-cart-preview] { position: relative; display: flex; } body > header .cart-quantity { display: none; background: #0061A1; color: #fff; padding: 0.6rem; font-size: 1.2rem; font-weight: 500; line-height: .5em; margin-left: 0.2rem; border-radius: 4rem; align-self: center; position: relative; } body > header .cart-quantity.is-empty { display: none; } body > header .cart-quantity.has-quantity { display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; } body > header .cart-dropdown { display: block; position: fixed; z-index: 2000; right: 0; top: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: all 0.4s ease; background: #fff; box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.25); height: 100%; max-width: 80%; } body > header .cart-dropdown .headline { background: #ffffff; padding: 1.5rem 1.6rem; position: relative; margin-bottom: 0; border-bottom: 1px solid #C4C4C4; display: flex; align-items: center; } body > header .cart-dropdown .headline .cart-drawer__heading { font-size: 2.8rem; margin: 0; } body > header .cart-dropdown .headline .icon-checkmark { margin-right: 1.4rem; } @media screen and (min-width: 1025px) { body > header .cart-dropdown .headline .icon-checkmark { margin-right: 3rem; } } body > header .cart-dropdown .headline .icon-close { position: absolute; right: 1.6rem; padding: 1rem; width: 4rem; height: 4rem; font-size: 2rem; cursor: pointer; } @media screen and (min-width: 750px) { body > header .cart-dropdown .headline { padding: 1.6rem 2.4rem; } body > header .cart-dropdown .headline .cart-drawer__heading { font-size: 3.2rem; } } @media screen and (min-width: 750px) { body > header .cart-dropdown { max-width: 55.2rem; } } body > header .cart-dropdown.is-loading { min-width: 80%; } @media screen and (min-width: 750px) { body > header .cart-dropdown.is-loading { min-width: 40rem; } } body > header .cart-dropdown.is-visible { width: 80%; transform: translate(0, 0); } @media screen and (min-width: 750px) { body > header .cart-dropdown.is-visible { width: 40rem; } } body > header .cart-dropdown h2 { font-size: 1.6rem; font-weight: bold; background-color: #f3F6FC; margin: 0; } body > header .cart-dropdown .added-to-cart-message { text-align: center; padding-top: 0.8rem; font-weight: normal; font-size: 1.8rem; background-color: #f3F6FC; display: none; } body > header .cart-dropdown .buttons { display: flex; flex-direction: column; } body > header .cart-dropdown .content { padding: 1.6rem; } body > header .cart-dropdown .subtotal { font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; margin: 0 0 1.6rem; } body > header .cart-dropdown .view-cart { float: right; } body > header .cart-dropdown .or-use-label { margin-bottom: 1.6rem; } body > header .cart-dropdown dl { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; column-gap: 1rem; row-gap: 0.4rem; padding: 0; margin: 0; border-top: 0.1rem solid #f3F6FC; margin: 0.5rem 0 0.5rem 0; padding: 1rem 0 1rem 0; } body > header .cart-dropdown dd, body > header .cart-dropdown dt { margin: 0; padding: 0; font-size: .8em; } body > header .cart-dropdown dd { white-space: normal; } body > header .cart-dropdown .products { position: static; display: block; left: auto; top: auto; transform: none; background: none; padding: 2rem 0; } body > header .cart-dropdown .products p { margin: 0; color: #000; } body > header .cart-dropdown .products li { padding: 0; } body > header .cart-dropdown .products li > a { display: grid; grid-template-columns: 7rem 1fr; grid-template-rows: auto; column-gap: 1.6rem; padding: 1.2rem 0; font-size: 1.4rem; border: 0.1rem solid #B3BBCB; border-radius: 0.4rem; padding: 1rem; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); margin-bottom: 2rem; } body > header .cart-dropdown .products .name { margin: 0 0 0.8rem; font-size: 1.6rem; line-height: 1.5; white-space: normal; } body > header .cart-dropdown .products img { width: 100%; height: auto; } body > header .cart-dropdown-gb { display: block; position: fixed; z-index: 2000; right: 0; top: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: all 0.4s ease; background: #EAEAEA; height: 100%; overflow: hidden; max-width: 100%; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb { max-width: 40rem; } } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .checkout > .subtotal { font-size: 2rem; font-style: normal; font-weight: 600; } } body > header .cart-dropdown-gb.is-loading { min-width: 100%; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb.is-loading { min-width: 55.2rem; } } body > header .cart-dropdown-gb.is-visible { width: 100%; transform: translate(0, 0); } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb.is-visible { max-width: 55.2rem; width: 55.2rem; border-radius: 1rem 0 0 1rem; } } body > header .cart-dropdown-gb .name > a { white-space: normal; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.5; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .name > a { font-size: 18px; } } body > header .cart-dropdown-gb .zero-price { text-align: right; } body > header .cart-dropdown-gb .qty-txt { margin-right: 0.4rem; font-size: 1.4rem; } body > header .cart-dropdown-gb h3.name { font-weight: 400; } body > header .cart-dropdown-gb .price-sec { margin-top: 0.8rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } body > header .cart-dropdown-gb .price { font-size: 1.8rem; font-weight: 700; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .price { font-size: 2rem; } } body > header .cart-dropdown-gb .old-price { text-decoration: line-through; font-size: 16px; color: #686868; font-weight: 400; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .old-price { font-size: 18px; } } body > header .cart-dropdown-gb dl.options { grid-column: 1 / span 2; border: none; padding: 0; margin: 0; } body > header .cart-dropdown-gb .options { margin: 0.4rem 0 0; font-size: 12px; } body > header .cart-dropdown-gb .form-increment-wrapper { display: flex; gap: 1rem; margin-top: 0.8rem; } body > header .cart-dropdown-gb .products li[data-cart-item-mini] { padding: 1.6rem; margin-bottom: 0.8rem; background: #ffffff; border-radius: 1rem; } body > header .cart-dropdown-gb .shipping-estimate-value { font-size: medium; } body > header .cart-dropdown-gb li.cart-total { position: relative; display: grid; grid-template-columns: auto 1fr; } body > header .cart-dropdown-gb li.cart-total:before { content: none; } body > header .cart-dropdown-gb li.cart-total .subtotal { justify-content: flex-end; margin-bottom: 0; } body > header .cart-dropdown-gb li.cart-total .cart-total-value { text-align: right; background: white; font-weight: 700; } body > header .cart-dropdown-gb .order-summary { font-size: 1.4rem; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .order-summary { font-size: 1.8rem; } } body > header .cart-dropdown-gb .grand-total { font-weight: 500; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .grand-total { font-size: 1.4rem; } } body > header .cart-dropdown-gb .previewCartTotals .cart-total-label, body > header .cart-dropdown-gb .cart-total-value { font-weight: 700; font-size: 1.8rem; } body > header .cart-dropdown-gb .previewCartTotals { margin-top: 0.8rem; } body > header .cart-dropdown-gb .previewCartShipping-label, body > header .cart-dropdown-gb .previewCartShipping-value { font-size: 1.8rem; } body > header .cart-dropdown-gb .previewCartAction { margin-top: 1.6rem !important; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .previewCartAction { display: flex; gap: 1.6rem; align-items: center; justify-content: space-between; } body > header .cart-dropdown-gb .previewCartAction > a { width: 50%; margin-top: 0 !important; } } body > header .cart-dropdown-gb .previewCartAction .btn-checkout { font-weight: 600; } body > header .cart-dropdown-gb .new-cart.content { overflow: visible; padding: 0; display: flex; flex-direction: column; height: 100%; } body > header .cart-dropdown-gb .new-cart.content .checkout { height: 100%; } body > header .cart-dropdown-gb .new-cart.content .checkout.cart-empty { display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-weight: 700; text-transform: capitalize; } body > header .cart-dropdown-gb .new-cart.content .cart-drawer__content { display: flex; flex-direction: column; height: calc(100% - 25.5rem); } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .new-cart.content .cart-drawer__content { height: calc(100% - 20.1rem); } } body > header .cart-dropdown-gb .new-cart.content .products-wrapper { flex-grow: 1; overflow-y: auto; scrollbar-width: none; padding: 1.6rem 1.6rem 0; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .new-cart.content .products-wrapper { padding: 2.4rem 2.4rem 0; } } body > header .cart-dropdown-gb .new-cart.content .free-shipping-box, body > header .cart-dropdown-gb .new-cart.content .subtotal { padding-left: 1.6rem; padding-right: 1.6rem; } body > header .cart-dropdown-gb .new-cart.content .free-shipping-box { padding: 2.4rem 1.6rem 1.2rem; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .new-cart.content .free-shipping-box { padding: 2.4rem 2.4rem 1.2rem; } } body > header .cart-dropdown-gb .new-cart.content .cart-status { display: flex; align-items: center; margin-bottom: 0.8rem; } body > header .cart-dropdown-gb .new-cart.content .cart-status .icon-checkmark { margin-right: 0.8rem; display: flex; justify-content: center; align-items: center; } body > header .cart-dropdown-gb .new-cart.content .cart-status span[data-item-added] { display: none; } body > header .cart-dropdown-gb .order-details { width: 100%; position: sticky; bottom: 0; border-top: 1px solid #c4c4c4; background: white; left: 0; padding: 1.6rem; } body > header .cart-dropdown-gb .order-details .btn-primary, body > footer .newsletter body > header .cart-dropdown-gb .order-details .button.btn-primary { margin-top: 1.6rem; } body > header .cart-dropdown-gb .order-details .gift-certificate-add { display: none; } body > header .cart-dropdown-gb .order-details .cart-total.flex:before { content: none; } body > header .cart-dropdown-gb .order-details .shipping-estimate-show #estimator-add, body > header .cart-dropdown-gb .order-details .shipping-estimate-show #estimator-close { display: none; } body > header .cart-dropdown-gb .order-details .shipping-estimate-show .shipping-estimate-show__btn-name { display: none; } body > header .cart-dropdown-gb .order-details .icon-plus { display: none; } body > header .cart-dropdown-gb .order-details .cart-total-label { display: flex; justify-content: space-between; column-gap: 0.4rem; } body > header .cart-dropdown-gb .order-details .flex { display: flex; justify-content: space-between; } body > header .cart-dropdown-gb .order-details h3 { display: flex; justify-content: space-between; /* Rotate the SVG by 180 degrees */ } body > header .cart-dropdown-gb .order-details h3 span { transition: transform 0.3s ease; } body > header .cart-dropdown-gb .order-details h3 span.rotated { transform: rotate(180deg); } body > header .cart-dropdown-gb .order-details .cart-totals { /* Initially, no rotation */ } body > header .cart-dropdown-gb .btn-txt { color: #0F0F0F; letter-spacing: normal; font-weight: 400; } body > header .cart-dropdown-gb .btn-txt svg { background-color: #F8F8F8; border-radius: 0.8rem; padding: 0.8rem; width: 4.8rem; height: 4.8rem; padding: 1.2rem 1.425rem; } body > header .cart-dropdown-gb .grid { display: grid; grid-template-columns: 10.6rem auto; column-gap: 1.6rem; } @media screen and (min-width: 750px) { body > header .cart-dropdown-gb .grid { column-gap: 2rem; grid-template-columns: 12.8rem auto; } } body > header .cart-dropdown-gb .btn-primary svg, body > header .cart-dropdown-gb body > footer .newsletter .button.btn-primary svg, body > footer .newsletter body > header .cart-dropdown-gb .button.btn-primary svg { fill: unset; margin-right: 1rem; width: 2.4rem; height: 2.4rem; } body > header .cart-dropdown-gb .added-to-cart-message { text-align: center; padding-top: 0.8rem; font-weight: normal; font-size: 1.8rem; background-color: #f3F6FC; display: none; } body > header .cart-dropdown-gb .buttons { display: flex; flex-direction: column; } body > header .cart-dropdown-gb.content { padding: 1.6rem; padding-bottom: 0; max-height: calc(100vh - 31.5rem); overflow: auto; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb.content { max-height: calc(100vh - 37.1rem); padding-top: 2.4rem; } } body > header .cart-dropdown-gb.content > .checkout > .subtotal { margin-bottom: 0.8rem; } body > header .cart-dropdown-gb .subtotal { font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; margin: 0 0 1.6rem; } body > header .cart-dropdown-gb .view-cart { float: right; } body > header .cart-dropdown-gb .or-use-label { margin-bottom: 1.6rem; } body > header .cart-dropdown-gb dl { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; column-gap: 1rem; row-gap: 0.4rem; padding: 0; margin: 0; border-top: 0.1rem solid #f3F6FC; margin: 0.5rem 0 0.5rem 0; padding: 1rem 0 1rem 0; } body > header .cart-dropdown-gb dd, body > header .cart-dropdown-gb dt { margin: 0; padding: 0; font-size: .8em; } body > header .cart-dropdown-gb dd { white-space: normal; } body > header .cart-dropdown-gb .products { position: static; display: block; left: auto; top: auto; transform: none; background: none; padding: 0 0 0; margin-bottom: 2.4rem !important; } body > header .cart-dropdown-gb .products p { margin: 0; color: #000; } body > header .cart-dropdown-gb .products li { padding: 0; } body > header .cart-dropdown-gb .products li > a { display: grid; grid-template-columns: 7rem 1fr; grid-template-rows: auto; column-gap: 1.6rem; padding: 1.2rem 0; font-size: 1.4rem; border: 0.1rem solid #B3BBCB; border-radius: 0.4rem; padding: 1rem; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); margin-bottom: 2rem; } body > header .cart-dropdown-gb .products .name { margin: 0 0 0.8rem; font-size: 1.6rem; line-height: 1.5; white-space: normal; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .products .name { margin: 0; } } body > header .cart-dropdown-gb .products img { width: 100%; height: auto; height: 10.6rem; object-fit: contain; } @media screen and (min-width: 1025px) { body > header .cart-dropdown-gb .products img { height: 12.8rem; } } @media (max-width: 991.9px) { .nav-open { height: 100vh; overflow: hidden; } .nav-open > header .toggle-search { opacity: 0; } } body > .banners .banner .slide { display: none; } /* -------------------------------------------------------------------------- *\ MODAL \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ MODAL - BACKGROUND \* -------------------------------------------------------------------------- */ .modal-background { transition: all 0.4s ease; position: fixed; z-index: 1500; left: 0; top: 0 !important; width: 100%; height: 100%; background: rgba(204, 204, 204, 0.75); visibility: hidden; opacity: 0; } .has-activeModal .modal-background { opacity: 1; visibility: visible; } /* -------------------------------------------------------------------------- *\ MODAL - BASIC This is used to style the modal elements used throughout the website. This includes Cart Previews, BigCommerce alerts that do not use SWAL. For the Sweet Alert (SWAL) styling see modal/_swal.scss \* -------------------------------------------------------------------------- */ .modal { position: fixed; z-index: 15001; left: 50%; top: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border-radius: 0.4rem; width: 90%; max-width: 80rem; min-width: 32rem; min-height: 24rem; max-height: 90vh; display: none; visibility: hidden; opacity: 0; } .modal--small { width: 50%; } .modal .modal-window { padding: 0; overflow: visible; } .modal .modal-body { padding: 4rem; overflow-x: hidden; overflow-y: auto; } .modal .modal-close { display: block; border-radius: 100%; width: 3.2rem; height: 3.2rem; text-align: center; font-size: 1.6rem; z-index: 15001; } .modal .modal-close-new { position: absolute; top: 2.4rem; right: 40px; width: 28px; height: 28px; padding: 0; border: 0; background: 0 0; cursor: pointer; } .modal .modal-close-new span, .modal .modal-close-new span:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 1px; background: #000; content: ""; } .modal .modal-close-new span { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal .modal-close-new span:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .modal .modal-close-new + .modal-window .modal-header { padding-top: 2rem; padding-bottom: 2rem; } .modal .modal-close-new + .modal-window .modal-header h3 { margin: 0; } .modal--alert { border: 0.1rem solid #f3F6FC; padding: 4rem 2rem 2rem; text-align: center; width: auto; } .modal--alert .modal-content { padding-bottom: 2rem; } body:has(.video-launch) .modal .modal-close { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 749px) { body:has(.video-launch) .modal .modal-close { top: 16px; right: 16px; } body:has(.video-launch) .modal .video-fullscreen { padding: 60.25% 0 0; } } @media print { .modal { background: #fff !important; display: none; } } body.has-activeModal { overflow: hidden !important; } meta.foundation-data-attribute-namespace { font-family: false; } .image-fullscreen { background-color: #000000; display: flex; justify-content: center; } .image-fullscreen img { display: flex; max-height: 80vh; max-width: 100%; } .video-fullscreen { padding: 56.25% 0 0; position: relative; overflow: hidden; } .video-fullscreen iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } #sizingModal { overflow: visible; text-align: center; } #sizingModal .modal-header { text-align: center; } #sizingModal .modal-header h3 { margin: 1.6rem 0; } #sizingModal img { max-width: 100%; } /*quick view*/ .modal:has(.quickView) { max-width: 116rem; } @media screen and (min-width: 1025px) { .modal:has(.quickView) .productView--quickView { flex-direction: row; } } /* -------------------------------------------------------------------------- *\ MODAL - SWAL This is used to control the styling for Sweet Alert modals. \* -------------------------------------------------------------------------- */ .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; background: #fff; box-shadow: 0 0 0.625em #d9d9d9; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; padding: 0; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; padding: 0; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: .25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { top: .875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: .3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: .3125em; } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 .3125em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 .3125em; padding: .3125em .625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.8em; left: -.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.25em; left: .9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { height: .3125em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { top: 1.125em; left: .1875em; width: .75em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { top: .9375em; right: .1875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip .75s; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long .75s; } .swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide 0.1s forwards; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, 0.4); } .swal2-container.swal2-backdrop-hide { background: transparent !important; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-no-transition { transition: none !important; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; padding: 0 1.8em; } .swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent !important; cursor: default; user-select: none; } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ''; display: inline-block; width: 15px; height: 15px; margin-left: 5px; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #999999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; } .swal2-styled { margin: .3125em; padding: .625em 2em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .swal2-styled:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); } .swal2-styled::-moz-focus-inner { border: 0; } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; height: 0.25em; overflow: hidden; border-bottom-right-radius: 0.3125em; border-bottom-left-radius: 0.3125em; } .swal2-timer-progress-bar { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 0; background: transparent; color: #cccccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: transparent; color: #f27474; } .swal2-close::-moz-focus-inner { border: 0; } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0 1.6em; color: #545454; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em auto; } .swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); color: inherit; font-size: 1.125em; } .swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: 0 0 3px #c4e6f5; } .swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #cccccc; } .swal2-range { margin: 1em auto; background: #fff; } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-input[type='number'] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; } .swal2-radio label, .swal2-checkbox label { margin: 0 .6em; font-size: 1.125em; } .swal2-radio input, .swal2-checkbox input { margin: 0 .4em; } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: '!'; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #f27474; color: #f27474; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #f27474; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-error.swal2-icon-show { animation: swal2-animate-error-icon .5s; } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark .5s; } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-success { border-color: #a5dc86; color: #a5dc86; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -.25em; left: -.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #a5dc86; } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { top: 2.875em; left: .8125em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6; } [class^='swal2'] { -webkit-tap-highlight-color: transparent; } .swal2-show { animation: swal2-show 0.3s; } .swal2-hide { animation: swal2-hide 0.15s forwards; } .swal2-noanimation { transition: none; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0; } 54% { top: .125em; left: .125em; width: 0; } 70% { top: .625em; left: -.25em; width: 1.625em; } 84% { top: 1.0625em; left: .75em; width: .5em; } 100% { top: 1.125em; left: .1875em; width: .75em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: .9375em; width: 0; } 84% { top: .9375em; right: 0; width: 1.125em; } 100% { top: .9375em; right: .1875em; width: 1.375em; } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0; } 54% { top: 1.0625em; left: .125em; width: 0; } 70% { top: 2.1875em; left: -.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: .8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: .5em; width: 2.9375em; } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent !important; } body.swal2-no-backdrop .swal2-container > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-container.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { right: 0; bottom: 0; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-container { position: fixed; z-index: 15000; left: 0; top: 0 !important; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); visibility: hidden; display: none; } .swal2-shown .swal2-container { display: flex; visibility: visible; } .swal2-container .swal2-actions .swal2-styled { min-height: 48px; font-size: 16px !important; } .swal2-container #swal2-content { font-size: 16px; } .button { appearance: none; position: relative; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0; border: 0.15rem solid currentColor; border-radius: 0.8rem; font-size: 1.6rem; line-height: 150%; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0; width: auto; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 1.1rem 1.6rem; transition: .25s all ease-in-out; } .button svg { display: inline-block; width: 1.6rem; height: 1.6rem; fill: currentColor; } .button:hover, .button:focus { text-decoration: none; } .button + .button { margin: 0 0 0 1.2rem; } .button.swal2-confirm { border-color: #000000; background: #000000; color: #fff; } .button.swal2-confirm:hover, .button.swal2-confirm:focus { background: #fff; color: #000000; } .button.swal2-cancel { border-color: #f3F6FC; } .button.swal2-cancel:hover, .button.swal2-cancel:focus { color: #000000; } .swal2-icon { display: flex; } .swal2-container { z-index: 1000; } .hidden { display: none; } .dialog_label { text-align: center; } .dialog_form { margin: 1.5rem; } .dialog_form .label_text { box-sizing: border-box; padding-right: 0.5em; display: inline-block; font-size: 1.6rem; font-weight: bold; width: 30%; text-align: right; } .dialog_form .label_info { box-sizing: border-box; padding-right: 0.5em; font-size: 1.2rem; width: 30%; text-align: right; display: inline-block; } .dialog_form_item { margin: 1rem 0; font-size: 0; } .dialog_form_item .wide_input { box-sizing: border-box; max-width: 70%; width: 27em; } .dialog_form_item .city_input { box-sizing: border-box; max-width: 70%; width: 17em; } .dialog_form_item .state_input { box-sizing: border-box; max-width: 70%; width: 15em; } .dialog_form_item .zip_input { box-sizing: border-box; max-width: 70%; width: 9em; } .dialog_form_actions { text-align: right; padding: 0 2rem 2rem; } .dialog_close_button { float: right; position: absolute; top: 1rem; left: 92%; height: 2.5rem; } .dialog_close_button img { border: 0; } .dialog_desc { padding: 1rem 2rem; } /* native element uses the ::backdrop pseudo-element */ /* dialog::backdrop, */ .dialog-backdrop { display: none; position: fixed; overflow-y: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 15000; } @media screen and (min-width: 64rem) { .dialog-backdrop { background: rgba(0, 0, 0, 0.75); } } .dialog-backdrop.active { display: block; } .no-scroll { overflow-y: auto !important; } /* this is added to the body when a dialog is open */ .has-dialog { overflow: hidden; } /* styling for alert-dialog example */ .notes { display: block; font-size: 1.6rem; line-height: 1.3; min-width: 40rem; max-width: 100%; width: 33%; } .toast { background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 1.6rem; border: none; border-radius: 0.4rem; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16), 0 0.3rem 0.6rem rgba(0, 0, 0, 0.23); position: fixed; top: 1.6rem; right: 1.6rem; transform: translateY(-150%); transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1); } .toast.active { transform: translateY(0); } /* -------------------------------------------------------------------------- *\ MODAL - LOADING OVERLAY \* -------------------------------------------------------------------------- */ .loadingOverlay-container { min-height: 12rem; position: relative; } .loadingOverlay { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; transition: all 250ms ease-out; display: flex; align-items: center; min-height: 4.8rem; color: transparent; font-size: 0; } .loadingOverlay:after { position: absolute; z-index: 15; left: 50%; top: 50%; border-radius: 100%; border: 0.4rem solid #fff; content: ""; animation: spinner 1s ease-out 0s infinite; } .loadingOverlay:after { height: 2.8rem; width: 2.8rem; border-top-color: transparent; border-bottom-color: transparent; } .loadingOverlay:before { height: 4.2rem; width: 4.2rem; border-radius: 4.2rem; border: solid 0.2rem; border-color: #fff #fff #3170B5 #3170B5; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0); transform-style: preserve-3d; animation: spin 0.5s infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); } .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active { opacity: 0; } .loadingOverlay.ng-enter.ng-enter-active, .loadingOverlay.ng-leave { opacity: 1; } @keyframes spinner { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes spin { 0% { transform: translateY(-50%) rotate(0); } 100% { transform: translateY(-50%) rotate(360deg); } } .loadingNotification { left: 50%; position: fixed; text-align: center; top: 4.8rem; transform: translateX(-50%); transform-style: preserve-3d; transition: all 0.2s ease-out; z-index: 500; } .loadingNotification.ng-hide-add-active, .loadingNotification.ng-hide-remove { opacity: 0; top: 5.76rem; transform: scale(0.9) translateX(-50%); } .loadingNotification.ng-hide-remove-active { opacity: 1; top: 4.8rem; transform: scale(1) translateX(-50%); } .loadingNotification-label { background: #666; border-radius: 0.4rem; color: #fff; display: inline-block; font-size: 1.5rem; padding: 0.5714rem 1.2571rem; } /* -------------------------------------------------------------------------- *\ NAVS - BREADCRUMBS \* -------------------------------------------------------------------------- */ nav.breadcrumbs { display: block; font-size: 1.6rem; } nav.breadcrumbs .container { position: relative; } nav.breadcrumbs .container::after { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(2, 0, 36, 0) 81%, white 100%); opacity: 1; pointer-events: none; } @media (min-width: 768px) { nav.breadcrumbs { display: block; } nav.breadcrumbs ol li { display: block; } } nav.breadcrumbs a { color: #000000; text-decoration: none; font-weight: 500; font-size: 1.6rem; } nav.breadcrumbs ol { position: relative; padding: 1.2rem 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: nowrap; overflow: auto; } nav.breadcrumbs ol li { white-space: nowrap; } nav.breadcrumbs ol li .icon { display: none; } nav.breadcrumbs ol li + li .icon { display: inline-block; padding: 0 0.8rem; color: #000000; font-size: 13px; } nav.breadcrumbs ol li.is-active span { font-size: 1.6rem; color: #000000; font-weight: 700; } @media (min-width: 768px) { nav.breadcrumbs ol { padding: 1.6rem 0; } } /* -------------------------------------------------------------------------- *\ NAVS - PAGINATION \* -------------------------------------------------------------------------- */ nav.pagination { padding: 2.4rem 0 0; margin: 4.8rem 0 0; display: flex; justify-content: center; column-gap: 1.6rem; gap: 1.6rem; flex-direction: column; } nav.pagination p { margin-bottom: 0; } nav.pagination span { text-align: center; display: block; } nav.pagination ul, nav.pagination ol { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; margin: 0; padding: 0; } nav.pagination li { margin: 0 0.1rem; } nav.pagination a { display: block; text-align: center; color: #000000; text-decoration: none; } nav.pagination .icon-arrow-left { margin-right: 1.6rem; } nav.pagination .icon-arrow-right { margin-left: 1.6rem; } nav.pagination .pagination-item { width: 2.6rem; height: 2.6rem; } nav.pagination .pagination-item--current { background-color: #000000; } nav.pagination .pagination-item--current a { color: #fff; } nav.pagination .pagination-item:hover, nav.pagination .pagination-item:focus { background-color: #B3BBCB; } nav.pagination .pagination-item:hover a, nav.pagination .pagination-item:focus a { color: #000000; } nav.pagination .pagination-item:active { background: linear-gradient(0deg, rgba(57, 57, 57, 0.2), rgba(57, 57, 57, 0.2)), #B3BBCB; } .pagination-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; margin: 0; padding: 0; } .pagination-list li { margin: 0 0.8rem; } .pagination-list a { display: block; padding: 0.4rem; color: #707784; } .page-type-default main { overflow-x: hidden; } main > header ~ section:first-of-type { margin-top: 0; } .custom-ss-widget { min-height: 70rem; } @media (min-width: 50rem) { .custom-ss-widget { min-height: 76.9rem; } } @media (min-width: 768px) { .custom-ss-widget { min-height: 43rem; } } @media (min-width: 992px) { .custom-ss-widget { min-height: 50rem; } } .padding { padding: 4.8rem 0; } .no-margin-bottom { margin-bottom: 0; } section { margin-top: 4rem; } @media (min-width: 768px) { section { margin-top: 4rem; } } @media (min-width: 992px) { section { margin-top: 6rem; } } section.no-margin-top { margin-top: 0; } section.half-margin-top { margin-top: 2rem; } @media (min-width: 768px) { section.half-margin-top { margin-top: 2rem; } } @media (min-width: 992px) { section.half-margin-top { margin-top: 3rem; } } section.border-bottom { margin-bottom: 4.8rem; } section.border-bottom > .container > div:first-child { border-bottom: 0.1rem solid #B3BBCB; padding-bottom: 4.8rem; } @media (min-width: 992px) { section.hide-dots .custom-dot-wrapper { display: none; } } /* Section Header */ .section__header { position: relative; margin-bottom: 24px; } .section__header .section__header-item { width: 100%; } .section__header .section__header-item--content { max-width: 916px; } .section__header .section__header-item--button { display: none; } .section__header--left .section__header-item--content { margin-left: 0; margin-right: auto; } .section__header--center .section__header-item--content { margin-left: auto; margin-right: auto; } .section__header--right .section__header-item--content { margin-left: auto; margin-right: 0; } .section__header .section__header-caption { font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 0; margin-bottom: 8px; text-transform: uppercase; } .section__header .section__header-heading { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .section__header .section__header-text { font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; margin-top: 8px; } .section__header .section__header-text p { margin-top: 0; margin-bottom: 0; } .section__header .section__header-tabs { margin-top: 24px; } .section__header .section__header-tabs .tab__list .tab__list-item-opener { font-size: 16px; font-weight: 400; padding: 4px 16px; } .section__header .section__header-tabs .tab__list .tab__list-item-opener span { padding: 0; gap: 0; } @media (min-width: 750px) { .section__header { margin-bottom: 28px; } .section__header .section__header-caption { font-size: 14px; } .section__header .section__header-heading { font-size: 36px; } .section__header .section__header-text { font-size: 16px; margin-top: 16px; } .section__header.section__header--left .section__header-heading { text-align: left; } } @media (min-width: 1025px) { .section__header { margin-bottom: 32px; } .section__header .section__header-item--button { display: block; width: auto; position: absolute; top: auto; bottom: 0; } .section__header--left .section__header-item--button, .section__header--center .section__header-item--button { right: 0; } .section__header--right .section__header-item--button { left: 0; } .section__header .section__header-caption { font-size: 14px; } .section__header .section__header-heading { font-size: 40px; } .section__header .section__header-text { font-size: 16px; } } .section__footer { display: block; position: relative; margin-top: 24px; } @media (min-width: 1025px) { .section__footer { display: none; margin-top: 40px; } } /* End Section Header */ .section__buying-guides { padding: 60px 0; margin-top: 0; background: var(--section-background); } .section__buying-guides .buying-guides__header { margin: 0 auto 56px; text-align: center; } .section__buying-guides .buying-guides__heading { margin: 0; font-weight: 400; text-transform: capitalize; padding: 0 16px; } @media (min-width: 750px) { .section__buying-guides .buying-guides__heading { font-size: 32px; } } .section__buying-guides .buying-guides__description { margin: 16px auto 0; max-width: 720px; color: var(--description-color); font-size: 1rem; line-height: 1.65; } .section__buying-guides .buying-guides__description p, .section__buying-guides .buying-guides__card-text p { margin: 0; } .buying-guides__card-text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; } .buying-guides__card-text article > div.img { display: none; } .buying-guides__card-text.is-expanded { overflow: visible; display: block; -webkit-line-clamp: unset; text-overflow: initial; } .section__buying-guides:has(.is-expanded) .buying-guides__card--showmore { align-self: start; } .section__buying-guides .buying-guides__card--showmore .buying-guides__card-text { cursor: pointer; } .section__buying-guides .buying-guides__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 16px; } .section__buying-guides .buying-guides__card { display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--card-border-color); border-radius: 16px; background: var(--card-background); } .section__buying-guides .buying-guides__card-content { display: flex; flex-direction: column; gap: 16px; } .section__buying-guides .buying-guides__card-title { font-size: 18px; margin: 0; } .section__buying-guides .buying-guides__card-text { color: #5E5D5E; font-size: 14px; } .section__buying-guides .buying-guides__card-link { color: #000000; display: inline-flex; align-items: center; margin-top: 16px; font-size: 14px; text-decoration: none; text-transform: uppercase; } .section__buying-guides .buying-guides__card-link:hover, .section__buying-guides .buying-guides__card-link:focus-visible { text-decoration: underline; } @media (max-width: 767px) { .section__buying-guides { padding: 40px 0; } .section__buying-guides .buying-guides__header { margin-bottom: 24px; } .section__buying-guides .buying-guides__grid { grid-template-columns: minmax(0, 1fr); } .section__buying-guides .buying-guides__card { min-height: 0; padding: 24px; } } @media screen and (min-width: 1200px) { .section__buying-guides .buying-guides__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (min-width: 1400px) { .section__buying-guides .buying-guides__card { padding: 56px; } } .section__blog-showcase { padding: 40px 0; margin-top: 0; background: var(--blog-showcase-background, #EAEAEA); } .section__blog-showcase .section__header { margin-bottom: 32px; } .section__blog-showcase .section__header .section__header-caption { font-weight: 600; letter-spacing: 0; font-size: 14px; } .section__blog-showcase .section__header .section__header-heading { font-weight: 400; } .section__blog-showcase .section__header .section__header-text { margin-top: .4rem; } .section__blog-showcase .section__footer { display: none; } .section__blog-showcase .section__header-item--content { width: 100%; max-width: 820px; } @media screen and (max-width: 749px) { .section__blog-showcase .section__header-item--content { display: flex; flex-direction: column; align-items: center; text-align: center; } } .section__blog-showcase .section__header-caption { display: inline-flex; align-items: center; gap: 12px; color: var(--blog-showcase-heading, #111111); letter-spacing: 0.08em; } .section__blog-showcase .section__header-caption::before { content: ""; width: 36px; height: 2px; background: currentColor; opacity: 0.8; } @media screen and (max-width: 749px) { .section__blog-showcase .section__header-item--button { display: flex; justify-content: center; padding-top: 1.6rem; } .section__blog-showcase .section__header-item--button .blog-showcase__section-link { min-height: 4rem; font-size: 1.4rem; padding: .9rem 1.6rem; } } .section__blog-showcase .section__header-heading { color: var(--blog-showcase-heading, #111111); } .section__blog-showcase .section__header-text { max-width: 720px; color: var(--blog-showcase-description, #303030); } .section__blog-showcase .blog-showcase__layout { display: grid; gap: 20px; align-items: start; } .section__blog-showcase .blog-showcase__layout > :only-child { grid-column: 1 / -1; } .section__blog-showcase .blog-showcase__stack { display: grid; gap: 20px; min-width: 0; } .section__blog-showcase .blog-showcase__stack:empty { display: none; } .section__blog-showcase .blog-showcase__featured, .section__blog-showcase .blog-showcase__item { min-width: 0; } .section__blog-showcase .blog-showcase__featured { position: relative; overflow: hidden; border-radius: 1.2rem; background: var(--blog-showcase-card-background, #ffffff); box-shadow: 0 16px 42px rgba(17, 17, 17, 0.08); } @media screen and (min-width: 750px) { .section__blog-showcase .blog-showcase__featured { height: 100%; } .section__blog-showcase .blog-showcase__featured .blog-showcase__tag { background-color: #fff; margin-bottom: 10px; } } .section__blog-showcase .blog-showcase__featured:hover img { transform: scale(1.1); } .section__blog-showcase .blog-showcase__item .blog-showcase__item-media { overflow: hidden; } .section__blog-showcase .blog-showcase__item .blog-showcase__item-media:hover img { transform: scale(1.1); } .section__blog-showcase .blog-showcase__featured-media { height: 100%; } .section__blog-showcase .blog-showcase__featured-media, .section__blog-showcase .blog-showcase__item-media { position: relative; background: #d4d4d4; } .section__blog-showcase .blog-showcase__featured-media img, .section__blog-showcase .blog-showcase__featured-media .blog-showcase__image-link, .section__blog-showcase .blog-showcase__item-media img, .section__blog-showcase .blog-showcase__item-media .blog-showcase__image-link { display: block; width: 100%; height: 100%; } .section__blog-showcase .blog-showcase__featured-media img, .section__blog-showcase .blog-showcase__item-media img { object-fit: cover; transition: transform 0.4s ease; } .section__blog-showcase .blog-showcase__featured-media { aspect-ratio: 7 / 4.62; } .section__blog-showcase .blog-showcase__featured-card { display: flex; flex-direction: column; padding: 1.6rem; border-radius: 1.2rem; background: rgba(255, 255, 255, 0.7); box-shadow: 0 10px 30px rgba(17, 17, 17, 0.08); backdrop-filter: blur(6px); } @media screen and (min-width: 750px) { .section__blog-showcase .blog-showcase__featured-card { position: absolute; left: 16px; right: 16px; bottom: 16px; } } .section__blog-showcase .blog-showcase__item { overflow: hidden; border-radius: 1.2rem; background: var(--blog-showcase-card-background, #ffffff); box-shadow: 0 16px 42px rgba(17, 17, 17, 0.08); } .section__blog-showcase .blog-showcase__item-content { min-width: 0; display: flex; flex-direction: column; padding: 20px; } .section__blog-showcase .blog-showcase__tag { display: inline-flex; align-self: flex-start; padding: 4px 12px; border-radius: 3px; background: var(--blog-showcase-tag-background, #D7D6D7); color: var(--blog-showcase-tag-text, #000000); font-size: 12px; line-height: 1.5; backdrop-filter: blur(6px); margin-bottom: 8px; } .section__blog-showcase .blog-showcase__title { margin: 0; color: var(--blog-showcase-heading, #000000); font-family: "Conthrax", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 120%; letter-spacing: 0; text-wrap: balance; margin-bottom: 8px; } @media screen and (min-width: 750px) { .section__blog-showcase .blog-showcase__title { margin-bottom: 16px; } } .section__blog-showcase .blog-showcase__title a { color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .section__blog-showcase .blog-showcase__featured .blog-showcase__title, .section__blog-showcase .blog-showcase__featured .blog-showcase__title a { font-size: clamp(20px, 2.8vw, 28px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .section__blog-showcase .blog-showcase__item .blog-showcase__title, .section__blog-showcase .blog-showcase__item .blog-showcase__title a { font-size: 2rem; } .section__blog-showcase .blog-showcase__excerpt { min-width: 0; color: var(--blog-showcase-card-text, #000000); font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 8px; } @media screen and (min-width: 750px) { .section__blog-showcase .blog-showcase__excerpt { font-size: 16px; margin-bottom: 12px; } } .section__blog-showcase .blog-showcase__excerpt p { margin: 0; } .section__blog-showcase .blog-showcase__link { display: inline-flex; align-items: center; gap: 2px; width: fit-content; max-width: 100%; margin-top: auto; color: var(--blog-showcase-link, #111111); font-size: 1.4rem; font-weight: 500; line-height: 150%; text-transform: uppercase; } @media screen and (min-width: 750px) { .section__blog-showcase .blog-showcase__link { font-size: 1.6rem; text-decoration: none; text-transform: capitalize; } .section__blog-showcase .blog-showcase__link span { background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: left bottom; background-size: 0 1px; transition: background-size 0.3s ease; padding-bottom: 0px; } .section__blog-showcase .blog-showcase__link::after { content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 8L6 4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 8L6 4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; margin-top: 2px; } .section__blog-showcase .blog-showcase__link:hover, .section__blog-showcase .blog-showcase__link:focus-visible { color: var(--blog-showcase-link, #111111); text-decoration: none; } .section__blog-showcase .blog-showcase__link:hover span, .section__blog-showcase .blog-showcase__link:focus-visible span { background-size: 100% 1px; } } .section__blog-showcase .blog-showcase__link svg { width: 14px; height: 14px; flex-shrink: 0; display: none; } .section__blog-showcase .blog-showcase__section-link { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; min-height: 4.8rem; padding: 1.2rem 1.6rem; border-radius: .8rem; background: var(--blog-showcase-button-background, #2f6eb5); color: var(--blog-showcase-button-color, #ffffff); font-size: 1.6rem; font-weight: 600; letter-spacing: 0; line-height: 150%; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: background-color 0.2s ease, transform 0.2s ease; } .section__blog-showcase .blog-showcase__section-link:hover, .section__blog-showcase .blog-showcase__section-link:focus-visible { background: var(--blog-showcase-button-background-hover, #255d9a); color: var(--blog-showcase-button-color, #ffffff); text-decoration: none; } @media screen and (min-width: 750px) { .section__blog-showcase { padding: 52px 0 64px; } .section__blog-showcase .section__header { margin-bottom: 36px; } .section__blog-showcase .blog-showcase__featured-card { left: 20px; right: 20px; bottom: 20px; padding: 1.6rem; } .section__blog-showcase .blog-showcase__item { display: grid; grid-template-columns: minmax(0, 48.45%) minmax(0, 1fr); } .section__blog-showcase .blog-showcase__item-content { padding: 24px 28px; } } @media screen and (min-width: 1025px) { .section__blog-showcase { padding: 60px 0; } .section__blog-showcase .section__header { margin-bottom: 40px; } .section__blog-showcase .blog-showcase__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; } .section__blog-showcase .blog-showcase__stack { gap: 16px; } .section__blog-showcase .blog-showcase__featured-media { aspect-ratio: auto; } .section__blog-showcase .blog-showcase__featured-card { left: 1.6rem; right: 1.6rem; bottom: 1.6rem; } .section__blog-showcase .blog-showcase__item-content { padding: 2rem 1.6rem; } } .section__brand-list { padding: 40px 0; margin-top: 0; } .section__brand-list .brand-list__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; background: var(--brand-list-background); } .section__brand-list .brand-list__inner--shadow { padding: 24px; box-shadow: 0px 4px 24px 0px #0000000A; column-gap: 50px; } .section__brand-list .brand-list__logos { position: relative; min-width: 0; } .section__brand-list slick-component { display: block; min-width: 0; } .section__brand-list .brand-list__logos:not(.slick-initialized) { display: flex; flex-wrap: nowrap; overflow: hidden; align-items: center; gap: 16px 32px; } .section__brand-list .brand-list__logos:not(.slick-initialized) .brand-list__item { flex: 0 0 calc((100% - ((var(--brand-list-columns-desktop, 8) - 1) * 32px)) / var(--brand-list-columns-desktop, 8)); } .section__brand-list .brand-list__logos.slick-initialized { display: block; overflow: visible; } .section__brand-list .brand-list__logos .slick-list { overflow: hidden; width: calc(100% + 50px); margin: 0 -25px; } .section__brand-list .brand-list__logos .slick-track { display: flex; align-items: center; } .section__brand-list .brand-list__logos .slick-slide { padding: 0 25px; } .section__brand-list .brand-list__item { display: inline-flex; align-items: center; justify-content: center; min-width: 0; text-decoration: none; } .section__brand-list .brand-list__item img { transition: transform 0.3s ease; } .section__brand-list .brand-list__item:hover img { transform: scale(1.2); } .section__brand-list .brand-list__arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); } .section__brand-list .brand-list__arrow--prev { left: -18px; } .section__brand-list .brand-list__arrow--next { right: -18px; } .section__brand-list .brand-list__item img { display: block; width: auto; max-width: 100%; object-fit: contain; } .section__brand-list .brand-list__button { display: inline-flex; align-items: center; justify-content: center; justify-self: start; width: fit-content; max-width: 100%; min-height: 48px; padding: 12px 16px; border-radius: 12px; background: var(--brand-list-button-background); color: var(--brand-list-button-color); font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: background-color 0.2s ease, transform 0.2s ease; } .section__brand-list .brand-list__button:hover, .section__brand-list .brand-list__button:focus-visible { background: var(--brand-list-button-background-hover); color: var(--brand-list-button-color); text-decoration: none; } .section__trust-bar { margin: 16px 0 0; } .section__trust-bar .trust-bar { display: flex; align-items: stretch; background: var(--trust-bar-background); border-radius: 20px; overflow: hidden; padding: 24px; } .section__trust-bar .trust-bar__item { position: relative; flex: 1 1 0; min-width: 0; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 9px 16px; } @media screen and (min-width: 1280px) { .section__trust-bar .trust-bar__item--featured { flex-grow: 1.2; } } .section__trust-bar .trust-bar__item--button { border: 0; background: transparent; color: inherit; cursor: pointer; font-family: inherit; text-align: left; } .section__trust-bar .trust-bar__item--button:hover .trust-bar__heading, .section__trust-bar .trust-bar__item--button:focus-visible .trust-bar__heading { text-decoration: underline; text-underline-offset: 3px; } .section__trust-bar .trust-bar__item--button:hover .trust-bar__subheading, .section__trust-bar .trust-bar__item--button:focus-visible .trust-bar__subheading { text-decoration: none; } .section__trust-bar .trust-bar > .trust-bar__item:not(:first-child)::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 1px; background: var(--trust-bar-divider); } .section__trust-bar .trust-bar__icon { flex: 0 0 40px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--trust-bar-icon); } .section__trust-bar .trust-bar__icon svg { display: block; width: 100%; height: 100%; } .section__trust-bar .trust-bar__content { min-width: 0; } .section__trust-bar .trust-bar__heading, .section__trust-bar .trust-bar__subheading { margin: 0; color: var(--trust-bar-text); font-size: 14px; line-height: 1.5; } .section__trust-bar .trust-bar__heading { color: var(--trust-bar-heading); font-weight: 600; } .section__trust-bar .trust-bar__heading + .trust-bar__subheading { margin-top: 4px; } .section__trust-bar .trust-bar__subheading { position: relative; display: inline-block; white-space: pre-line; } .section__trust-bar .trust-bar__subheading::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: currentColor; content: ""; transform: scaleX(0); transform-origin: left center; transition: transform 0.24s ease; } .section__trust-bar .trust-bar__item--button:hover .trust-bar__subheading::after, .section__trust-bar .trust-bar__item--button:focus-visible .trust-bar__subheading::after { transform: scaleX(1); } .section__trust-bar .trust-bar-popup, body > .trust-bar-popup { position: fixed; inset: 0; z-index: 15002; display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity 0.2s ease; } .section__trust-bar .trust-bar-popup.is-active, body > .trust-bar-popup.is-active { opacity: 1; visibility: visible; } .section__trust-bar .trust-bar-popup__dialog, body > .trust-bar-popup .trust-bar-popup__dialog { position: relative; z-index: 1; width: 100%; max-width: 560px; padding: 88px 40px 40px; background: #fff; color: #111; text-align: center; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12); pointer-events: auto; transform: translateY(12px); transition: transform 0.2s ease; border-radius: 12px; } .section__trust-bar .trust-bar-popup.is-active .trust-bar-popup__dialog, body > .trust-bar-popup.is-active .trust-bar-popup__dialog { transform: translateY(0); } .section__trust-bar .trust-bar-popup__close, body > .trust-bar-popup .trust-bar-popup__close { position: absolute; top: 50px; right: 40px; width: 28px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; } .section__trust-bar .trust-bar-popup__close span, .section__trust-bar .trust-bar-popup__close span::after, body > .trust-bar-popup .trust-bar-popup__close span, body > .trust-bar-popup .trust-bar-popup__close span::after { position: absolute; top: 50%; left: 50%; width: 24px; height: 1px; background: #000000; content: ""; } .section__trust-bar .trust-bar-popup__close span, body > .trust-bar-popup .trust-bar-popup__close span { transform: translate(-50%, -50%) rotate(45deg); } .section__trust-bar .trust-bar-popup__close span::after, body > .trust-bar-popup .trust-bar-popup__close span::after { transform: translate(-50%, -50%) rotate(90deg); } .section__trust-bar .trust-bar-popup__icon, body > .trust-bar-popup .trust-bar-popup__icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 auto 8px; color: #000; } .section__trust-bar .trust-bar-popup__icon svg, body > .trust-bar-popup .trust-bar-popup__icon svg { display: block; width: 100%; height: 100%; } .section__trust-bar .trust-bar-popup__title, body > .trust-bar-popup .trust-bar-popup__title { margin: 0 0 16px; color: #000; font-size: 28px; font-weight: 600; } .section__trust-bar .trust-bar-popup__content, body > .trust-bar-popup .trust-bar-popup__content { max-width: 470px; margin: 0 auto; color: #000; font-size: 16px; } .section__trust-bar .trust-bar-popup__content p, body > .trust-bar-popup .trust-bar-popup__content p { margin: 0; } .section__trust-bar .trust-bar-popup__content p + p, body > .trust-bar-popup .trust-bar-popup__content p + p { margin-top: 12px; } .section__trust-bar .trust-bar-popup__button, body > .trust-bar-popup .trust-bar-popup__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 40px; padding: 12px 24px; border-radius: 6px; background: #3170B5; color: #fff; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; } .section__trust-bar .trust-bar-popup__button:hover, .section__trust-bar .trust-bar-popup__button:focus-visible, body > .trust-bar-popup .trust-bar-popup__button:hover, body > .trust-bar-popup .trust-bar-popup__button:focus-visible { background: #2c6cab; color: #fff; text-decoration: none; } @media screen and (max-width: 1279px) { .section__trust-bar .trust-bar { padding: 8px 16px; } .section__trust-bar .trust-bar__item { flex-direction: column; align-items: center; justify-content: center; } .section__trust-bar .trust-bar__icon { flex: 0 0 24px; width: 24px; height: 24px; } .section__trust-bar .trust-bar__content { text-align: center; } .section__trust-bar .trust-bar__subheading { font-size: 12px; } } @media screen and (min-width: 991px) { .section__trust-bar .trust-bar__subheading { --text-decoration-thickness: .1rem; --duration-default: 300ms; display: inline; background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 min(var(--text-decoration-thickness), .1rem); transition: background-size ease-in-out var(--duration-default); } .section__trust-bar .trust-bar__subheading::after { display: none; } .section__trust-bar .trust-bar__item--button:hover .trust-bar__subheading, .section__trust-bar .trust-bar__item--button:focus-visible .trust-bar__subheading { background-size: 100% min(var(--text-decoration-thickness), .1rem); } } @media screen and (max-width: 991.9px) { .section__trust-bar .trust-bar__item--button .trust-bar__subheading { text-decoration: underline; text-underline-offset: 3px; } .section__trust-bar .trust-bar__item--button .trust-bar__subheading::after { content: none; } } @media screen and (max-width: 551px) { .section__trust-bar .trust-bar-popup, body > .trust-bar-popup { padding: 16px; } .section__trust-bar .trust-bar-popup__dialog, body > .trust-bar-popup .trust-bar-popup__dialog { padding: 64px 16px 16px; } .section__trust-bar .trust-bar-popup__title, body > .trust-bar-popup .trust-bar-popup__title { font-size: 20px; } .section__trust-bar .trust-bar-popup__close, body > .trust-bar-popup .trust-bar-popup__close { top: 26px; right: 16px; } .section__trust-bar .trust-bar-popup__icon, body > .trust-bar-popup .trust-bar-popup__icon { width: 32px; height: 32px; } .section__trust-bar .trust-bar-popup__button, body > .trust-bar-popup .trust-bar-popup__button { font-size: 14px; margin-top: 24px; } } @media (max-width: 991.9px) { .section__brand-list { padding: 24px 0; } .section__brand-list .brand-list__inner { grid-template-columns: minmax(0, 1fr); gap: 8px; } .section__brand-list .brand-list__inner--shadow { padding: 24px 16px; } .section__brand-list .brand-list__logos:not(.slick-initialized) { overflow-x: auto; overflow-y: hidden; gap: 16px 32px; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; } .section__brand-list .brand-list__inner--shadow .brand-list__logos:not(.slick-initialized) { margin-right: 0; } .section__brand-list .brand-list__logos.slick-initialized { margin-right: 0; overflow: visible; } .section__brand-list .brand-list__logos .slick-list { width: calc(100% + 40px); margin: 0 -20px; } .section__brand-list .brand-list__logos .slick-slide { padding: 0 20px; } .section__brand-list .brand-list__logos::-webkit-scrollbar { display: none; } .section__brand-list .brand-list__logos:not(.slick-initialized) .brand-list__item { flex: 0 0 calc((100% - ((var(--brand-list-columns-mobile, 3) - 1) * 40px)) / var(--brand-list-columns-mobile, 3)); } .section__brand-list .brand-list__logos[data-unslick-mobile="true"]:not(.slick-initialized), .section__brand-list .brand-list__logos[data-unslick-tablet="true"]:not(.slick-initialized) { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; opacity: 1; } .section__brand-list .brand-list__logos[data-unslick-mobile="true"]:not(.slick-initialized) .brand-list__item, .section__brand-list .brand-list__logos[data-unslick-tablet="true"]:not(.slick-initialized) .brand-list__item { flex: 0 0 auto; width: 80px; scroll-snap-align: start; } .section__brand-list .brand-list__button { margin: 0 auto; min-height: 32px; padding: 9px 16px; font-size: 12px; font-weight: 500; } .section__brand-list:has([data-unslick-mobile="true"]) .container { padding: 0; } .section__brand-list:has([data-unslick-mobile="true"]) .brand-list__logos { padding-left: 1.6rem; padding-right: 0; scroll-padding-left: 1.6rem; } } .section__featured-categories { padding: 40px 0; background-color: #D7D6D7; } .section__featured-categories .grid.grid--gap { --grid-item-offset: 8px; } .section__featured-categories .boxStyle { --box-radius: var(--box-radius-mobile, 0px); padding: 24px 16px; color: var(--box-text-color); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: var(--box-border-thickness, 0px); border-style: var(--box-border-style); border-color: var(--box-border-color); border-radius: var(--box-radius, 0); background: var(--box-background-color); background-image: var(--box-background-image); background-size: var(--box-background-size); background-position: var(--box-background-position); background-attachment: var(--box-background-attachment); background-repeat: var(--box-background-repeat); background-blend-mode: var(--box-background-blend-mode); } .section__featured-categories .boxStyle .section__header-heading, .section__featured-categories .boxStyle .section__header-text { color: currentColor; } .section__featured-categories .section__header .section__header-caption { font-weight: 600; font-size: 1.2rem; text-transform: capitalize; } .section__featured-categories .section__header .section__header-heading { font-weight: 400; } .section__featured-categories .container-full { position: static; } .section__featured-categories .container-full .boxStyle { border: none; border-radius: 0; padding: 0; overflow: initial; } .section__featured-categories .container-full .boxStyle::before { content: ''; position: absolute; inset: 0; background: var(--box-background-color); background-image: var(--box-background-image); background-size: var(--box-background-size); background-position: var(--box-background-position); background-attachment: var(--box-background-attachment); background-repeat: var(--box-background-repeat); background-blend-mode: var(--box-background-blend-mode); color: var(--box-text-color); } .section__featured-categories:not(:has(.arrows-pos-side)) .card__heading { padding: 0; } @media screen and (max-width: 749px) { .section__featured-categories:not(:has(.arrows-pos-side)) .card__heading { font-size: 18px; } .section__featured-categories:not(:has(.arrows-pos-side)) .card__heading a { font-size: 18px; } } .section__featured-categories .section__header-caption::before { content: ''; display: inline-block; width: 3rem; height: 3px; background-color: #363436; margin-right: 8px; transform: translateY(-4px); } .section__featured-categories .section__main .row { width: auto; margin: 0 calc(-1 * var(--row-item-offset)/2); --row-item-offset: 16px; } .section__featured-categories .card { position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 0; visibility: visible; } .section__featured-categories .card__inner { position: relative; } .section__featured-categories .card__media { display: block; margin: 0; width: 100%; position: relative; overflow: hidden; line-height: 0; color: currentColor; } .section__featured-categories .card__media-wrapper { display: block; position: relative; overflow: hidden; box-sizing: border-box; border-radius: 10px; } .section__featured-categories .card__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: 10px; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35.5%, #000000 100%); opacity: 0.4; } .section__featured-categories .card__content { position: absolute; inset: 0; padding: 16px; display: flex; } .section__featured-categories .card__content--top { align-items: flex-start; } .section__featured-categories .card__content--middle { align-items: center; } .section__featured-categories .card__content--bottom { align-items: flex-end; } .section__featured-categories .card__content--left { justify-content: flex-start; } .section__featured-categories .card__content--center { justify-content: center; } .section__featured-categories .card__content--right { justify-content: flex-end; } .section__featured-categories .card__information { display: inline-block; width: 100%; } .section__featured-categories .card__caption { font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: 0; margin-top: 0; margin-bottom: 4px; } .section__featured-categories .card__heading { font-size: 20px; font-weight: 400; line-height: 1.2; letter-spacing: 0; color: #fff; text-transform: capitalize; margin-top: 0; margin-bottom: 0; } .section__featured-categories .card__heading a { font-size: 20px; font-weight: 400; text-decoration: none; color: var(--image-text-color); display: inline-block; } .section__featured-categories .card__heading a:hover { text-decoration: none; } .section__featured-categories .card__heading + .card__text { margin-top: 8px; } .section__featured-categories .card__heading + .card__buttons { margin-top: 8px; } .section__featured-categories .card__text { margin-top: 0; margin-bottom: 0; } .section__featured-categories .card__text p { margin-bottom: 0; } .section__featured-categories .card__text + .card__buttons { margin-top: 8px; } .section__featured-categories .card__content-link { position: absolute; inset: 0; } .section__featured-categories .card__buttons { display: none; } @media (max-width: 1024px) { .section__featured-categories .row:not(.slick-initialized) { --row-item-offset: 8px; flex-wrap: wrap; row-gap: var(--row-item-offset); opacity: 1; } .section__featured-categories .row:not(.slick-initialized).row--2-col-mobile .row-item { width: 50%; } .section__featured-categories .boxStyle { margin-left: -1.6rem; margin-right: -1.6rem; } .section__featured-categories .container-full .boxStyle { margin-left: 0; margin-right: 0; } } @media (min-width: 750px) { .section__featured-categories { padding: 60px 0; } .section__featured-categories .section__header-caption::before { transform: translateY(-5px); } .section__featured-categories .card__heading { font-size: 28px; } .section__featured-categories .card__heading + .card__buttons { margin-top: 12px; } .section__featured-categories .card__text + .card__buttons { margin-top: 12px; } } @media (min-width: 1025px) { .section__featured-categories .grid.grid--gap { --grid-item-offset: 16px; } .section__featured-categories .boxStyle { --box-radius: var(--box-radius-desktop, 0px); padding: clamp(16px, 3.5vw, 24px); } .section__featured-categories .card__content { padding: clamp(16px, 3.5vw, 24px); } .section__featured-categories .card__heading { font-size: 26px; padding: 0 36px; } .section__featured-categories .card__heading a { font-size: 26px; } .section__featured-categories .card__heading + .card__text { margin-top: 16px; } .section__featured-categories .card__heading + .card__buttons { margin-top: 16px; } .section__featured-categories .card__text + .card__buttons { margin-top: 16px; } .section__featured-categories .card__buttons { display: block; opacity: 0; visibility: hidden; transition: 0.3s ease; transition-property: opacity, visibility; } .section__featured-categories .card:has(:is(.card__buttons)) .card__heading { transform: translateY(10px); transition: transform 0.3s ease; } .section__featured-categories .card:has(:is(.card__buttons)):hover .card__heading, .section__featured-categories .card:has(:is(.card__buttons)):focus-within .card__heading { transform: translateY(0); } .section__featured-categories .card:hover .card__buttons, .section__featured-categories .card:focus-within .card__buttons { opacity: 1; visibility: visible; } .section__featured-categories .card:hover .media img { transform: scale(1.05); } } @media (min-width: 1280px) { .section__featured-categories .arrows-pos-side { padding: 0 34px; } .section__featured-categories .boxStyle { padding: clamp(24px, 3.5vw, 56px); } .section__featured-categories .card__heading { font-size: 40px; } } .section__image-banner { padding: 40px 0; } .section__image-banner .page-width:not(.container-full) .banner__media .banner__media-wrapper { --media-radius: 12px; } .section__image-banner .banner { position: relative; margin: 0px; max-width: 100%; } .section__image-banner .banner__media { position: relative; } .section__image-banner .banner__media .banner__image-link { display: block; width: 100%; height: 100%; } .section__image-banner .banner__media-wrapper { --media-radius: var(--item-radius); display: block; position: relative; overflow: hidden; box-sizing: border-box; border: var(--media-border-width, 0px) solid; border-radius: var(--media-radius, 0); } .section__image-banner .banner__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: var(--media-radius); pointer-events: none; } .section__image-banner .banner__media .media--custom { --ratio: min(var(--max-height, var(--ratio-mobile)), var(--ratio-mobile)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } .section__image-banner .banner__content { position: absolute; inset: 0; box-sizing: border-box; padding: 1.6rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .section__image-banner .banner__box { --box-radius: var(--item-radius); position: relative; white-space: normal; box-sizing: border-box; display: inline-flex; } .section__image-banner .banner__box-wrapper { flex: 1 1 auto; width: 100%; } .section__image-banner .banner__box--textboxes { padding: 24px 16px; background: var(--box-background-color); color: var(--box-text-color); overflow: hidden; box-sizing: border-box; border-width: var(--box-border-thickness, 0px); border-style: var(--box-border-style); border-color: var(--box-border-color); border-radius: var(--box-radius, 0); } .section__image-banner .banner__box--textboxes:after { content: ""; position: absolute; inset: 0; border-radius: var(--box-radius); pointer-events: none; } .section__image-banner .banner__content-inner { width: 100%; } .section__image-banner .banner__content-inner--has-icon { display: inline-flex; align-items: center; gap: 24px; max-width: 100%; text-align: inherit; } .section__image-banner .banner__content-inner--has-icon .banner__content-main .banner__description { padding: 0; } .section__image-banner .banner__content-icon { flex: 0 0 auto; display: inline-flex; width: 48px; line-height: 1; color: var(--text-color, currentColor); } .section__image-banner .banner__content-icon svg { display: block; width: 100%; max-width: 100%; height: auto; } .section__image-banner .banner__content-main { min-width: 0; } .section__image-banner .banner__caption { font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0; margin-bottom: 8px; } .section__image-banner .banner__heading { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; color: var(--text-color, currentColor); } .section__image-banner .banner__heading + .banner__description { margin-top: 8px; } .section__image-banner .banner__heading + .banner__buttons { margin-top: 16px; } .section__image-banner .banner__description { font-family: var(--banner-description-font-family, inherit); font-size: var(--banner-description-font-size, 14px); font-weight: 400; line-height: 1.5; letter-spacing: 0; white-space: pre-line; } .section__image-banner .banner__description p { margin-top: 0; margin-bottom: 0; color: var(--text-color, currentColor); font-family: inherit; font-size: inherit; } .section__image-banner .banner__description + .banner__buttons { margin-top: 16px; } .section__image-banner .banner::before, .section__image-banner .banner::after { content: none; } .section__image-banner .banner__button .button.button--icon::after { content: none; } @media (max-width: 749px) { .section__image-banner .banner__button .button { font-size: 14px; padding: .85rem 1.6rem; } } .section__image-banner.custom-content-mobile .banner__button .button { font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 0; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; border: 0; background: transparent; min-height: auto; color: var(--text-color, currentColor); } .section__image-banner.custom-content-mobile .banner__button .button span { display: inline; transition: background-size ease-in-out 300ms; background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; padding-bottom: 0; } .section__image-banner.custom-content-mobile .banner__button .button svg { display: none; } @media (max-width: 749px) { .section__image-banner .banner__content-inner--has-icon { gap: 16px; flex-direction: column; justify-content: flex-start; align-items: start; } .section__image-banner .banner__content-inner--has-icon .banner__description { font-size: calc(var(--banner-description-font-size, 16px) - 2px); } .section__image-banner .banner__content .banner__description { padding: 0 50px; } .section__image-banner .banner__content .banner__buttons .button span { background-size: 100% 1px; } .section__image-banner.custom-content-mobile .banner__content { position: unset; background: #000; padding: 24px 16px; } } @media (min-width: 750px) { .section__image-banner { padding: 60px 0; } .section__image-banner .banner__media .media--custom { --ratio: min(var(--max-height, var(--ratio-desktop)), var(--ratio-desktop)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } .section__image-banner .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .section__image-banner .banner__content--top-center { align-items: flex-start; justify-content: center; } .section__image-banner .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .section__image-banner .banner__content--middle-left { align-items: center; justify-content: flex-start; } .section__image-banner .banner__content--middle-center { align-items: center; justify-content: center; } .section__image-banner .banner__content--middle-center .banner__heading { justify-content: center; } .section__image-banner .banner__content--middle-right { align-items: center; justify-content: flex-end; } .section__image-banner .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .section__image-banner .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .section__image-banner .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } .section__image-banner .banner__heading { font-size: 36px; } .section__image-banner .banner__heading + .banner__buttons { margin-top: 20px; } .section__image-banner .banner__description { font-size: var(--banner-description-font-size, 16px); } .section__image-banner .banner__description + .banner__buttons { margin-top: 20px; } } @media (min-width: 1025px) { .section__image-banner .banner__content--top-left, .section__image-banner .banner__content--middle-left, .section__image-banner .banner__content--bottom-left { padding-left: clamp(1.6rem, calc((100% - 1688px) / 2), 100%); } .section__image-banner .banner__content--top-right, .section__image-banner .banner__content--middle-right, .section__image-banner .banner__content--bottom-right { padding-right: clamp(1.6rem, calc((100% - 1688px) / 2), 100%); } .section__image-banner .banner__box-wrapper { display: inline-block; max-width: var(--banner-content-width, 660px); } .section__image-banner .banner__heading { font-size: 32px; } .section__image-banner .banner__heading + .banner__description { margin-top: 8px; } .section__image-banner .banner__heading + .banner__buttons { margin-top: 24px; } .section__image-banner .banner__description { font-size: var(--banner-description-font-size, 18px); } .section__image-banner .banner__description + .banner__buttons { margin-top: 24px; } } @media (min-width: 1025px) { .section__image-banner .banner__heading { font-size: 40px; } .section__image-banner .banner__heading + .banner__description { margin-top: 8px; } .section__image-banner .banner__heading + .banner__buttons { margin-top: 24px; } .section__image-banner .banner__description { font-size: var(--banner-description-font-size, 18px); } .section__image-banner .banner__description + .banner__buttons { margin-top: 24px; } .section__image-banner .banner .banner__buttons .button:hover span { background-size: 100% 1px; } .section__image-banner.custom-content-mobile .banner__description + .banner__buttons { margin-top: 24px; } } @media (min-width: 749px) and (max-width: 1024px) { .section__image-banner .banner__box { justify-content: center; } } .section__image-banner.style_1 { padding: 40px 0; } .section__image-banner.style_1 .banner { display: flex; } .section__image-banner.style_1 .banner:before { content: ''; display: block; padding-bottom: var(--banner-media-ratio-desktop, 50%); } .section__image-banner.style_1 .banner .banner__media { position: absolute; inset: 0; display: block; } .section__image-banner.style_1 .banner .banner__media .banner__media-wrapper { height: 100%; } .section__image-banner.style_1 .banner .banner__media .media { height: 100%; } .section__image-banner.style_1 .banner .banner__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .section__image-banner.style_1 .banner__description, .section__image-banner.style_1 .banner__description p { line-height: 1.2; } @media (max-width: 750px) { .section__image-banner.style_1 .banner .banner__content { padding: 24px; } } @media (min-width: 750px) { .section__image-banner.style_1 { padding: 60px 0 4rem; } .section__image-banner.style_1 .banner__content { padding: 2.4rem; } } .section__image-banner.style_2 { padding: 0; background-color: transparent; } .section__image-banner.style_2 .banner { display: grid; grid-template-columns: minmax(0, 1fr); } .section__image-banner.style_2 .banner__media, .section__image-banner.style_2 .banner__content { grid-area: 1 / 1; } .section__image-banner.style_2 .banner__media { align-self: stretch; } .section__image-banner.style_2 .banner__media .banner__media-wrapper, .section__image-banner.style_2 .banner__media .media { box-sizing: border-box; height: 100%; } .section__image-banner.style_2 .banner__media .media { border-radius: 0; } .section__image-banner.style_2 .banner__content { position: relative; inset: auto; min-height: 100%; overflow: visible; } .section__image-banner.style_2 .banner__content .banner__heading { font-size: 3.2rem; margin-bottom: 1.6rem; display: flex; flex-direction: column; } @media screen and (min-width: 750px) { .section__image-banner.style_2 .banner__content .banner__heading { font-size: 4rem; flex-direction: row; gap: 1.6rem; } } @media screen and (min-width: 1025px) { .section__image-banner.style_2 .banner__content .banner__heading { font-size: 4.8rem; } } .section__image-banner.style_2 .banner__content .banner__description { padding: 0; } .section__image-banner.style_2 .banner__content .banner__description p { font-size: 1.4rem; } @media screen and (min-width: 750px) { .section__image-banner.style_2 .banner__content .banner__description p { font-size: 1.6rem; } } .page-type-category [data-content-region="category_image_banner"] .section__image-banner, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner { padding: 16px 0; } .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__heading, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__heading { font-size: 1.8rem; margin-bottom: 0; } @media (max-width: 749px) { .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content { padding: 1rem; } .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__description, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__description { margin-top: 0; } .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__description p, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__description p { font-size: 12px; } .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__buttons, .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__button, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__buttons, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__button { margin-top: .8rem; } .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__button .button, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__button .button { padding: .6rem 1.6rem; font-size: 12px; } } @media screen and (min-width: 750px) { .page-type-category [data-content-region="category_image_banner"] .section__image-banner, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner { padding: 24px 0; } } @media screen and (min-width: 1200px) { .page-type-category [data-content-region="category_image_banner"] .section__image-banner .banner__content .banner__heading, .page-type-category [data-content-region="category_image_banner--global"] .section__image-banner .banner__content .banner__heading { font-size: 4rem; margin-bottom: 8px; } } [data-content-region^="page__about_us_custom"] .section__image-banner.style_1 .banner__description { font-weight: 600; } .section__testimonials-2 { padding: 40px 0; } .section__testimonials-2 .section__header .section__header-caption::before { content: ''; display: inline-block; width: 3rem; height: 3px; background-color: #363436; margin-right: 8px; transform: translateY(-4px); } .section__testimonials-2 .section__header-caption { font-weight: 600; text-transform: uppercase; } .section__testimonials-2 .section__header-heading { font-weight: 400; } .section__testimonials-2 .testimonials-2__grid { --gap-mobile: 8px; align-items: stretch; gap: var(--gap-mobile); } .section__testimonials-2 .grid__item { height: 100%; } .section__testimonials-2 .banner { max-width: unset; width: 100%; height: 100%; max-width: 100%; background-color: #fff; } .section__testimonials-2 .banner .banner__media { width: 100%; max-width: 100%; position: relative; } .section__testimonials-2 .banner .banner__media .media { --image-ratio: 142.241379316%; border-radius: 12px; } @media (max-width: 1600px) { .section__testimonials-2 .container { padding: 0 50px; } } @media (max-width: 749px) { .section__testimonials-2 .container { padding: 0 16px; } } @media (min-width: 1033px) { .section__testimonials-2 { padding: 60px 0; } .section__testimonials-2 .section__header { margin-bottom: 40px; } .section__testimonials-2 .testimonials-2__grid { --gap-desktop: 32px; } } @media (min-width: 1280px) { .section__testimonials-2 .section__main { padding: 0 34px; } } .section__video-reels { padding: 40px 0; background: var(--video-reels-background, #ffffff); } .section__video-reels .section__header { max-width: 920px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .section__video-reels .section__header .section__header-caption, .section__video-reels .section__header .section__header-text { color: var(--video-reels-text-color, #5b6475); } .section__video-reels .section__header .section__header-heading { color: var(--video-reels-heading-color, #05070d); } .section__video-reels .section__main { position: relative; margin: 0 -12px; } .section__video-reels .video-reels__slider { width: 100%; } .section__video-reels .video-reels__slider .slick-dots { margin-top: 0; } .section__video-reels .video-reels__slider .slick-track { display: flex; align-items: center; } .section__video-reels .video-reels__slider .slick-slide { flex: 0 0 auto; height: auto; } .section__video-reels .video-reels__slide { box-sizing: border-box; padding: 0 12px; } .section__video-reels .video-reels__item { position: relative; transition: opacity 0.3s ease; padding-bottom: 40px; } .section__video-reels .video-reels__frame { position: relative; overflow: hidden; padding-bottom: 166.6667%; } .section__video-reels .video-reels__cover, .section__video-reels .video-reels__player { border-radius: 18px; overflow: hidden; position: absolute; inset: 0; height: 80%; top: 10%; transition: top .35s ease-in-out, height .35s ease-in-out; } .section__video-reels .slick-current .video-reels__cover, .section__video-reels .slick-current .video-reels__player { top: 0; height: 100%; } .section__video-reels .video-reels__cover img, .section__video-reels .video-reels__player iframe { width: 100%; height: 100%; object-fit: cover; } .section__video-reels .video-reels__player { z-index: 2; } .section__video-reels .video-reels__player iframe { transform: scale(1.35); pointer-events: none; } .section__video-reels .video-reels__controls { position: absolute; z-index: 3; inset: 0; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; } .section__video-reels .video-reels__control { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: rgba(0, 0, 0, 0.25); color: #ffffff; cursor: pointer; pointer-events: auto; transition: background 0.2s ease, transform 0.2s ease; } .section__video-reels .video-reels__control--play { top: 16px; left: 16px; } .section__video-reels .video-reels__control--mute { right: 16px; bottom: 16px; backdrop-filter: blur(3px); } .section__video-reels .video-reels__control:hover, .section__video-reels .video-reels__control:focus-visible { background: rgba(5, 7, 13, 0.8); transform: scale(1.06); } .section__video-reels .video-reels__control:disabled { cursor: default; opacity: 0.5; pointer-events: none; } .section__video-reels .video-reels__control-icon { width: 18px; height: 18px; } .section__video-reels .video-reels__control-icon--pause, .section__video-reels .video-reels__control-icon--volume, .section__video-reels .is-video-unmuted .video-reels__control-icon--muted { display: none; } .section__video-reels .is-video-loaded .video-reels__control-icon--play, .section__video-reels .is-video-loaded.is-video-paused .video-reels__control-icon--pause { display: none; } .section__video-reels .is-video-loaded .video-reels__control-icon--pause, .section__video-reels .is-video-loaded.is-video-paused .video-reels__control-icon--play, .section__video-reels .is-video-unmuted .video-reels__control-icon--volume { display: block; } .section__video-reels .video-reels__product { display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 16px; background: var(--video-reels-card-background, #ffffff); box-shadow: 0px 16px 24px 0px #00000029; margin-top: .8rem; opacity: 0; pointer-events: none; transition: all .25s ease-in-out; min-height: 75px; } @media (min-width: 750px) { .section__video-reels .video-reels__product { min-height: 97px; } } .section__video-reels .slick-current .video-reels__product:has(.video-reels__product-image, .video-reels__product-content), .section__video-reels .slick-current .video-reels__controls { opacity: 1; pointer-events: auto; } .section__video-reels .video-reels__product-image { width: 73px; height: 73px; flex: 0 0 73px; overflow: hidden; } .section__video-reels .video-reels__product-image img { width: 100%; height: 100%; object-fit: contain; } .section__video-reels .video-reels__product-content { min-width: 0; flex: 1 1 auto; } .section__video-reels .video-reels__product-title { font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0 0 3px; color: var(--video-reels-card-text, #000000); font-size: 14px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: var(--ellipsis, 2); text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .section__video-reels .video-reels__product-title a { font-size: 14px; color: var(--video-reels-card-text, #000000); text-decoration: none; } .section__video-reels .video-reels__product-pricing { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: baseline; } .section__video-reels .video-reels__product-price { color: var(--video-reels-card-price, #000000); font-size: 14px; font-weight: 700; line-height: 1; } .section__video-reels .video-reels__product-compare { color: var(--video-reels-card-compare, #737173); font-size: 12px; line-height: 1; text-decoration: line-through; } .section__video-reels .video-reels__product-action { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 30px; background: var(--video-reels-accent, #3170B5); color: #ffffff; transition: transform 0.2s ease, filter 0.2s ease; } .section__video-reels .video-reels__product-action:hover, .section__video-reels .video-reels__product-action:focus-visible { color: #ffffff; transform: translateY(-1px); filter: brightness(0.95); } .section__video-reels .video-reels__product-action svg { width: 16px; height: 16px; } .section__video-reels .slick-dots li button:before { color: #c5cad3; opacity: 1; } .section__video-reels .slick-dots li.slick-active button:before { color: var(--video-reels-accent, #2f6eb5); } @media (max-width: 749px) { .section__video-reels { padding: 32px 0 48px; } .section__video-reels .container { padding: 0 16px; } .section__video-reels .arrows-pos-side { padding: 0 39px; } .section__video-reels .video-reels__slider .slick-list { overflow: hidden; } .section__video-reels .video-reels__item { opacity: 1; } .section__video-reels .slick-current .video-reels__controls, .section__video-reels .slick-current .video-reels__product { opacity: 1; pointer-events: auto; } .section__video-reels .video-reels__control { width: 28px; height: 28px; } .section__video-reels .video-reels__control--play { top: 12px; left: 12px; } .section__video-reels .video-reels__control { right: 12px; bottom: 12px; } .section__video-reels .video-reels__product { width: 100%; margin-top: 6px; transform: none; } .section__video-reels .video-reels__product-title a { font-size: 12px; } .section__video-reels .video-reels__product-price { font-size: 12px; } .section__video-reels .video-reels__product-image { width: 50px; height: 50px; flex: 0 0 50px; } .section__video-reels .video-reels__product-action { width: 32px; height: 32px; flex: 0 0 32px; } } @media (min-width: 1033px) { .section__video-reels { padding: 60px 0; } } @media (min-width: 1600px) { .section__video-reels .arrows-pos-side .slick-prev { left: -60px; } .section__video-reels .arrows-pos-side .slick-next { right: -60px; } } .section__video-reels .slick-arrow { --swiper-navigation-top-offset: calc(var(--slide-height) / 2); top: var(--swiper-navigation-top-offset); } .section__icon-with-text { padding: 40px 0; background: linear-gradient(180deg, #E4E4E4 0%, #FFFFFF 100%); } .section__icon-with-text .icon-with-text { --gap-mobile: 32px; --gap-desktop: 40px; } .section__icon-with-text .card { position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 0; } .section__icon-with-text .card__content { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: column; padding: 0; gap: 12px; } .section__icon-with-text .card__icon { line-height: 0; font-size: 0; overflow: hidden; flex: 0 0 60px; flex-shrink: 0; width: 60px; } .section__icon-with-text .card__icon .media-wrapper { display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; --image-ratio: 100%; } .section__icon-with-text .card__information { flex: 1 1 0; min-width: 0; text-align: center; } .section__icon-with-text .card .card__heading { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; color: #000000; text-transform: capitalize; margin-top: 0; margin-bottom: 0; } .section__icon-with-text .card .card__heading a { text-decoration: none; color: #000000; } .section__icon-with-text .card .card__heading + .card__text { margin-top: 8px; } .section__icon-with-text .card .card__heading + .card__buttons { margin-top: 8px; } .section__icon-with-text .card .card__text { font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #000000; margin-top: 0; margin-bottom: 0; } .section__icon-with-text .card .card__text p { margin-bottom: 0; } .section__icon-with-text .card .card__text + .card__buttons { margin-top: 4px; } @media (min-width: 750px) { .section__icon-with-text .card__content { flex-direction: row; justify-content: flex-start; align-items: flex-start; } .section__icon-with-text .card__information { text-align: left; } .section__icon-with-text .card .card__heading { font-size: 18px; } .section__icon-with-text .card .card__heading + .card__text { margin-top: 12px; } .section__icon-with-text .card .card__text { font-size: 16px; } } @media (min-width: 1025px) { .section__icon-with-text .card .card__heading { font-size: 18px; } .section__icon-with-text .card .card__text + .card__buttons { margin-top: 8px; } } @media (min-width: 1280px) { .section__icon-with-text .card__icon { flex: 0 0 100px; } } .section__icon-with-text.layout-vertical { background: #EAEAEA; padding: 16px 0 64px; } .section__icon-with-text.layout-vertical .icon-with-text { --gap-mobile: 16px; --gap-desktop: 16px; } .section__icon-with-text.layout-vertical .card { background-color: #fff; padding: 24px; border-radius: 12px; } .section__icon-with-text.layout-vertical .card__content { align-items: center; justify-content: center; flex-direction: column; } .section__icon-with-text.layout-vertical .card__icon { flex: 0 0 60px; } .section__icon-with-text.layout-vertical .card .card__heading { text-align: center; } .section__icon-with-text.layout-vertical .card .card__heading + .card__text { margin-top: 8px; } .section__icon-with-text.layout-vertical .card .card__heading + .card__buttons { margin-top: 8px; } .section__icon-with-text.layout-vertical .card .card__text { font-size: 16px; text-align: center; } .section__icon-with-text.layout-vertical .card .card__text p + p, .section__icon-with-text.layout-vertical .card .card__text p + a { margin-top: 16px; } .section__icon-with-text.layout-vertical .card .card__text a { display: block; color: #000000; text-underline-offset: 4px; font-weight: 500; } .section__icon-with-text.layout-vertical .card .card__text a:hover { color: #3170B5; } @media (min-width: 1025px) { .section__icon-with-text.layout-vertical { padding: 40px 0; } .section__icon-with-text.layout-vertical .card .card__heading { font-size: 24px; } } [data-content-region="page__about_us_custom_widget_8"] + [data-content-region="contact--global"] .section__icon-with-text.layout-vertical { background-color: #D7D6D7; } .section__icon-with-text-2 { background-image: var(--bg-mobile, --bg-desktop); background-size: cover; background-repeat: no-repeat; padding: 1.6rem 0; } .section__icon-with-text-2 .icon-with-text { --gap-mobile: 16px; --gap-desktop: 16px; --grid-item-offset: var(--gap-mobile); } @media screen and (max-width: 960px) { .section__icon-with-text-2 .icon-with-text .grid__item { width: 100% !important; max-width: 100% !important; } } @media screen and (min-width: 961px) { .section__icon-with-text-2 .icon-with-text { --grid-item-offset: var(--gap-desktop); } } .section__icon-with-text-2 .section__header-item > * { color: var(--text-color, currentColor); } .section__icon-with-text-2 .card-wrapper { height: 100%; } .section__icon-with-text-2 .card-wrapper .card { position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 0; padding: 1.6rem; background: #fff; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1.2rem; line-height: 0; } .section__icon-with-text-2 .card-wrapper .card__content { flex-grow: 1; padding: 0; } .section__icon-with-text-2 .card-wrapper .card__icon { display: inline-block; line-height: 0; font-size: 0; overflow: hidden; width: 6rem; height: 6rem; flex-shrink: 0; margin-bottom: 1.6rem; } .section__icon-with-text-2 .card-wrapper .card__icon .media-wrapper { display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; } .section__icon-with-text-2 .card-wrapper .card .card__heading { font-size: 1.8rem; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: currentColor; text-transform: capitalize; margin-top: 0; margin-bottom: 0; } .section__icon-with-text-2 .card-wrapper .card .card__heading a { text-decoration: none; color: currentColor; } @media screen and (min-width: 961px) { .section__icon-with-text-2 .card-wrapper .card .card__heading { font-size: 2.4rem; } } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text { margin-top: 8px; line-height: 1.5; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text p { font-size: 16px; line-height: 1.5; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text p:not(:last-child) { margin-bottom: 16px; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text p.text-sm { font-size: 14px; } @media screen and (min-width: 961px) { .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text p { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; } } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text a { text-decoration: underline; text-underline-offset: 3px; color: #000000; font-size: 16px; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text a span { padding-bottom: 2px; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text a:hover, .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__text a:focus { color: #3170B5; } .section__icon-with-text-2 .card-wrapper .card .card__heading + .card__buttons { margin-top: 4px; } .section__icon-with-text-2 .card-wrapper .card .card__text { font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: currentColor; margin-top: 0; margin-bottom: 0; } .section__icon-with-text-2 .card-wrapper .card .card__text p { margin-bottom: 0; } .section__icon-with-text-2 .card-wrapper .card .card__text + .card__buttons { margin-top: 4px; } .section__icon-with-text-2 .card-wrapper .card .card__text .icon-with-text__chat-button { text-decoration: underline; text-underline-offset: 3px; } .section__icon-with-text-2 .card-wrapper .card .card__buttons .icon-with-text__chat-button { padding: 0; font-size: 1.4rem; } @media (min-width: 992px) { .section__icon-with-text-2 .card-wrapper .card .card__buttons .icon-with-text__chat-button { font-size: 1.6rem; } } .section__icon-with-text-2 .card-wrapper .card .card__buttons .link { font-weight: 700; color: #004ECA; text-decoration: none; } .section__icon-with-text-2 .card-wrapper .card .card__buttons .link span { display: inline; transition: background-size ease-in-out var(--duration-default); background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 min(var(--text-decoration-thickness), 1px); padding-bottom: 3px; } .section__icon-with-text-2 .card-wrapper .card .card__buttons .link:hover { color: #000; } .section__icon-with-text-2 .card-wrapper .card .card__buttons .link:hover span { background-size: 100% min(var(--text-decoration-thickness), 1px); } @media (min-width: 1025px) { .section__icon-with-text-2 { background-image: var(--bg-desktop); padding: 4rem 0; } .section__icon-with-text-2 .card-wrapper .card { padding: 2.4rem; } .section__icon-with-text-2 .card-wrapper .card .card__text + .card__buttons { margin-top: 8px; } } @media screen and (max-width: 389px) { .section__icon-with-text-2 .card-wrapper .card { padding: 15px; min-height: 185px; } } .section__announcement-bar { margin-top: 0; background: var(--announcement-background); color: var(--announcement-text); } .section__announcement-bar .announcement-bar { position: relative; overflow: hidden; padding: 12px 16px; min-height: var(--announcement-height); } .section__announcement-bar .announcement-bar__slider.slick-vertical .slick-list, .section__announcement-bar .announcement-bar__slider.slick-vertical .slick-track { display: block; } .section__announcement-bar .announcement-bar__slider.slick-vertical.is-height-ready .slick-list { transition: height 700ms cubic-bezier(0.4, 0, 0.2, 1); will-change: height; } .section__announcement-bar .announcement-bar__slider.slick-vertical .slick-slide { float: none; } @media (prefers-reduced-motion: reduce) { .section__announcement-bar .announcement-bar__slider.slick-vertical.is-height-ready .slick-list { transition: none; } } .section__announcement-bar .announcement-bar__slider:not(.slick-initialized) .announcement-bar__slide:not(:first-child) { display: none; } .section__announcement-bar .announcement-bar__slide-inner { display: flex !important; align-items: center; justify-content: center; } .section__announcement-bar .announcement-bar__item { width: 100%; display: flex; align-items: center; justify-content: center; color: var(--announcement-text); text-align: center; text-decoration: none; font-size: var(--announcement-font-size); font-weight: 500; padding: 0 50px; } .section__announcement-bar a.announcement-bar__item:hover, .section__announcement-bar a.announcement-bar__item:focus-visible { color: var(--announcement-text-hover); } .section__announcement-bar .announcement-bar__item:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .section__announcement-bar .announcement-bar__text { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; } .section__announcement-bar .announcement-bar__arrow { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--announcement-arrow); transform: translateY(-50%); transition: color 0.2s ease, opacity 0.2s ease; } .section__announcement-bar .announcement-bar__arrow svg { width: 1.8rem; height: 1.8rem; } .section__announcement-bar .announcement-bar__arrow:hover, .section__announcement-bar .announcement-bar__arrow:focus-visible { color: var(--announcement-arrow-hover); } .section__announcement-bar .announcement-bar__arrow:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .section__announcement-bar .announcement-bar__arrow span { display: inline-block; font-size: 24px; line-height: 1; } .section__announcement-bar .announcement-bar__arrow--prev { left: 8px; } .section__announcement-bar .announcement-bar__arrow--next { right: 8px; } @media (max-width: 749px) { .section__announcement-bar .announcement-bar { padding: 12px 8px; } .section__announcement-bar .announcement-bar__item { font-size: calc(var(--announcement-font-size) - 2px); } .section__announcement-bar .announcement-bar__arrow { width: 40px; height: 40px; } .section__announcement-bar .announcement-bar__arrow--prev { left: 0; } .section__announcement-bar .announcement-bar__arrow--next { right: 0; } .section__announcement-bar .announcement-bar__arrow span { font-size: 20px; } } .section__testimonials { padding: 40px 0; background-color: #000000; } .section__testimonials .section__header .section__header-caption, .section__testimonials .section__header .section__header-heading, .section__testimonials .section__header .section__header-text { color: #fff; } .section__testimonials .section__header-caption::before { content: ''; display: inline-block; width: 3rem; height: 3px; background-color: currentColor; margin-right: 8px; transform: translateY(-4px); } .section__testimonials .section__header .section__header-caption { font-size: 14px; } .section__testimonials .boxStyle { --box-radius: var(--box-radius-mobile, 0px); padding: 24px 16px; color: var(--box-text-color); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: var(--box-border-thickness, 0px); border-style: var(--box-border-style); border-color: var(--box-border-color); border-radius: var(--box-radius, 0); background: var(--box-background-color); background-image: var(--box-background-image); background-size: var(--box-background-size); background-position: var(--box-background-position); background-attachment: var(--box-background-attachment); background-repeat: var(--box-background-repeat); background-blend-mode: var(--box-background-blend-mode); } .section__testimonials .boxStyle .section__header-heading, .section__testimonials .boxStyle .section__header-text { color: currentColor; color: #fff; } .section__testimonials .container-full { position: static; } .section__testimonials .container-full .boxStyle { border: none; border-radius: 0; padding: 0; overflow: initial; } .section__testimonials .container-full .boxStyle::before { content: ''; position: absolute; inset: 0; background: var(--box-background-color); background-image: var(--box-background-image); background-size: var(--box-background-size); background-position: var(--box-background-position); background-attachment: var(--box-background-attachment); background-repeat: var(--box-background-repeat); background-blend-mode: var(--box-background-blend-mode); color: var(--box-text-color); } .section__testimonials .contains-card { --item-radius: var(--item-radius-mobile, 0px); flex-wrap: nowrap; } .section__testimonials .contains-card.slick-initialized { display: block; } .section__testimonials .card-wrapper, .section__testimonials .card__inner { position: relative; height: 100%; } .section__testimonials .card { background: var(--background-color); border-radius: var(--item-radius, 0); position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 0; height: 100%; visibility: visible; backdrop-filter: blur(20px); } .section__testimonials .card__content { padding: 24px 16px; } .section__testimonials .card-testimonial .card__content { display: flex; height: 100%; } .section__testimonials .card__information { display: inline-block; width: 100%; font-size: 0; letter-spacing: 0; } .section__testimonials .card-testimonial .card__information { display: flex; flex-direction: column; flex: 1; min-width: 0; } .section__testimonials .card__heading { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: 0; color: var(--heading-color, #BE0029); margin-top: 0; margin-bottom: 16px; } .section__testimonials .card__rating { line-height: 0; margin-bottom: 16px; } .section__testimonials .card__rating .icon { color: var(--color-rating); width: 1.6rem; height: 1.6rem; display: inline-block; } .section__testimonials .card__rating .icon svg { width: 100%; height: 100%; fill: currentColor; stroke: currentColor; } .section__testimonials .card__rating .icon--ratingFull { --color-rating: var(--rating-full-color); } .section__testimonials .card__rating .icon--ratingEmpty { --color-rating: var(--rating-empty-color); } .section__testimonials .card__rating .icon--ratingEmpty svg { fill: none; } .section__testimonials .card__text { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: var(--text-color, #555555); margin-bottom: 16px; } .section__testimonials .card__author { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: var(--name-color, #000000); margin-bottom: 2.4rem; } .section__testimonials .testimonial-product-card { display: block; margin-top: auto; background-color: #C2C2C2; border-radius: 4px; padding: 12px; } .section__testimonials .testimonial-product-card__inner { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 12px; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__media, .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__line { display: block; background: rgba(255, 255, 255, 0.14); border-radius: 4px; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__media { width: 10rem; height: 10rem; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__content { display: grid; gap: 10px; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__line--title { height: 14px; width: 80%; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__line--price { height: 14px; width: 56%; } .section__testimonials .testimonial-product-card__inner--loading .testimonial-product-card__line--button { height: 32px; width: 110px; } .section__testimonials .testimonial-product-card__media { width: 9rem; height: 9rem; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 4px; background: white; } .section__testimonials .testimonial-product-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; } .section__testimonials .testimonial-product-card__media-placeholder { width: 100%; height: 100%; display: block; } .section__testimonials .testimonial-product-card__content { min-width: 0; padding-right: 44px; position: relative; } .section__testimonials .testimonial-product-card__title { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #000000; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .section__testimonials .testimonial-product-card__title:hover { text-decoration: underline; } .section__testimonials .testimonial-product-card__price-wrapper { margin-top: 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 2px; } .section__testimonials .testimonial-product-card__price { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.5; color: #000000; } .section__testimonials .testimonial-product-card__compare-price { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #737173; text-decoration: line-through; } .section__testimonials .testimonial-product-card__action { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .section__testimonials .testimonial-product-card__action .testimonial-product-card__button { width: auto; margin: 0; display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; padding: 0; border: 0; border-radius: 50%; font-size: 0; cursor: pointer; transition: background 0.2s ease; padding: 0 !important; background-color: #3170B5 !important; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1.3335L2 4.00016V13.3335C2 13.6871 2.14048 14.0263 2.39052 14.2763C2.64057 14.5264 2.97971 14.6668 3.33333 14.6668H12.6667C13.0203 14.6668 13.3594 14.5264 13.6095 14.2763C13.8595 14.0263 14 13.6871 14 13.3335V4.00016L12 1.3335H4Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 4H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6666 6.6665C10.6666 7.37375 10.3857 8.05203 9.8856 8.55212C9.3855 9.05222 8.70722 9.33317 7.99998 9.33317C7.29274 9.33317 6.61446 9.05222 6.11436 8.55212C5.61426 8.05203 5.33331 7.37375 5.33331 6.6665' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 1.6rem !important; } .section__testimonials .testimonial-product-card__action .testimonial-product-card__button:hover { background-color: #363436 !important; } .section__testimonials .testimonial-product-card__form { margin: 0; } .section__testimonials .card__information.text-center .testimonial-product-card__price-wrapper { justify-content: center; } .section__testimonials .card__information.text-right .testimonial-product-card__price-wrapper { justify-content: flex-end; } .section__testimonials .card__information.text-right .testimonial-product-card__action { display: flex; justify-content: flex-end; } .section__testimonials .slick-track { display: flex; } .section__testimonials .slick-track .slick-slide { box-sizing: border-box; flex: 0 0 auto; height: auto; padding-left: calc(var(--grid-item-offset) / 2); padding-right: calc(var(--grid-item-offset) / 2); } .section__testimonials .slick-track:before, .section__testimonials .slick-track:after { content: none; } @media (max-width: 1024px) { .section__testimonials .boxStyle { margin-left: -1.6rem; margin-right: -1.6rem; } .section__testimonials .container-full .boxStyle { margin-left: 0; margin-right: 0; } } @media (max-width: 749px) { .section__testimonials { padding-left: 19px; padding-right: 19px; } .section__testimonials .section__header-item { text-align: center; } .section__testimonials .section__header-item .section__header-caption { font-size: 14px; margin-bottom: 12px; } .section__testimonials .section__header-item .section__header-heading { font-weight: 400; } .section__testimonials .card__content { padding: 24px 32px; } .section__testimonials .card__rating { margin-bottom: 16px; } .section__testimonials .arrows-pos-side .slick-arrow.slick-prev, .section__testimonials .arrows-pos-side .scroll-arrow.slick-prev { left: -3rem; } .section__testimonials .arrows-pos-side .slick-arrow.slick-next, .section__testimonials .arrows-pos-side .scroll-arrow.slick-next { right: -3rem; } .section__testimonials .section__footer { text-align: center; } } @media (min-width: 750px) { .section__testimonials { padding: 60px 0; } .section__testimonials.bg-img.is-background-loaded { background-image: var(--bg-img); background-size: cover; background-position: top right; background-repeat: no-repeat; } .section__testimonials .section__header .section__header-item--button { position: relative; inset: unset; margin-top: 32px; } } @media (min-width: 1025px) { .section__testimonials .boxStyle { --box-radius: var(--box-radius-desktop, 0px); padding: clamp(16px, 3.5vw, 24px); } .section__testimonials .contains-card { --item-radius: var(--item-radius-desktop, 0px); } .section__testimonials .card__content { padding: 24px; } .section__testimonials .card__heading { font-size: 20px; } } @media (min-width: 1280px) { .section__testimonials .page-width { display: flex; align-items: center; grid-gap: 0; } .section__testimonials .boxStyle { display: flex; align-items: center; grid-gap: 16px; flex-shrink: 0; width: 100%; padding: clamp(24px, 3.5vw, 56px); } .section__testimonials .section__header { width: 394px; flex-shrink: 0; margin-bottom: 0; padding-right: 44px; } .section__testimonials .arrows-pos-side { width: calc(100% - 394px); } .section__testimonials .arrows-pos-side .section__main { padding: 0 36px; } .section__testimonials .card__content { padding: 24px 32px; } } .section__products-tab { background: var(--products-tab-background, #EAEAEA); padding: 6rem 0; } .section__products-tab .section__header { margin-bottom: 3rem; } .section__products-tab .section__header-heading { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 4rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .section__products-tab .section__header-tabs { margin-top: 2.4rem; } .section__products-tab .tab__list { display: flex; flex-wrap: wrap; gap: 2.4rem; overflow: visible; } .section__products-tab .tab__list .tab__list-item-opener { appearance: none; background: #ADC6E1; border: 0; border-radius: 100px; color: #000000; font-size: 1.4rem; font-weight: 400; padding: 1rem 1.8rem; text-transform: uppercase; transition: background-color .2s ease, color .2s ease; } .section__products-tab .tab__list .tab__list-item-opener span { background: none; display: inline; padding: 0; } .section__products-tab .tab__list .tab__list-item-opener:hover { background: #6F9BCB; } .section__products-tab .tab__list .tab__list-item-opener:focus-visible, .section__products-tab .tab__list .tab__list-item-opener.active { background: #3170B5; color: #fff; } .section__products-tab .tab__content-item { margin-top: 0; } .section__products-tab .tab__content-item[hidden] { display: none; } .section__products-tab .products-tab__list { --gap-desktop: 1.6rem; position: relative; width: calc(100% + var(--gap-desktop)); } .section__products-tab .products-tab__list.slick-slider .slick-list { margin: 0; } .section__products-tab .products-tab__list.slick-slider .slick-track { display: flex; } .section__products-tab .products-tab__list.slick-slider .slick-slide { float: none; height: auto; } .section__products-tab .products-tab__list.slick-slider .slick-slide > div, .section__products-tab .products-tab__list.slick-slider .slick-slide .products-tab__product, .section__products-tab .products-tab__list.slick-slider .slick-slide .card-wrapper, .section__products-tab .products-tab__list.slick-slider .slick-slide .card { height: 100%; } .section__products-tab .products-tab__product { box-sizing: border-box; } .section__products-tab .card-wrapper, .section__products-tab .card-product { height: 100%; } .section__products-tab .card-product { background: #fff; overflow: hidden; border-radius: 1.2rem; } .section__products-tab .products-tab__figure { margin: 0; position: relative; } .section__products-tab .card-figure__link { display: block; } .section__products-tab .card-img-container { aspect-ratio: 1 / 1; background: #fff; } .section__products-tab .card-img-container img { height: 100%; object-fit: contain; width: 100%; } .section__products-tab .flag--sale { border-color: #D24343; color: #D24343; } .section__products-tab .card-figcaption-body.actions-quickadd { bottom: 1.6rem; } .section__products-tab .card-body { flex: 1 1 auto; margin-top: 0; padding: 1.6rem; } .section__products-tab .card-title { margin-bottom: 1.2rem; } .section__products-tab .card-title .product-name { display: -webkit-box; font-size: 1.6rem; font-weight: 400; line-height: 1.5; min-height: 4.8rem; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .section__products-tab .products-tab__price { margin-bottom: 1.2rem; } .section__products-tab .products-tab__price .price { font-size: 1.6rem; } .section__products-tab .products-tab__price .price--non-sale { color: #777777; font-weight: 400; text-decoration: line-through; } .section__products-tab .rating { min-height: 2rem; } .section__products-tab .card-swatches { margin-bottom: 0; min-height: 3.2rem; } .section__products-tab .products-tab__show-more { display: none; } .section__products-tab .section__footer { margin-top: 3rem; text-align: center; display: block; } @media (max-width: 749px) { .section__products-tab { padding: 3.2rem 0 4rem; padding: 4rem 0; } .section__products-tab .section__header { margin-bottom: 2.4rem; text-align: center; } .section__products-tab .section__header .section__header-tabs .tab__list .tab__list-item-opener { font-size: 14px; } .section__products-tab .section__header-heading { font-size: 2.8rem; font-weight: 400; } .section__products-tab .section__header-tabs { margin-top: 1.6rem; } .section__products-tab .tab__list { flex-wrap: nowrap; gap: .8rem; justify-content: center; overflow-x: auto; padding-bottom: .2rem; } .section__products-tab .tab__list-item-opener { flex: 0 0 auto; font-size: 1.2rem; padding: .9rem 1.4rem; } .section__products-tab .products-tab__list, .section__products-tab .products-tab__list.row { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; width: 100%; } .section__products-tab .products-tab__product, .section__products-tab .products-tab__product.row-item { padding: 0; width: auto; } .section__products-tab .products-tab__product[hidden] { display: none; } .section__products-tab .card-badge { left: .8rem; top: .8rem; } .section__products-tab .flag { font-size: 1rem; padding: .3rem .6rem; } .section__products-tab .actions-quickadd { display: none; } .section__products-tab .card-body { padding: .8rem; } .section__products-tab .card-title { margin-bottom: .8rem; } .section__products-tab .card-title .product-name { font-size: 1.4rem; line-height: 1.5; min-height: 4.2rem; } .section__products-tab .products-tab__price { flex-wrap: wrap; gap: .4rem; margin-bottom: .8rem; } .section__products-tab .products-tab__price .price { font-size: 1.4rem; } .section__products-tab .rating { margin-bottom: .8rem; } .section__products-tab .card-swatches { min-height: 2.8rem; } .section__products-tab .products-tab__show-more { display: flex; justify-content: center; margin-top: 1.6rem; } .section__products-tab .products-tab__show-more[hidden], .section__products-tab .products-tab__show-more button[hidden] { display: none; } .section__products-tab .section__footer { display: none; } } @media screen and (min-width: 1700px) { .section__products-tab .arrows-pos-side .slick-arrow.slick-prev { left: -6rem; } .section__products-tab .arrows-pos-side .slick-arrow.slick-next { right: -6rem; } } .cmsBlockTextLeftOfMedia { background: var(--cms-block-bg); color: var(--cms-block-text); padding: var(--cms-block-y) 0; width: 100%; margin-top: 20px; } .cmsBlockTextLeftOfMedia__inner { align-items: center; display: grid; gap: clamp(24px, 5vw, 60px); grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr); margin: 0 auto; padding: 0 clamp(16px, 3.25vw, 60px); } .cmsBlockTextLeftOfMedia__content { display: block; } .cmsBlockTextLeftOfMedia__heading { color: inherit; font-size: clamp(28px, 3.25vw, 40px); margin: 0 0 16px; text-align: left; } .cmsBlockTextLeftOfMedia__body { color: inherit; font-size: 16px; } .cmsBlockTextLeftOfMedia__body p { margin: 0; } .cmsBlockTextLeftOfMedia__body p + p { margin-top: 28px; } .cmsBlockTextLeftOfMedia__media { aspect-ratio: 1 / 1; width: 100%; } .cmsBlockTextLeftOfMedia__image { display: block; height: 100%; object-fit: cover; width: 100%; } @media (max-width: 900px) { .cmsBlockTextLeftOfMedia { padding: calc(var(--cms-block-y) * 0.675) 0; } .cmsBlockTextLeftOfMedia__inner { grid-template-columns: 1fr; } .cmsBlockTextLeftOfMedia__media { aspect-ratio: 4 / 3; } } .simpleTextBlock { background: var(--simple-text-block-bg); padding: var(--simple-text-block-y) 0; width: 100%; margin-top: 4rem; } .simpleTextBlock__inner { min-height: 80px; } .simpleTextBlock__heading { color: var(--simple-text-block-heading); font-size: clamp(24px, 3.2vw, 32px); margin: 0; text-align: left; text-transform: capitalize; } .simpleTextBlock__text { color: var(--simple-text-block-text); font-size: 16px; margin-top: 16px; } .simpleTextBlock__text p { margin: 0; } .simpleTextBlock__text p + p { margin-top: 12px; } [data-content-region="page__about_us_custom_widget_2"] .simpleTextBlock { margin-top: 0; } @media screen and (min-width: 750px) { .simpleTextBlock__text { margin-top: 24px; } } .reviewList { background: var(--review-list-bg); padding-top: var(--review-list-padding-mobile); padding-bottom: var(--review-list-padding-mobile); width: 100%; margin-top: 4rem; } .reviewList__grid { display: grid; gap: var(--review-list-gap-mobile); } .reviewList__grid--mobile-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .reviewList__grid--mobile-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reviewList__card { background: var(--review-list-card-bg); border: 1px solid var(--review-list-card-border); border-radius: var(--review-list-card-radius); display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 24px var(--review-list-card-padding); } .reviewList__title { color: var(--review-list-heading-color); font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; margin: 0; } .reviewList__stars { color: var(--review-list-star-color); display: flex; gap: 6px; line-height: 1; } .reviewList__star { font-size: 20px; line-height: 1; } .reviewList__text { color: var(--review-list-text-color); font-size: 16px; margin: 0; } .reviewList__author { color: var(--review-list-author-color); font-size: 16px; font-weight: 500; margin-top: auto; } .reviewList__author:after { content: ""; display: inline-flex; width: 2.4rem; height: 1.6rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxwYXRoIGQ9Ik0wIDE2SDE2VjBIMFYxNloiIGZpbGw9InVybCgjcGF0dGVybjBfMTE5NDY5XzE5MzIpIi8+CjxkZWZzPgo8cGF0dGVybiBpZD0icGF0dGVybjBfMTE5NDY5XzE5MzIiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzExOTQ2OV8xOTMyIiB0cmFuc2Zvcm09InNjYWxlKDAuMDA2MjUpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfMTE5NDY5XzE5MzIiIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUtBQUFBQ2dDQVlBQUFDTHoyY3RBQUJmcDBsRVFWUjRuTzM5ZVpnbDEzbmZoMy9PT1ZWMTk2VnY3L3Qwend3dzJFRXNKTUZGWENWcW96YUtXaU1wY2hSVGZtSTVqcHhFZHZJa3RwUEhUbjQvK1djbmRuNWVJc3FPSFMyV1JGS1VSSkVVUkJJQ0FSQTdNQUFHd093enZlLzdYYXZxbkpNL1R0M2IzYk5nZWtEUUV5WDl6bE56bDc2M2J0MnE3MzNQdTN6Zjl4WFdXZzdsVUc2VnlGdDlBSWZ5LzI0NUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZJNUJPQ2gzRkk1Qk9DaDNGSTVCT0NoM0ZMeER2S2kyMzc0NzVCSkJSUnphVElabjVUbkV3UWV2dWVobEVBSWlSQUNLUVRXSnFpV2dKQUlMRUlJaEFBUUlNQUNHSkJTSWdTNC9rakphNlFnZVNVQ0FWaVNOd05nclVBSzk1UnR2OHJ0ZHI4SVFXZFA3VC91MjVWSTl1RStYNGpkdjFrRW9RejQ2TVpaVHRTWHFhcFUreDNKaTl0SG1PelVjb0RuOW56UVByRjBEcVI5TG16N0w2WnpydHBQbXZZQll6R0dETUoyV1dOSExZd2liTUZhUEt3TkxEYXdsaFFXMzJJQ0xHbnI3dGVBYlN6YkZyYkJibHZMRHRadVllMDJpS3FGbGZhbml1VDRoSERYVTRxOTF5YzVhR013c1VZM1c1aFdrN2pSSk55cDhsT1BmL25LcTNLVkhBaUFoM0xMSkEzMEpOc1lNSjdjRGdCakFrYXNaUkRJV0d2QVdxeXhXR3V4V0d3Q1hJdE5NT3Z1Qzl2Kzhkb082Qk1GRVFFdEFSY3N2QWxjd3QyZUJtYUF4WGY2Q3g0QzhOWkxOekFCOUxFTHNEYkloakVNV1dzS1dMRFdvSTBGYXh6UWpIRmIrN0Uxa054YTY3U3d0VGE1YnhNZDJyNU5GS2tRV0VGN0NmQUJIeUh1RTBMZUo0UkFTTGVCM0JDQ3N6Z2duZ1FlQjU0RzlMZno1UThCK0I5V1NzQmR3TzNBQThDOUlDYXhqRmpiQmxTaXdkcEFNaFlTb0dFc0dBM0dJb3hCR0FQR2FUNFNRR0oxb2dsSmdKb3M1WWtHTkhzQWFHQVhqRUpnRXp2RVNvbEpUQ2lVUkVpRlVLcExLUGtlcGRSN2hGUS9McFZFSU44QSt6andHQTZReXpkN1FnNEIrSjJURW5BQ3VBZTRBM2dJeElTMVpyU2psUkt3aVE1NEVwQlpnelEyQVp4SndHWjNBWmZjdHdrWUhmamNmWlBzcHczaXRyWjBxL0h1Y213VElGb2g5b05RaWdTTUVxc2NHSVZTNENtczhqQ2VRclR2SzNtblJOd0o5cTlaWTVhQlo0QnZBSDhPdkhHUWszUUl3SGRHMnN2b0E4Q2R3SDNBM2RiYUhxekJkTFNZV3dyUkJtRU5NZ0dmc0FaaFFOcGRzSFZlMXdGZEFrNmRhTGhZWTYxSndLczdHdEltd0RTbWJmY1pqREdvdHZaTGRyMExRR2k3RXpaeEFxMlFXQ25kc3F3a0tJWHdQUEE4OEJUNEhsWXBySkpvSVp5clpHd2ZzZjRoRTBZL3BNUElBRDhGL01HTlR0d2hBRzllZW9DandOM0FnOEJ0Q082emhoNkw3dGhtN2FWUkpNdW1NQmJQV0lTMVNHT1J4Z0ZRSm8vYm1nNXJFWHBYRTZMZDhpdmE5bDZjYUxoWWc5RVliVEJoQzl0b1lhSUlUQXphT0tEcTluc2NRSTAxQ2NpVTI1UUVKVUI1Q0U4NW9MWEJwMlNpL1NSNERvQjdOM3dGeWtOTFFXZ01MYVBSV2tNVUV6ZWEwa1JoLzBGTzVrRUJPQUkwZ0xXM2M4WCtFa3NGcDlHT0F3L2psdElUMWpKZ1RhS0pPaUJ4UzZHd0dtVWNxRVN5bEtwa3lWUnRqV2RNNSs4aUFhVkl0SnRObmtjYmJCeERyQjJBbWsxTXM0bXROekZoNU1KVkxoYUN6T1VRNVNMV2M1ZlRxajFhVENtTUZGamZBeVV4OVFhbTFzQTBtdWhtRTlOb1lwb3Q3RTRWMndxVHBWdGp0WUVnUUJaenlHd1dFUVNvVkFvOEQrbDV5TUJwUkNVa3docTBpUW5qR0IzR21MQ0ZpYUxHUVU3d1FRSDRHUUcvQ0h3SitEcHVuZjkvR2hpTE9LMTJKODVSZU1CYUpseU16UUVERXJzcVdVSkZvc21Fc1FtNHpIN3RaaXpDYUtTaDR6VEl0Z05oUVJnTllReFJoSWhpVEt1RmFUU2gwWFJhenZjUm5vL3dQV1F4ano4OGhPZ3FJU29sWkcrMzIvcDYzSFBsRWdTK2N5d1M3ZFhSWkVwaGhBdTdtQ2hHMStvT2lJMG1wdEhvM0tmVlFtOVhpV2ZtMGRNelJQTkw2T1VWV050MG9JOGloRktJVWduUlZVSmxNMmdsTWRZUUdFTWpDZ25ERUtJWVl3N21IQjhJZ0ZHc2lUd3pIR3Z6R2EzdFo0eXlxOEEzZ2I4QS9ndzRlOU9YKzlhSkFzcnMybXkza3l5bHhqQm9FMXVwcFNQaVZvaHBOakhDZExUWmxXQnJhemZaQWFUZER6WnJFTnBwT2VMWWdhdlJ4TmJyMkVZTG1jc2c4M2xrT29VWTZFVjJWNUNWTGxSdkJkSGJrd0N0Z2lnVkVZVThvcXNJZnFyanpWb0VObzRjZUtQSTJacmFkTFNZMWhvYmhzbHpiZ2tXUVlCTXA1QjdsbG9yQkVqcG5DTm4wMkcydHJHcjY1aVZkZlRjQW1adUFidTBncGxaUUYrOGpKNmVneUJBbFBLSVZJQXdNVHAwV2xSY0ZYQy90aHdJZ1BWbUsrcmtKb1JBRzNwQS9KaVU0c2VrOUl3UVBBMThDemlEODM2bWdibWJ3OFU3S3QxQUx6QUlITUhGMTRZQWx6R0FZYXd0RzJ1SlkwTVlHM3hQdEoxT1lnUjFvYUFWa3E0M2lhVkZXb08wb0xSSjdEaG41OGs5V3RCcE5tZkRDV093alNiVTZ0QnNZWnROcE9jamU3cndSb2J3SnNmd0o4ZnhKNCtnUm9kUVhTVmtJUSs1WE9maVdYWkRKUWFMYmpsYnorN1VNTVo1dXUzYlhjODZDY3NrWVIzUjlqb1M1OFZ0Y1dJKzdOOEFUUHMxZ1BCOTFQQWd3YkVKaE9jaGd3QnBESFpqQzN2aE11SExyOUY2NFJWcXAwNmpaeGZRSmtablV0aHN4dG1VQjVBREFiRFdDREVHVXA1a2ZkdndycVBkTEc2RnRHSk5JWk9TbmkvZnI2Ujh2NUlTS1NSV2lLcHdZSnpDM2I0R1hNQ2xlQnBBRGFpeUc0YTZXU25pQXJYOU9HQk5zZ3V5SVlRWTFzWU9BQ2hoTWNadDdTeVd0UlpqSVRTV2pLZW9GTk84T3IxTk1Sc1FlQjRoa2gzcG81cWFmS09CbGs3ejdTNnJaaGRzc1haZ2E0WFluUjFFbytWQUlDUmVkeGZxeUNqKzJBamVzUW44aVRHOGlWRzhrU0ZrTnR0SnhOdTltOUdZVm9UUmJnbTdKcml1SmZ0eWlRNUVVb29rY0oxb0pOc095eVRlc3pVSTYxSnA3YzhTeWI2c3RkZ293c1F4MU9vSUlUQ0E5RHk4YkFiLzRmdkpmdXlEUkJ0YlpNNmN4M3ZoWmNMblhxUjY2alRoNGlJMHd3TmR5QU1Dc0VXekVUTXhrT2Y3SGh4bWNyaUhyNXhjNGVKeUE0dkdqeTJlTW5nU2xKUjRTdWFWRkE5RzJqNG9wU1NUVW1BRVFyQXRCSFVRZFNGRkZRZkVPckFGYkNhM0VzZ0FxV3RzUHBDeTBHZXRIYkRZREpBRVhSTmdKWmMwMW52eXBrSzRwUXFYU3piV3hieldkMkx1UGxMaUJ4OGVwYXRyamFXdGtETnpPK0FwZHBTSGFNWms2dzBhVWlSYXozbDVoQ0cyVm9lZEtpREE5L0ZLUmRUUkNmeVJJUWUybytONG95TjRZOFBJYk9acXNHbU5qdU9yODhOMkZ6Qjdod2k1aklUblV0dFNJandQNi92STl2Y3lNVWJyWFcrNTdZMXJ2ZS9XQ2hCQ091ZWxIWHh1eC82TXhVUVJ0dEhFTnB1SnA3MExUcW1VUytBMVc1Z3dJbHJmeEVpSkdoOGhlMlNZNGdjZUpqeDdudWJaQzVpNWcyWHREdWFFR0lzMk1TKy90c2ozUGpET3grOGJvYWVyek84OU04ZExGellvWkFTK0VuZ1NQR1V4Sm1LbkVUTGVtME5KV05scWtBMDhwSlJGS1NqSzVDU0NRRW1CanQwU2t3b1V4QzRlNWJKRElvbFhKYlFFQzgxUTQzc1NLY0FnT3Rxc2JTS0UyakszM3VBRGQvVFJpdUhVOUJZOXhUUXQ3Y2dFQm9nMHhBWStmTjhvUC9iSUVlNmNxQkNrcy96UGYvUW1XeTJCWnlWVks3SDFKc0hxT2xMdllIZDJzSkZHNXJPb1FzR0JiV3dFLzhnbzN0RWorT01qcU9GQlpEN1hkazUzd1JiSDZIWWM3MHJUYUMvNGtxQ3ZPemY3bHdjTHhJQ0pJMHk5UVR5L1NMeXk1cmFsRmVLRkpYUzlnZEVhMHdveFVlaHVXeUVtREhkdHhIUWFVY2hETm9QSVpTR1RSdVF5aUd4eVA1dEJEUTJnQnZ1UXhRSXFsM1dCNTJZTEVVYk92TkI2OStEaUdOdG9FRmVyNk0xTlJEcEY4TkQ5eVBjY2pHaDFNQUFLQzhJU04yUE9MdXd3dGRwZ2FUdmlMMTVmdzFNS0pIalNvcVRBV01Od0pVTlB1Y0IzM2RITDFHcVYxMTZZWjdDaVVNb2djUkVFSmR5U3VOT01xZVFEOG1tUGhmVUdtWlNIcDJTU3A2UmpEOVZEVFRQUzNEVmE1dUp5alhxb0tXVlRXQ3NUTzBrUXhwWkNKc1VINytuaEUvY1BVY3dGUEhWNmphKy90c1JtSXlid25DYlVGbHF4NWRsTE8velVSMUxnbDNodDloTFBuZHRrcks5QUxSWlVMWmpOYlh5dFNSK1p4RHQ2aEdCaURPL29CUDdrR0txL0Q1WE43T1cvdUMweHdxOTlIcE1iSVJCQjBBSHEzbjFvd0lRaGVtdWJlSGtWdmJSQ3ZMSkt2TGhDdkxCTXZMaEV0THlLM3RnazN0akNyRytpVzAwczd0eTNOWit4YmJOanY1MW9YRzZ1VFZIby9IUFBLRVE2amV6cFJ2WDNvTWFHOGNlZEZnOUdSL0RIUnBEZFhhamVibFFtRGRVNlpuc2J3bVM1dGRhWkl2Vkc0blcvVXdCTVBDTlpTdkVYcDViNDh6Y2U1MFAzaldFUWJEYzBHb0ZFNENsQmJDMTJJK1FYUHpyQ0Q3OTNsSm0xT3VrZ3pkZGVXeVJxR0ZLK28vUllMR2xmVWN3SDNIMmtpLzV5aHM4OVBZMHZGTldtZFV0T1o5bUVTaUhIWU1ibkV3K09jbWEreXBuNUhjNHU3TkIyakl3UU5FTkQwMXErZjZ5SGo3MTNBbUxMdjMxaWpnc3JMUXJaZ0ViTFlxeEZLY2xPdzFESUNiNTZjcGxYLy9nOCtiUlBmeVhQVHRPQXROVHJUWEwvMFUrUy9mQnQ5UFgxb1RKWGc4MkVZV0x2WGZ0a3QzODhWNExOQWMwNlVGMmVKcDZldzZ5dW85ZlcwY3NKMkZiWE1Uczc2TzBxZW1zSHF6VjRTVGhGU3F6bjBtT3lYQVJad2lhaG9YYnV0MjJ6WHVtb0dHc1NVekRKTmJkRFM5RHhuczN5S25wMkh2dmlTeGdpRkFGZXVZTFgzWVUvMkU5d2JJTGNleDhrOWREOXFJbFJiS1VMdGJxR3FOVU9CS2ViQjZCSVBLVFlzTFM4QXlMbUQ1K2RwVlRJRU1ZQ0l6VE4wSkJOS1RJcGoxZW10bm42ekFiLzJmZmZnWlVlWjVjdk1MOFprazE1dEF4STRaYk5qVWJNRHowOHdFOS9lSkpNb0NnVnN2ejdwNlpacnRiSXByek94VzZFaG9HZUZMLzBpZHQ1K1BaZVJpOXY4c0tsTjFpdEdkS0I1NVpnQVFMRjFGS0RiNTdlNFAxMzdyQmVEWmxaRDlsdUdaVHY3RUp0TEZKWklpT29oNWJQZnUwUzV4WjNLT2RUbExJK0Zrc1VhcUptU09xUmgyRzhqQUJuak1meDFXQnJneXdCaHZDOGZWb05uSGtSelM0UXp5MFFuNzFJZE9HeUE5N2xHY3phSnJaYXd6WkRyQkpKdXN0ejZTNHBrYWtVWWpEamJMUWsvTU5lTUxVRDE4TDlZQk91VlllS2VKVXlUc3diMitGVDRnSlRCa2M4VUJMaCsxaHk3azhDaEFHMFJpK3ZZT1lYQ1o5OGp1YnYvUkhlK0FqZTNYY2c3NytUK1BaSmJLV002cTVBSENIaWR6QU91SHZ3RmhGNEVBUllyZG1xUndpaGFLelh1ZWZ1QVJZMkdpeHR0ZkNVb3FYaE0vL3lCUVlxR1JhM1dxeFdZM3FrSW01cEJJS01MOWx1YUw3dzNBSS84WUZKYmovUncrbHZUUEhVMlEzNnl4bTJXdTVFS2ltSnJlUVBuMS9rZXg0WTQ3M3Z5bkZ1YVlFbnpxNlI5bjJNZ0dvend2TVV2bEw0eXFjWnd5LzlpeGVvdGlLNmkya0VpamRucTN6M2ZRT1Vjd0gvL3JGTEhCc3JNN2ZlSUl3dGc1VU0ybGhha2Q3VnVrSmlOamVCTXJiWmRBRGJDemFsbkwwRyt4d01BMFJ6QytpWk9jS0xVOFJuTHpxd1RjMWhWbGF4OVNZMmpGemNMNXRCcGdMSVpFQklyTGdpSkxJbnBOSUpqWEJ6b1lNcm5lTzl6MHZhamhxN3dFeGVJM2FmVGtEcG9aUkVTSW1VRWlVa2RtdUh4cDk5Zy9pclg2ZlozVVZ0YkpEYStCRHErRkc4NFFObDR0NW1MdGlDOEFTMkdYSHNlSmtIajR6ei9ROE04WnRmdjhqakw4NlRMV2Q0OUpWNTZwdE5TcjA1QnNvWmhKQnMxalZLT3NlakZSdWFrV0d5a09FM0g3dE03cWxaTnVzUnJWaFFEVjNTdkJuRlpCSU5OMURKY1dwNmgwLyszYTlSeVFmMEZuUE1ielJvMVdMdUdTdXp1Tm5rMG5LZG9VcUdKOTVjcGhVN0FNK3NOYWprVXp4OHJNTFBmTmM0OTA5VU9ERlM1TEhYbG5oamJwdGN5c2NZaTJRMzl0YTVBdTI3U2lGOWY5OHlhZ0JqTlBIQ0V2R2xHZUxwV2FLekY0a3ZUaEhQTG1BV2w3SE5KQ1NqRkRLZlEyYXlrTXQzV045WG50UHZ0SWhkQmJuNzNCVWZMYTdRbWgwUVhya3pKUkYrRmkrZlM5S1JtdWpNZWVxdnZvNU5meFBWM1FYL3lYOXl3Mk42V3dDMGtRWVBoQklzejIzenlQZmN4bi8wb1FtT0Q1YjRaMTBaL3YxVFV4Z3JTSlhTN0RRaXFnMU5MdTJ4dWJETmh4NFpvNXdMK0tOSEw1QWZMSEp4dWNZTDU5Y0pZOFBSd1FMRmpNL01TcDJCcmd5UDNON0xuenc5UXpvYjBGOU84eHRmdjhCR05TS2Y4U2hrZkVBUVJwcS84dEZKWnRjYVBQcnFJbE1yTldKdFNYbU83aC9HbGxvcjVwYytmcFNmKzloeElPRHBNNnU4T2IrRHB4VFdRcVFOYWQvck1FTVFBclJGbGtydVhQcytKb3FjdDNuaHNsdENMMXdtT244SnZiaUNXVjdGMUdvSWxTVHJNMmxrUGdmRjRqV3UzTUhsdXRvdWlkSFpWaXZ4YmtOc3BER21UWWJRYUwzTEp6UkdKNWtUZzhFaWtQdUMzTmJGZHR6MzloUWluUUxQdithaFgrazR1U2NGMHZlUXBTSktPNC9mYk8wYzZEc2VISUJDUUd5d0pxYlVuMlluRWxoZnNiVmM0MXRuVnZtVkh6aEJKcVg0MXBsVmpBWS9jSjZzSnlWeFpBaVU0RE9mdW91Zi9PQVJvdGlTQ1R3ZWYyT0Z4WTA2bWNBajhEMW1WbXVrQTQ4VHd3VStldThnUC8yQmNUS0I0dUpTbmROejJ5Z2w2U21sTWRheXZoTnkvMlFYdi9ZamQvTDlENDFpakdGMUorVGt4UTB5S2E5ejRkSytZbVVuNUErK05jTVBQVFJLZjNlV3A4K3NzYnpSNU9oUUFXMGdwUlROMktDa2M2UVFBcEhQRWo3L0V2YlpSZGJPVEJHZnYrelNVV3NibUswZGhPOGgwbW1YMXNybGtPWFNnVS9sVmFjMnVXMXpBenVNNTVZakNwaG1DeFBGU2ZtRmRUK1VmTmFsN0VvRlpGY1owZDhENlpTamZpbnBpQW1ld25xT09rWGdiblcxaHQ3Y3dteFgwYlc2ZTd5ejR6elhWb2l0TjRtWGxqSGI2KzJqUXBCRzVQT1FUYm1qbGJ2SGZTM0RRRWdKNmRTQnZ2dkJ2V0J0R0JrczA5UGR6ZnZ1SHVNM0g1K2p0ZHBBOU9TWjMyankvci96S1BkTmRxR3RBR09SVWhKcGl4VGcrWXIxOVNhck95RWZ1YXNmTWo3Zk9ydktsNTZkeFpNaStmRUpmRTlSYThYY05semtiLzNRQ1NhUDlDR1Y0bGMvK3dLdDJGRHdsQXVJQ2tFMjVYSHkzRG9YbDJ1a3NrVk9uWi9qZDU2NGpBVlNnYUxhMUNnSjJVQ1JEaFNEbFF6Ly9lKzl4c1dsS2tmNjh3eFVNc3lzMWJscnBNd1BQampFLy9xVmM0ejFaR21FQnFSQ1pITHMvTVp2RTUvNUpsV1ZSK2F5eUV3YWtjdmhsWXJYOVh4dkpKMTM2VDBzbDNyVGhTK2tjMEtza2k2M1dpcmdqNDhpdWtySW5ncXlyd2ZaMytzSUNOMWR5RW9aMGQyRktCWWdzWWVOTWZzeUswbGwwYTYyaTJOTUdMbmJLQWF0TVhHTVRvTFBacWRHdExDSW5wb2x1cFI0NkF2TG1LVlY3UG9HT2d6ZCt3cDVWS1VNZnBCNCsrMVB2T0o3M2tBTzZBVTc3UmMyWW43bWcrTjgrRjBUOUhTVitjS3o4N3crVitXSlYrYWhHdkg4eFhXNjhpbndKV0dzbmJKUGlJMG1Ocnd4dDgwZlBqZExJZVB6dFZjV3FXNDJLZmJsaWJUemlnTmY0Qm5KbDU2ZjR4YytjcFNKc1I2ZWZHT0ZaMTllb0RKY1JFbG9ScHJBVS9pZUlMS1c4d3M3L0xmLzVrbldhaEhIaDRxOE5yM0pkajFpdENkSEt6SmNYcTNUVzBoemFucUxyWHBNcUEwWGxtdDA1MU9NOXVUNThmZU44Wm52T2M0OTR4Vis5OGtwbmpxOVFqcWJjdnk4d0lmK1ByeE1PVGtOQndkZDU1VkNPTENGRWJZVlltcDFiS3VGeUdXUnhRTGU1TGhMelhXVlVkMWRpTjRLcXJjSE5kQ0w2Q29qeWtWa2wvdjh2WmRZaytTSG0wMFhlMncySFRkd2I0MkljWS9ibTcwQ25NNllGMkJCK2g0MlZVUld1dkJQSEhNL2hNVHp0NXRiRG9CTHpndldsMmFJWDM2TjZNd0ZGeklLZkd5NUFDbDF0UkY1QXpuNEVwenlXTDY4eWVuWmJYN2xoOHRVSThXWFgxN0N4aG9SZU1qZWdEZzJyR3cxeVdkOXFndFZQdjZoQ2RhcklTODlPNGZzelNLbDREUC84am1VRkV6MEZmQkxhV0pqRWUybHhicXl6bU5EUlQ3LzlBei80QTllNTU0alpmckh5elJEalRhV1hOb24wcFptWkJqb3p2TDQ2eXVjWGRqR1U1S2VRcHBpTm1CdXBjYXYvdEFkQkVyeHVXZG1hTVdXcGEwbTJaUkhQc21QVnBzeFAvamdNSC9qQjA2UVRxWElwQ1JmUDdWSU1SUHNLamVsUU40NG9yOFBiTmE2VkZVejBXcU5KcVFDVkhjWDNwRVJGOUErTnVHeUo3YzViMUhsY3ZzMHhwVWF6R2lOaWFMZGVGNGJVTzA2a3IyNTRpczlaMnM3TnB1RmZjKzN2ZTJyU0FuYk8rNDJLVXFTcVJUKzdVZFI5OTJGOG4yazU4SGFPdEdwTTlTZmU0bnE4eWNKVDU5Rkx5eWdyWGFFaXRRN3VRU1RMS3VWREplV2EveWQzM29GRmFSNTRjeXlJeTFLQ1JZOFR4SzNOTjM1RlAvcHp4N2pwNzdyQ0MrYzN5Q3N4VXhWbTd4K2FTTlp1Z1FyMnlHNVRNRDIwZzRuN3VqanJ0RXluLy9LV2RLOU9UYXFJWjk3ZXBxd3FYbHRab3Z1UXBwNnl4QkZtbC81Z1JQODBYTnp6RzgwRUZZd3Q5YWdPNWRDS3NsV1BXYTRKOE0vL1U4ZjV1YytjcFI4MmlNVktQN3huNXhHNEdKYUFMNFNSTnJ5K1dkbitMSDNqZEpmenZQbTNBNnh0bmhLWE5Qd3Y4cndibCs4Vm9pcDE1MkdpelZJZ2VycGRnQWJHOEcvNHhqZXhEakI3VWZ4Um9kZCtPV0tmVnQyV1NoWGdtRnZWZHZlY016YmtRN0w1anI3Mkp0Lzd0dzNTZTYzRllMY2NiRkpJZkh5V1RJZmZDK3BqMytRelBJcS9tdHZvSjk1bnZDbGs3VE9YY0tzYng3b21BNnVBYVVBWC9IWXlRVWVlMmFaWS9lTTBkT1RaM1VyQkFRbXNjMlVyNWk2dkVudC9pSGVmZjhRZDQyVmVYMSttODgrZWg3cFNWSytDOVJHMnRtVlAvN2R4L201RDA5UXlhZkkrSW9YTDI5eWZuNmJ0TytSTC92RUJyYXFJZDkxZHg4Lzh1NVJQdjNJS0IrNWU0RGYrTnA1dnZ6U0FxbEFJUk03TXBOU3pLelVtVmxyVUM0V2dZalBQelBEOG1hVG9Vb09yUTNhV2dMZmtTaVBENWI0cmNjdjgyY3Z6M1BiY0pteDNoek5VQ2VGOUM2d0s4QlJtaEpxdTZuV3NJMm1veHQ1SHFxbjRwYlI0UUg4NDVQNHh5ZndqNHpoVFk2aGd1Q3EwMmhKNG52ZnBuU3lMSHZNZ3ZaeHcvVkJkcEQ5M3VpOVFncHNzMFhjV3Vsb1l1L0lLTG1oUGtydmU1QldFb1k2aU54VUdNWm9BNzZBY29iek0xdkliTXBWVEdHeGtVRXJnUmY0RUxXWVdhM3hyUmZuQ0xYaEc2OHVFdTZFWkVycDNROVdrcDE2eUhZejVtUDNESkNybExpNFV1ZHJyeXdoRUtoRUUzbEtFc1dXUy9NN1BIaTBpLzcrZnVZM212ekY2OHNPOUVva3hUNkN3Qk5zeEpycGxSci80azllWWIwVzBwVUxTUGtxV1ZMY0NUWVdzb0hQekZxRFU5TmJJT0NWeXhzVXN6NmVrc1M0MkordDFyQlRNOFNaTGtRMmpkZFZKdlhBUFhoSFJ2R1BIc0cvL1JqKzhBRHF5Q2pLMjM4cU84dm8yOVJhMTdJMzl6NW5oWEFCWWlHYzE1bjhzRVZpNTBsMndXNkF0bDQzc1ViR3NWdlNZMWMvWXJUZVgvUVVSWTZ5ZFEyUVgrdDRiQlJocWxYMHhnWm1hOHV4dHdmNkR2UTliem9PS09SdUx0SW1Xa0l2VkxuandXRTJhaTBXNTJ1b2Nvclo5UVlmL1h0ZjU1NnhMc3JaQUJFNENsQ3NYVzR5bS9Ld1F2RFNoWFgrOUtVRkhya3o1dXV2TExBNHRVbDUxSVUwdEFWUFFDcmxjWEYrbTIrZFhxVVJDMTYrc0lxeEZrKzZISFE5MGlnRm1VRFJVOHh3Y2FuR1YxOStoVmFrT2RKWG9KeFBNYlZTNDMxMzlITFBXSmwvOWFVekhCa3RZNHdobC9aUWNuZUJkU1FJaTJrMDhjWkhrUS8vSkpYYjdzUy80emI4aVZHM2pGNWhGM2E4emJjQnRxc3VidHVPdE5ZVkJBbTVMeXZSM3JzQnROSFlhZzJ6dlVPMHRJS3UxYkhXdGNrd1lZZ05FNFp5MkVLM1FuUVl1dEJSSVEvNVhmWUw2VlFuQlNnQ0g5WFg3WDQ4elpham44VXhoSkhqUDk3Z2g0R3gyTkRSdFE0aU53bEFzZStlYmNRY0dTL3lnUThjNFVjZkdlTVBuNXZqOStmUFluekZheGRkSE9tRk02c0VhWjlVSmlBMkVIZ0NwWHhha2NIM0ZBTmRHZjd1djMrVm5VYkV1NDUyayt2UGQxaEx6VkNUVGJuZjd2aElpYSs4dk1Ddi9aOHZjM3lvUkRtWFluVzd4ZHBPaXdlUGRyUFZpSGpqMGlaRGZYa3VMVmRKQjRwYzJtTzlHcEpKZVh6Z3JuNSs4YU9UZk9LK0llNFo3K0tySnhkNDV1d2FoYlRmdWJnZFN5ODJtSjBkU24vck02Z0hSeWp2T1FONzdiVURuYkhyZWM1N2VxeGNkWWFUdnhrZzFocTl2ZVBZTHd2TFJJdEx6dk5jWENaYVhDWmVXaUZhV2tadmJydUF0TEhPYVltMUM3VWtEb3lOWXdkTXp6RmVDSHdYRy9ROFJDcmxxRm5wRktLUXd4c2RSazJNNFUrTTQ0ME00dlYwby9xNjhiS1pEc2xCMUYwTnlkN3ZlVE5SZ3JhOHZVeElxRUZaaEtkWW1ObGkvSU9UL09qN3hybHZva0ozTHVCZlBIb09JUVYrNElPMWliWlNORmVyM1BldVFlNGVyZkIvZk81MWdvRTg1eFozYUxWY01uMTVaNEZTTm1CMXN3bEs4bFB2SCtmM3ZqV04xUmJmRTN6ejlXV3k2WURwMVRvcFg1RUpGSkdHLy9namt3Z3ArTnpUTTF4Y3FoSnBnNmRjSmtSYVN6Mk0rY0NKSHY3S3g0K0NDSmpzMytENTgrc0Vuc3NJaEpFbDdWL2g3VXFKU0RzYlRtdDlvSk43czJDRGhCbXp2T2FZTDIwMnpQSmFRc1ZhSmxwZUkxNWVRYTl1WUdwMTRuck4yYUhhWUFQZnJVU2VLN08wb2wyTW5vUlhmTThGeklPZ2s0YkR4TmpZdUxCTnpXQ1RlQ1RHWUV5TVJXTnBBZ0V5WFVDV1MzZ2pRNlJHaC9HUGpCS01qeEFjTzBMbTNydndCdnRCeCtpMURhalgzNVovZEhOT2lEYllha2ozYUlXYVZyUzBvTG5WNHVrekt5eXUxNUVDSG50em1hZ2U0V1dDNU53TDBPQmJ3OS80MU4zOHhJY21TQWNlbGJ6UEg3Nnd3UFJTbFh6V1Qyd3pTNzBaYysvUkN1ODUzczNmK0w3YkdPbko4ZXk1TlY2NXZFRWg0eVZ4UmFnMU5VT1ZEUC9vRis3aEp6ODRnZlFsaTV0TlhqeS9qdktrU3k5WlMrQXBOdXNSdi9mVU5ELzA4Q2hIQnNwODYrd3FTeHROSmdjTENBU2Vna2FvVVVyZ3E5MWFCdHU2UHEzOHJjRDJWbENORjVhSXAyYUp6bDl5dWVOTDA4UkxLNWoxTFV5OWhvbGlGOWNMUTBjVVNBWGcrNjRPMTFmSVVnblpWVTQwY1pKcTI4dUtTVElwbmVMMmhFSFR0a1dGOUJ6N3hmb2R1bGJIODdWdGJpQkp4NnNZdmJXRlhsNGxldUVGSkJMbHAxSEZQT203YmlQOW5vZnczLzB1eEcxSGtlVWlTZ2xrSE1MT3pvRnoyd2NIWUVzek9GUm1xTGVianp3d3llODhzOGo4dVEzb0tiRGRpUG40My8wNkR4N3RjYXhqWS9HVFRJZ0FQRSt4WFl0NDRzSTYvK0FYSGlEZjNjVlRwMWZaM0x6VWFmZmxycDJnR1dtNmN3SC94U2Z2NEk2alEveG5tUlFuTHo1TEt6S08vSnI0cHJtMDRNM3BiWjQ1dThwUGYvUk9WdFkyK08xdlhxYmExUFIzK2RSYmpnNlVUU2tDSlpub3kvUFB2bnlHbHk1dGNPZElpY25CQWt1YkRYcUxhWDc1RThmNDM3NXlqbHpLUnh0SDI5b3IxMTFlYmdTMjVWWGlpMU5FRjZhSXpsNGd1amlGbmw5QUx6aWlndFVhNGZ1SVRCcmhCNGhjMW1FRG5KMmRFRXYzaG1mWUM2YjJZVnh4Mjc1L3ZYRFNXMkhEc1lHc1d3R0N3R1ZrOGhJcEZFcTZGbnhZUy9qeWE0VFB2UUxGSEdac2xQak80OVNQalJFUDlpTDZlcEM1N0Z0OHlxNGNISUFXYWxzTnZ2Y1RnL3pVUnlZNU90TERiejh4eTVQbjFubisxREtFTWE5ZjJxUlN5U0N5QWExSW96eUpKS25CUUxDeTJlVDNucHhpckgrTng5OVlabU9sUnI0L2p6RVdyUzNwUUpKT1NSNTdmcGEvZVA4UmpvNTI4L1hYRnZuYWM3T1Vlbko0VWxJUE5iNnZDRHkzWkc3VUl2NnJ6ejdKNms3SVJGK2V1YlVtMjdXSTBkNGNTZ3BlbTk2aXI1VG04bktOVnk5dkVsdFkybHlpbEExNFlMTENSKzhaNUZlKy93N2VlNktQZi9QMWkzejE1UVZTdmt6b1NWYzdDTmNDbk5FYXM3UkNkSEhLcGE4dVhDWTZkd2s5dDRoZVdrbUlDaTVzSXpKcFpLRUFWK2FPYmZMZkh2dnlTc2ZqWnVYdGd2RDZPM1FPcUpBUzFkT05VSjdqT3M3TVVUOTNnVTFwcVphTGlNbHgvUEZoK05oMzMzQ1hONUVKVVd3djFIajU0Z2EvK3FrTUR4L3orZDJuNXlHMmlKU0h6UGxvYTFuZmJwSFBwYWd1VmZuQUkyUDRTdksxUDcrSTdNdVI5aVcvOWx1dlVHM0ZQREJaSVZYSm9MVUxFdmhLWUZ4REFNYkd1bmppalJYK3lSKy95YnVPZG5Qc2FEY0w2dzJNMVZRS0FZM1EwR2pGOUpUU1BIdDJsWm5WT3EzWTBGZEswMTBJbUZxdThWYy9jWXpqZzBYKzNlT1hhWVNhcVpVNm1aUkNLbGY3V2c4MVIvcnovTTFQbmlDYkNTaGxBcjU2Y3Q0dEl4S1hpa3VpK1h1OVh0TnFFYzh0RVorL1JIVCtJdkdsR2FKTDArajVKY3ptcG1PQkpJYStTQVdJUWg2dlV0Nm5zZDVLYmdvWWJiQWE2NWJ0T082d1lkcDF3RVliakk1ZHhrUWJqQVNoa3Q0dTdmNHZTWWhxSHhsd2o3emxjVXZwYWtmS0JaVFIySHFkNk9RcHdoZE93bS9lK0NzY0hJREdJa29wTnFvaHYvcWJMOURmVytIcE4xZkFXbFJTVSt0SlFSd2Jja3J3U3o5MUx6Lzc0VWxtMStvMDZ6R3ZMMVU1UDdmalVsdEM4UFNaVlVyNUZGc2JkU1pHeW56c25nRSsrOFUzVWFVTWpjancrOSthUXNlR0MwdDFla29wcEJUc2JEVDRMMy9rQk0rY1dlZlpjMnVrRXJzdmwvWW9lWkpHcUVuNWl2L1BMN3lMdi9xOXQxSE9aMGtISHYvREg3eUdGYllUQS9TVUlCMUl2dmpjTEo5Nnp5aVRnMFdlT2J1S01ZNDlBOVlsOTZ0Vm1HNVFQMzJSNk53Rm9ndFR6bWFibWNkczc3aktPQ1ZkYTR4VTRJZ0tpV2E3VnRia3BzVUY4bllMelZzaHV0RndmV0RpdU5QSnlpaUJ5T1dkSjV1b1RabTBXWlB0MWh5ZVN5dnFSdE01TWRXYUM5dTBRbGMxaDhIVkZCb01NWUkwTXB0MTNyTENwU1Z2ZEt5QVNBWEkxSjUwNWczazV1aFlhWStuMzF6aDZlZlhHTDVyaEw1eW1ybVZobU9hUlFiakNiekFZMmx4aDdPTFZSNjZzNCtIdE9IazlDWW4vL0EwUWtuU0tSY3cxZGJTYkVaODhuMUgrQ3NmbmVUWVFJRktNYzFqcnkvenlvVU5zaW1Gbi9YUkZqWnJJUThmNytFbmZ1WStmdkw5NDN6NmtaQi8rdVV6L042M3B2RTlpYWRjQzlsMG9GamRhZkhxMUNibGZBYVEvT0d6TTV5YjIyWmlzRWdyMUVUR2tzOTRoTEhsenBFaVgzcHBua2RQdnNCWWI1NmhTcHF0V2d4S29jcFp0djdwWnpGbm4yQmxvNFVOUThkK3p1VVEyVFNxcXdUZGxRN1MzaFkzUnVBY3V5Z0pDTWV1UFlkdHVkaWRNYTQvaXd1WkJNaEttVlQzSkxKU2d1NXVaSCszWThmMDl5SzZLK0I3R092b1dsYTAyM0pJakpTZGRoMm0wY1RzVk5FNzFkMFdIVHMxZExXS3FkVmRUUEh5RFBITW5HUENiR3lpNHdpSWdCUmtjOGhzQnZLWnQ4MEkyaXNIendXRGMvRURBVDA1NWhhcmtFbEI0S0hYR3d3ZjdhYmFpTmlxUm9CZ294Ynl4MDllcHBSTDhZMlRTMVJYNjJSNmN4anQyTTYrSjZrM1lxWlhxdHczMGNYRStDZ2YyMmp5QjQ5ZkJ0d3YySlVwQ0h4UGNuWnFnL0Vmdm9QK3ZoN0NlSmxIWDFtZ0dXcktPWTk2SzhiekpKbkFJemFXaldySS8vTEZVNnhYVzQ2QWtQVlozR3h5OTJpSlNqN2d6MDR1TU5LVFo2TVc4aWZQejRLQWMvTTdaTlBLNWJNVEhuczhQUWM3TlZSM243TUprNlg0N1lFdENUQzNRbXlyNVp5UVd0MXBqRklSVW1sVWR4bS9wNExzN2tKV0VycFZRcjlTL1QzUVZVS1dpb2hpY1QvZEtyazFWcVAzMVFXN2VLQkphcEN0TWM2RFZoSS8wWXhDU0JlODdoUXBBYkZHcjZ5aEY1ZUo1eGJRVTNQb21UbnMzQkptWVJHenNFdzh1K0M2WkZYS3JxVEFVMi9Mc0x3SkRkaStFU0RBK2dwQ3pkR0pNdU4zOWZQajd4dm5kNStjNG9tbnBsSGRPVmEzVzN6cTE1OWt2Qy9QU0NXRHlqa1BzMTE5YndIaFNjN003L0NsRitiNXFKVjg5ZVFDbHk2c1V4NHJZYXlsMW93cHBIMVN2bUpscGNhejU5YndnL09jbTkwaTVia2NjSzBWTTlpVnBoVVpsclphbExJK0M1c04vc0huVDdGZURSbnZ6ZE5iU2hQR2xrOCtQTXhIN2g1Z3FKSmxicjNPeWFsTk1vSExoSFMrbDIyREJWUStoNmhsa2hhMU53ODhHOFd1QjB3cmRDRWRhMUU5RmRUd2dDTXFuRGlHTitGYWRNaWVibVN4Z0NqazlubmNiWkJaZGlsWXR0WHE5R0RaVi9HMmx5Vno1WE5YUE4vK0cxeUREU01FSXBYQ1AzR2M0TjQ3WFRtQ3A2QmFkMHlaNVZYaUYxK2w5Y3lMTkY4NVJUZzFUMncxSnBkT3Npb2RYLzZHOGpZcCtRYVVCU0ZaWGFqeTF6OXhPMy8xdTQveHdORnUvbFYvbnQ5K2NvWnpsemZCbDF5WTN1VFNZcFZzTHFBNnY4MGQ5dzR5MnBQajBjY3VJaXBaaHJ0ei9NdEh6L0czLzkzTGZPaWVRWHJHeTZ4V1d4UXlBUThkN2VHNTg2c29LUmtZTHZLdDA2djgraCs5UVY4NVN6SHRFM2lTamMwbWYvdEg3bVIrczhGWFhscEFTc0dsNVJxK2tneDJwZG1xaDJRQ2o3LzJpZVA4bHo5Nk42a2dvTjdTL09mLytrWEFwZkswY2Zhcms1dUVXVHRNRW10c3JlN29WKzRQaUdJQmIzelVFUlZPSE1NL1B1a0FkMndDa1VsZmY1Y2tNVDU5TlpqMnh1MitZMkt0NjR6UWROL0ZKR0VvRlFUSWJBYi9ydHZKUHZJZXhGLzlPWnFuejFGOThWWGtzeS9TT1BrcVptb2F2ZEZFcW5leU1CMmNWb2cwVmtla2V3cEVRbUtFWW11cHltT25sdmliUDNvbjQ3MDVYcC9iSVd6R2VHa1BtWVJLd3REaVM4SFAvZEFkL1BnSGppQ2xJRkNDazlNN1hGcmNjYWszSWZqS1MvTlVpZ0VqbFN5M0RSZjUyejk2Ri8vVEY5NWdhYXZKMGxhVGI1MWRJUk40Yk5kRFZyYWIzRGZleFMvKzlIMzh4QWNtOEQxRlgvRk4vdWxYenVJclFlQzVSSDB1cGRpcVIzejU1UVUrODRuYlNRVUJmL2JLQXFjdmJYQnN2SXpXRU1ZYVBGY3M5WlptamJXdVBqZU9zYlZHcHc2RWxJOHNGdkJ2UDRvM09vUTNQdXEwMitpUUE5c0JZMkx1SS9iUXIvNXZKamFPc1hXRGFZWEVHMXVvSU1BYkhTWi9mQkw3aVE4Um5UNUwvUElyTk44NFJ6d3plNkI5SHBDU0Q4U2F3WUVpNlV5UkQ5dzN4aGRlV0tHMldFTlVjalFpemFmLzRlUGNNVnBtWmJzRnNVRmxmRWMyeGRXSGJHNjNhQm40d1FlSGtQazBsMWZxUEgzNlZSQ1FUKzltUXJacUlSKzl1NS8vOGFmdjU4VFJidnBMYVg3dHQwNXlmckZLSWUwbnMwVUVTbXJPemU4UWFlanBLaEcxNnZ6Qk16TlVtekc5eFRUTnlDQ0VKZU43U09rby9MLyt4ZGVaV2F2VGxVL1IxNXRqdlJiU20wL3owWHY3K2UxdlhxYXZuQ2J0ZTY3dGU4SmtwdDdBMUMxbXA0ckFJZ3NGWkxtSWYyekMwYkRHUndoT0hFTU5EK0tORHIrbFp2dU9pYUFUbnhPbTNTakhYVGhoZHpmYXBOVllZM1Y4QmNqdHpkbHdRbUMxeG16dkVLK3VvV3MxUk9BVHZPc2UxTDEzd2p0S1JoQkFySkd4NFpjK2ZwUVBQekRKWUc4WFgzbCtrVk5MRGY3OGhYblliaEgwNStrcnBSRXBoYmJXRllFTDhLWEF4b2JIVGkzeDJLbGxqZzRXK09wTDg2d3RWc24zNTExdmJpeStFdmhXOGJrbnAvajVEeC9seE5GUlRrMXY4ZFZuWmlsMVpWRlNFTVlHejFOa0FvL0Y1UnF2WE43Z3Q3OXhtdm4xT3BWODRJcWd0Q1dmZGw5dG94YVI5aFdMR3cxK2EyYUxwYTBXbFh4QVZ6NUZLOVk4Y3FLSHYvZVQ5L0t1aVFwUG5Wbmw4ZGVYOEZLQnkyRTNtcEJKRVV3Y2Q5U3JpVEg4RThmeGowK2crbnNQeEpiK3RrVjAvdXR3RU1VZWhreUhkb1VyRTNVNVhiM2JwamVLSUlxZFBhcTFlMzh1aTBvRlNLVTZXdDJZM1o2Q05vcWNrOVFLTzgySmJpaUpnMlUyTmpIR2RCeTJHOG5CbCtDMHo5eTVkVjZiM3VhLytuUTMyV3lPVjJkcXZEWmJCZDlEOWVVSXc1aloxUWJwdEtJNXU4Mjk3eDVCQ3NuSms0dklRc0JvZDVhLzhhOWZwQlZwamcwVzhZb3ByTFhFeHRXRStFcGhzWXowNS9uR3FTWCt6MjllWnFRN3g4QkFnWHJMVWZLVmNwNUNyQzA5UFZuT3ptL3p1YWVuMFJiR2VuTGtVb3FGbVUzK3lnL2ZTVmN1NEhlZW5LS25tR1p4czRtdkJLTTlXU0p0Mkt5Ri9PeDNIZUcvLzhsN0tlZlNmUFNlZnY3NW41M0RHSkRHWURhM0tmN3lMeUErZEl5K3djR0U5L2lkbDMyazBpczJEWmhhSGIyNVJieSs0Umd4QzB0RTgwdEVpMHVZZWlOaHcwVE8rMDN5eXJybE5odEYySFFLV1N4QUxndTVMQ0tmUldTemlGd0dNaG5Ya25kNENHK2dGOVhYaS9BOUYwUzMxalVuQ3NNYmE4cTJwajJBM0VRcXprSTV6Y3AyZzMvMFIyOFNpeFJmZldFT3BNTHpYQzJINXl2aWxxRTduK01IZm5LY1QzM3dDSy9QN0xDOVZtZlZ3a3NYMWwxYktpV1lYbTJRelFac3I5WVlHaWx4OTNpWlI1KzRqQ2ltc2NCbnYzYWU2bHFEUWsrT1VpNUZNd29KTjBKKytZZnY0TEZUeTV4ZjJHR29POHVyVTV0NFVwRHlKRE5yZFVZcVdmN2puN3VmWC96NGNZWXJXVTZNbFBnblh6cU5zZFlCM0lLdkpNWVl2dkRNREQvLzRVbnVHZ3Q0NnZRcVorZTNHZTNPTzAwUVJhUS84RzRZeVg0N3BiMDNMYWJaUW05c29qZTJpTmZYaVpkV2laZFhpT2VYM1AyVlpGdmRRTmZycnRkenZaNWtPVVRIZmpUVzdndlZkQnBkNmhpcll5d3hCbzFGNGlMTm50UG9TaUpLUldmTGpnN2pUWXppVDdqVVdqRFlqejgwaUtxVVhJVmdvNG5aMm9hRHRRSzhwdHlVRXlJeUhvK2RXdUxyejZ4eS8wTkhHT3pOc3JEcU9qUHB5SUFFRlNpV0ZyYVI3eDdoZTk0N3hvZnZDcWsyWTM3OWkyK0FnRXcrQU90d2FMVGhZKzhlNGNmZU44WnRBd1d3TUwvVjVPenNOcDRucVF6a0NTUEw2bmFUaDQ1MTgvRFJDbi90ZTQveEkrOFo1WGVmbU9KUFhweHpGWExLRmM5WVg3Q3kweVNYOXJsOXBCdUFyNys2eU9tNWJVWjdjbWh0YWNhYVF0cDFXK2d0cGZqRFoyZjRXLy9IUzR6MDVMaDlxRWkxR1hmNnZKajFUUmpQY2pNdFp3OHFabU9ya3plT3AyYlJLMnZFYSt1WXpTMzB4aFo2ZlJPOXMrTjRmVkhrU2lrQkcvZ0pPOFpEWkZLb1RCclJYVTR5Y3JzVGs0VFo5WjdielRTdFRSZ3oxams3eHJiSE9yaENKdGNLQkd5OVJ1dmxWMm0rL0Z3U0owaWg4Z1dDNFFHOC9sNkN5VEZ5NzNzUDZYZS9Demt4Z2xmcFFpNHZJNm83TngyY3Zxa3dqRFVXRzFzb3BEaDVaaFdaejdqMHprNkxkQ21EVW9KR3k2QWJFYTllMnVEY3hRMk10WHpweFhsMk5wcWtTK2trVStRb1VMVkdSRHJsOGVuM2pkSGIxNFh5RkgvenN5ODRObzJuT2dIcnNLWFoybTd5ays4ZjQvWWp3eFF5cS93M1U2L1FERFhGakNMU3J0Tm5KdkNZWDIvdzFPa1ZIanM1UmEybGliVHJ5QlZyaTY4azQxMFp6aS91RUhpS1ZtVDRyY2N2czd6ZDVOV3BMYnJ5QWI2U3hPOUF6Y1plTVp2YlJCZW5IRFBtM0VXaWN4ZlJzd3ZFQzB2WW5hclRQTzJDYzc5TkVnMlF4V0tibStKc3ZTdENNYUk5U2NtK1JlZlVHMG55WTRQZFFEdStRbVV5eVF1UzdveEd1S0QweFNsYVR6NUw4L2YvR0g5OEZPOWRkeU1mdUlmb3hGRW81Vkc5RmNla2Znc3EyMTY1ZVVxK0VxQUUxdk13a2FHN080dHV4SHp5L2FPc2JJZDg5WXVuWWFpQU5wYnYvdnRmNS9hUklvVzBRaVJoa1ZoYm9saVRTL3NnQlg5K2NvRW4zMXpsUi91S2ZPNlphVjU5Y1k3eVpBVWhCUFdXSnUwcjhobVAxMCt2OHMwM1Z4anNyZkRrcVNXbTEycDR5dlVHRER4bk96YkRtRkxPeDFyNHpMOTZnZVhOQnNlSGkxUnlLVGFxTFI2WTdPWnYvdUR0L1BvZnYwbWdGSmRXcWxnTC9lVTBXT2VGdjgwOFIwZjA4aXJ4NVpta0E5WU0wYmxMeEZNejZKVTF6TWJtUHBxVHpHYWdrSGR2dEdEWno4OXJhNlp2dHhydTJ4SWhYRm1BVXNoMGdDeTUrMHFDMmR5ay9xVkhDYi80VmNMK0hxcEhocWdkR1VIZE5vazNOSENnM2IrOVFIUzdwWktCcUJyeWk5OS9PNy82ZzNmd3h0dzJCU0Y1OU53cXo3NjJBQWltNXF0a0N5bFMrWURHZHBOY09jM2RZeFZlUHJjR1FuQjBwTVQvOXVVei9NK2ZQOFdKMFRMRjBSS1JOa1N4WnJpU1k2Y1pzOU9NNlI4cmNmTFNKdi84SzMvTVlGZU9vYTRNVXl0MWx1ZTIrYkdQVGxMS0JmemJ4eTh4MlYvZ3VYT3JnQ0FWS0M0dVZ2RTl5YWZlTzhwZi80SGJlZmR0QTl3K1hPVHYvUFlyMUdjMXhZeVBzZGNablB3V1JUbTJGYUxuRm9qYUlMczhRencxNDRnS0d3a3J4bWhuNEtkVGlGUUtiM1Q0N1p6dWc4dGVzRjY1ZGZwTDMyUzQ1WHFmSXlRaWwwTVZDM2pHMGdwYmhLK2RwdmI4eTloOEh0VlRocC8vdVJ2dTZ1WlNjY2E2U1QxSnBrV21KTnVyZFI0L3Rjdy8rdmtIR0JzcDhiVlRTN1JlbWtla2ZQekFMYU9OVUpQeEZmY2M3K1lEZC9ieGdSTjkvTDNmUDhWMk0rYnlVcFUzWnpZaE1yd3l2VVVoRzlBTVk4SlE4NnMvZElMZmYycWE1eStzSXlWODRabHBMSUtsclFoUENmckxHWDdnb1dGKytSUEhPZEpYNFBoUWtYLzMrQ1VFZ216YVF3Z0lsS0FaYTA3UGJUTlVkc3ZLcGVVYVgzcHVsdkgrQWxJSXFzMlliT0IxbkNsMzBReXlWSERuTzRvZHVDN1BFSjI1UUhUK0V2SFVMUEhNbkdQRk5KcXVianFYUVdReWlIUWFyNUIvUjVMMVY0bldqa2FmVEVneWphWmp5SVF4UnV3R3NvMjFIYVhaNXJsMG5CQ3JFeWRFQUFxTEcwaG9wVWg2VHllVGt3NFNTbW16cVZNcFpPQ2hkSTQ0anI4RGRjSEdrc242TkpxV0I0NVZXSzRKWm1lcUVIaGtVb3BmLzZNM21lelA4NjAzVm1odU5VbjE1SGJ0UFFuTlJzUmtmNTVmKzVFN0dSc29VTWdHL0xlLzh5cExhM1Z5MlFDWmsyaGoyZHh1OGZEdDNmenk5OXpHajcxM2pQZmUzc3MvKzlNemZPSFpXVEtCd3ZjVVFyaDQ0RVl0NUxhaEloKzhaeHlBeGMwM3ViaFlvNmVZY25sbnJNc1pDOEhLZG9zL2ZtR09XbXVHU0d1R2UzTm9ZNGcwM0RWYTR2eGlsZld0a041aTJpMDN4UXpWMy85aldIdUQ1ZlB6eEVsaklwSVNScEZ4UFpaVnVRU1ZybmNNYkRZcEprSzd5allUaHRoVzVEb3RHSU5OcFZ5K05SWGc5ZlVnZW5xUVBXVkVUN2RyVG1SdFovSmxlMUNOU1VDRmtvNEJzN0ZGdkxudG5KeWRoSlpWcjJQcVRjek9EdkhHSm1abkhVTUxTUW9aNUpDcEREWVZ1QktCRzRqd1hDM0tRZVRnQUl3ME9TWDU2ZTg5emlmZmZ4dGZmR21WenkwMXFLVUQzcGpaNHVrWDUra2VLREk1VUVEbUExZnNFeHZRa003NnhOcndSMDlOODllKzl6YkdqL1R6MHFWMVhudDlpVXgzMW5td0NVL1ArcEpYenExaHZ3ZnlwUXI5dFlqSDMxZ21pZzNwak85cWdSRmtBc1hpZW9PdnZiTElqenc4VHozVVhGNnVKZ1h5N1VTQTQvOHBLYWprVS95YmIxemtoUXZyVFBUbktXY0RadGJxZUZMdzMzMzZicjd5MGdLbnByYzR2N2hEaUVTa1V0VC84TXZZeTgvU0t2VWlzMWxVYnpjSlZmcmJFeUZjVEs3aDJuZVFsRkJhYTF6ejhHVHorbnFRbFM3WGlLaW5qT3pwUWZUM3VDWkZmVDF1T2xJaDU0YllDTGt2M09JMmk3YnQzakR0YVU5dFd4UFhXN3J1Um9DWlJ0TTFORzgyaVdjWGlTNWNjdHpIcVJuaXFUbnMyZ1oycDBxOFdrTUlIMWt1b01wbFVQNjNaWjhlSElDQngrcmNGak5yZFQ1NFJ4OTNqUGVSejJUNGwzOStpYTNOSnVSU3JHM1VXZHRxNGFVOXd2VTYyZDRjSTVVY1orZTJFVUp3WkxURXYzMzhFdi84MGZOVThpbFNoVlFuQmRlTU5MbVVoKzlKZGhveHIxN2U1RGYrOUNUVlJ1U3FRSklBYlN2VXVMbDZpbHpXSjUvMitJVi85Z3l6NjNYdUdDblJsUStZWGE3eDhJbGU3aDR0OFcrK2RwSGh2aHpMMnkyYVljeDRiNDVtR0xOZGovajR2UVA4OGllTzg1RjdobmpQOFY1KzViTXY4T0xGZGRLWndBMmg2U3BET0lCS0ZUdkFlVnVpdFFzUzF4dU8vNmRqeHlJZTdIZERhNDZNb25vcmpoRlRLU042S3E0YlZsZlpBVks2ek1mdTBKcjJsZ3l2cWRiUVNlK1k2N0Zocm55K1BkSkNxR1JJWVNHUEtycG1Vdjd4U2JMZjkxRVFBck81aGQzY2NxVUZzd3ZZK1NYMDVXbmlsMThqUG5jWjNXeGdNbGxzcVFCWFZoWWVRRzdPQ2ZFa203V1F4OTlZSnBQTjhlaXJDNWhXakV4eXVjTHppR1BJK3BMSk8vdjQrQU5EVkFwcC9wdi8vN040M1ZuV2Qxcjg3bU9Yb0I1UkdDaVF5YWZZM0c0U0JJcTdSb3VjbnR0QklPanR5ZkRvS3d2ODR6ODR4ZkJRa1VMV01XeFhWbXA4K01FaGxyZGF2SEYybFlHaEVzK2RYeU9NREZJSlRsN2FvQ3VmNG4xMzlmR0xIejNLUis0WjRON3hMdjcwNVhsZXZMQ1JOTFYwWGpNWTNwemRvaXZubnJ1d3VNTVhucDBtRS9oSm9mcE5TcHNhcjVPV2E5V2F5eUFvaGNpa1VjTURlS1BETHAxM3gzRzhzUkg4MnlZZEYvQmF1Mk12RmN1aW85aXhvSzlreHJTTGxONk9YSWVtMVJFaFhGbG5zVURRMjRQMzNnZGRzL1lvd2k0c0U3M3lCdlZuWHFENi9Fa2FaODZqMXphZEhaclB1YzVpQjVDYkEyQTJZR2ExenMvOCtoTjg1S0VKZkNXeDJ1enJPQ3NFTktzaDl6OHl4dC8rMGJ0QU9HYksvL3JsYzh3czdoQ2tQVlEyb05IUytNb3kxcC9udHNFQ1AvZWhDZjcrNTE1bnN4YlNDalZ2em01VHJHUlkyd2xacTRXTVZIS0lyZ3lmK2U1anhNYnlPMDlNOGViY05xMmFJWmZ5a01xRmVLck5pQS9lMGNjdmZlSTJ3S083dU1Jcmx6Y2RPMmJQTVFhK1pINmp3V09ubHZtemswczB3cGpiaDRyTXJEWU81Q1RhT0hZNTFtYkxVZmV0UldReXlIek9nV3Q4QkRVeWlIL2lPTjdrR043WXNHdmdmYVA5WGdHR1c4cU9zUllidWx5eXFUZUl0N2JkWUJyZlIrV3k1RDc1M2FTLy8yTmtadWZ4WG5xRitOa1hhTDc4R3VHbEtaY2hPWUFjRElDaGRYV3BnV0p4dFFZaXcxZWZueU5ieUNJeis1R3VQRW1ZZENUOTd6NTlONU9UM2F4WFExWVdkdkJUQ3BVc0o0R1NORm94eC9yei9NT2Z2WjhIanZWdzIzQ0pmL2o1VTN6bHBYbHk2UlJLQ2pJcFNhMmxFUUwraDUrNWo1LzZ5REd3aGxlbk5ubnk5QXFCcHpvcm8rOUpHdldZMzMxaWlrKy9mNHdqL1YwOGYyNk5sWTBHUndhSyszN2R4c0JZYjVZL2VYNk81eStzVWNqNDlCUlRaRktLZlZXWjdmNSt6WmJMU05RYUVFWElwRE9wTnptR2Y5VE5lL052TytwbXYvWDN1SHpyLzFQRkdHeTlRZHhzdVJuQlFwQjYrSDd5dDAzUStzajdDS2RtMFBOTEI5clZnUUE0RVRTWTNZNklkQUNsWGlpbHdmZW9OMlBrbGQ2T0JaVGcrRkNCdi9kN3B5aGxmWmEyV2pTam1IUjJGNnhDZ085THZ2SENIRzkrWkpLSDd6bkd3c1lNWDNwcW1rd3gxWWtBQ0NDZjlqaDNibzIvT0xYTVQzM2tCT2RuVnZqOE16UFVXMGxBTzhHVnRTNXljSHdvei8vdmo5N2sxUFFXRS8wRkJpcFpqTjFmbGVaSndYWTlZbm16eFdCWEdvMWtXd3UwVUZSRFE3VVJVMTlleDE2YVFuY05vUHA3OEFiN0NXNDdobmZjamVMeWJ6dm1KbGw2Ynl1Yyt1MUx1NU9xNzRGc2o0ZElsdFRFMGVqTXRHczNwelJKTndTdEhXVXE2WkJLWnpieGxUU3RHNHNOUTNTMWlsNWJ3OVliZU1PRCtKTkhEdlRlQTUyNVgvdlpoMWhZMnVUYzlCYm5sbVBlWEYrbUdtY2hWOFNVQWdpVUcrS1hJTUhQK2J3NXM4bkpWeGZCOXhnYktaSHB5bUQwL3B5cUJicDdzang1ZW9Wdm5mdHpLcm1BVWxlRzBPdy9BUlpMcXBBaTBvYWYvMGZmWUtmcG5JbmxyVmFub3JBdGhZelA2Ymx0bmp1M2pyYVcyYlVHNVZ4QTNObWxRQ09JaENSR0VObUl6WTBtZ1k3Sm01Q0tzdHpmbFdLa0w4djlQL0FJakh3M3ZjZU9PNExwQWFQNzM1WWs5U2kwcWZIc0x6eHYyNFp0cHlUZTNFVFBiUkt2YmJoNFlBSW9rM0QrVEJTald5MTBzK1dXMDB3S1VTcENQZ2Vwd0huYzZiUzduMG1qVW9HajFBdnBOSCs5N2dZUDJ1c1A1TmwzN01aZ2FuVkUvVUR6cWc4R1FORlZabUt3aDNzZThzaEpqODMxRm1jdmIvUFM1VzFlbkZsbGRobU1TbUd5YWNobVhVc3JZWkZkV1RBd3ZWd2puVkpYWlJSODVlYlUvczRUVTlSV2F2U1BsY2xsUEhUOVNqS2pvRlJLOGVVWDUxamNiSUtRVkFvQmhTU0xBZTBMSTdCSXh5M01wUEFFUkZheTFIS0RtdDNjdElpTU1KU1ZaU2l3SEtsa09EYVdZYksvd29teExvNE1saGdjTEpNYUtJTnl1ZXNNLytHa0RUZ3IzTTg1YnJiUTZ4dm85WTJFZ3JWQ05MOUV2TEJFdExUc1pzVXRyeEt2ckdIQ1ZwTDAwRW54VjFJYkhDY2Q5QlBHREVxNVNyczJKU3ViQk5CVEFlUXlxUEVSMThWMWZBUnZlQkExMkkvS1pWSHBOTkpUaUVZVFVXc2tJMkMvdmU5N0lBQ0d6WkJXbzBYRDk1R0QvUng5OXlUdi9YaWVYMnhGTEU2dmNmTE5SVjQ2djhMRmxRYVhWMWRaMmpGc3RjRGdPVUJtTXpSajZWcVVTb0dTRXBXMGY2MUZCbTBnTjFCZ3Jkb2k1WGtvVDJMYW9SZFhqa1pvSUk0dHBXSVdwQ1RDMHRTQ3lEaG1qZVBXTnhHUm0reWRWMUJKU1VvZWRHYzlCcnZUREhhbEdTeVc2SzlrT1RKWVpuS2tURzkvRjE1ZitTMVB4WGVDRGRQWmR4aTZEZ3FyNjQ0QnM3THFBTFc4U3J5MDRwZ3htNXZFNjV1WXJXMTBHRGt0RjBVWUxQZ0JOdkFjUXlhVjlMYTJ5azAzU2xKdmJxQjJFdjh6R2t6U3pXRjkwL1Y5am1KSXNpTVdqVXRNU21TMjRBcW9oZ2Z4SjhaSlRZN2pqdzJUbWp4QytzN2I4U29WYU5ZUnk2dVFPR0kzS3pkdHZNUmh6T2JhRG5ITGtpL2s2YnYzR0o5Njl4MzhSQlJTWGQ5aFoyMkgrYVZ0THMxdE1yMjB3NldWT3BkV3FzeHRSMnlGME5DV1JtVFIxalZWSkdsWkVTczNWaUJHczd2STdMMVN1NGFlakNMeXl0S1g5YWlrRk9XVXBMY2NNRkRPTWxBdTBWOUswMS9KMGRlVFo2QW5UM2NsVDZhUWhWSU94Tlc5aTkyRlNXYVEyOTNjN3pzTk90dHFFVS9QRVowK1QzeHBodkQwT2VLcFdUZjZZWHNIWGEyNllMRnd3VzVqQWQrTldzRDMzU2lJeEN0MlU0NXUzSnpveWlIV0lvblNDMDhoQW4rWHJnKzdKQWliVk12RnNadnlkTzRDemI5NGlob1c1YVh3K252SjNIY242ZmUvaCtBOTcwSWNuMEFORDZDVVFEU2JVSzhmR0l6Zmx2V3NZODNPUnBXYWtFZ2xDYko1OGwwVjdybFQ4VWphUjJoTmM2dEtjN3ZHeXNvT3ErczE2czJJZWlPaTFvalpia1RzTkNKcUxVMjFHWGU0ZUw2U2VFcmlld3BQU1FKUGtmTGQ0MnpLbzcrY29iY3JTM2RYcnJObEN4bklwaUdkdmViWHNyalltWTUyYVVKNzJjZnZPTjl2ZlFPOXNFeDQ1b0xMRzErOFRIUmh5Z1YwMTlheFllU1d2bllEb0Z3V3IxVFlGNHNUMTRyUnRhbGliek1zczdjdnpIVjd4SFRDQ2o0aThKRkNJb1JDZWNyUndsb3RtbzkvaThhamp5UDZ1aEVuamhIZmV3Zk5vK1BZM2k1a1Y4azFNaitBSE13RzlEM1hRKzR0dnBXMWxyQVpFclVpNmtLd2xSUVBlWUdIcWxRWUhPeG5QSENqV0gzZnc1TUNFN3JnYXJzMXJOVm10eit6bEtoMmwvcTIzYUprMGlLaVhmamppT3FSc1lUdHhveU5FR3RheVhrVTF3VFpUWVB0QnErUHAyWWMyTnJ0MXFabWlDOU5PODFXcldIcWpXVEdTQllSQktpQlB2Yzk5b0lvV1NMZlNibmUzbTcyVXpyclVSSm1FSmtNcXBCREtBOGRSN1JPdmtIdG1aZll6cWVwOW5VamowOFFqSTNBUno5K3czMGZDSURXV0dTcDRLTGdhVWRDUGNndjBGcExITWJFWVV6WUNQY0JRa3JwUnJJS2daTEtqUU9RdnJQNUxBaVROQW5YN2hRSU5BZ05Oc0xTNktUbjRHcE45bTFwc3dUOGNPMlViM3h4bW5obWp1anNCY0l6Rnh5eGRHYldUYjFzdWI1K0lwMUM1SE1PYkwwWjFMVnFaTitwd0xKMm9STWJ4YTRUUXJzamdqWWR4clBSZTVvVlNVQjVIU2ZISnN0OTIvdSsyUitCQ0FKVWQ0QW5RTVloWm1XTjF2UWNMVS9CLy9ML3ZlSDdEd1RBclYvLzU2aXhZWEwzM1lWOTl3T29leElhZGhRNzVxcytnSXQrRGJFSlk2VU5PQ1AyTjhadWwyQzJIKy9UWU8vRWlwbWtEd1ZYOHdGTkhCUFBMQkNmdjBnME5VZjA1bG4wOUN6eDdBSjZlZFgxOWdQWHN5V2ZkWE43MnlHVWQxQ3MxdGgyR2k2SzBLM1FPU0RORmtiSGtFcTdFVnFwTkNqaHVxQktrTWtQMUFxQmRPT3FzRXFpYXpYMFRoWGJURWdReVhSMWlEQ0VHQ3lTRkVLbFhGK2FWSUE0YUk1WEtjY1F5bVU3SWJrYnlZRUFHRjJhcG5YcEhOSGpUK0lQalNEZmRTL2lBKzlGdmZkQk1pZU9vd3A1YURRZEdKc3Q1NUgrMzBtVVF2ZytrdDB3UjNzemdON1lvalUzVDN6bUl2SDByS1BPWDU3QkxLOWdsdGZjWktOVUNobTR1Sm5xNjNubjZGZkdKSm96NnZSeWJyZk5OWEhzUE51OHExNlQyU3lxcStSNngvUjJJM3E3a2IwSk02YXZHMUlwTnhGZGdMR0pJNFBGaXFRNWtRRGRiTG5LdXUycXErbmQybllPMEU0Tlc2K2pkM2FJcCtkZE04M2xWY3pHQnJGdDRwRkMrSTRLSnJOWjhHOVEvM3pBODNNZ0FNcDhIaUVLU0szUlM2dFUvL1JQc0gvNlpab0RvK1R1djRmTUl3K1RldUJ1dk1GKy9NRStaS0dBU2tvc2FZWFlXbVAvc09kMzR1THRxV1ZBS1dmTWUxNFNRTmkxVzlxZlpCb054NEhiM01JdXJ4RlB6YmlUZk5rUlRjM3FPblpyRzl0c0lYTUppemtkT0xBbDl0cmJXZG83ZWlEeFFtMHJkRVNGS01aaUVha1VxcWVDN08vRkwrUVJsVEt5cDRMcXFTQzZYYU1pVVNsM2JtbDN0WmV1VExURGpMR3VENkJwTnliYU15blRHdHRwVGlRRVdDbnhoY0JLNFVpcGUreHNHOFdZclczaTlVMzAvS0xUK2xOejZNc3ptSmw1V050d3ZXRm01eEdwTktKY3duWUdFMzRud3pDSkFTcnpXVHhWUWlVak9hdGYvU3FOci80WlhyNk1HdXpISHh2R0d4OGxkWHdTZjJMTTlVVVpHa1IybDVHZTU4aWVub2YwZk1CaTR4aVplSGNpY1VMYWRwaFN6alowR1FGNWxmYmFQVGFOMmRweGNhM05iVWVKWDFsem8rZVhrbkdxcXh1WTFUWEgxRzAyWGVGTUdIVkdxd3JmZDg3Qm5tVy9VeFIrUUh1dDg2cE9QNzhJVzZzNXU5QjNMZFpVVDRYVUhjZnhqNHk2WGpISEovRUcreEdWRWlxWkNYZmxQczNlemJnMG1tNDBYVHhRNjZ1b1Z3ZW1ZN1YvRkh2clVJUWpsTXBpSHEvM0xzUWpEeUU5ejNYeWFyWmdZeE16dDBEMDBtdUV6NStrOWZvWjlNSXlXb0l0WnNEekUzdm1IZFNBVjUrVnhCdktaZkZ5T1JSQUhMdWVjdWZPWXpFb1BHVGF4WXk4TnU5dHNBK1Z6eU5MUmJ4U0VWbklJZk41VkQ3bnBsSG1zcTZ4WXNJNmxoWVhvMHI2c2FDVDVXcGpFN095amxsWmRmYlk2anBtY3h1N3ZZM1oyTVpVcXc3TTFrS2tRUW5uaGFaU3lGVGdadm1XaXAxaWMzR1Rtbmt2SE5zNVZSdEduVTVZSXZGNFZVOEY3NEY3OE1hRzNlaXVvK1B1L3VqSWRUK3FROFBxdEZuYjMvMXFYemptQmorTXQycGtkRjJHamJGdUxCZWc2dzNZMkVRbTArR1Y3eUVIK2dpT1Q1TDdubzlndDdacHZuR0c2bk12dzdNdlVUMzFPbVp4Q1IzSHlIZDBYS3N4YjEwZklJUnJ0aDM0aUdJUkVFamhrdjk2Y3h1OXVFejQ3RXRKWmdOb2U3cUJqOHhta09rMEtwTkNwdE9BU0dwWGsycDg0MjV0SER0QWhaSHJUR3FzU3dzSmdaQUtFWGdkZ0ttdWttdGZJVnovTzhRMVFqQTNDemJoSXNPMjJVejYrNFc3VXkrN1NuakRBMjZDMHBFeHAvbVBIVUdORE9KZGg0SzFiMm5lKy94ZSt0WGI5SlJ2MUVIcm9QekJkZ1pvWDkxd0ZLUHJEZGQ5TlFnSTdydWI0Z1AzSUQ3MS9XNkM1b3NuYWI1NUZqTy9lS0RQT0JBQVRiMk9KWEtwdFZ3ZWdnTzhyYjJVWmpQT3BtSlBYSTQ5M21Lc3dScHN0WTdlcVNWdmxVanBiQlRadGxHRWNPeVBUQWFWa0RpRmJNOXpFeDJRN1hySU4vWkkzL0l5R0lOcHRhRGVkTjJ3NGhnWkJLaitYcnpKY2Z6SmNjZUttUmpIUHpxT0docEFYcWN4a1NzUE9Galk2bTF0eVdlMGEwSGFZYkwyT1hkbkl3RmxITHRYbTMwZnZPL3oyL2R2ZUx4UmhGbmZJQTVEZEwyT0d1b25XLzRBL2dmZkRkdnY0TVQwNGwvL1JhTExzOWpURjdDejgraU5KVFFlNU12T1MwdGlTbnN2OXpXU2FWZi90YzI0VGNBcTkyaXB2VURxbk1SMkk4bTNJZGM2blFMbmhXSmMwMGRxZFd5c2tjbHdGelhRaTNmaU5yeXhZZnhqRTI1TGx0SHJOZCs1RWRodW1yM2NEdTBJRUZhNjVrSlM3VHBYdEZuVEJwR1lMaDBuUkJ0RTI2dHVoYUJqUjVwTjJNb1dsNXNuY1Vpc01hNmZUS09CcVRWYzN2Z2FoM3ZONzJDTUt3M1kyTUFZNDFnMUI1QURBVEQ5dm9kSlBmSVFxdDZrdExGTjVzSVUzcXR2d3VrTDZMVkZWN21mTHJybTFKNEg2aHE3RlZlQ2NtOUM2SzNsUnErODRTVnQyNUhhemRPMVlUTEhWMnRFT28zTVpWSDl2YzZCR25OTUVIK3liYThOdXpqYTlUNzNyV3lzZzRpQTlqeTQ5c1AydnR0aG9yMDFJR1pybTNoMW5XaHRBNzIybmpRbldpU2VYM0k5WXBJQk15YnBobVhhOUt3d3dzWlJFdGJKSVFyNTNhM29ic21rM1FvelBJQWFHa0NWQ3M3RVFEZ25KSXBjK3plOXF6NnZDOFozc2pPQ1dkdkFXb3VYelJBOGNBL0Y3L3NZV1czeHB1ZlJMNThpZXU0azRhazMzVWozdFExSVJqMnBUQVlaQk5nZ1FPeGJ0c1UxNzcrMTFydyswTm8ySWttMG40UXVMMXozU2RkcUlwOUxCdlhsOEhyRzNBeTBpWEdDdG5PUWRJUnF4d3IzZnFacFAvZnRnZzJ1bTJXeE9HMnNON2VJVjliUXEydkVLK3V1RWRIeUd2SFNpbXRTdExaQnZMM2ptaGR0YnJycU9tdVR6RWZ5QTdNbWFZZnM5bXlTNHpPQ3BLNWtkM0s2bzJBa3l5NFNrWGJWZjk1UUgycDhEUC9vT01IRUdONlJNVkpqdzRoeUNhOVNkcWJSOWc1Nlo1Y0Y4M1pxVTI2dU4wemtDbzVqYmFIU1JlcStPL0UrK0Y1a3MwVThQWXVlWHlLK05JVytQSXUrUEVzOE5ZTlpXWFZqcUpwVlFDR1ZRc3AyWGxjaXBTdUNscDZIVFpMZFYrcUJ0cVlSQXNmeVNIcmZDV3NoMWk2MFU4Z25YblVPV1M3aTlmVzZJWHU5M1hqOVBhaUJmcnlCUGxSL042cFVSQldMWE5sd3piSm5MdHlWY2Ivay9zMkM3Vm8vS05Oc0VTMHRFNTArNzBZL3pNeWhWOWZkZkxpdGJaYy8zcWtTYjIyNzVWTXB0MHdLZ1ZHeU05bFM5VlFja0t4QjdtSEZYS3M1MGE1anM3ODVrVWpTZFNUT2hvMWp6UEl5elprWjdMUFBBaEdDTEVGZlA5NUFELzdvRUttakUyVGYvekRwaCs1SERRODQrM2grRVRZMmJ0cHhPbGd1K0JvN3RWR01YdCtFelcxVU9vVWFHc0NmR0VkKy9JTXV2TEZkeFd4c1laWlcwTk96Nk9rNUY0ZXJOUkE3YnNTb3FWYWhrVFN5U2NZVFFCS0hVc3FsbHFRTEFRaWxISVhJOTFIbEVsNWZEMTVmajNNS2VpcW8zbTRYOXVqdFFaV0xpR3dXNmZ1NDRWNjcyclZ6YXcxeHJQY1VLdTBaMUh3ekFlZTJzOFcxdFZxOHNlbjYrRjJZY3NOdHB1YUlMMXdpWGxoeTU2ZnFPb3NLejNXOHNnbmhRbVl6ZVBsY0FyQ3J3ZVMydHdqRjJOMlFUbnRqenpuWTk2N0VobTlITS9COVpDN3BXU01GUWh0TXZVRjA3aUx4NjJkcDZrZXAvZXZmSmJqdEdQN0Q5eUVmdUpmNHRpUElVdEZ4T1d0MWx4RTdnQnhNQTBwNS9ZYURRa0RzV3JWYVVYVU5yYVYwSFRnTE9ieStic1M3MytVMFhOS3RVMmp0bHNkWXUxclpSbEl6MjJnNm45WnZCNnlWeTlWS2hmQTk1eHlrMDZoU0FabE9JejEvWDJDNmM1TGIzVDdEbG1zVDNLWTNYUUdzdHZOellObWJqNzdpVHdhSTVoYUo1eFpjS3Uvc0JlS1plZUxwT2VMRkpXdzFhV0N1cE1zc3BWT29ybkpTN0E1dE5zeGV6L1lnc1Q3MlJHejJiZGQvK2Y0NEpsZS9kaDlKeHlhbHBiNlBWRm1rbEc1REVFM1Awbno5TlBIdmZvRm9kSWphOFhGcVIwYVJ4OGJ4K3Q3QmdkV3lYSFJaa0ZoM1hQeTlXdkVxeHJCMXdVd1J1dXAvSWJZd1NTaEZTamN3UlhrS3BFQ1dDb2llTHFUdnUweUpjQlBRbmVNblhNbW5UUlNOaTlCMnF0UzBiYm9NQ3Z2amZHMXR0dXROWHdONE54SWgzSWx2UDl6ekoyTXQwZFFzNGNVcDlLVnB3Z1JzZW42UmVISEZhZk5ZdXlXNGtITkIyZTZLTXp1dUk5ZlNWbTh2Q25qdG5kdjJrcnovTXUxK3VUWm83YjYzWGR0V0JmQ1VxMm51S21HTnBybTFUZU12bnFKcURMYTd5NDF5L2ZTUDMvRFFEZ1RBbmQvNGJkU1JFZkwzM0ltNGJ3QnZjQkFscGVNSVhpT1FlczBMdkNmdEl4S0tVQnNjdGtHbmw4bFZRSG9MeXRYTkJwWGZTb1MvcTAzYk1ER0FialNkVmtzYVNVWm5rcW1YQzB2b3BSVnNGRHZQMzNQTHBpb1ZRSmF1K1JudkNLQ01jY1NGTUVKSExUY1ZQVXI2eHlSNVg5T21aU1V1aHNIZzZtVUVob2gyN1V3U0tjVGlUQjByaEp2U25rNDVpbjliRSs4NS9xdlB0SFZac1d3R2xRbVFPaWFPSXFKemx3NzBkUTRFd1Byamo4SGprcWpjaTNmWENmeEhIc0ovMzN0STMzOFBYcVVMa2JTSHVGNW45T3VCOHNybjdYV1d5bTliOWdCVnRQdnp3VDZQMXdMUjhxclRZdWN2dWU2bGw2ZUpMODY0blBMR0J0U2JMczJXQ3R3UzJtNVV2dWRDdlMyUTJUM3FKNDVkdWpHS1hDVmJad0JoVWs0WmVGQW91Tng2TG92b0tpUDdleEI5UFpBT25LVWtTVWdHd2pGaEpCZ2h3VlBvcE1lMDJkb2gzdHB4ZzdJM3R6RTdWVWZ4YWpZZEN5WmV4clZCa3lndmc4am5VT25naWk5NG5jQ2E3eU9DZHpBT3FBbzlMak5RcmROODZnazJuM29DWGVxbmRkL2Q1TjczTUpuM1BPQzZ5UGRVd1BPUWdZK0l0VE93bzJSU0k5ZjY5VGpReVN1Q3VqY054SGFXUkNTakNnSWZvWGFaTWUxNFd0dE8xTldxQTlYTXZHc2tlZEd4bVBYVXJHUEZWR3ZZUmd1UmRRUDdST0NqdWl1SWZuZTY5b0h0WmtNUFNSN1hSakcyV3NNMG04NXBTOXFqa1U0aHkwVkVxWWhmekR1QWRYZDErc1dJU2hlaVhFUjBsWGJaTVVtb3ExMFkydzZzdE1Nc0FGckhuZk9xVzY3cmxtbUZydXRCRkxybVJQV0dxKytkWDNJL3dJdFRybVpsWVFtenVJSmVYY2NZNDFhSXJpNVVNZStPZSsvWHUrTDJSbkxBT1NIT0NCUHBGTXJMb3BEWU1LTHh6Vy9TK3VaZjRCZDZDSTVQNG8wTkVVeU00eCtkSUJnZndSc2JRdlgzSVROcFpEYmpBQmduRG9oTzRuVmF1MEMyYmNkazI4dHNRaEhxNUhMbExqUEc5NUZCNEVpWCt3L1VhWXpOYmZUNkJtWmpDN3V4aFZsZFJ5K3RvQmVYWFZob1l4TTl2NHhkWFhPZWR4UWowaW5uSEFRQnNqL3I0blh0bE41Tm5OQjlZb3d6VTZKb3R6bVJwNUNaakFzVnZldHVsemNlSFhiTmlIb3J5RW9aU2dVM0U2NWNSaWgxbFgzb2lnRGRZRU1UUnRoVzFRV2M5ekJqMm4xajJnU0dmWXdZNkpnMk5ra1FrRTZoY2xsa2Z5L0JQWGVTOFpUTERqVWR5MWt2TExubVJEUHptT2xaNGxmZWRGU3RWZ3RUeUdPTE9WZjFlSk55NERoZ3gvaTBPTmM4blVKbHN5Z0V4Qkd0azYvVGZPa2xaUHRmdVl3LzFPL29XSk5IQ0NiSFVMMDlxSHdPVmN3bmNidUNxeTBJQW16Z3U2Vk55RTZzYXZlRExkWnFyTVlCZG5rVnM3cnVhaTdXTnR6OWxUWE02aHA2WlIyN3RZWGRybUszZHR5dDBjNzVNY1o1Y0lFckFoTGxVb2Q1YmRsUFZOaHJuOTlRaEhESGxUQ01iYk9GYlRUY1VsUXVvU3BsZ3Z2dlJoMFpjVk9VamsvZ2pRNjdqRU5pRHV6OXVwMHVXSEdFYm9TN1lMcUNlcld2T2RFVjIxczJIVXEwOEpXejRrejdkWnRiN25rQlFpcFVkNWM3M2c4R2ppSm5ESFptbnZEazZ6U2VmWkhhaTY5UXYzalpyU3hwSDVOMUNZaUR5RTNTc2E2dEI0VHZJN3JMSGFLQlJHQ2prT2pTTk5IcDh6VCsvSEVFR3FFY20xWmwwb2lFL1NLekdWU2g0RUNaeXpselRUdm5wcDMyRWNaMHZGK2FMZXpPRG5hbmpxblZzRHRWRjV4T1lvZnQ1b2d5Q0pLYWpHNzNnOW5yd0xSQkk5Nm1kclBXOWZack5OMVNHb2J1TTN1N0hmVnNmRFJwU0RTQ2QyekNOU2JxN2U2WUEzdTFtWTZpZmN2NFZVU0RLNEIwMVd0a2toLzJGVkpJTjZUR2dpVEpoTmhrUVc2MzVvaDFoM2t0a3U0Sk5qR1RTQUx3N2M5d2IzQXo4RXk5NFFMaFVxSThENit2aC95blAwbjJ4MytBek5RczN2TXZFMy9yV1Jvblg2TTFNNGRlWFR2UXFUeFlLcTY2NmV5TElBTVpsei9ZSHorNmNpRWtLVGRNN2JKZ29GT3phclJCYkZleFc5dG9iWW1NUVpxa2xsVWtHUVRoakdqWlhub1JDQ1VTa1BudXBHZlNxR0xCYWMzMjU3UVQ5eDBTdzdmaDBMVHR0WVRHTHJSMisvTTlsenUrL1NocWJBVHYrSVFEMjhRSTN1aUlXOHIybkl0OVlHdmJ3OWZKck94ZElxMEFvWktSREFrQlliKzlaYkdOQm5wekN6MjNpVzQyZDV0UnhzNXAwVHAySFJFU1JvOE5YQXNPMGlsRUp1MEcxNVNMamczZEJybVNMclpicXlPdTVWaGFON29zcnRiUTFpTFRLZElmZkErRiswNFFYYmhNODhJbDlOekNnVTd4Z1FDWS9lRWZKSjZheFo2N2hONWFSU094cVFMa2NoMXFlUHVFWEcyVjdZR0Fjdldsd2hkdE1rd0hLTHRVcmVzQmFaY05zL2Z4TlZnT0I1S3IzcUtURHFJdEJ6WWJSYzR1VEtlUmZUMms3cjNUa1JXU3hrVGUrQ2plMkFoQ3lxdkFacXgxRnp4WjR2WmxXZmFlSzZVUXl0c1hhN1N3cnp1WGJqV0pGNWZSNjV0RUc1dkVhMnZFeTJ0RXl5dEVTNnRFcSt2bzlYWGlsWFYwbytHV1poMWpZcFBZaFVtZm1EWXJKa2gxNmt0RU5nUFpqT3R0bmM4ajhobGtzWUEzT29JL1BvdzNQSWpYMyt0WTQrbTArNTVKUCtyMkQ2bTlHc1E3TytpTkRhelIrTGNmSTNYLzNRZTZEZ2NDWU83VG44UTBtcWpsTmZKemkyUk9YMEMrY1paNGNSRkxqSjhxdWQ0aWdib3E1UVhYeDhlMTdLeTlsK25iRGNaY2MybE44c2Myc2RsTXJlRllIcmtzc3BoM3JTaU9qT0tOaitBZmRXQlR3NFA0dzRPN2RESDJUaDVxejFtNy9td1JpM1VORzhWdVdRSEpQblN6aVY1Y1FXOXNFSzl0RXErdG81ZFhpWlpYQ1JQeWdkN2FKdDdZSWxyZklLN1hIZkVnam9qakNHUEJCQjdXOHpFZDg5a05vTzRjbzAwOFBFK2lveFlzMTZCZEFHVTFMdC9ycnBJem9DUmVyb2czTklBM05FQnFZb3pVMFFtQ0k2T2t4b2J4UjRhUWczM08xRnAzWFIwNlMzY1VZNW90Ti8va0FISndOb3dRcmpUei9lK2huTXVUV2xsRHZuR2UrTG1YaUY1NEJUMHpoOTdjUWFDUUlvMU1wU0NUY3JlSVJEdTJMd2o3THNUMURQNjNHN2kxVVlTSXRDTXNSQnBybk9kdHc4Z1JId3BKV2NERXFHUEVUSXdtbFBranFLRUJ2TzdLUHFKQ2NtcGR3RGV4cTk1S1JCRHN5dyszdFpyWjJpYWFXeUM2TkVWMGFaYnc0bVdYVFZsWlExZHJ4RnRieE0yV3ExNURvSzExaFVOS1lYd1A0M21ZVWhGdERKcGtNKzArMEM3czNHNUtaSzYwSTl1SExRVjRDcHNPbkcxbzNYV1J5UXRjZkZRZ293aDcvaUxpM0duVTQrQWg4RE5GVXIzZEJNT0Q1Tjd6QU5uM1BZeC85d2xrYnpjcWwwR0VMZGpjN0VSTkRpSTMwU1hmdVBLOWhTVjBKVUlORDVCNzhENzhYL2cwZW1xVzhJMno2RXN6U1Zuak5IcHVFVlpXaVJjWEVFaWtTSkxzdnBmWU5jb1p6c3BQNG1CWEEwN0FmdlVwM0VteUNaaUlIZEJFMnoyM0ZpRVZzcFJIRm92SVlnSzB2aDVVWHplcXR3ZXZ2eGZWMStOSXBpTkRxRnh1WDAyd005UmpvaWphRjRlOFpreFNpRTVRZSsvN3RZN1JTNnZFY3dzSnlLWUpMMDBUVGMwUUxhKzVHWEQxQmpibHZIOFQrQmhQWVV0NTRuTFIyWEZZQjdRRVhOcGFZbVBjY3dub3ROMjliNjE3dmJWSi9zUHNkV1pNRXV2ZXBXZzVSblJpSXRna1htb3RVaVE2MEZmZzUvQkVIazlJZktXSWphVzF1WW0zdEVMdDZlZngvdlh2RXR4K0ZIWHZuWmg3VGhDTkRIWW12c3NEbHVZZUxCZGNMR0FhRFdnSE9vM0JiRmVKUXhjL1U1VXVNdC83VVdRbWcyMDFvZGJBcm0raXArZlFzL1BFbDZiUkY2ZGM5NERRMGR4dHZZRnROTEMxQmpwMFM0QklFTGpyaEpDQU40bi90Y01DeFFKcXNBL1ZWVUtWeXdubHlnRkw5WGJqZFhjaHU3dndlaXJJY2dtVlRqdWEveFZBd2JoUkNQb0dZQk5TdW5TVDUxMEZ0cmhXSTU1YklKcGRJTHh3bWVqU05PSFVMTkgwTE5IYU92Rk8xVld3cFZPWWRNcUJyVnhBVjBwbzNFaGJqUXVyeENiR1dMc0xNR01jOEs1NExyWTJlYThodG80SGFFd1M2NE1FY0RhSnlGenRQYmRCUjNMT2hXM24yaTBxeWIvdnZmV3crTm9OZS9UU0FVRTJRK0I3K01iU3VIQVovZXJyUkttQTVtQXZ6WWt4L05zbkNjWkc0UWZlSVFCR1o4NGpCL3FRZy8ybzdtNm53WktMWkdLTnJOVWRoeTJwUjVDZWg2eVU4VWFIa0prTXhGRkN1UXFoNGNCSHZkRVpjUy9xRGNlbXFkVUJnZlE5MTl3bTRRbUtkbmhGcVE2THhPc3VveXBkTG1DYkNwRENMWnE3RG9GMXMzSzF4alFkYVVFbkhhT3UyOGJEV2xjRDdIdWRUTXJlc0VtMHRVMDhQVXMwTTA5NDRUTGgrWXVFTS9ORXMvT3VkMTh6UkljaE5oMWdzaG0zYkZiS2FBRWFCNlRZR3JTSlhhR2ZkZk1xdFFWdFRmSzNCSEJ0aldkTlovWnluQ3k1eHJyOHJ0YUp0a3NBYUhGamI5c0FoS1REbHQwYjc5dno2K244NkMzQ3VxNEtBcmRLdDJkb0tpSHdwY1FYRWw5WUFpUStsbFJzQ0pTSEttU3dwUnhhRzJxYlc5U2VlQnJ2bVJmY29KNWYvYy9mR1FCdS9KUC9IZG5YVGZiTzI4bSsrMEZ5NzM0QWVmdHhaQzZIYkxnWkU2Szk3aHMzOE5qRXNZc2Z0Zk92N1MyVFJoWHlMazducVlSNjViVlQ0cnNobHlzSUIrMFlvd1dFZG94bmwyR29JK3AxdDVpMHN5bFgxWmJzUHQ3Rm12TkNTUVg3d0dZQUcwZkVpMHR1eVp5YUpidzRUWFR4c3JQZjVwZUkxOWFKdFhaQUNBSnNObzNPWnpINUxERWtvRExFeHFKTlJKeUFKN2E3SUl3TURsRFdvQzJ1TTU4eEhURGFCSVFtV1VvTkNmQ2NFWm9FanVuY1QvNFBIY1pzeHhtM2pqU1ltSWpXZ0UxWnlBRnFGNHg3ZzBXN044NGRjZk9UbFZENHdoQ2c4SzBoalNJQWZHdEJDb3dRaElHUDZlN0NDRUg4VGk3QkJ1dm9Sak1YVUgvMkdQcklFYUlINzZQMHlNUGszL01BcWNrSlZ3L1NuczdkYkxwYnU3K3NyeDFNTmtKZ1JmMXFnTW5kcXJucmRiYmFDNnk5bVl2ck1tT2tnQ0J3d1hMVjdxTzhlNTcxempaNmVZM3cwaFR4cFduQ3k2NWpRalMzUUxTeTVxWUdXVEMrNTJ5MmRCclRYVWFUYUxBMnFIVGN1UitSUEc4YzJHSnJDWlBienBKcWpYTk1rb3V2OTlob0NhQVExbUpvTnd5eTJ4YTdZUzFyRm1hdFpjN0FuSUFsQy9NVzVvRkdrZ3ZSN05tU3g1RkZHTEI1TEJVTFhXQkxRTVVLVzB5ZUt3Tjl3TzNBRVl1dDZBNFlEYUVSTkt4RkNVbGdMYjQxK0ZLNVhINmlPTHpFZkxMdlpIczI0L3RZMzhlSUhLR3gxS1puaVMrZnB2YjVMNUlkR1NmNzBQMWs3citiWUhLY1lIZ1FmN0EveVVBNDhxS05Ja1M3UnpGSi9FN0laSm5ZRXp2cy9BQ3Y3V1h1QTF3N1Z5dWxBMWdxbFZDcXJvaEVtaGl6dVkzZVduWm1Rc0pRam1mbUNTL05FRTNORU04dkVDVnRPNHdBc2hsTUVEaDdiYURYL1FCdHNsUmlpT093WTRkRmlXMFdXeHpJakNWQ0owdm1mckR0bGxEdUxvWEpUUU5ybHkyc1dGaTEyRGxnemdwbXJiRkwwTjVZeEJYY2ZEdXlDY3dlNEhVREZ1NEFKb0Y3TFBaT1k4V2tGUngxUzcwaDFEYVpOQ2Z4VUE1ODFpVEwrc0VhR2gxWUF4b0xzWVdHRUhqNUhFSVdrQmIwMGdxMUwzNGU5Y1UveGc5eStEMFZVbVBEcEpLaExLbkpjZnpSSVZmMFV5a25WWFBKMHVzNVcwOTRuaXRHMTY1M0NVSW03ZHRrQjJnQ3g4SjFxNDVqVTNlSXFhdHJEbVNiMjlqTlRmVHltaHNBdmJMdTJuUnNiQ1pUeURjeHRTWTZDakgxaGx0dWMxazNZeTN3TUVOOXhFSTQrOG9tUzJRYmJMWU5LRU5zSUV5V3p5alJkTHB0M3lYbnFsUHNZNi9NR3JFRXZBbWNCMTRCVHVHMDF3cXdjYUNyOWg5R0ZwUHRzVDNQNVlCajFuTGNDdnNKSThSM1krMjR0YllEdkxnZHpoRFhWaUpYeXNFQW1IanRHa3NkaTdVeHNWR0VVaExrMGdRaWcyY2h3aUkzTjZuUEx5Q2VlUm9QRDZVOC9PNEt3ZkFnWGxmWk5ic3VGVkRGSWw2cDREemFZckZUVUNTRWNJeVpaTHdBQ1RCSldOSzBRdlRhdWdQWjZycGp2V3h0bzdjY3I4M1dHNjQ0UjdzTktaSndSd0NCaHcwVU5wVkZsM0lZNFdKdHptYXphQjExSHUvYWE2NXhXWHNwM1F0R2JkdjIyVFcxV2d6TUFLOEJaNEhYay91ek9CRCtaWlFhN2tmekN2QTVvQWk4MThMSGpiV2ZNTmJlcTBVbkQzMmczaHdIQXFERzV0dTFxVEdXeUdwYTFwS3lrcFFRQk1KMVcvS0Z4RXNIZU1tUUdRL2hLSTJ0RnVMMU41RlJqTmUyOFVqWVZ1MFlWQ3FGeW1iYzMvYjJPcmJPVTNPWmhrU2R0Sm5VUXJpS3NhU1FocFFMY1NRV2xFdWVpN1kyY21BendzWEVkTXd1OExCT2syRTdTMmVFMDNSbXoydWNaUThJdThzaGRiSUJUQU92V1hoZHdCa2MyT2FBZzgwcitNc3AyOENqeWZaZmczZ0krQjRCUDQ0RDZ3M2xZRlZ4Y0trZExyRFdFZ3NJMGRReCtGWVNTRU5nSmI3UStFTGdDWVZ2WEF4SkNZbnlGU3JJdS90Q2RHSk1RcmlGVlNZeEtEZHJCSVQwM0FUTnRqTWluYVdJbEFtUHpSbm1qc3ZtSm0wYXdBanIyQjNKL2JibU5zbHJuUTFuRTFBNWpkM1dhQjB3V2xjLzIzWWoyNjYxaTRjTExFd0x5MlhnbElWWGhWdEtUL0dYVjZ1OWsvSkNzdjFESWNTQmhzVWROQlB5TDRBWExmWVRCajV1NFlNR2hMYk80RzVxZ1JUR3hZeUV3Qk1HSDRFbkpFcG9QQ0h4aEVCaGtFSjBRT2dJTCs2eEVBS3BrbHhwMHRqSTJSRWlVWHpDRlo3akFPS2V0eGdoZHJzR2tLUzhjRXRpMi9CM2NiZ2tMcEhjNm1RL2V4MkRkcUE5Mlh0azNkSjVEc3RwNEtRUVhCUndHamhZNDVQL2Q4dTE2ek91a0p2aEF6NlhiUCtqaGJ1c3RaK3dRbnhNd0ljTTVGd2UwZEt5U2V4STREUWVMcGlwaEhBZ1RESVNTb2pkdEErdWphenM1RThkT0czQ2hyRU9hN3NhRHdjWWczRGFqRVJqc1J1Mk1HM2pYK3gzQWpxM1lvK2RMTVFPY0Jyc204QVpFSzhBRjRCTHdNRUtYQS9sYmNuYkhkUHdlckw5WTJBWStEN2dBeGJ1Qmp1aEJaVjJuRXlBaTdJbjJrNmlFL3RQN3FOZktjTVZNY0QyUjRsOUlHb0hvdzB1OEcxSjRxZ2lZWjEwU0tZSmxOc2VtYUFsWU5NaWxvRTVyRGd2Qkdkd0J2VUZuQ2Q2S1ArQjVaMllzamNIZkRiWkFDcFk3Z1R1c0lJVEZ1NERKb1ZsM0dCbGg1eHEyL1FsMFFIb2JqeHdGNEJ1dFJWWDNRY0g3R1RaTkFMV2hHRERXcFp4M3Vlc0VIYmV3cEp3QWR0NVlGRkFiYi8vY0NpM1VyNFRZeDdYZ1NlVERRQUJnWUFURm9iQlppMVVCS0tDcFFKMEllZ0J5aFpiVE9BVld5czBvSVZBSi82RWV3d3RJWmpEZ1d3T0Y3eGR3SUhyMEJINFN5Ymk3WFEwT3BSRGVhZmtnQU1nRHVWUXZqTnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhVnlDTUJEdWFWeUNNQkR1YVZ5Q01CRHVhWHlmd0dxWlNyMFEveXkwUUFBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-size: contain; background-repeat: no-repeat; margin-left: 0.4rem; } .reviewList__text-suffix, .reviewList__flag { display: inline-flex; vertical-align: middle; } .reviewList__text-suffix svg, .reviewList__flag svg { display: inline-block; width: 1em; height: 1em; } @media (min-width: 750px) { .reviewList__grid--tablet-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .reviewList__grid--tablet-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reviewList__grid--tablet-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1180px) { .reviewList { padding-top: var(--review-list-padding-desktop); padding-bottom: var(--review-list-padding-desktop); } .reviewList__grid { gap: var(--review-list-gap-desktop); } .reviewList__grid--desktop-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .reviewList__grid--desktop-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reviewList__grid--desktop-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .reviewList__grid--desktop-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .section__image-with-text { background-image: var(--bg-mobile, --bg-desktop); background-size: cover; background-repeat: no-repeat; } .section__image-with-text .banner { position: relative; margin: 0px; max-width: 100%; column-gap: var(--desktop-spacing, 8px); row-gap: var(--mobile-spacing, 0px); --grid-item-offset: var(--mobile-spacing, 0px); } .section__image-with-text .banner__media { position: relative; } .section__image-with-text .banner__media-wrapper { display: block; position: relative; overflow: hidden; box-sizing: border-box; border: var(--media-border-width, 0px) solid; border-radius: 0; } .section__image-with-text .banner__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: 0; pointer-events: none; } .section__image-with-text .banner__media-wrapper .media--custom { --ratio: min(var(--max-height, var(--ratio-mobile)), var(--ratio-mobile)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } .section__image-with-text .banner__media .media--zoom:hover > picture > img { transform: unset; } .section__image-with-text .banner__content { position: relative; box-sizing: border-box; padding: 0; overflow: hidden; background: var(--background-color, transparent); color: var(--text-color, currentColor); } .section__image-with-text .banner__box { position: relative; white-space: normal; display: flex; height: 100%; padding: 24px 16px; } .section__image-with-text .banner__box--textboxes { --box-background-color: #004ECA; --box-text-color: #FFFFFF; --box-border-style: none; --box-border-color: #000000; --box-border-thickness: 0px; padding: 24px 16px; background: var(--box-background-color); color: var(--box-text-color); overflow: hidden; box-sizing: border-box; border-width: var(--box-border-thickness, 0px); border-style: var(--box-border-style); border-color: var(--box-border-color); border-radius: var(--box-radius, 0); } .section__image-with-text .banner__box--textboxes:after { content: ""; position: absolute; inset: 0; border-radius: var(--box-radius); pointer-events: none; } .section__image-with-text .banner__box--top { align-items: flex-start; } .section__image-with-text .banner__box--middle { align-items: center; } .section__image-with-text .banner__box--bottom { align-items: flex-end; } .section__image-with-text .banner__box--left { justify-content: flex-start; } .section__image-with-text .banner__box--center { justify-content: center; } .section__image-with-text .banner__box--right { justify-content: flex-end; } .section__image-with-text .banner__caption { font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: 0; margin-bottom: 8px; color: currentColor; } .section__image-with-text .banner__heading { font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; color: currentColor; } .section__image-with-text .banner__heading + .banner__description { margin-top: 18px; } .section__image-with-text .banner__heading + .banner__buttons { margin-top: 16px; } .section__image-with-text .banner__description { font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0; white-space: pre-line; color: currentColor; } .section__image-with-text .banner__description > * { color: currentColor; } .section__image-with-text .banner__description p { font-size: 14px; margin-top: 0; margin-bottom: 0; color: currentColor; } .section__image-with-text .banner__description p:not(:last-child) { margin-bottom: 1.2rem; } .section__image-with-text .banner__description h6 { font-size: 18px; text-transform: capitalize; margin-block: 1.6rem; } .section__image-with-text .banner__description + .banner__buttons { margin-top: 16px; } .section__image-with-text .banner::before, .section__image-with-text .banner::after { content: none; } .section__image-with-text .banner.style_2 .banner__box { padding: 24px; } @media screen and (min-width: 1280px) { .section__image-with-text .banner.style_2 .banner__media { width: calc(67.5% - var(--grid-item-offset) * (2 - 1) / 2); max-width: calc(67.5% - var(--grid-item-offset) * (2 - 1) / 2); } .section__image-with-text .banner.style_2 .banner__content { width: calc(32.5% - var(--grid-item-offset) * (2 - 1) / 2); max-width: calc(32.5% - var(--grid-item-offset) * (2 - 1) / 2); } } .section__image-with-text .banner .image__style--decor-left { clip-path: polygon(100% 0%, 0.959% 0%, 0.656% 0.094%, 0.393% 0.356%, 0.185% 0.755%, 0.049% 1.262%, 0% 1.845%, 0% 21.263%, 0.057% 22.247%, 0.223% 23.166%, 0.487% 23.989%, 0.84% 24.685%, 1.272% 25.224%, 2.343% 26.254%, 2.774% 26.793%, 3.127% 27.489%, 3.391% 28.312%, 3.557% 29.231%, 3.614% 30.215%, 3.614% 69.959%, 3.557% 70.943%, 3.391% 71.862%, 3.127% 72.685%, 2.774% 73.381%, 2.343% 73.92%, 1.272% 74.95%, 0.84% 75.489%, 0.487% 76.185%, 0.223% 77.008%, 0.057% 77.926%, 0% 78.91%, 0% 98.155%, 0.049% 98.738%, 0.185% 99.245%, 0.393% 99.644%, 0.656% 99.906%, 0.959% 100%, 100% 100%); } @media screen and (min-width: 1025px) { .section__image-with-text .banner .image__style--decor-left { clip-path: polygon(100% 0%, 0.959% 0%, 0.656% 0.094%, 0.393% 0.356%, 0.185% 0.755%, 0.049% 1.262%, 0% 1.845%, 0% 21.263%, 0.057% 22.247%, 0.223% 23.166%, 0.487% 23.989%, 0.84% 24.685%, 1.272% 25.224%, 2.343% 26.254%, 2.774% 26.793%, 3.127% 27.489%, 3.391% 28.312%, 3.557% 29.231%, 3.614% 30.215%, 3.614% 69.959%, 3.557% 70.943%, 3.391% 71.862%, 3.127% 72.685%, 2.774% 73.381%, 2.343% 73.92%, 1.272% 74.95%, 0.84% 75.489%, 0.487% 76.185%, 0.223% 77.008%, 0.057% 77.926%, 0% 78.91%, 0% 98.155%, 0.049% 98.738%, 0.185% 99.245%, 0.393% 99.644%, 0.656% 99.906%, 0.959% 100%, 100% 100%); } } @media (min-width: 750px) { .section__image-with-text .banner__box { padding: 24px; } .section__image-with-text .banner__caption { margin-bottom: 12px; } .section__image-with-text .banner__heading { font-size: 36px; } .section__image-with-text .banner__heading + .banner__buttons { margin-top: 20px; } .section__image-with-text .banner__description { font-size: 16px; } .section__image-with-text .banner__description p { font-size: 16px; } .section__image-with-text .banner__description + .banner__buttons { margin-top: 20px; } } @media (max-width: 749px) { .section__image-with-text .banner__box .text-center-small .banner__description { text-align: center; } } @media (min-width: 1025px) { .section__image-with-text#clp-image-with-text { margin-bottom: 8px; } .section__image-with-text .banner { --grid-item-offset: var(--desktop-spacing, 8px); } .section__image-with-text .banner__media-wrapper { height: 100%; } .section__image-with-text .banner__media-wrapper .media--custom { --ratio: max(var(--max-height, var(--ratio-desktop)), var(--ratio-desktop)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); height: 100%; } .section__image-with-text .banner__box { padding: clamp(24px, 3.5vw, 30px); } .section__image-with-text .banner__box-wrapper { display: inline-block; max-width: 681px; } .section__image-with-text .banner__caption { margin-bottom: 16px; } .section__image-with-text .banner__heading { font-size: 40px; } .section__image-with-text .banner__heading + .banner__buttons { margin-top: 24px; } .section__image-with-text .banner__description + .banner__buttons { margin-top: 24px; } .section__image-with-text .banner.banner--left:has(.image__style--decor-left) .banner__content { border-radius: 0 10px 10px 0; } .section__image-with-text .banner.banner--right { flex-direction: row-reverse; } } @media (min-width: 1280px) { .section__image-with-text { background-image: var(--bg-desktop); } .section__image-with-text .banner__box { padding: clamp(24px, 3.5vw, 40px); } .section__image-with-text .banner__caption { margin-bottom: 20px; } .section__image-with-text .banner__heading { font-size: 48px; } .section__image-with-text .banner__heading + .banner__buttons { margin-top: 40px; } .section__image-with-text .banner__description + .banner__buttons { margin-top: 40px; } .section__image-with-text .banner.banner--right { flex-direction: row-reverse; } } @media (min-width: 1600px) { .section__image-with-text .banner__media-wrapper .media--custom { --ratio: min(var(--max-height, var(--ratio-desktop)), var(--ratio-desktop)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } } .section__image-with-text.home-custom { padding: 40px 0 60px; clip-path: polygon(0% 0%, 5.773% 0%, 8.29% 0.413%, 13.993% 2.535%, 14.366% 2.659%, 14.763% 2.761%, 15.179% 2.842%, 15.612% 2.901%, 16.056% 2.936%, 16.509% 2.948%, 83.491% 2.948%, 83.944% 2.936%, 84.388% 2.901%, 84.821% 2.842%, 85.237% 2.761%, 85.634% 2.659%, 86.007% 2.535%, 91.71% 0.413%, 94.226% 0%, 100% 0%, 100% 100%, 94.226% 100%, 91.71% 99.587%, 86.007% 97.465%, 85.634% 97.341%, 85.237% 97.239%, 84.821% 97.158%, 84.388% 97.099%, 83.944% 97.064%, 83.491% 97.052%, 16.509% 97.052%, 16.056% 97.064%, 15.612% 97.099%, 15.179% 97.158%, 14.763% 97.239%, 14.366% 97.341%, 13.993% 97.465%, 8.29% 99.587%, 5.773% 100%, 0% 100%); } @media screen and (max-width: 1024px) { .section__image-with-text.home-custom .banner.banner--right { display: flex; flex-direction: column-reverse; } } .section__image-with-text.home-custom .banner__media-wrapper { border-radius: 8px; } @media (min-width: 1280px) { .section__image-with-text.home-custom { padding: 125px 0; clip-path: polygon(84.52% 0.02%, 84.289% 0.045%, 84.063% 0.117%, 83.846% 0.236%, 83.638% 0.4%, 83.443% 0.605%, 81.788% 2.619%, 81.543% 2.874%, 81.278% 3.057%, 81% 3.167%, 80.712% 3.204%, 19.421% 3.204%, 19.133% 3.166%, 18.854% 3.052%, 18.588% 2.865%, 18.339% 2.609%, 16.696% 0.595%, 16.447% 0.339%, 16.181% 0.153%, 15.901% 0.039%, 15.613% 0%, 0% 0%, 0% 100%, 15.613% 100%, 15.901% 99.961%, 16.181% 99.847%, 16.447% 99.661%, 16.696% 99.405%, 18.339% 97.391%, 18.588% 97.135%, 18.854% 96.948%, 19.133% 96.834%, 19.421% 96.796%, 80.712% 96.796%, 81% 96.834%, 81.278% 96.947%, 81.543% 97.13%, 81.788% 97.381%, 83.443% 99.395%, 83.689% 99.65%, 83.953% 99.833%, 84.232% 99.943%, 84.52% 99.98%, 100% 99.98%, 100% 0.02%); } } .section__product-by-category { padding: 40px 0; background-color: #EAEAEA; } .section__product-by-category .section__header .section__header-heading { text-transform: capitalize; } .section__product-by-category .contains-card.row { width: calc(100% + var(--row-item-offset)); } .section__product-by-category .card-wrapper { height: 100%; } .section__product-by-category .card { height: 100%; background-color: #FFFFFF; border-radius: 12px; } .section__product-by-category .card .cnt { border-radius: 12px; } .section__product-by-category .card .actions button { line-height: 1; } .section__product-by-category .section__header-item--button { display: none; } .section__product-by-category .section__footer { display: block; } @media (min-width: 750px) { .section__product-by-category { padding: 60px 0; } } @media (min-width: 1700px) { .section__product-by-category .arrows-pos-side .slick-prev { left: -6rem; } .section__product-by-category .arrows-pos-side .slick-next { right: -6rem; } } .storeLocator { background: var(--store-locator-bg); padding: var(--store-locator-padding-mobile) 0; margin: 0; } .storeLocator__layout { display: grid; gap: var(--store-locator-gap-mobile); } .storeLocator__map { order: 1; width: 100%; height: var(--store-locator-map-height-mobile); min-height: 240px; overflow: hidden; } .storeLocator__map iframe { display: block; width: 100%; height: 100%; border: 0; } .storeLocator__list { order: 2; min-width: 0; } .storeLocator__item { padding: 0 0 36px; color: var(--store-locator-text-color); border-bottom: 1px solid var(--store-locator-divider); } .storeLocator__item + .storeLocator__item { padding-top: 36px; } .storeLocator__item:last-child { border-bottom: 0; padding-bottom: 0; } .storeLocator__title { margin: 0 0 8px; color: var(--store-locator-title-color); font-size: 18px; } .storeLocator__address, .storeLocator__hours-text { margin: 0; color: var(--store-locator-text-color); font-size: 16px; white-space: pre-line; font-weight: 500; } .storeLocator__phone { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: var(--store-locator-link-color); font-size: 16px; font-weight: 700; } .storeLocator__phone:hover, .storeLocator__phone:focus-visible { color: var(--store-locator-link-color); } .storeLocator__phone-icon { flex: 0 0 auto; width: 18px; height: 24px; color: var(--store-locator-text-color); } .storeLocator__meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; margin-top: 16px; } .storeLocator__hours-heading { font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0; color: var(--store-locator-text-color); font-size: 16px; font-weight: 700; text-transform: uppercase; } .storeLocator__directions { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 160px; padding: 12px 18px; border-radius: 8px; background: var(--store-locator-button-bg); color: var(--store-locator-button-color); font-size: 16px; font-weight: 600; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .storeLocator__directions:hover, .storeLocator__directions:focus-visible { color: var(--store-locator-button-color); text-decoration: none; background: #363436 !important; } @media (min-width: 1024px) { .storeLocator { padding: var(--store-locator-padding-desktop) 0; } .storeLocator__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: var(--store-locator-gap-desktop); } .storeLocator__list { order: 1; max-height: var(--store-locator-map-height-desktop); overflow-y: auto; overscroll-behavior: contain; } .storeLocator__map { order: 2; height: var(--store-locator-map-height-desktop); } .storeLocator__title { font-size: 20px; } } @media (min-width: 1280px) { .storeLocator__layout { grid-template-columns: minmax(280px, 515px) minmax(0, 1fr); } } @media (max-width: 749px) { .storeLocator__directions { min-width: 160px; } } @media (max-width: 390px) { .storeLocator__directions { justify-self: start; } } .page-type-category:has(.ss__no-results) .section__featured-categories { background-color: #ffffff; } .page-type-category:has(.ss__results) .section__featured-categories { background-color: #ffffff; display: none; } .page-type-category:has(.ss__results) .section__icon-with-text-2 { display: none; } /* -------------------------------------------------------------------------- *\ REVIEW STARS \* -------------------------------------------------------------------------- */ .icon-star-full, .icon-star-half, .icon-star-empty { color: #0061a1; } .icon-star-full { font-size: 1.4rem; } .icon-star-half { font-size: 1.9rem; height: 2.2rem; } @media (min-width: 768px) { .icon-star-half { height: 2.1rem; } } .icon-star-empty { height: 2rem; font-size: 1.5rem; } .content-container.brands-container { max-width: none; } .content-container.brands-container h3 { margin-top: 2.4rem; } .content-container.brands-container h2 { text-align: left; } .content-container.brands-container .all-brands { margin-top: 2.4rem; margin-bottom: 0; } .content-container.brands-container .search-brands { margin-bottom: 0; } .content-container.brands-container .content-container { border-top: 0.1rem solid #B3BBCB; } .content-container.brands-container .search-brands { max-width: 50rem; } .content-container.brands-container .breadcrumb-outer { margin-bottom: 0; border-bottom: 0; padding: 1rem 0; } .content-container.brands-container .featured-brands-top a { display: inline-block; margin: 0 1.5rem; } .content-container.brands-container .featured-brands-bottom { max-width: 90rem; margin: 0 auto; } .content-container.brands-container .featured-brands-bottom a { display: block; width: 25%; text-align: center; padding: 2rem 0; } .content-container.brands-container .featured-brands-bottom a img { max-width: 15rem; } .content-container.brands-container .non-seo-heading { color: #eaeaea; text-transform: uppercase; font-size: 3.2rem; font-weight: 600; line-height: 1; padding: 4rem 0 2rem; } .content-container.brands-container .non-seo-sub-heading { color: #9c9c9c; font-size: 2.8rem; font-weight: 600; line-height: 1.2; padding-bottom: 3rem; } .content-container.brands-container ul.featured-images { list-style-type: none; margin: 0; } .content-container.brands-container ul.featured-images li { display: inline-block; } .content-container.brands-container ul.featured-images.one { padding-bottom: 2rem; } .content-container.brands-container ul.featured-images.one li { display: block; width: 50%; } .content-container.brands-container ul.featured-images.one li:first-child { text-align: right; } .content-container.brands-container ul.featured-images.one li:last-child { text-align: left; } .content-container.brands-container ul.featured-images.two li { padding: 0 2rem; } .content-container.brands-container h1.main-heading { margin: 0; font-size: 3.4rem; padding: 3rem 0 3rem; } .content-container.brands-container .search-brands { position: relative; } .content-container.brands-container .search-brands input { padding: 1.2rem 1.6rem; width: 100%; border: 0.1rem solid #B3BBCB !important; margin-top: 1.6rem; } .content-container.brands-container .search-brands input::placeholder { color: #38454F; } .content-container.brands-container .search-brands .submit { position: absolute; right: 0; padding: 1.2rem 1.6rem; margin-top: 1.6rem; top: 0; } .content-container.brands-container .brand-letters { margin-top: 0.8rem; } .content-container.brands-container .brand-letters ul.letters { margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; } .content-container.brands-container .brand-letters ul.letters li { background-color: #B3BBCB; padding: 0; width: 4.8rem; height: 3.6rem; margin: 0.4rem; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; line-height: 3.6rem; text-align: center; cursor: pointer; transition: all .2s; font-family: "Conthrax", Arial, Helvetica, sans-serif; } .content-container.brands-container .brand-letters ul.letters li:hover { background-color: #0061A1; color: #ffffff; } @media (min-width: 992px) { .content-container.brands-container .brand-letters ul.letters li { width: 8rem; height: 7rem; line-height: 7rem; font-size: 1.8rem; } } .content-container.brands-container .brand-details { gap: 1.6rem; /* Adjust the gap between columns as needed */ } @media (min-width: 768px) { .content-container.brands-container .brand-details { column-count: 2; } } @media (min-width: 992px) { .content-container.brands-container .brand-details { column-count: 3; } } .content-container.brands-container .brand-details .letter { break-inside: avoid; /* Prevents breaking .letter elements between columns */ } .content-container.brands-container .brand-details .loading-spinner { text-align: center; padding: 4rem 0; } .content-container.brands-container .brand-details .letter { padding-top: 3.2rem; } .content-container.brands-container .brand-details .letter.selected { display: block; } .content-container.brands-container .brand-details .letter .letter-heading { font-weight: 600; text-transform: uppercase; font-size: 2rem; margin-bottom: 0.4rem; color: #000000; font-family: "Open Sans", Arial, Helvetica, sans-serif; } .content-container.brands-container .brand-details .letter ul.brands { margin: 0; list-style-type: none; display: flex; flex-direction: column; width: 100%; } .content-container.brands-container .brand-details .letter ul.brands li { font-size: 1.6rem; padding-left: 0; margin-top: 0; } .content-container.brands-container .brand-details .letter ul.brands li a { text-decoration: none; } .content-container.brands-container .brand-details .letter ul.brands li a:hover { color: #0061A1; } .content-container.brands-container:not(.searching) .brand-letters ul.letters li.selected { background-color: #0061A1; color: #ffffff; } .content-container.brands-container:not(.searching) .brand-details .letter { display: none; } .content-container.brands-container:not(.searching) .brand-details .letter.selected { display: block; } .content-container.brands-container.searching .brand-details .letter { display: none; } .content-container.brands-container.searching .brand-details .letter.search-show { display: block; } .content-container.brands-container.searching .brand-details .letter ul.brands li { display: none; } .content-container.brands-container.searching .brand-details .letter ul.brands li.search-show { display: block; } .content-container.brands-container .categorypage-copy { margin-bottom: 40px; } .page-type-category:has(.brands-container) h1 { margin-bottom: 8px; } .table { border-collapse: collapse; width: 100%; font-size: 1.4rem; } .table:last-child { margin-bottom: 2.4rem; } .table thead { background: #DDE5F4; } .table thead th { font-weight: 700; } .table tbody { background: #fff; } .table tbody td:nth-child(1) { font-weight: 700; } .table td, .table th { text-align: left; border: 0.1rem solid #B3BBCB; padding: 0.4rem 1rem; } .bulk-pricing { margin: 0.8rem 0 1.6rem; background-color: #EAF0F7; padding: .8rem; border-radius: 12px; } @media (min-width: 992px) { .bulk-pricing { margin: 1.6rem 0 3.2rem; } } .bulk-pricing > p { margin: 0; font-size: 1.6rem; text-align: center; background: white; border: 0.1rem solid #98B7DA; padding: 0.9rem 0; border-radius: 12px 12px 0 0; } .bulk-pricing table { margin-bottom: 0; border-collapse: separate; border-spacing: 0; } .bulk-pricing table th { border-top: none; border-color: #98B7DA; padding-top: .75rem; padding-bottom: .75rem; } .bulk-pricing table th + th { border-left: none; } .bulk-pricing table tbody tr td { border-top: none; border-color: #98B7DA; padding-top: .75rem; padding-bottom: .75rem; } .bulk-pricing table tbody tr td + td { border-left: none; } .bulk-pricing table tbody tr:last-child td:first-child { border-radius: 0 0 0 12px; } .bulk-pricing table tbody tr:last-child td:last-child { border-radius: 0 0 12px 0; } .bulk-pricing .savings { color: #000; } .bulk-pricing__purchase-quantity { padding: .8rem; margin-bottom: .8rem; display: flex; align-items: center; gap: 8px; } .bulk-pricing__purchase-quantity .bulk-pricing__purchase-label { font-size: 14px; font-weight: 700; text-transform: capitalize; } .bulk-pricing__purchase-quantity .bulk-pricing__purchase-value { font-size: 14px; font-weight: 400; text-transform: capitalize; } /* -------------------------------------------------------------------------- *\ COOKIE CONSENT BANNER \* -------------------------------------------------------------------------- */ #consent-manager { display: none; } #consent-manager a { display: none; } .cookie-consent-modal { padding-top: 0; position: relative; width: auto; height: auto; z-index: 1000; font-family: sans-serif; } .cookie-consent-modal .modal-close { position: absolute; right: 1rem; top: .2rem; font-size: 3.6rem; line-height: 1; } .cookie-consent-modal .modal-content-wrap { position: fixed; bottom: 0; margin: 1.6rem; } .cookie-consent-modal .modal-content-wrap.right { right: 10rem; } .cookie-consent-modal .modal-content-wrap.left { left: 0; } .cookie-consent-modal .modal-content-wrap .modal-content { border: 0.1rem solid rgba(0, 0, 0, 0.2); background: white; box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.3); padding: 0; max-width: 74.4rem; border-radius: 0.32rem; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-header { padding: 1.6rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); } .cookie-consent-modal .modal-content-wrap .modal-content .modal-header h3, .cookie-consent-modal .modal-content-wrap .modal-content .modal-header .h3 { margin: 0; font-weight: 500; position: relative; top: 0.32rem; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-body { padding: 1.6rem 1.6rem; line-height: 1.3; font-size: .9em; } @media (min-width: 768px) { .cookie-consent-modal .modal-content-wrap .modal-content .modal-body { font-size: 1em; } } .cookie-consent-modal .modal-content-wrap .modal-content .modal-body a { color: #3579F6; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-body a:hover { color: #0b5bed; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer { padding: 1.6rem 0.8rem 0.8rem 0.8rem; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; row-gap: 1.2rem; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn { padding: 1.12rem 1.76rem; cursor: pointer; border: none; margin-left: 0.8rem; margin-right: 0.8rem; margin-bottom: 0.8rem; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-primary { color: #FFFFFF; width: auto; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-secondary, .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .shipping-quotes .btn.select-shipping-quote, .shipping-quotes .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.select-shipping-quote { background-color: #fff; font-size: .8em; color: #000; width: auto; } @media screen and (max-width: 62rem) { .cookie-consent-modal .btn { width: 100%; } } .cookie-consent-modal.block-access { position: fixed; background-color: rgba(0, 0, 0, 0.5); padding-top: 20vh; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; } @media screen and (max-width: 62rem) { .cookie-consent-modal.block-access { padding-top: 0; } } .cookie-consent-modal.block-access .modal-content-wrap { position: relative; margin: 2.5% auto; bottom: auto; width: 95%; } .cookie-consent-modal.block-access .modal-content-wrap .modal-content { border: none; margin: 0 auto; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn-dismiss.button--secondary { background: 0 0; padding: 1.1rem 1.6rem !important; } .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn-dismiss.button--secondary a { text-decoration: none; font-size: 1rem; } @media screen and (max-width: 549px) { .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn-dismiss.button--secondary, .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .button.button--primary { padding: 1.1rem 1.2rem !important; } } /* -------------------------------------------------------------------------- *\ COMPONENTS This loads all the components into the website \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ AUTH COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ AUTH - CREATE \* -------------------------------------------------------------------------- */ .auth-header .page-heading-wrapper { text-align: center; margin-bottom: 4rem; } .auth-header .page-heading-wrapper .page-heading { margin: 0; } .auth-header .page-heading-wrapper a { color: #3170B5; font-weight: 500; text-decoration: underline; text-underline-offset: 0.3rem; } .auth-header .page-heading-wrapper a:hover { color: #000000; } @media (min-width: 768px) { .auth-create .container { max-width: calc($siteWMx * 10 / 12); } } @media (min-width: 992px) { .auth-create .container { max-width: calc($siteWMx * 8 / 12); } } .auth-create .container .account-heading { font-size: 2rem !important; text-align: left !important; margin-bottom: 1.6rem !important; } @media (min-width: 768px) { .auth-create .container .account-heading { font-size: 2.4rem !important; } } .auth-create h2 { width: 100%; font-size: 2.4rem; font-weight: 700; margin: 0 0 1.6rem; } .auth-create .account-body { display: flex; flex-direction: column; max-width: 92rem; margin: 0 auto; } .auth-create .account-info-section { margin-bottom: 0.8rem; } .auth-create .account-info-section .form-el { width: 100%; } @media (min-width: 768px) { .auth-create .account-info-section .form-el:has(input[type="password"]) { width: calc(50% - 1.6rem); } } .auth-create .address-section { padding-top: 4rem; } @media (min-width: 768px) { .auth-create .address-section h2 { order: 0; } .auth-create .address-section .form-el[data-type="FirstName"] { order: 1; } .auth-create .address-section .form-el[data-type="LastName"] { order: 2; } .auth-create .address-section .form-el[data-type="Phone"] { order: 3; } .auth-create .address-section .form-el[data-type="CompanyName"] { order: 4; } .auth-create .address-section .form-el[data-type*="Address1"], .auth-create .address-section .form-el[data-type*="Address"][data-type*="1"] { order: 5; } .auth-create .address-section .form-el[data-type*="Address2"], .auth-create .address-section .form-el[data-type*="Address"][data-type*="2"] { order: 6; } .auth-create .address-section .form-el[data-type="City"], .auth-create .address-section .form-el[data-type="Suburb"] { order: 7; } .auth-create .address-section .form-el[data-type="State"], .auth-create .address-section .form-el[data-type="StateOrProvince"] { order: 8; } .auth-create .address-section .form-el[data-type="Zip"], .auth-create .address-section .form-el[data-type="PostalCode"] { order: 9; } .auth-create .address-section .form-el[data-type="Country"] { order: 10; } } .auth-create .form-field--checkbox { margin-bottom: 0.8rem; } .auth-create .form-field--checkbox:last-child { margin-bottom: 0; } .auth-create .form-field--checkbox label { margin: 0; } .auth-create .form-field--checkbox input { display: none; } .auth-create .subscription-wrapper { display: grid; grid-template-columns: 1fr; gap: 2.4rem; align-items: start; margin-top: 4rem; } @media (min-width: 768px) { .auth-create .subscription-wrapper { grid-template-columns: 1fr auto; } } .auth-create .subscription-wrapper .subscription-group { grid-row: 1; display: flex; flex-direction: column; gap: 0.8rem; } .auth-create .subscription-wrapper .g-recaptcha { grid-row: 2; } .auth-create .subscription-wrapper .g-recaptcha > div { margin: 0; } @media (min-width: 768px) { .auth-create .subscription-wrapper .g-recaptcha { grid-column: 2; grid-row: 1; } } .auth-create .subscription-wrapper br { display: none; } .auth-create .subscription-wrapper .attentive-disclaimer { grid-column: 1 / -1; grid-row: 3; font-size: 1.4rem; line-height: 1.6; margin: 0; margin-top: 1.6rem; } @media (min-width: 768px) { .auth-create .subscription-wrapper .attentive-disclaimer { grid-row: 2; } } .auth-create .subscription-wrapper a { color: #3170B5; text-decoration: underline; text-underline-offset: 0.3rem; } .auth-create .subscription-wrapper a:hover { color: #000000; } .auth-create .form-actions { width: 100%; justify-content: center; } .auth-create .form-actions .button--primary { background-color: #3170B5; } .auth-create .date { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.6rem; } /* -------------------------------------------------------------------------- *\ AUTH - LOGIN \* -------------------------------------------------------------------------- */ .page-login { padding: 2.4rem 0 6rem; } @media screen and (min-width: 750px) { .page-login { padding: 6rem 0; } } .page-login header .container { text-align: center; } .page-login header .container h1 { margin-bottom: 4rem; } @media screen and (max-width: 749px) { .page-login header .container h1 { font-size: 4rem; } } .page-login .auth-login { margin-top: 0; } .page-login .auth-login .container { display: flex; flex-direction: column; gap: 6rem; max-width: 76rem; margin: 0 auto; } .page-login .auth-login .container .link-forgot-password { color: #363436; text-underline-offset: 0.3rem; font-weight: 500; font-size: 16px; text-transform: uppercase; } .page-login .auth-login .container .link-forgot-password:hover { color: #3170B5; } .page-login .auth-login .container aside { background: #EAF0F7; padding: 1.6rem; border-radius: 1.2rem; } .page-login .auth-login .container aside h2 { font-size: 2.4rem; } @media screen and (min-width: 750px) { .page-login .auth-login .container aside h2 { font-size: 2.8rem; } } .page-login .auth-login .container aside .btn-create-account { width: 100%; margin-top: 10px; } .page-login .auth-login .container aside .new-customer-info { display: flex; flex-direction: column; gap: 2.4rem; color: #171717; } .page-login .auth-login .container aside .new-customer-info .benefits__label { margin: 0; font-size: 16px; font-weight: 700; text-transform: capitalize; } .page-login .auth-login .container aside .new-customer-info .benefits__list li { color: #171717; font-size: 16px; } @media screen and (min-width: 750px) { .page-login .auth-login .container aside { padding: 2.4rem; } .page-login .auth-login .container aside .new-customer-info { display: flex; flex-direction: row; justify-content: space-between; } .page-login .auth-login .container aside .benefits__label, .page-login .auth-login .container aside .benefits__list { flex: 1; } } .page-login .auth-login .container > div { grid-area: form; } .page-login .auth-login .container .btn-text { margin-left: 2rem; } .page-login .auth-login .container li::before { content: ''; position: absolute; top: 10px; left: 4px; border-radius: 1.2rem; height: 0.4rem; width: 0.4rem; background-color: #171717; } .page-login .auth-login .container form { margin-bottom: 0; } .page-login .auth-login .container .form-actions { margin-top: 1.6rem; width: 100%; } .page-login .auth-login .container .form-actions button { width: 100%; } .page-type-forgotpassword .form-prefixPostfix .form-input { margin-bottom: 1.6rem; } /* -------------------------------------------------------------------------- *\ AUTH - RESET \* -------------------------------------------------------------------------- */ @use "sass:math"; .page-type-forgotpassword h1, .page-type-getnewpassword h1 { text-align: center; margin-bottom: 24px; } .auth-reset, .auth-new { padding-bottom: 60px; } .auth-reset .container, .auth-new .container { max-width: 76rem; margin: 0 auto; } .auth-reset .container > p, .auth-new .container > p { text-align: center; } .auth-reset .g-recaptcha, .auth-new .g-recaptcha { margin-top: 24px; } .auth-reset .form-actions, .auth-new .form-actions { width: 100%; justify-content: center; } /* -------------------------------------------------------------------------- *\ AUTH - RESET \* -------------------------------------------------------------------------- */ @use "sass:math"; @media (min-width: 768px) { .auth-new .container { max-width: calc($siteWMx * 10 /12); } } @media (min-width: 992px) { .auth-new .container { max-width: calc($siteWMx * 8 / 12); } } .auth-new .form-actions { width: 100%; justify-content: center; } /* -------------------------------------------------------------------------- *\ BLOG COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ BLOG - CARD \* -------------------------------------------------------------------------- */ .blog-card { position: relative; display: flex; flex-direction: column; } .blog-card .tags { position: absolute; z-index: 2; top: 1.2rem; left: 0; background: #DDE5F4; padding: 0.2rem 1.2rem; display: flex; align-items: center; } @media (min-width: 992px) { .blog-card .tags { top: 2.4rem; padding: 0.4rem 1.2rem; } } .blog-card .tags li { padding: 0; margin: 0; font-weight: 600; font-size: 1.2rem; } .blog-card .tags li + li { margin-left: 0.4rem; } .blog-card .tags li a { font-weight: 600; font-size: 1.2rem; line-height: 1.8rem; text-decoration: none; color: #000000; } .blog-card .tags li a:hover, .blog-card .tags li a:focus { text-decoration: underline; } .blog-card:hover img, .blog-card:focus img { transform: scale(1.1); } .blog-card .img { aspect-ratio: 1.4; overflow: hidden; z-index: 1; } .blog-card .img img { transition: transform .5s ease; display: block; width: 100%; height: 100%; object-fit: cover; } .blog-card .img img.placeholder { object-fit: contain; background: #000000; } .blog-card .cnt { padding-top: 2rem; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .blog-card .cnt h3 a { text-decoration: none; color: #000000; } .blog-card .cnt h3 a:hover, .blog-card .cnt h3 a:focus { text-decoration: underline; } .blog-card .cnt p { display: -webkit-box !important; -webkit-box-orient: vertical; /* autoprefixer: off */ overflow: hidden; -webkit-line-clamp: 2; } .blog-card .cnt .by-line { font-size: 1.4rem; margin: 0 0 0.4rem; font-weight: 600; font-size: 1rem; line-height: 1.6rem; color: #38454F; } @media (min-width: 992px) { .blog-card .cnt .by-line { font-size: 1.2rem; line-height: 1.8rem; } } @media (min-width: 992px) { .blog-card .cnt .summary { margin-bottom: 4rem; } } .blog-card .cnt .btn-secondary, .blog-card .cnt .shipping-quotes .select-shipping-quote, .shipping-quotes .blog-card .cnt .select-shipping-quote { width: 100%; } @media (min-width: 992px) { .blog-card .cnt .btn-secondary, .blog-card .cnt .shipping-quotes .select-shipping-quote, .shipping-quotes .blog-card .cnt .select-shipping-quote { width: auto; } } /* -------------------------------------------------------------------------- *\ BLOG - FEED - FEATURED/RECENT \* -------------------------------------------------------------------------- */ @media (min-width: 768px) { .feed-blog-feat { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; margin: 0 -1.6rem; } .feed-blog-feat .card-blog { margin: 0 1.6rem; } } aside .feed-blog-feat { flex-flow: column nowrap; margin: 0 0 2.4rem; } aside .feed-blog-feat:last-child { margin: 0; } aside .feed-blog-feat .card-blog { margin: 0; } aside .feed-blog-feat .card-blog + .card-blog { margin-top: 1.6rem; } .blog-header > .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; flex-flow: column nowrap; } @media (min-width: 768px) { .blog-header > .container { align-items: center; flex-direction: row; justify-content: space-between; } } .blog-header > .container h1 { margin-bottom: 0.8rem; } @media (min-width: 768px) { .blog-header > .container h1 { margin-top: 0; margin-bottom: 2.4rem; } } .blog-header > .container .filter-dropdown { margin-bottom: 1.6rem; display: flex; align-items: center; gap: 0.8rem; } .blog-header > .container .filter-dropdown select { min-width: 19rem; } .blog-header > .container label { font-weight: 600; font-size: 1.4rem; line-height: 1.5; white-space: nowrap; } @media (min-width: 768px) { .blog-header > .container { margin-bottom: 2.4rem; } .blog-header > .container .filter-dropdown, .blog-header > .container h1 { margin-bottom: 0; } } .blog-hero { margin-top: 1.6rem; } .blog-hero .container > div { background-color: #0061A1; display: grid; grid-template-columns: 1fr; grid-template-areas: "blog_image" "blog_description"; } @media (max-width: 767.9px) { .blog-hero .container > div { padding: 0; } } @media (min-width: 768px) { .blog-hero .container > div { grid-template-columns: 1fr 1fr; grid-template-areas: "blog_description blog_image"; } } .blog-hero .container > div > div { grid-area: blog_description; padding: 2.4rem 2.4rem 4rem 2.4rem; margin: auto auto; } @media (min-width: 768px) { .blog-hero .container > div > div { padding: 3.2rem; } } @media (min-width: 992px) { .blog-hero .container > div > div { padding: 6.4rem; } } .blog-hero .container > div ul { margin: 0; display: flex; } .blog-hero .container > div ul .tag { margin-left: 0.4rem; font-size: 1.4rem; } .blog-hero .container > div ul .tag:first-child { margin: 0; } .blog-hero .container > div ul li > a { text-align: left; font-size: 1.4rem; line-height: 1.5; text-transform: uppercase; text-decoration: none; font-weight: 700; } @media (min-width: 992px) { .blog-hero .container > div ul li > a { margin-bottom: 0.4rem; } } .blog-hero .container > div li { padding: 0; margin: 0; } .blog-hero .container > div h2 { text-align: left; margin-bottom: 1.6rem; } @media (min-width: 992px) { .blog-hero .container > div p { margin-bottom: 3.2rem; } } .blog-hero .container > div picture { grid-area: blog_image; display: flex; justify-content: center; } .blog-hero .container > div picture img { height: 100%; width: 100%; object-fit: cover; top: 0; aspect-ratio: 1.4; } @media (min-width: 992px) { .blog-hero .container > div picture img { aspect-ratio: 656/ 390; } } /* -------------------------------------------------------------------------- *\ BLOG - LAYOUT \* -------------------------------------------------------------------------- */ .bg-color { background-color: #DDE5F4; } .bg-color h1 { padding-top: 2.4rem; margin-top: 0; } @media (min-width: 768px) { .bg-color h1 { padding-top: 0; } } .bg-color-light { background-color: #f3F6FC; } .layout-blog .feed-blog { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 0.8rem; row-gap: 1.6rem; } @media (min-width: 768px) { .layout-blog .feed-blog { grid-template-columns: repeat(2, 1fr); column-gap: 1.6rem; row-gap: 1rem; } } @media (min-width: 992px) { .layout-blog .feed-blog { grid-template-columns: repeat(3, 1fr); column-gap: 3.2rem; row-gap: 3.2rem; } } @media (min-width: 768px) and (max-width: 991.9px) { .layout-blog .feed-blog.recent .blog-card:last-child { display: none; } } .layout-blog .blog-detail { grid-template-columns: 1fr; grid-template-areas: "post" "related"; padding-top: 1.6rem; position: relative; } @media (min-width: 992px) { .layout-blog .blog-detail { display: grid; padding-top: 5.2rem; grid-template-columns: 66% auto 25%; grid-template-areas: "post . related"; } .layout-blog .blog-detail.js-remove-aside { display: block; } .layout-blog .blog-detail .card { background: transparent; } } .layout-blog .blog-detail #shop-related-btn { position: sticky; bottom: 2rem; left: 100%; margin-top: 2rem; } @media (min-width: 992px) { .layout-blog .blog-detail #shop-related-btn { display: none !important; } } .layout-blog .blog-detail aside { grid-area: related; position: relative; padding: 4rem 0 2.4rem; background: transparent; } @media (min-width: 768px) { .layout-blog .blog-detail aside { padding: 4rem 0 2.4rem; } } @media (min-width: 992px) { .layout-blog .blog-detail aside { padding: 0; } .layout-blog .blog-detail aside > div { position: sticky; top: 12rem; } } /* -------------------------------------------------------------------------- *\ BLOG - FEED \* -------------------------------------------------------------------------- */ .by-line { color: #0061A1; } .blog-detail h2 { text-align: left; } @media (min-width: 992px) { .blog-detail { padding-bottom: 4.8rem; } } .blog-detail .img { aspect-ratio: 1.4; z-index: 1; } .blog-detail .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .blog-detail .cnt { margin-top: 5.2rem; } .blog-detail > div { display: grid; grid-template-columns: 1fr 1fr; align-content: start; } .blog-detail > div article { grid-column: 1 / span 2; margin-bottom: 2.4rem; } .blog-detail > div .share { grid-column: 2 / span 1; display: flex; } .blog-detail .tags { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-flow: row wrap; align-self: center; } .blog-detail .tags h3, .blog-detail .tags .h3 { margin: 0 0.8rem 0 0; font-size: 1.6rem; } .blog-detail .tags ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-flow: row wrap; margin: 0; } .blog-detail .tags li { margin: 0.2rem 0.8rem 0.2rem; padding: 0; } .blog-detail .tags li > a { font-size: 1.4rem; } .blog-detail .tags li:before { display: none; } .blog-detail .share { justify-self: end; align-self: center; } .blog-detail .share ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; } .blog-detail .share ul li + li { margin: 0 0 0 0.8rem; } /* -------------------------------------------------------------------------- *\ CART COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CART - ACTIONS \* -------------------------------------------------------------------------- */ @media (min-width: 768px) { .cart-aside { position: sticky; top: 8rem; } } @media (min-width: 992px) { .cart-aside { top: 14rem; } } .cart-aside h2 { text-align: left; } .cart-aside .cart-actions { text-align: center; padding-bottom: 1.2rem; } .cart-aside .cart-actions .btn-checkout { width: 100%; display: flex; align-items: center; font-weight: 600; font-size: 16px; text-transform: uppercase; } .cart-aside .cart-actions .btn-checkout svg { width: 1.6rem; height: 1.6rem; } .cart-aside #qn-cart-to-quote { background-color: transparent !important; color: #3170B5 !important; font-weight: 700; font-size: 16px; text-transform: uppercase; text-decoration: none; margin-top: 0; border-radius: 0; border-bottom: 0.1rem solid #3170B5 !important; padding: 0; display: inline-flex; } .cart-aside #qn-cart-to-quote:before { content: "Add"; margin-right: 0.5rem; } .cart-aside #qn-add-to-quote { display: none !important; } .cart-aside .desktop-only { display: none; } @media (min-width: 992px) { .cart-aside .desktop-only { display: inline-block; margin: 0 0.4rem; } } .cart-aside .icon-grid { background: rgba(234, 234, 234, 0.5); padding: 2.4rem 1.6rem; display: flex; gap: 2rem; border-radius: 1rem; justify-content: space-between; margin-top: 0.8rem; margin-bottom: 2.4rem; } .cart-aside .icon-grid .icon-grid-item { line-height: 1.5; text-align: center; max-width: 12rem; } .cart-aside .icon-grid .icon-grid-item span { width: 7rem; height: 7rem; display: block; margin: 0 auto 1.6rem; } .cart-aside .icon-grid .icon-grid-item p, .cart-aside .icon-grid .icon-grid-item p > * { font-size: 12px; font-weight: 500; line-height: 1.5; } .cart-aside .icon-grid .icon-grid-item p a { text-decoration: none; color: #3170B5; padding-top: 0.2rem; } .cart-aside .icon-grid .icon-grid-item svg { width: 100%; height: 100%; } @media (max-width: 749px) { .cart-aside .icon-grid { margin-bottom: 1.2rem; } } @media screen and (min-width: 750px) { .free-shipping-box { margin: 0; } } .free-shipping-box > div { padding: 1.2rem 0; } .free-shipping-box p { margin-bottom: 1rem; font-weight: 500; } @media screen and (min-width: 1025px) { .free-shipping-box p { font-size: 1.6rem; } } .free-shipping-box .free-shipping-outline { height: 1rem; background: #FFF; position: relative; width: 100%; } .free-shipping-box .free-shipping-outline .free-shipping-bar { display: block; height: 100%; } .free-shipping-box .free-shipping-outline .free-shipping-bar .animate-bar { background: #3170B5; height: 100%; animation: progressBar 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67); animation-delay: 1s; animation-fill-mode: both; position: relative; border-radius: 36rem; } .free-shipping-box .free-shipping-outline .free-shipping-bar .price-left { position: absolute; right: -4rem; top: 1.4rem; font-weight: 400; font-size: 1.4rem; line-height: 2.1rem; white-space: nowrap; } .free-shipping-box .free-shipping-outline .free-shipping-bar.right-0 .price-left { right: 0; } .free-shipping-box .free-shipping-outline .free-shipping-bar.left-0 .price-left { right: unset; left: 0; } @keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } .free-shipping-box .is-free { width: 100%; } .free-shipping-box .is-free .animate-bar { background: #3170B5 !important; } .free-shipping-box .is-free .animate-bar .price-left { right: 0 !important; } .free-shipping-box.free-shipping-dropdown > div { background: none; padding: 0; } .free-shipping-box.free-shipping-dropdown > div .free-shipping-text { font-size: 1.6rem; text-align: center; } .free-shipping-box.free-shipping-dropdown > div .free-shipping-text span { font-weight: 700; text-transform: capitalize; } .free-shipping-box.free-shipping-dropdown > div .free-shipping-bar .animate-bar { background: #CC4B18; border-radius: 36rem; position: relative; } .free-shipping-box.free-shipping-dropdown > div .is-free .animate-bar:after { content: none; } /* -------------------------------------------------------------------------- *\ CART - SHIPPING ESTIMATES \* -------------------------------------------------------------------------- */ .shipping-quotes { padding-top: 1.2rem; } .shipping-quotes ul { margin: 0 0 1.6rem; } .shipping-quotes ul li { padding: 0; margin: 0; } .shipping-quotes ul li:before { display: none; } .shipping-quotes ul li:last-child dl { margin: 0; } .shipping-quotes ul dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; margin: 0; } .shipping-quotes ul dl dt, .shipping-quotes ul dl dd { padding: 0.4rem 0.8rem; } .shipping-quotes ul dl dt { width: 66.667%; } .shipping-quotes ul dl dd { width: 33.333%; } .shipping-quotes ul dl dd label { display: block; text-align: right; margin: 0; } .shipping-quotes ul .estimator-form-row { font-weight: normal; margin-bottom: 0.8rem; } .shipping-quotes ul .estimator-form-label { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; padding-left: 0; } .shipping-quotes ul .estimator-form-input { font-size: 1.6rem; padding-right: 0; } .shipping-quotes ul input[type="radio"] + label { position: relative; margin: 0; font-size: 1.6rem; } .shipping-quotes.error { color: #EB5757; font-size: 1.4rem; } .shipping-quotes .select-shipping-quote { width: auto; } /* -------------------------------------------------------------------------- *\ CART - LAYOUT \* -------------------------------------------------------------------------- */ .cart .container { margin-top: 2.4rem; } .cart .container .cart-layout .cart-main .cnt { margin-top: 0.8rem; } .cart .container .cart-layout .cart-aside { margin-top: 2.4rem; } @media screen and (min-width: 1280px) { .cart .container .cart-layout { display: flex; gap: 4.4rem; } .cart .container .cart-layout .cart-main { width: 71.6%; } .cart .container .cart-layout .cart-main .cnt { margin-top: 1rem; } .cart .container .cart-layout .cart-aside { width: 28.4%; margin-top: 0rem; } } @media screen and (min-width: 1025px) { .cart .container { margin-top: 4rem; margin-bottom: 4rem; } } .cart .container .link-back-to-shopping { display: flex; align-items: center; gap: 1rem; color: #3170B5; font-weight: 600; font-size: 1.8rem; text-decoration: none; margin: 1.2rem 0; } .cart .container .link-back-to-shopping svg { width: 2.4rem; height: 2.4rem; color: #3170B5; } @media (max-width: 749px) { .cart .container .link-back-to-shopping { justify-content: center; } } .cart h1 { text-transform: capitalize; grid-area: title; text-align: left; margin: 0 0 0.8rem; } @media (min-width: 768px) { .cart h1 { margin: 0 0 1.2rem; } } .cart .free-shipping-box { grid-area: promo; } .cart .cnt { grid-area: cnt; } .cart .or-use-label { margin-bottom: 0; margin-top: 0.8rem; } [data-cart-status] { margin-top: 40px; } .giftWrapping-form .giftWrapping-type { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); align-items: start; gap: 0.8rem; } .giftWrapping-form .giftWrapping-type .form-radio, .giftWrapping-form .giftWrapping-type .form-label { margin: 0; } .giftWrapping-form .giftWrapping-type .form-radio { margin-top: 3.5px; } .giftWrapping-form .giftWrapping-multiple .form-field .giftWrapping-select { margin-bottom: 16px; } /* -------------------------------------------------------------------------- *\ CART - LINE ITEMS \* -------------------------------------------------------------------------- */ .line-items { /* -------------------------------------------------------------------------- *\ CART - LINE ITEMS LAYOUT \* -------------------------------------------------------------------------- */ } .line-items tr { display: grid; grid-template-rows: auto 1fr; padding: 1.6rem; grid-template-columns: 10.6rem auto; grid-template-areas: 'image name' 'image options' 'image total' 'image quantity' 'image remove'; column-gap: 1.6rem; } @media (min-width: 992px) { .line-items tr { grid-template-columns: 12.8rem 1fr 18rem 14rem 4.8rem; grid-template-areas: 'image name quantity total remove' 'image options quantity total remove'; padding: 1.45rem 3.2rem; } } @media (min-width: 992px) { .line-items tr th { font-size: 1.8rem; font-weight: 600; } .line-items tr th:nth-child(1) { grid-area: image; } .line-items tr th:nth-child(2) { grid-area: name; } .line-items tr th:nth-child(3) { grid-area: quantity; } .line-items tr th:nth-child(4) { grid-area: total; } .line-items tr th:nth-child(5) { grid-area: remove; visibility: hidden; } } .line-items tr.no-options { grid-template-rows: auto auto; grid-template-areas: 'image name' 'image options' 'image total' 'image quantity' 'image remove'; } @media (min-width: 992px) { .line-items tr.no-options { grid-template-areas: 'image name quantity total remove' 'image options quantity total remove'; } } .line-items tr .line-item-image { grid-area: image; } .line-items tr .line-item-name { grid-area: name; margin-bottom: 0.4rem; } .line-items tr .line-item-price { grid-area: price; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; } .line-items tr .line-item-increment { grid-area: quantity; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; margin-bottom: 1.6rem; margin-top: 1.6rem; } @media (min-width: 992px) { .line-items tr .line-item-increment { margin: 0 auto; } } .line-items tr .line-item-options { margin-top: 0.4rem; grid-area: options; } .line-items tr .line-item-subtotal { grid-area: total; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; } @media (min-width: 992px) { .line-items tr .line-item-subtotal { justify-content: center; } } .line-items tr .line-item-remove { grid-area: remove; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; display: none; } .line-items tr .line-item-remove:empty { display: none; } @media (min-width: 992px) { .line-items tr .line-item-remove { display: flex; } } .line-items .line-item-remove button { color: #0F0F0F; letter-spacing: normal; font-weight: 400; width: 4.8rem; height: 4.8rem; background-color: #F8F8F8; border-radius: 0.8rem; padding: 1.2rem 1.425rem !important; display: flex; align-items: center; justify-content: center; } .line-items .line-item-remove button .icon-remove { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; } .line-items .line-item-remove button .icon-remove svg { margin: 0; width: 100%; height: 100%; } .line-items .line-item-name span { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1.5; } @media (min-width: 992px) { .line-items .line-item-name span { font-size: 1.8rem; } } .line-items .line-item-name small { font-weight: 300; font-size: 1rem; line-height: 1.8rem; display: block; } @media (min-width: 992px) { .line-items .line-item-name small { font-size: 1.2rem; } } .line-items .line-item-name a { text-decoration: none; color: #000000; font-size: inherit; } .line-items .line-item-name a:hover, .line-items .line-item-name a:focus { text-decoration: underline; color: #38454F; } .line-items .cart-item-image { width: 100%; aspect-ratio: 1/1; object-fit: contain; } .line-items .line-item-subtotal h3, .line-items .line-item-subtotal span { font-size: 1.6rem; font-weight: 700; line-height: 1.5; } @media (min-width: 992px) { .line-items .line-item-subtotal h3, .line-items .line-item-subtotal span { font-size: 2rem; } } .line-items .line-item-subtotal h3, .line-items .line-item-subtotal .h3 { margin: 0 0.8rem 0 0; display: none; } .line-items .line-item-subtotal .cart-item-price-current, .line-items .line-item-subtotal .cart-item-price-old { font-family: "Open Sans", Arial, Helvetica, sans-serif; } .line-items .line-item-subtotal .cart-item-price-current { font-weight: 700; } .line-items .line-item-subtotal .cart-item-price-old { color: #686868; font-weight: 400; text-decoration: line-through; } .line-items .line-item-price span { font-size: 1.4rem; } @media (min-width: 992px) { .line-items .line-item-price span { font-size: 1.8rem; } } .line-items .line-item-options span { font-size: 1.2rem; } .line-items .line-item-options span:after { content: ', '; } .line-items .line-item-options span:last-of-type::after { content: ''; } .line-items .line-item-options dl { display: grid; grid-template-columns: auto auto; grid-template-rows: auto; column-gap: 1rem; row-gap: 0.4rem; padding: 0; margin: 0; justify-content: start; } @media (min-width: 992px) { .line-items .line-item-options dl { grid-template-columns: auto auto auto auto; } } .line-items .line-item-options dd, .line-items .line-item-options dt { margin: 0; padding: 0; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; } .line-items .line-item-options .btn-txt { justify-content: flex-start; text-transform: capitalize; letter-spacing: 0.01em; display: flex; margin-top: 0.4rem; } .line-items .line-item-options .btn-txt .icon-pencil { margin-left: 0.8rem; } @media screen and (min-width: 1280px) { .line-items { border: 1px solid #E6E6E6; border-radius: 8px; overflow: hidden; } } .line-items table { width: 100%; margin: 0 0 2.4rem; } @media (min-width: 992px) { .line-items table { margin: 0 0 4rem; } } .line-items table, .line-items tbody { display: block; } .line-items thead { display: block; background: #EAEAEA; } @media (max-width: 991.9px) { .line-items thead { display: none; } } .line-items .form-increment { margin: 0; } .line-items .form-increment .line-item-remove { display: none; } @media (max-width: 991.9px) { .line-items .form-increment .line-item-remove { display: flex; margin-left: 1rem; } } .line-items .cart-item-option-actions a { font-size: 1.4rem; } .line-items tr .line-item-subtotal { gap: 0.8rem; } /* -------------------------------------------------------------------------- *\ CART - MODAL - CHANGES \* -------------------------------------------------------------------------- */ #CartEditProductFieldsForm { max-width: 100%; /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - RECTANGLE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - TEXTAREA \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - PICK LIST \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PDP - FORM ELEMENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - SET RADIO \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - SET SELECT \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - RECTANGLE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - RECTANGLE \* -------------------------------------------------------------------------- */ } #CartEditProductFieldsForm .set-swatch { margin-bottom: 1.8rem; } #CartEditProductFieldsForm .set-swatch .options { position: relative; top: -0.3rem; left: -0.3rem; } #CartEditProductFieldsForm .set-swatch .options label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; width: 3.2rem; height: 3.2rem; margin: 0 0.4rem 0.4rem 0; border-radius: 50%; transition: all .25s ease; } #CartEditProductFieldsForm .set-swatch .options label > span { transform: rotate(45deg); border-radius: 100%; width: 100%; } #CartEditProductFieldsForm .set-swatch .options label .color-group { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; overflow: hidden; } #CartEditProductFieldsForm .set-swatch .options label .color-group span { width: 100%; } #CartEditProductFieldsForm .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"]) { position: relative; } #CartEditProductFieldsForm .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"])::after { content: ""; position: absolute; inset: 0; border: 1px solid #aeaeae; border-radius: 50%; } #CartEditProductFieldsForm .set-swatch .options label.unavailable { position: relative; } #CartEditProductFieldsForm .set-swatch .options label.unavailable span { opacity: .5; } #CartEditProductFieldsForm .set-swatch .options label.unavailable::after { border-top: 0.1rem solid #707784; content: ''; position: absolute; top: 0; right: 0; left: -45%; transform: rotate(-45deg); transform-origin: 100% 0; } #CartEditProductFieldsForm .set-swatch .options label.unavailable:hover, #CartEditProductFieldsForm .set-swatch .options label.unavailable:focus { cursor: not-allowed; } #CartEditProductFieldsForm .set-swatch .options label:hover, #CartEditProductFieldsForm .set-swatch .options label:focus { cursor: pointer; transition: none; } #CartEditProductFieldsForm .set-swatch .options label:hover::before, #CartEditProductFieldsForm .set-swatch .options label:focus::before { border: 0.1rem solid #38454F; } #CartEditProductFieldsForm .set-swatch .options label.pattern { border-radius: 0; width: 5rem; height: 5rem; } #CartEditProductFieldsForm .set-swatch .options label.pattern span { background-size: cover; } #CartEditProductFieldsForm .set-swatch .options label.pattern > span { transform: rotate(0deg); border-radius: 100%; width: 100%; } #CartEditProductFieldsForm .set-swatch .options label.pattern::before { content: ""; position: absolute; width: 5rem; height: 5rem; transform: translateY(-0.4rem) translateX(-0.4rem); } #CartEditProductFieldsForm .set-swatch .options label.pattern .form-option-expanded { display: none; } #CartEditProductFieldsForm .set-swatch .options input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } #CartEditProductFieldsForm .set-swatch .options input:checked + label { border: 0.1rem solid #000000; padding: .3rem; } #CartEditProductFieldsForm .set-swatch .options input:checked + label.unavailable { border: 0.1rem solid #B3BBCB; padding: .3rem; } #CartEditProductFieldsForm .productOptions-list { border: 0.1rem solid #707784; } #CartEditProductFieldsForm .productOptions-list li { margin: 0; } #CartEditProductFieldsForm .productOptions-list input { width: auto; } #CartEditProductFieldsForm .productOptions-list img { aspect-ratio: 1; max-width: 6rem; display: block; width: 100%; object-fit: cover; } #CartEditProductFieldsForm .productOptions-list .productOptions-list-item { padding: 0.8rem; display: flex; justify-content: space-between; align-items: center; gap: 2rem; } #CartEditProductFieldsForm .productOptions-list .productOptions-list-item + .productOptions-list-item { border-top: 0.1rem solid #B3BBCB; } #CartEditProductFieldsForm .productOptions-list .productOptions-list-item-content { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 2rem; } #CartEditProductFieldsForm #prodd #product-list-label { font-weight: bold; font-size: 1.4rem; } #CartEditProductFieldsForm #prodd .productOptions-list { border: 0.1rem solid #B3BBCB; border-radius: 0.6rem; margin-bottom: 1.6rem !important; } #CartEditProductFieldsForm #prodd .productOptions-list-item { display: flex; margin: 0; padding: 1.2rem; } #CartEditProductFieldsForm #prodd .productOptions-list-item + .productOptions-list-item { border-top: 0.1rem solid #B3BBCB; } #CartEditProductFieldsForm #prodd .productOptions-list-item figure { margin: 0; } #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content { border: 0.2rem solid fuchsia; display: grid; grid-template-columns: 1fr auto; column-gap: 1.2rem; align-items: center; } #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content input { width: 1.5rem; } #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content label { margin: 0; } #CartEditProductFieldsForm form label, #CartEditProductFieldsForm .form-el label, #CartEditProductFieldsForm .form-cr label { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; display: block; font-weight: 700; color: #000000; } #CartEditProductFieldsForm form label span, #CartEditProductFieldsForm .form-el label span, #CartEditProductFieldsForm .form-cr label span { font-weight: 400; } #CartEditProductFieldsForm .form-field { margin-bottom: 2.4rem; } #CartEditProductFieldsForm [class*="set-"] .options { margin-top: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; gap: 0.4rem; } #CartEditProductFieldsForm [class*="set-"] .options label { font-weight: normal; } #CartEditProductFieldsForm .set-radio .options { display: flex; flex-direction: column; gap: 0.8rem; } #CartEditProductFieldsForm .set-radio .options label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; width: auto; } #CartEditProductFieldsForm .set-radio .options label:before { content: ""; display: block; width: 1.2rem; height: 1.2rem; margin: 0 0.8rem 0 0; border-radius: 100%; border: 0.1rem solid #0061A1; background-color: #fff; } #CartEditProductFieldsForm .set-radio .options label.unavailable { opacity: .5; } #CartEditProductFieldsForm .set-radio input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } #CartEditProductFieldsForm .set-radio input:checked + label:before { background: #000000; border: 0.1rem solid #000000; box-shadow: inset 0 0 0 0.3rem #fff; } #CartEditProductFieldsForm select { max-width: 30rem; margin-top: 1.6rem; } #CartEditProductFieldsForm select:disabled, #CartEditProductFieldsForm select.unavailable { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; } #CartEditProductFieldsForm .set-rectangle .options label { background: #fff; border: 0.1rem solid #C2C2C2; padding: 0.7rem 1.6rem; font-size: 1.2rem; font-weight: 600; gap: 0.8rem; transition: all .25s linear; width: auto; overflow: hidden; transition-duration: 0.1s; border-radius: 8px; min-width: 56px; margin-bottom: 0; text-align: center; } #CartEditProductFieldsForm .set-rectangle .options label:hover, #CartEditProductFieldsForm .set-rectangle .options label:focus { color: #3170B5; background: #fff; border-color: #3170B5; cursor: pointer; } #CartEditProductFieldsForm .set-rectangle .options label.unavailable { opacity: .5; } #CartEditProductFieldsForm .set-rectangle .options label.unavailable:hover, #CartEditProductFieldsForm .set-rectangle .options label.unavailable:focus { opacity: .5; } #CartEditProductFieldsForm .set-rectangle input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } #CartEditProductFieldsForm .set-rectangle input:checked + label { color: #fff; background: #3170B5; border-color: #3170B5; } #CartEditProductFieldsForm .set-rectangle input:checked + label.unavailable { opacity: .5; } #CartEditProductFieldsForm .set-rectangle input:checked + label:hover, #CartEditProductFieldsForm .set-rectangle input:checked + label:focus { color: #fff; background: #3170B5; border-color: #3170B5; } #CartEditProductFieldsForm .set-swatch { margin-bottom: 1.8rem; } #CartEditProductFieldsForm .set-swatch .options { position: relative; top: -0.3rem; left: -0.3rem; } #CartEditProductFieldsForm .set-swatch .options label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; width: 3.2rem; height: 3.2rem; margin: 0 0.4rem 0.4rem 0; border-radius: 50%; transition: all .25s ease; } #CartEditProductFieldsForm .set-swatch .options label > span { transform: rotate(45deg); border-radius: 100%; width: 100%; } #CartEditProductFieldsForm .set-swatch .options label .color-group { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; overflow: hidden; } #CartEditProductFieldsForm .set-swatch .options label .color-group span { width: 100%; } #CartEditProductFieldsForm .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"]) { position: relative; } #CartEditProductFieldsForm .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"])::after { content: ""; position: absolute; inset: 0; border: 1px solid #aeaeae; border-radius: 50%; } #CartEditProductFieldsForm .set-swatch .options label.unavailable { position: relative; } #CartEditProductFieldsForm .set-swatch .options label.unavailable span { opacity: .5; } #CartEditProductFieldsForm .set-swatch .options label.unavailable::after { border-top: 0.1rem solid #707784; content: ''; position: absolute; top: 0; right: 0; left: -45%; transform: rotate(-45deg); transform-origin: 100% 0; } #CartEditProductFieldsForm .set-swatch .options label.unavailable:hover, #CartEditProductFieldsForm .set-swatch .options label.unavailable:focus { cursor: not-allowed; } #CartEditProductFieldsForm .set-swatch .options label:hover, #CartEditProductFieldsForm .set-swatch .options label:focus { cursor: pointer; transition: none; } #CartEditProductFieldsForm .set-swatch .options label:hover::before, #CartEditProductFieldsForm .set-swatch .options label:focus::before { border: 0.1rem solid #38454F; } #CartEditProductFieldsForm .set-swatch .options label.pattern { border-radius: 0; width: 5rem; height: 5rem; } #CartEditProductFieldsForm .set-swatch .options label.pattern span { background-size: cover; } #CartEditProductFieldsForm .set-swatch .options label.pattern > span { transform: rotate(0deg); border-radius: 100%; width: 100%; } #CartEditProductFieldsForm .set-swatch .options label.pattern::before { content: ""; position: absolute; width: 5rem; height: 5rem; transform: translateY(-0.4rem) translateX(-0.4rem); } #CartEditProductFieldsForm .set-swatch .options label.pattern .form-option-expanded { display: none; } #CartEditProductFieldsForm .set-swatch .options input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } #CartEditProductFieldsForm .set-swatch .options input:checked + label { border: 0.1rem solid #000000; padding: .3rem; } #CartEditProductFieldsForm .set-swatch .options input:checked + label.unavailable { border: 0.1rem solid #B3BBCB; padding: .3rem; } .modal:has(#CartEditProductFieldsForm) .modal-header { padding-left: 4.8rem; padding-right: 4.8rem; } .modal:has(#CartEditProductFieldsForm) .modal-close { top: 2rem; right: 24px; } @media (max-width: 749px) { .modal:has(#CartEditProductFieldsForm) .modal-header h2 { font-size: 18px; } .modal:has(#CartEditProductFieldsForm) .modal-close { right: 16px; } .modal:has(#CartEditProductFieldsForm) .modal-body { padding: 2.4rem; } } /* -------------------------------------------------------------------------- *\ CART - TOTALS \* -------------------------------------------------------------------------- */ .cart-totals .cart-totals-title { background: #F0F0F0; font-weight: 600; font-size: 1.8rem; text-transform: capitalize; padding: 1.6rem 2.4rem; display: inline-block; width: 100%; border-radius: 1rem 1rem 0 0; margin: 0; } @media screen and (min-width: 1025px) { .cart-totals .cart-totals-title { font-size: 2.4rem; } } .totals { background: #F8F8F8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row wrap; font-size: 1.4rem; padding: 2.4rem; border-radius: 0 0 1rem 1rem; } .totals .coupon-code-add, .totals .shipping-estimate-show, .totals .coupon-code-cancel, .totals .shipping-estimate-hide { display: flex; justify-content: flex-end; align-items: center; height: 100%; position: absolute; width: 200%; left: -100%; top: 0; display: flex; justify-content: flex-end; height: 100%; } .totals dd { position: relative; } .totals form { margin: 0; } .totals form.coupon-form, .totals form.cart-gift-certificate-form { display: flex; justify-content: flex-end; } .totals form.coupon-form input, .totals form.cart-gift-certificate-form input { width: 100%; } .totals form.coupon-form .btn-primary, .totals form.coupon-form body > footer .newsletter .button.btn-primary, body > footer .newsletter .totals form.coupon-form .button.btn-primary, .totals form.cart-gift-certificate-form .btn-primary, .totals form.cart-gift-certificate-form body > footer .newsletter .button.btn-primary, body > footer .newsletter .totals form.cart-gift-certificate-form .button.btn-primary { width: auto; margin-top: 0; height: 100%; } .totals form.coupon-form .form-el, .totals form.cart-gift-certificate-form .form-el { width: 100%; margin-right: 0.8rem; } .totals form.coupon-form .form-actions, .totals form.cart-gift-certificate-form .form-actions { margin-top: 0; width: auto; } .totals .form-input { border-bottom: 0.1rem solid #707784; } .totals .form-input ::placeholder { color: #B3BBCB; } .totals .form-el { margin: 0; } .totals .form-actions { margin: 0.8rem 0 0; } .totals .btn-primary, .totals body > footer .newsletter .button.btn-primary, body > footer .newsletter .totals .button.btn-primary { width: 100%; padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .totals select { margin: 0; display: block; width: 100%; } .totals .estimator-form select, .totals .estimator-form input { margin-bottom: 1.6rem; } .totals .estimator-form select#shipping-zip, .totals .estimator-form input#shipping-zip { margin-bottom: 0; } .totals .estimator-form label { display: block; text-align: left; font-size: 1.4rem; line-height: 1.8rem; color: #000000; } .totals .estimator-form label small { display: none; } @media (min-width: 992px) { .totals .estimator-form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.8rem; } .totals .estimator-form .form-actions { grid-column: 1 / span 2; } } .totals .space-above { border-top: 0.1rem solid #707784; padding-top: 2.4rem; margin-top: 1.6rem; } .totals dt, .totals dd { width: 50%; padding: 0.8rem 0; margin: 0; line-height: 1.5; } .totals dt:last-of-type, .totals dd:last-of-type { font-weight: bold; } .totals dt { text-align: left; font-weight: 700; font-size: 1.6rem; } @media (min-width: 992px) { .totals dt { font-size: 1.8rem; } } .totals dt:first-child, .totals dt:first-child + dd { padding-top: 0; } .totals dd { text-align: right; font-size: 1.4rem; } @media (min-width: 992px) { .totals dd { font-size: 1.6rem; } } .totals dd.full { width: 100%; } .totals dd > button { text-decoration: underline; } .totals dd.grand-total, .totals dt.grand-total { border-top: 0.1rem solid #D9D9D9; padding: 1.6rem 0 0; margin-top: 0.8rem; } .totals dd.grand-total { font-size: 1.8rem; } /* -------------------------------------------------------------------------- *\ CARD AND FEED COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD COMPONENT \* -------------------------------------------------------------------------- */ .card { position: relative; display: flex; flex-direction: column; /* -------------------------------------------------------------------------- *\ PRODUCT CARD > IMAGE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD > TITLE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD > RATING \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD > PRICE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD > ACTIONS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PRODUCT CARD > ANIMATIONS \* -------------------------------------------------------------------------- */ } .card .cnt { margin-top: 1.6rem; display: grid; grid-template-columns: 1fr; column-gap: 1.6rem; grid-template-areas: "title" "price" "rating" "option"; } @media (min-width: 992px) { .card .cnt { margin-top: 2.4rem; } } @media (min-width: 992px) { .card .cnt { grid-template-columns: auto 1fr; grid-template-areas: "title title" "price rating" "option option"; align-items: center; column-gap: 1.6rem; } .card .cnt .price { grid-area: price; justify-self: start; } .card .cnt .rating { grid-area: rating; justify-self: end; margin-bottom: 0; } } .card .cnt h3 { grid-area: title; } .card .cnt .card-option { grid-area: option; margin-top: .4rem; } .card .cnt .price { grid-area: price; } @media (min-width: 992px) { .card .cnt .price { justify-self: end; } } .card .cnt .rating { grid-area: rating; } .card .card-swatches { flex-grow: 1; } .card .cta { display: flex; flex-direction: column; align-items: flex-start; gap: 1.6rem; } @media (min-width: 768px) { .card .cta { flex-direction: row; justify-content: space-between; } } .card .cta .actions { order: 1; min-height: 2rem; } @media (min-width: 768px) { .card .cta .actions { order: 2; } } .card .cta .compare-btn { order: 2; } .card .img { aspect-ratio: 1; overflow: hidden; z-index: 1; position: relative; } .card .img a { display: block; width: 100%; height: 100%; position: relative; } .card .img img { transition: opacity .35s ease-in-out, transform .5s ease; display: block; width: 100%; height: 100%; object-fit: contain; } .card .img a > img:first-child:not(:last-child) { position: relative; z-index: 1; opacity: 1; } .card .img a > img:first-child:not(:last-child) + img { position: absolute; inset: 0; z-index: 2; opacity: 0; pointer-events: none; } .card .img a:hover > img:first-child:not(:last-child), .card .img a:focus-visible > img:first-child:not(:last-child), .card .img a:focus-within > img:first-child:not(:last-child) { opacity: 0; } .card .img a:hover > img:first-child:not(:last-child) + img, .card .img a:focus-visible > img:first-child:not(:last-child) + img, .card .img a:focus-within > img:first-child:not(:last-child) + img { opacity: 1; } .card .img-w, .card .img-wrapper { aspect-ratio: 1; } .card .img-w img, .card .img-wrapper img { display: block; width: 100%; object-fit: cover; } .card h3, .card .h3 { font-size: 1.4rem; margin: 0 0 0.4rem 0; line-height: 2.4rem; } .card h3 a, .card .h3 a { text-decoration: none; color: #000000; } .card h3 a:hover, .card h3 a:focus, .card .h3 a:hover, .card .h3 a:focus { text-decoration: underline; } .card .ratings, .card .rating { font-size: 1.4rem; margin: 0 0 0.8rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; column-gap: 0.2rem; } @media (min-width: 992px) { .card .ratings, .card .rating { margin: 0 0 1.2rem; } } .card .ratings span + span, .card .rating span + span { margin: 0 0 0 0.2rem; } .card .ratings .count, .card .rating .count { color: #747779; } .card .price { display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.4rem; font-weight: bold; color: #000000; } .card .price.sale { color: #000000; } .card .price .starting:before { content: 'Starting at:'; display: block; font-size: 1.2rem; font-weight: normal; } .card .price .non-sale-price--withoutTax { order: 2; color: #737173; opacity: .5; text-decoration-line: line-through; text-decoration-color: #38454F; text-decoration-thickness: 0.1rem; -webkit-text-decoration-line: line-through; -webkit-text-decoration-color: #38454F; -webkit-text-decoration-thickness: 0.1rem; } .card .price .non-sale-price--withoutTax .price { font-size: 14px; font-weight: 400; } .card .price .rrp-price--withoutTax { display: none !important; } .card .price.ss__price { flex-direction: row; gap: 0 !important; } .card .img .actions-quickadd, .card .actions-quickadd { position: absolute; z-index: 100; left: 50%; bottom: 1.6rem; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); visibility: hidden; opacity: 0; transition: opacity .25s .25s linear; } .card .img .actions-quickadd .btn-primary, .card .actions-quickadd .btn-primary, .card .actions-quickadd body > footer .newsletter .button.btn-primary, body > footer .newsletter .card .actions-quickadd .button.btn-primary { padding: 1.2rem 4rem; } .card .img .actions-quickadd .btn-primary span, .card .actions-quickadd .btn-primary span, .card .actions-quickadd body > footer .newsletter .button.btn-primary span, body > footer .newsletter .card .actions-quickadd .button.btn-primary span { line-height: 1; } .card .img .actions form, .card .actions form { margin: 0; } .card .compare-btn { font-size: 1.2rem; color: #000000; font-weight: 300; } .card .compare-btn label { display: flex; cursor: pointer; } .card .compare-btn input { appearance: none; background-color: #fff; margin: 0; position: relative; margin-right: 1rem; } .card .compare-btn input:hover:before, .card .compare-btn input:focus:before { background: #B3BBCB; } .card .compare-btn input:before { display: inline-block; content: ""; height: 2rem; width: 2rem; border: 0.1rem solid #707784; } .card .compare-btn input:after { display: none; position: absolute; left: 1.1rem; top: 1rem; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); height: 0.5rem; width: 1rem; border-left: 0.3rem solid #000000; border-bottom: 0.3rem solid #000000; content: ""; } .card .compare-btn input:checked:before { background: #707784; border-color: #707784; } .card .compare-btn input:checked:after { display: block; } .card .img .actions-quickadd, .card .actions-quickadd { display: flex; gap: .8rem; width: 100%; padding: 0 1.6rem; } .card .img .actions-quickadd .btn-primary, .card .actions-quickadd .btn-primary, .card .actions-quickadd body > footer .newsletter .button.btn-primary, body > footer .newsletter .card .actions-quickadd .button.btn-primary { width: calc(50% - .4rem); padding: 1rem .2rem; font-size: 1rem; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; } .card .img .actions-quickadd .btn-primary svg, .card .actions-quickadd .btn-primary svg, .card .actions-quickadd body > footer .newsletter .button.btn-primary svg, body > footer .newsletter .card .actions-quickadd .button.btn-primary svg { display: inline-block; flex: 0 0 auto; width: 1.4rem; height: 1.4rem; color: currentColor; fill: currentColor; margin-right: .5rem; vertical-align: middle; } @media screen and (min-width: 1480px) { .card .img .actions-quickadd .btn-primary, .card .actions-quickadd .btn-primary, .card .actions-quickadd body > footer .newsletter .button.btn-primary, body > footer .newsletter .card .actions-quickadd .button.btn-primary { font-size: 1.4rem; } } @media (min-width: 1700px) { .card .img .actions-quickadd .btn-primary, .card .actions-quickadd .btn-primary, .card .actions-quickadd body > footer .newsletter .button.btn-primary, body > footer .newsletter .card .actions-quickadd .button.btn-primary { padding: 1.2rem 1.6rem; } } .card .img .actions-quickadd:not(:has(&.btn-primary ~ .btn-primary, &body > footer .newsletter .button.btn-primary ~ .btn-primary, &body > footer .newsletter .btn-primary ~ .button.btn-primary)) .btn-primary, .card .actions-quickadd:not(:has(&.btn-primary ~ .btn-primary, &body > footer .newsletter .button.btn-primary ~ .btn-primary, &body > footer .newsletter .btn-primary ~ .button.btn-primary)) .btn-primary { width: 100%; } @media screen and (max-width: 1024px) { .card .img .actions-quickadd, .card .actions-quickadd { display: none; } } .card:hover .actions-quickadd { visibility: visible; opacity: 1; } .card.active { /* this is the animation of the selected step */ visibility: visible; opacity: 1; transform: translateX(0); } .card.slide-up-in { animation: SlideUpIn 0.3s 0.2s cubic-bezier(0, 0, 0, 1) backwards; } .card.slide-down-out { animation: SlideDownOut 0.3s 0.2s cubic-bezier(0, 0, 0, 1) forwards; } .card.slide-left-in { animation: SlideLeftIn 0.3s 0.2s cubic-bezier(0, 0, 0, 1) backwards; } @keyframes SlideDownOut { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateY(3rem); } } @keyframes SlideUpIn { 0% { opacity: 0; transform: translateY(3rem); } 100% { opacity: 1; transform: translateX(0); } } @keyframes SlideLeftIn { 0% { opacity: 0; transform: translateX(-3rem); } 100% { opacity: 1; transform: translateY(0); } } /* -------------------------------------------------------------------------- *\ PRODUCT CARD > SALE FLAGS \* -------------------------------------------------------------------------- */ .card-badge { position: absolute; z-index: 9; top: 0.8rem; left: 0.8rem; display: flex; flex-wrap: wrap; text-align: left; gap: 0.8rem; } .flag { padding: 0.3rem 0.8rem; color: #3170B5; font-weight: 400; font-size: 1.2rem; border-radius: 8px; border: 1px solid #3170B5; background-color: #fff; width: 100%; text-align: center; width: auto; text-align: left; } @media (min-width: 992px) { .gallery .flag { margin-left: 11.6rem; } } .flag--new { color: #138845; border-color: #138845; } .flag--sold-out { color: #cdcdcd; border-color: #cdcdcd; } .flag--custom[data-value="Closeout"] { color: #d66f46; border-color: #d66f46; } .sale-flag-side .sale-text { color: #D24343; font-weight: 400; font-size: 1.2rem; border-radius: 8px; border: 1px solid #D24343; background-color: #fff; padding: 0.3rem 0.8rem; display: inline-block; } .ss__result .flag { position: absolute; z-index: 9; top: 0.8rem; left: 0.8rem; padding: 0.15rem 0.8rem; } /* -------------------------------------------------------------------------- *\ PRODUCT CARD > COLOR SWATCHES \* -------------------------------------------------------------------------- */ .card-swatches { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start stretch; align-items: flex-end; align-content: row wrap; flex-flow: row wrap; margin-bottom: 2.4rem; } .card-swatches .form-field { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start stretch; align-items: flex-end; align-content: row wrap; flex-flow: row wrap; margin-top: 1rem; } .card-swatches .form-field label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; cursor: pointer; width: 2rem; height: 2rem; margin: 0 0.4rem 0.4rem 0; transition: all .25s linear; border-radius: 100% !important; overflow: hidden; border: 0.1rem solid #ccc; box-shadow: inset 0 0 0 0.3rem #fff; transform: rotate(45deg); /* :before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 0.3rem solid $white; border-radius: 100%; } */ } .card-swatches .form-field label span { width: 100%; } .card-swatches .form-field label span { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; } .card-swatches .form-field label.pattern { border-radius: 0; width: 2rem; height: 2rem; } .card-swatches .form-field label.pattern span { background-size: cover; } .card-swatches .form-field label.pattern > span { transform: rotate(-45deg); border-radius: 100%; width: 100%; } .card-swatches .form-field label.pattern::before { content: ""; position: absolute; width: 2rem; height: 2rem; transform: translateY(-0.4rem) translateX(-0.4rem); } .card-swatches .form-field label.pattern .form-option-expanded { display: none; } .page-type-category article.card .cnt, .page-type-category div.card .cnt { grid-template-columns: 1fr; grid-template-areas: "title" "price" "rating" "option"; } @media (min-width: 992px) { .page-type-category article.card .cnt, .page-type-category div.card .cnt { grid-template-columns: auto 1fr; grid-template-areas: "title title" "price rating" "option option"; } } .brandGrid { margin: 0; } .brandGrid .card .card-body { margin-bottom: 2.4rem; } .brandsList-menu { display: flex; flex-flow: row wrap; } .brandsList-menu button { box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.125); flex: 1 0 auto; padding: 0.5rem; transition: all 150ms ease; min-width: 5rem; width: auto; } .brandsList-menu button:hover, .brandsList-menu button.is-active { color: #000000; } @media (min-width: 992px) { .brandsList-menu { display: flex; flex-flow: row wrap; } .brandsList-menu button { min-width: 0.1rem; } } .brandsList-items { display: flex; flex-direction: column; margin-top: 1rem; padding: 1.6rem; } .brandsList-items a { display: inline-block; flex: 0 0 auto; width: 100%; padding: 0.4rem 0; color: #4F4F4F; text-decoration: underline; } .brandsList-items a:hover, .brandsList-items a:focus { color: #147dab; } @media (min-width: 768px) { .brandsList-items a { width: 50%; } } @media (min-width: 992px) { .brandsList-items a { width: 33.3%; } } .brandsList-items [data-alpha-brand-group] { display: flex; flex-direction: column; } .brandsList-items [data-alpha-brand-group] h3.group-title { flex: 1 0 auto; margin: 0 0 0.8rem; width: 100%; font-size: 2.4rem; font-family: "Conthrax", Arial, Helvetica, sans-serif !important; } @media (min-width: 992px) { .brandsList-items [data-alpha-brand-group] h3.group-title { font-size: 3.2rem; } } .brandsList-items [data-alpha-brand-group] [data-alpha-group] { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 3.2rem; width: 100%; } .brandsList-items [data-alpha-brand-group].is-active { display: flex; } .brandsList-items [data-alpha-brand-group].is-inactive { display: none; } section.brand { margin: 1.6rem 0 4.8rem 0; } @media (min-width: 992px) { section.brand { margin: 4.8rem 0 4.8rem 0; } } /* -------------------------------------------------------------------------- *\ DETAIL - CART PREVIEW \* -------------------------------------------------------------------------- */ .modal-header { padding: 0.8rem 0; border-bottom: 0.1rem solid #f3F6FC; } .modal-header h2 { margin-bottom: 0; font-size: 2.4rem; text-align: center !important; } .previewCart { display: grid; } @media (min-width: 992px) { .previewCart { grid-template-columns: 3fr 1fr; column-gap: 2.4rem; align-items: top; } } @media (min-width: 992px) { .previewCart { column-gap: 3.2rem; } } .previewCart .productView { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.4rem; order: 2; } .previewCart .productView .cnt { width: auto; } @media (min-width: 992px) { .previewCart .productView { column-gap: 3.2rem; order: 1; } } .previewCart .productView picture, .previewCart .productView img { width: 100%; } .previewCart .productView h2 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0.8rem; text-align: left; } .previewCart .productView h2 small { font-size: .5em; margin: 0 0 0.4rem; } .previewCart .productView dl { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; column-gap: 0.8rem; row-gap: 0.8rem; max-width: 48rem; font-size: 1.4rem; } .previewCart .productView dl dt ~ dt { margin: 0; } .previewCart .previewCartCheckout { padding: 1.6rem; border: 0.1rem solid #f3F6FC; border-radius: 0.4rem; background-color: transparent; order: 1; margin-bottom: 2rem; } .previewCart .previewCartCheckout [class*="btn-"] { width: 100%; margin: 0; } .previewCart .previewCartCheckout [class*="btn-"] + [class*="btn-"] { margin: 0.8rem 0 0; } .previewCart .previewCartCheckout .subtotal { border: none; padding: 0.8rem 0; margin: 0.8rem 0; text-align: center; } .previewCart .previewCartCheckout .subtotal h3, .previewCart .previewCartCheckout .subtotal .h3 { font-family: "Open Sans", Arial, Helvetica, sans-serif; text-transform: capitalize; font-weight: normal; font-size: 1.4rem; margin-bottom: 0.8rem; } .previewCart .previewCartCheckout .subtotal strong { font-size: 2.4rem; font-weight: 500; font-family: "Conthrax", Arial, Helvetica, sans-serif; } .previewCart .previewCartCheckout p { font-size: 1.4rem; margin: 0 0 1.6rem; text-align: center; } @keyframes product-tab-placeholder-shimmer { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } .related-products--cart-drawer { padding-bottom: 0; display: block; position: relative; margin-bottom: 24px; } .related-products--cart-drawer .section__header { margin-bottom: 12px; padding-right: 88px; } .related-products--cart-drawer .section__header .section__header-heading { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; padding: 4px 0; } .related-products--cart-drawer .section__main .productCarousel { --gap-mobile: 16px; --gap-desktop: 16px; margin: 0; } .related-products--cart-drawer .section__main .productCarousel.slick-slider { position: static; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card { padding: 16px; border-radius: 10px; background-color: #fff; display: flex; flex-direction: row; align-items: center; gap: 20px; box-shadow: none; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .badges-wrapper { display: none; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-figure { flex: 0 0 128px; width: 128px; height: 128px; max-width: 128px; margin: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-figure .card-image, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-figure img { display: block; width: 100%; height: 100%; object-fit: contain; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body { padding-top: 0; padding: 0; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-title { font-family: "Open Sans", Arial, Helvetica, sans-serif; margin-bottom: 8px; min-height: 0; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-title a { font-size: 18px; font-weight: 600; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-sku { display: none; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-text, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .text-usually-arrives { display: none; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price { font-size: 20px; line-height: 1; font-weight: 700; color: #111; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--non-sale, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--rrp, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--discounted { font-size: 18px; line-height: 1; font-weight: 400; color: #686868; text-decoration: line-through; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .card-price__request-quote { font-size: 14px !important; min-height: 27px; line-height: 27px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer { margin-top: 8px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action__button { text-align: left; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action form { margin: 0; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .button, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .card-action__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-width: 143px; min-height: 48px; border: 0; background: #3D3A3F; color: #fff; line-height: 1; text-decoration: none; box-shadow: none; text-transform: initial; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .card-action__icon { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .card-action__label { line-height: 1; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .button[disabled], .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-footer .card-action .card-action__button[disabled] { opacity: 0.55; } .related-products--cart-drawer .section__main .productCarousel .slick-arrow { position: absolute; width: 36px; height: 36px; top: 0; padding: 7px; transform: none; margin-right: 0; z-index: 3; display: flex; align-items: center; justify-content: center; background: none; border: none; box-shadow: none; } .related-products--cart-drawer .section__main .productCarousel .slick-arrow:hover, .related-products--cart-drawer .section__main .productCarousel .slick-arrow:focus, .related-products--cart-drawer .section__main .productCarousel .slick-arrow:active { color: #3170B5; } .related-products--cart-drawer .section__main .productCarousel .slick-arrow.slick-next { right: 0; } .related-products--cart-drawer .section__main .productCarousel .slick-arrow.slick-prev { left: auto; right: 36px; } .related-products--cart-drawer .product-card-placeholders { margin: 0 !important; } .related-products--cart-drawer .product-card-placeholders::after, .related-products--cart-drawer .product-card-placeholders::before { content: none; } .related-products--cart-drawer .card-product--placeholder { pointer-events: none; padding: 8px; display: flex; gap: 20px; } .related-products--cart-drawer .card-product--placeholder .card__media { flex: 0 0 128px; } .related-products--cart-drawer .card-product--placeholder .media { position: relative; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__image, .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line { background: linear-gradient(100deg, #f2f2f2 20%, #e6e6e6 50%, #f2f2f2 80%); background-size: 200% 100%; animation: product-tab-placeholder-shimmer 1.2s ease-in-out infinite; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__image { position: absolute; inset: 0; border-radius: 0; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line { height: 48px; border-radius: 0; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line--title { height: 48px; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line--price { margin-top: 8px; } .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line--button { margin-top: 8px; width: 124px; height: 48px; } .related-products--cart-drawer .card-product--placeholder .card-body { min-height: 76px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } @media (max-width: 1024px) { .related-products--cart-drawer .card-product--placeholder .card-body { min-height: 78px; } } @media (max-width: 749px) { .related-products--cart-drawer .card-product--placeholder .product-card-placeholder__line--price + .product-card-placeholder__line--price { display: none; } } @media (max-width: 749px) { .related-products--cart-drawer .section__header { padding-right: 76px; } .related-products--cart-drawer .section__main .productCarousel { margin: 0; } .related-products--cart-drawer .section__main .productCarousel.slick-slider { position: static; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card { padding: 18px; flex-direction: row; gap: 16px; align-items: flex-start; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-figure { flex: 0 0 106px; width: 106px; height: 106px; max-width: 106px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-title a { font-size: 16px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price { gap: 8px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price { font-size: 18px; } .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--rrp, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--non-sale, .related-products--cart-drawer .section__main .productCarousel .productCarousel-slide .card .card-wrapper-bottom .card-body .card-price .price--discounted { font-size: 16px; } } /* -------------------------------------------------------------------------- *\ PRODUCT > FEEDS > STATIC \* -------------------------------------------------------------------------- */ .feeds-static > div { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.8rem; row-gap: 1.6rem; } @media (min-width: 768px) { .feeds-static > div { grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 1.6rem; row-gap: 1rem; } } @media (min-width: 992px) { .feeds-static > div { grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 3.2rem; row-gap: 3.2rem; } } /* -------------------------------------------------------------------------- *\ PRODUCT > FEEDS > CAROUSEL \* -------------------------------------------------------------------------- */ .feeds-carousel { position: relative; } @media (min-width: 576px) { .feeds-carousel { padding-bottom: 0; } } .feeds-carousel .slick-slider { margin: 0 -0.4rem; width: calc(100% + 1.6rem); } @media (min-width: 768px) { .feeds-carousel .slick-slider { margin: 0 -0.8rem; width: calc(100% + 1.6rem); } } @media (min-width: 992px) { .feeds-carousel .slick-slider { margin: 0 -1.6rem; width: calc(100% + 3.2rem); } } .feeds-carousel .slick-list { padding-left: 0 !important; } .feeds-carousel .slick-initialized .slick-slide { display: flex; } .feeds-carousel .controls-container { position: absolute; width: 100%; } .feeds-carousel .controls-container > div { position: relative; aspect-ratio: 4.3/1; } .feeds-carousel .slick-arrow { top: 50%; transform: translate(0, -50%); } .feeds-carousel .slick-prev, .feeds-carousel .slick-next { display: none; } .feeds-carousel .carousel-heading-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; } @media (min-width: 576px) { .feeds-carousel .carousel-heading-container { justify-content: flex-start; } } .feeds-carousel .carousel-heading-container .line { display: none; height: 0.2rem; background: #f3F6FC; flex: 1; margin: 0 3rem; } @media (min-width: 576px) { .feeds-carousel .carousel-heading-container .line { display: block; } } .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs { width: 100%; margin: 0 0.4rem; } @media (min-width: 768px) { .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs { margin: 0 0.8rem; } } @media (min-width: 992px) { .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs { margin: 0 1.6rem; } } /* -------------------------------------------------------------------------- *\ PLP (Product Listing Page) & Search Page \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PLP (Product Listing Page) - LAYOUT \* -------------------------------------------------------------------------- */ @keyframes searchspring-content-loading { from { transform: translateX(-50%) rotate(0deg); } to { transform: translateX(-50%) rotate(360deg); } } .page-type-category #searchspring-content:empty { position: relative; display: block; min-height: clamp(400px, 65vh, 720px); } .page-type-category #searchspring-content:empty::before { content: ''; position: absolute; top: 80px; left: 50%; width: 48px; height: 48px; border: 4px solid #e4e4e4; border-top-color: #3170B5; border-radius: 50%; animation: searchspring-content-loading 0.8s linear infinite; transform: translateX(-50%); } @media (prefers-reduced-motion: reduce) { .page-type-category #searchspring-content:empty::before { animation-duration: 1.6s; } } .layout-category aside nav, .layout-search aside nav { position: relative; position: -webkit-sticky; position: sticky; } @supports (position: -webkit-sticky) { .layout-category aside nav, .layout-search aside nav { top: 8rem; } } @supports (position: sticky) { .layout-category aside nav, .layout-search aside nav { top: 8rem; } } @media (min-width: 992px) { .layout-category aside nav, .layout-search aside nav { position: relative; position: -webkit-sticky; position: sticky; } @supports (position: -webkit-sticky) { .layout-category aside nav, .layout-search aside nav { top: 15rem; } } @supports (position: sticky) { .layout-category aside nav, .layout-search aside nav { top: 15rem; } } } @media (min-width: 992px) { .layout-category, .layout-search { display: grid; grid-template-columns: 275px minmax(0, 1fr); grid-template-rows: auto; column-gap: 2.2rem; row-gap: 3.2rem; margin-bottom: 4rem; } } .layout-category #product-listing-container, .layout-search #product-listing-container { position: relative; } .layout-category #product-listing-container #qn-add-to-quote, .layout-search #product-listing-container #qn-add-to-quote { display: none !important; } .category-description { margin-top: 0; } .category-description .line-orange { display: none; } .category-description h2 { text-align: left; margin-bottom: 12px; } .category-description .col-6 + .col-6 { margin-top: 2.4rem; } .category-description .category-description__content > p { white-space: pre-wrap; } .category-description-widget { margin-top: 1.6rem; } .category-description-widget [data-edit-mode] { margin-bottom: 1.6rem !important; height: auto !important; border-radius: 12px !important; background: none !important; } .category-description-widget [data-edit-mode] img { width: 100% !important; height: auto !important; opacity: 1 !important; border-radius: 12px !important; } @media (min-width: 750px) { .category-description-widget { margin-top: 2.4rem; } .category-description-widget [data-edit-mode] { margin-bottom: 2.4rem !important; } } .card .ss__result-name a, .card .product-name { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; font-size: 16px; display: -webkit-box !important; -webkit-line-clamp: var(--ellipsis, 2); text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; min-height: 48px; } .card .cnt { margin-top: 0; padding: .8rem; background-color: #ffffff; gap: .4rem; } @media (min-width: 768px) { .card .cnt { padding: 1.6rem; } } .card .cnt .price { font-size: 16px; font-weight: 700; } .card .cnt .rating:has(.yotpo-widget-instance:empty) { display: none; } .card .cnt .rating .yotpo-reviews-star-ratings-widget { margin-top: 2px; margin-bottom: 0 !important; } .card .cnt .rating .icon-star-full, .card .cnt .rating .icon-star-half, .card .cnt .rating .icon-star-empty { color: #FD9200; } .card .cnt .rating .yotpo-sr-star-empty path { fill: transparent !important; stroke: #FD9200 !important; } .card .cnt .rating .yotpo-sr-star-half path { stroke: #FD9200 !important; } .card .cnt .rating .yotpo-sr-star-full path { stroke: #FD9200 !important; } .card .cnt .rating .yotpo-sr-star-half stop:first-child, .card .cnt .rating .yotpo-sr-star-full stop:first-child { stop-color: #FD9200 !important; } .card .cnt .rating .yotpo-sr-star-half stop:last-child, .card .cnt .rating .yotpo-sr-star-full stop:last-child { stop-color: #fff !important; stop-opacity: 1 !important; } .card .cnt .rating .yotpo-sr-single-star-wrapper { margin-right: 5px !important; } .card .cnt .rating .yotpo-average-rating-score, .card .cnt .rating .ss-rating-score { color: #000000 !important; font-size: 12px !important; font-weight: 600; } .card .cnt .rating .yotpo-sr-bottom-line-text, .card .cnt .rating .count { color: #000000 !important; font-size: 12px !important; padding-top: 0 !important; } .card .cnt .rating.ss-rating { margin-top: 1px; } .card .cnt .rating.ss-rating .ss-rating-single-star { margin-right: 3px; transform: translateY(-2px); } .card .cnt .rating.ss-rating .count { padding-left: 1px; } .card .ss__result-cover.img { overflow: hidden; } .card .card-option { margin-bottom: 0; } .card .card-option:empty, .card .card-option:not(:has(*)) { display: none; } .card .card-option .form-field { margin-top: 0; gap: .8rem; width: 100%; } .card .card-option .form-field .form-option-swatch { width: 32px; height: 32px; border-radius: 50%; margin: 0; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .card .card-option .form-field .form-option-swatch .form-option-variant:not(.two-colors):not(.three-colors) { border-radius: 50%; } .card .card-option .form-field .form-option-swatch.active { padding: 5px; border: 1px solid #4B494B; } .card .card-option .form-field .form-option-swatch.active .form-option-variant { border-radius: 50%; } .card .card-option .form-field .form-option-swatch.active[title="White"] .form-option-variant { border: 1px solid #aeaeae; } .card .card-option .form-field .showmore { width: 32px; height: 32px; border-radius: 50%; color: #000000; background-color: #EAEAEA; border: 1px solid #9A999A; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; font-size: 12px; line-height: 1; } .card .ss__inline-banner a { overflow: hidden; border-radius: 12px; } .card .ss__inline-banner img { transition: transform 0.5s, -webkit-transform 0.5s; border-radius: 12px; } .card:hover .ss__result-cover, .card:focus .ss__result-cover { transform: scale(1); } @media (max-width: 767.9px) { .card .card-option .form-field { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; flex-wrap: nowrap; justify-content: space-between; } .card .card-option .form-field .form-option-swatch { width: 24px; height: 24px; } .card .card-option .form-field .form-option-swatch.active { padding: 4px; } .card .card-option .form-field .showmore { width: 24px; height: 24px; font-size: 10px; } .card .card-option .form-field > *:nth-child(n+2) { text-align: center; } .card .card-option .form-field > *:last-child { text-align: right; } } .searchspring-header .ss__search-header--noresults { font-size: 32px; margin: 24px 0 56px; } .ss__content .ss-zbpdnm .ss__facet-hierarchy-options__option { display: flex; padding: 4px 0px; text-decoration: none; -webkit-box-align: center; align-items: center; } .ss__content .ss__facet-hierarchy-options__option .ss__facet-hierarchy-options__option__value__count { color: #737173; } .ss__content .ss__facet dt { border-top: 1px solid #9299a6 !important; } .ss__content .ss__filter-messages__content { font-size: 16px; font-weight: 600; line-height: 1.5; } .ss__content .ss__filter-messages__content strong { color: #3170B5; } .ss__content .ss__no-results__container > h4 { padding: 16px 24px; margin: 0; background-color: #EAEAEA; } .ss__content .ss__no-results__container .ss__no-results__suggestions { padding: 2.4rem; border: 1px solid #EAEAEA; } .ss__content .ss__no-results__container .ss__no-results__suggestions + p + hr { display: none; } .ss__content .ss__recommendation__profile--no-results { display: none; } .ss__content .ss__recommendation__profile--trending-tactical-pants { background-color: #EAEAEA; padding: 2.4rem; margin-top: 0; } .ss__content .ss__recommendation__profile--trending-tactical-pants .card { background-color: #fff; } .ss__content .ss__no-results__contact { display: none; } @media screen and (min-width: 1280px) { .layout-category, .layout-search { grid-template-columns: 381px minmax(0, 1fr); } } /* -------------------------------------------------------------------------- *\ PLP / SEARCH - INTERIOR HERO \* -------------------------------------------------------------------------- */ main > header h1 { margin-top: 2.4rem; } @media (min-width: 768px) { main > header h1 { margin-top: 0.8rem; } } main > header.search h2 { text-align: left; } .page-type-category h1 { text-align: left; margin-bottom: 0; } .page-type-category iframe:focus-visible { outline: 0.1rem dashed; outline-offset: 0.3rem; } [data-description-container] { position: relative; } [data-description-container] [data-description-content] #ysw-search-left-column, [data-description-container] [data-description-content] #ysw-search-right-column { display: none !important; } [data-description-container].is-collapsed [data-description-content] { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; text-overflow: ellipsis; -webkit-box-orient: vertical; } [data-description-container] [data-description-toggle] { background: none; border: 1.5px solid #000000; border-radius: 8px; color: #000000; cursor: pointer; font-weight: 500; padding: 0.6rem 1.6rem; margin-top: 2.4rem; font-size: 12px; align-items: center; } [data-description-container] [data-description-toggle].more::after { content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 0.8rem; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 2.5V9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 6H9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 2.5V9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 6H9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; } [data-description-container] [data-description-toggle].less::after { content: ''; display: inline-block; width: 9px; height: 2px; margin-left: 0.8rem; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='2' viewBox='0 0 9 2' fill='none'%3E%3Cpath d='M0.75 0.75H7.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='2' viewBox='0 0 9 2' fill='none'%3E%3Cpath d='M0.75 0.75H7.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; } @media (max-width: 575.9px) { .category-description [data-description-container].is-collapsed [data-description-content] { -webkit-line-clamp: 6; } } .category-banner .banner__heading { font-weight: 400; } @media (max-width: 749px) { .category-banner.category-banner--hide-media-mobile .banner__media { display: none; } .category-banner.category-banner--hide-media-mobile .banner__content { flex-basis: 100%; max-width: 100%; width: 100%; } } .category-banner:has(> .banner__media > [data-content-region="category_top_description--image"]):not(:has(> .banner__media > [data-content-region="category_top_description--image"] > *)) > .banner__media { display: none; } .category-banner:has(> .banner__media > [data-content-region="category_top_description--image"]):not(:has(> .banner__media > [data-content-region="category_top_description--image"] > *)) > .banner__content { flex-basis: 100%; max-width: 100%; width: 100%; } @media (min-width: 1025px) { .category-banner.grid.grid--2-col { --grid-item-offset: 0; } .category-banner.grid.grid--2-col .grid__item { width: 50%; } } body:has(.breadcrumbs__item-lv2, .breadcrumbs__item-lv3) :not(:has(.banner__media--has-desktop-banner, .banner__media--has-mobile-banner)) .category-banner .banner__media .media img { object-fit: contain; } @media (min-width: 750px) { .body:has([data-content-region="category_image_banner"] .section__image-banner, [data-content-region="category_image_banner--global"] .section__image-banner) .category-banner .banner__heading { font-size: 32px; } } .banner--heading.banner { gap: 0; } .banner--heading.category-banner.grid--1-col .banner__content { flex-basis: 100%; padding-left: 0; padding-right: 0; width: 100%; } .banner--heading.category-banner.grid--1-col .banner__box-wrapper { margin-left: auto; margin-right: auto; max-width: 1688px; padding-left: 1.6rem; padding-right: 1.6rem; } @media (min-width: 768px) { .banner--heading.category-banner.grid--1-col .banner__box-wrapper { padding-left: 1.6rem; padding-right: 1.6rem; } } @media (min-width: 992px) { .banner--heading.category-banner.grid--1-col .banner__box-wrapper { padding-left: 6rem; padding-right: 6rem; } } .banner--heading .banner__media .media { --image-ratio: 45.601851852%; } .banner--heading .banner__content { padding: 2.4rem 1.6rem; background-color: #EAF0F7; } .banner--heading .banner__content .banner__heading { margin-top: 0; } .banner--heading .banner__content .banner__description h2 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; text-transform: initial; font-weight: 400; margin-bottom: 2rem; } .banner--heading .banner__content .banner__description p { margin: 0px 0px 2rem; } .category-description { background-color: #EAF0F7; padding: 6rem 0; border-top: 1px solid #D9D1C8; } .category-description .content-box.description { margin: 0; } @media screen and (max-width: 767px) { .category-description { padding: 4rem 0; } .category-description .banner__description { text-align: center; } .category-description .banner__description h2 { text-align: center; margin-top: 0; } .category-description .banner__description .category-description__toggle { text-align: center; } } .banner__description-content .content-box .non-seo-heading, .banner__description-content .content-box .non-seo-heading:empty { display: none; } .banner__description-content .content-box.description { margin-top: 1.6rem; margin-bottom: 0; } .banner .banner__media .media { border-radius: 0; } @media screen and (max-width: 1024px) { .banner__content .banner__box { text-align: center; } .banner__content .banner__box h1, .banner__content .banner__box h2, .banner__content .banner__box h3, .banner__content .banner__box h4, .banner__content .banner__box h5, .banner__content .banner__box h6, .banner__content .banner__box .banner__heading, .banner__content .banner__box .banner__description h2 { text-align: center; } } @media screen and (max-width: 749px) { .banner--heading .banner__content .banner__heading { font-size: 2.8rem; } .banner__description-content .content-box.description { margin-top: 8px; font-size: 1.4rem; } .banner__description-content .content-box.description h2 { font-size: 1.4rem; } [data-description-container] [data-description-toggle] { margin-top: 8px; border-color: transparent; font-size: 1.4rem; } } @media screen and (min-width: 750px) { .banner--heading .banner__content { padding: 3.2rem 4rem; } } @media screen and (min-width: 1025px) { .banner.grid--2-col .banner__media .banner__media-wrapper { height: 39.4rem; overflow: hidden; } .banner.grid--2-col .banner__media .banner__media-wrapper .media { height: 39.4rem; } .banner.grid--2-col .banner__media .banner__media-wrapper img { height: 39.4rem; } .banner.grid--2-col .banner__content { height: 39.4rem; overflow-y: auto; scrollbar-gutter: stable; scrollbar-width: thin; } .banner.grid--2-col.category-banner--height-small .banner__media .banner__media-wrapper { height: 27.8rem; } .banner.grid--2-col.category-banner--height-small .banner__media .banner__media-wrapper .media { height: 27.8rem; } .banner.grid--2-col.category-banner--height-small .banner__media .banner__media-wrapper img { height: 27.8rem; object-position: top; } .banner.grid--2-col.category-banner--height-small .banner__content { height: 27.8rem; padding: 4rem 8rem; } .banner.grid--2-col.category-banner--height-large .banner__media .banner__media-wrapper { height: 60rem; } .banner.grid--2-col.category-banner--height-large .banner__media .banner__media-wrapper .media { height: 60rem; } .banner.grid--2-col.category-banner--height-large .banner__media .banner__media-wrapper img { height: 60rem; } .banner.grid--2-col.category-banner--height-large .banner__content { height: 60rem; } .category-banner-widget .banner__heading + .banner__description { margin-top: 8px; } .category-banner-widget.grid--1-col { --category-banner-widget-media-height: 39.4rem; } .category-banner-widget.grid--1-col.category-banner--height-small { --category-banner-widget-media-height: 27.8rem; } .category-banner-widget.grid--1-col.category-banner--height-small .banner__media img { object-position: top; } .category-banner-widget.grid--1-col.category-banner--height-large { --category-banner-widget-media-height: 60rem; } .category-banner-widget.grid--1-col .banner__media .banner__media-wrapper { height: var(--category-banner-widget-media-height); overflow: hidden; } .category-banner-widget.grid--1-col .banner__media .banner__media-wrapper .media { height: var(--category-banner-widget-media-height); } .category-banner-widget.grid--1-col .banner__media .banner__media-wrapper img { height: var(--category-banner-widget-media-height); } } @media screen and (min-width: 1025px) and (min-width: 750px) { .category-banner-widget .banner__heading + .banner__description { margin-top: 16px; } } @media screen and (min-width: 1400px) { .banner--heading .banner__content { padding: 5.8rem 6rem 5.8rem 8rem; } } .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) > .banner__media { display: none; } .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) > .banner__content { flex-basis: 100%; width: 100%; max-width: 100%; height: auto; } .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) .banner__content { padding-left: 0; padding-right: 0; } .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) .banner__box-wrapper { margin-left: auto; margin-right: auto; max-width: 1688px; padding-left: 1.6rem; padding-right: 1.6rem; } @media (min-width: 768px) { .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) .banner__box-wrapper { padding-left: 1.6rem; padding-right: 1.6rem; } } @media (min-width: 992px) { .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) .banner__box-wrapper { padding-left: 6rem; padding-right: 6rem; } } body.pagebuilder .category-banner--region-layout:not(:has(> .banner__media .banner__media-wrapper)) > .banner__media { display: block; flex-basis: 100%; min-height: 4.8rem; width: 100%; max-width: 100%; } .category-banner--region-layout .banner__description { margin-top: 8px; } @media screen and (min-width: 1025px) { .category-banner--region-layout .banner__description { margin-top: 16px; } } .category-banner--region-layout:not(:has(.banner__description)) .banner__content { height: auto !important; } @media (max-width: 749px) { .category-banner--region-layout .banner__media:has(.banner__media-wrapper--hide-mobile) { display: none; } .category-banner--region-layout .banner__media:has(.banner__media-wrapper--hide-mobile) + .banner__content { flex-basis: 100%; width: 100%; max-width: 100%; } } @media (min-width: 750px) { .banner__heading.searchspring-header { font-size: 32px; } } /* -------------------------------------------------------------------------- *\ SEARCH - ACTION BAR \* -------------------------------------------------------------------------- */ .action-bar { font-size: 1.4rem; width: 100%; margin: 0 0 2.4rem; display: flex; justify-content: space-between; white-space: nowrap; column-gap: 0.8rem; } @media (max-width: 991.9px) { .action-bar .form-el, .action-bar #mobile-filter-switch { width: calc(100% / 3); } } @media (max-width: 375px) { .action-bar .form-el .form-label, .action-bar #mobile-filter-switch { padding: 0 12px !important; } } .action-bar #mobile-filter-switch { padding-left: 0; padding-right: 0; height: 48px !important; border-radius: 12px; } .action-bar #mobile-filter-switch svg:last-child { margin-left: .8rem; } @media (min-width: 992px) { .action-bar #mobile-filter-switch { display: none; } } .action-bar .form-el { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; margin: 0; } .action-bar .form-el:only-child { margin: 0; } .action-bar select { color: #000000; cursor: pointer; width: 100%; height: 100%; font-size: 14px; border: 0; padding: 0; } .action-bar select.form-select { padding-left: .5rem; margin-left: 0; } .action-bar select:hover, .action-bar select:focus { left: 0; } @media (min-width: 992px) { .action-bar select:hover, .action-bar select:focus { background-color: #fff; } } @media (max-width: 991.9px) { .action-bar select { background: transparent; } } @media (min-width: 992px) { .action-bar select { font-size: 1.4rem; position: relative; padding: 0 2rem 0 0; line-height: 1.7rem; } } .action-bar select:-ms-expand { display: none; } .action-bar select:focus-visible { outline: none !important; box-shadow: none !important; } .action-bar .form-label { display: flex; } .action-bar .form-label .icon-arrow-down { order: 2; flex-grow: 1; text-align: right; } .action-bar label { margin: 0; display: flex; flex-wrap: nowrap; position: relative; background: white; border: 0.1rem solid #707784; justify-content: flex-start; padding: 1.1rem 1.6rem; align-items: center; width: 100%; height: 100%; color: #000000; border-radius: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; } .action-bar label:hover, .action-bar label:focus { background: #fff; border-color: #C2C2C2; } @media (min-width: 768px) { .action-bar label { white-space: nowrap; } } .action-bar label .colon { display: inline-block; } @media (min-width: 992px) { .action-bar label .colon { margin-right: 0.4rem; } } @media (min-width: 992px) { .action-bar label .icon-arrow-down { display: none; } } .action-bar label:after { display: inline-block; color: #000; background-color: #fff; margin-left: -1.7rem; /* remove the damn :after space */ pointer-events: none; /* let the click pass trough */ } @media (max-width: 991.9px) { .layout-category .action-bar, .layout-search .action-bar { gap: .8rem; justify-content: space-between; margin-bottom: 0; background: #fff; padding: 10px 0; top: var(--header-height, 118px); } .layout-category .action-bar .ss__sorting.form-el, .layout-search .action-bar .ss__sorting.form-el { border: none; } .layout-category .action-bar label, .layout-search .action-bar label { min-height: 48px; width: 100%; padding: 1.25rem 1.6rem; font-weight: 400; } .layout-category .action-bar select, .layout-search .action-bar select { font-size: 0; } .layout-category .action-bar select option, .layout-search .action-bar select option { font-size: 1.4rem; } } /* -------------------------------------------------------------------------- *\ SEARCH & CATEGORY PLP - GRID \* -------------------------------------------------------------------------- */ .feeds-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 0.8rem; row-gap: 1.6rem; } @media (min-width: 768px) { .feeds-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 1.6rem; row-gap: 1rem; } } @media (min-width: 992px) { .feeds-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1200px) { .feeds-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* -------------------------------------------------------------------------- *\ PLP/SEARCH - FACETS \* -------------------------------------------------------------------------- */ #facetedSearch { z-index: 1000; position: fixed; background: #fff; width: 100vw; height: 100%; top: 0; right: 0; padding: 2.4rem 1.6rem; overflow: hidden; position: fixed; right: 0; top: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: all 0.2s ease-out; } #facetedSearch.fixed { z-index: 1000; width: 100%; max-width: 39rem; right: 0; transform: translate(0, 0); overflow: scroll; } #facetedSearch .mobile-only { text-align: left; } #facetedSearch .mobile-only.h2 { visibility: hidden; opacity: 0; height: 2.4rem; } #facetedSearch .icon-close { position: absolute; right: 2rem; top: 2.6rem; cursor: pointer; display: flex; flex-direction: row-reverse; align-items: center; gap: 8px; } #facetedSearch::-webkit-scrollbar { width: 10px; } #facetedSearch::-webkit-scrollbar-track { background-color: transparent; border-radius: 12px; } #facetedSearch::-webkit-scrollbar-track-piece:start { background-color: #868586; border-radius: 12px; } #facetedSearch::-webkit-scrollbar-track-piece:end { background-color: #EAEAEA; border-radius: 12px; } #facetedSearch::-webkit-scrollbar-thumb { background-color: #ffffff; border: 1px solid #868586; border-radius: 12px; } @media (min-width: 992px) { #facetedSearch { position: sticky; top: 140px; z-index: 1; max-height: calc(100vh - 140px); height: auto; width: auto; overflow-y: auto; padding: 0 2.5rem 0 0; transform: translate(0, 0); } #facetedSearch .mobile-only { display: none; } } .facetedSearch-optionColumns { column-count: 3; column-gap: 2rem; } .facetedSearch-optionColumns li { padding: 0; } .facetedSearch-optionColumns li:before { background: none; } dl.facets { margin-bottom: 0; border-top: 0.1rem solid #707784; /* ---------------------------------------------------------------------- *\ Import styling specific to facet types. @import 'facets/multi'; // USED FOR BOTH MULTI AND HEIRARCHIAL FILTERS @import 'facets/range'; // USED FOR RANGE FILTERS @import 'facets/ratings'; // USED FOR RATINGS FILTERS \* ---------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ SEARCH - FACETS - MULTI \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ SEARCH - FACETS - RANGE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ SEARCH - FACETS - SELECTED \* -------------------------------------------------------------------------- */ } dl.facets .form-el { margin-bottom: 0; } dl.facets:first-of-type { border-top: 0; padding-top: 0; } dl.facets dt { margin: 0; border-top: 0.1rem solid #707784; } dl.facets dt button { font-size: 1.6rem; background: none; font-weight: 700; line-height: 2.1rem; color: #000000; padding: 2.4rem 0 1.6rem; text-transform: uppercase; } dl.facets dt button.ss__facet__header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: left; } dl.facets dt button.ss__facet__header > div { width: auto; padding-right: 0; white-space: nowrap; } dl.facets dt button.ss__facet__header > .icon-arrow-right { justify-self: end; } @media (max-width: 767.9px) { dl.facets dt button.ss__facet__header { padding: 2.4rem 0 1.6rem !important; } } @media (min-width: 992px) { dl.facets dt button { font-size: 1.6rem; line-height: 2.7rem; padding: 2.4rem 0; } dl.facets dt button.ss__facet__header { padding-top: 2.4rem !important; } dl.facets dt button[aria-expanded="true"] { padding-bottom: 1.6rem !important; } } dl.facets dt button span { color: #000000; } dl.facets dt button span:before { content: ''; background-color: #000; width: 1.4rem; height: 0.1rem; display: block; position: relative; top: 7px; } dl.facets dt button span:after { content: ''; background-color: #000; width: 0.1rem; height: 1.4rem; display: block; position: relative; left: 6.5px; transition: transform 0.3s ease; } dl.facets dt button[aria-expanded="false"] span { transform: rotate(0); } dl.facets dt button[aria-expanded="true"] span { transform: rotate(0); } dl.facets dt button[aria-expanded="true"] span:after { content: ''; transform: rotate(90deg); } dl.facets dt:first-child { border-top: none; } dl.facets dt div { font-weight: normal; font-size: 1.2rem; width: 100%; text-align: right; padding-right: 0.5rem; } dl.facets dt div a { display: inline-block; pointer-events: initial; padding-right: 1.2rem; } dl.facets dd { margin-bottom: 2.4rem; font-size: 1.4rem; } dl.facets dd .ss__facet-options-list { margin-bottom: 1.6rem; grid-template-columns: 1fr !important; } dl.facets dd .ss__price-inputs .form-el input:focus, dl.facets dd .ss__price-inputs .form-el input:focus-visible { outline: none !important; box-shadow: none !important; border-color: #000000 !important; } dl.facets dd .ss-show-more, dl.facets dd .toggleLink { font-size: 1.4rem; color: #D66F46; font-weight: 500; text-decoration: underline; } @media (min-width: 992px) { dl.facets dd { margin-bottom: 2.4rem; padding: 0; } } dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list { display: flex; flex-wrap: wrap; gap: 0.8rem; } dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option { margin: 0; } dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a { width: 6rem; height: 4rem; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #C2C2C2; border-radius: 8px; text-decoration: none; } dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a .count, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a::before, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a::after, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a .count { display: none; } dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_size .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_waist_size .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_inseam .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_bust_size .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_neck_size .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_sleeve_length .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_shoe_size .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_shoe_width .ss__facet-options-list__option a.is-active, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a:hover, dl.facets .ss__facet--field-ss_custom_chest_size .ss__facet-options-list__option a.is-active { color: #3170B5; border-color: #3170B5; } dl.facets .ss__facet--field-ss_custom_color_family .ss__facet-options-list__option a::before { background-color: var(--bg-color, #fff); } dl.facets .ss__facet--field-ss_custom_color_family .ss__facet-options-list__option a.is-active::before { background-color: var(--bg-color, #3170B5); } dl.facets .ss__facet--field-reviews_product_score .rating { display: flex; align-items: center; gap: 8px; transform: translateY(-1px); } dl.facets .ss__facet--field-reviews_product_score .rating .icon-star-empty, dl.facets .ss__facet--field-reviews_product_score .rating .icon-star-full, dl.facets .ss__facet--field-reviews_product_score .rating .icon-star-half { width: 1.6rem; height: 1.6rem; color: #FD9200; } dl.facets .ss__facet--field-reviews_product_score .rating .icon-star-empty { transform: translateY(1px); } dl.facets .ss__facet--field-reviews_product_score .rating .icon-star-half { transform: translateY(-1.5px); } dl.facets .ss__facet--field-calculated_price .ss-facet-slider .ss__facet-slider__slider { height: 6px; } dl.facets .ss__facet--field-calculated_price .ss-facet-slider .ss__facet-slider__rail { background: #CC4B18; } dl.facets .ss__facet--field-calculated_price .ss-facet-slider .ss__facet-slider__handles button:first-child { padding-left: 4px; } dl.facets .ss__facet--field-calculated_price .ss-facet-slider .ss__facet-slider__handles button:last-child { padding-right: 4px; } dl.facets .ss__facet--field-calculated_price .ss-facet-slider .ss__facet-slider__handles button .ss__facet-slider__handle { width: 26px; height: 26px; background-size: 100% !important; transform: translateY(0) scale(1); background-repeat: no-repeat; } dl.facets #sectAppliedFilters { margin-bottom: 1.6rem; } dl.facets #sectAppliedFilters ul li { border-radius: 8px; border-color: #C2C2C2; padding: .7rem 1.6rem; } @media (max-width: 767.9px) { dl.facets #sectAppliedFilters ul li { padding: .3rem 1.6rem; } } dl.facets .clear-all-filters .btn-secondary, dl.facets .clear-all-filters .shipping-quotes .select-shipping-quote, .shipping-quotes dl.facets .clear-all-filters .select-shipping-quote, dl.facets #sectAppliedFilters .btn-secondary, dl.facets #sectAppliedFilters .shipping-quotes .select-shipping-quote, .shipping-quotes dl.facets #sectAppliedFilters .select-shipping-quote { border: none; background: none; color: #D66F46; width: auto; display: inline-block; padding: 0 !important; text-decoration: underline; color: #3170B5; text-transform: capitalize; font-weight: 400; font-size: 16px; } dl.facets .facetedSearch-clearLink { color: #3170B5; text-transform: capitalize; text-decoration: underline; padding-left: 1.2rem; } dl.facets .ss__facet--field-reviews_product_score .navList-item a { line-height: 1; padding: 4px 0; } dl.facets .ss__facet--field-reviews_product_score .navList-item a::after { top: 1rem; } dl.facets .ss__facet__search .ss__facet__search__input { color: #000000; background-color: #EAEAEA; border-color: #EAEAEA; min-height: 48px; padding: 10px 60px 10px 16px; outline: none !important; box-shadow: none; } dl.facets .ss__facet__search .ss__facet__search__clear-search { color: #3170B5; font-size: 16px; top: calc(50% - 16px); text-transform: capitalize; } dl.facets .clear-all-filters { margin-bottom: 2.4rem; } dl.facets dd#ss__facet--field-ss_custom_size ul, dl.facets dd#ss__facet--field-ss_custom_waist_size ul, dl.facets dd#ss__facet--field-ss_custom_inseam ul, dl.facets dd#ss__facet--field-ss_custom_neck_size ul, dl.facets dd#ss__facet--field-ss_custom_sleeve_length ul, dl.facets dd#ss__facet--field-ss_custom_bust_size ul, dl.facets dd#ss__facet--field-ss_custom_chest_size ul, dl.facets dd#ss__facet--field-ss_custom_shoe_size ul { grid-template-columns: 1fr 1fr; } dl.facets ul { display: grid; } @media (min-width: 992px) { dl.facets ul { grid-template-columns: 1fr; } } dl.facets li { padding: 0; margin: 0.4rem 0; } dl.facets li:before { display: none; } dl.facets a { display: flex; line-height: 1.5; position: relative; text-decoration: none; font-size: 16px; color: #000000; align-items: center; font-family: "Open Sans", Arial, Helvetica, sans-serif; } dl.facets a .count { margin-left: 0.8rem; color: #737173; } dl.facets a:hover:before, dl.facets a:focus:before { border-color: #3170B5; } dl.facets a:before { position: relative; display: none; aspect-ratio: 1; height: 1.6rem; width: 1.6rem; border: 1.5px solid #000000; content: ""; margin-right: 0.8rem; border-radius: 2px; box-sizing: border-box; } dl.facets a:after { display: none; position: absolute; left: 0.8rem; top: 1.1rem; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); height: 0.3rem; width: 0.7rem; border-left: 0.1rem solid #fff; border-bottom: 0.1rem solid #fff; content: ""; } dl.facets a[style="--bg-color: White;"]:after { border-left: 0.1rem solid #000; border-bottom: 0.1rem solid #000; } dl.facets a.is-active:before { background: #3170B5; border-color: #3170B5; } dl.facets a.is-active:after { display: block; } dl.facets a[rel=nofollow]:before { display: inline-block; } dl.facets .form-fieldset { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "box box" "button button"; gap: 1rem; } dl.facets .form-fieldset input { grid-area: box; width: 100%; } dl.facets .form-fieldset .form-action { grid-area: button; } dl.facets .form-fieldset [class*="btn-"] { width: 100%; } dl.facets .rating { padding-right: 0.8rem; } dl.facets.selected.facets { font-size: 1.2rem; } dl.facets.selected.facets ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; gap: 0.8rem; margin-left: 0; } dl.facets.selected.facets ul li { margin: 0; padding: 0.5rem 0.8rem 0.5rem 0.2rem; border: 0.1rem solid #707784; } dl.facets.selected.facets ul li:hover, dl.facets.selected.facets ul li:focus { background-color: #B3BBCB; } dl.facets.selected.facets ul li:hover a, dl.facets.selected.facets ul li:focus a { text-decoration: none; } dl.facets.selected.facets ul li a { padding: 0; margin-left: 0; } dl.facets.selected.facets ul li a:before { display: none; } dl.facets.selected.facets ul li a:after { content: "\00d7"; position: relative; color: #000; margin-left: 0.8rem; left: 0; transform: none; display: inline-block; width: 1.2rem; height: 1.2rem; line-height: 1.3rem; text-indent: 0; font-size: 1.6rem; text-align: center; background: none; border: 0; top: 0; } dl.facets.selected.facets ul + [class*="btn-"] { font-weight: 600; width: 100%; font-size: 1.4rem; margin-left: 0; } dl.facets.selected.facets ul + [class*="btn-"]:before, dl.facets.selected.facets ul + [class*="btn-"]:after { display: none; } #searchspring-content nav.pagination, nav.ss__bottom-toolbar, nav.pagination { display: flex; align-items: center; justify-content: center; margin: 2.4rem 0; } #searchspring-content nav.pagination ul, nav.ss__bottom-toolbar ul, nav.pagination ul { gap: 0.8rem; } #searchspring-content nav.pagination .pagination-item, #searchspring-content nav.pagination [data-faceted-search-facet], nav.ss__bottom-toolbar .pagination-item, nav.ss__bottom-toolbar [data-faceted-search-facet], nav.pagination .pagination-item, nav.pagination [data-faceted-search-facet] { display: flex; align-items: center; justify-content: center; margin: 0; width: 4rem; height: 4rem; cursor: pointer; border-radius: 4px; } #searchspring-content nav.pagination .pagination-item a, #searchspring-content nav.pagination [data-faceted-search-facet] a, nav.ss__bottom-toolbar .pagination-item a, nav.ss__bottom-toolbar [data-faceted-search-facet] a, nav.pagination .pagination-item a, nav.pagination [data-faceted-search-facet] a { color: #000000; color: #000000; border: 1px solid #E6E6E6; background-color: #ffffff; border-radius: 4px; } #searchspring-content nav.pagination .pagination-item.pagination-item--current a, #searchspring-content nav.pagination [data-faceted-search-facet].pagination-item--current a, nav.ss__bottom-toolbar .pagination-item.pagination-item--current a, nav.ss__bottom-toolbar [data-faceted-search-facet].pagination-item--current a, nav.pagination .pagination-item.pagination-item--current a, nav.pagination [data-faceted-search-facet].pagination-item--current a { background: #E6E6E6; } #searchspring-content nav.pagination .pagination-item.is-active, #searchspring-content nav.pagination .pagination-item:hover:not(.pagination-item--current), #searchspring-content nav.pagination [data-faceted-search-facet].is-active, #searchspring-content nav.pagination [data-faceted-search-facet]:hover:not(.pagination-item--current), nav.ss__bottom-toolbar .pagination-item.is-active, nav.ss__bottom-toolbar .pagination-item:hover:not(.pagination-item--current), nav.ss__bottom-toolbar [data-faceted-search-facet].is-active, nav.ss__bottom-toolbar [data-faceted-search-facet]:hover:not(.pagination-item--current), nav.pagination .pagination-item.is-active, nav.pagination .pagination-item:hover:not(.pagination-item--current), nav.pagination [data-faceted-search-facet].is-active, nav.pagination [data-faceted-search-facet]:hover:not(.pagination-item--current) { color: #3170B5; background-color: #E6E6E6; } #searchspring-content nav.pagination .pagination-item.is-active a, #searchspring-content nav.pagination .pagination-item:hover:not(.pagination-item--current) a, #searchspring-content nav.pagination [data-faceted-search-facet].is-active a, #searchspring-content nav.pagination [data-faceted-search-facet]:hover:not(.pagination-item--current) a, nav.ss__bottom-toolbar .pagination-item.is-active a, nav.ss__bottom-toolbar .pagination-item:hover:not(.pagination-item--current) a, nav.ss__bottom-toolbar [data-faceted-search-facet].is-active a, nav.ss__bottom-toolbar [data-faceted-search-facet]:hover:not(.pagination-item--current) a, nav.pagination .pagination-item.is-active a, nav.pagination .pagination-item:hover:not(.pagination-item--current) a, nav.pagination [data-faceted-search-facet].is-active a, nav.pagination [data-faceted-search-facet]:hover:not(.pagination-item--current) a { background: #E6E6E6; } #searchspring-content nav.pagination .pagination-item .icon-arrow-left::before, #searchspring-content nav.pagination [data-faceted-search-facet] .icon-arrow-left::before, nav.ss__bottom-toolbar .pagination-item .icon-arrow-left::before, nav.ss__bottom-toolbar [data-faceted-search-facet] .icon-arrow-left::before, nav.pagination .pagination-item .icon-arrow-left::before, nav.pagination [data-faceted-search-facet] .icon-arrow-left::before { left: 2px; } #searchspring-content nav.pagination .pagination-item .icon-arrow-right::before, #searchspring-content nav.pagination [data-faceted-search-facet] .icon-arrow-right::before, nav.ss__bottom-toolbar .pagination-item .icon-arrow-right::before, nav.ss__bottom-toolbar [data-faceted-search-facet] .icon-arrow-right::before, nav.pagination .pagination-item .icon-arrow-right::before, nav.pagination [data-faceted-search-facet] .icon-arrow-right::before { left: -4px; } #searchspring-content nav.pagination [data-faceted-search-facet] .icon-arrow-left, #searchspring-content nav.pagination [data-faceted-search-facet] .icon-arrow-right, nav.ss__bottom-toolbar [data-faceted-search-facet] .icon-arrow-left, nav.ss__bottom-toolbar [data-faceted-search-facet] .icon-arrow-right, nav.pagination [data-faceted-search-facet] .icon-arrow-left, nav.pagination [data-faceted-search-facet] .icon-arrow-right { margin: 0; } #searchspring-content nav.pagination .ss__pagination__prev .icon-arrow-left, #searchspring-content nav.pagination .ss__pagination__next .icon-arrow-right, nav.ss__bottom-toolbar .ss__pagination__prev .icon-arrow-left, nav.ss__bottom-toolbar .ss__pagination__next .icon-arrow-right, nav.pagination .ss__pagination__prev .icon-arrow-left, nav.pagination .ss__pagination__next .icon-arrow-right { margin: 0; } /* -------------------------------------------------------------------------- *\ PDP (Product Detail Page) \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PDP (Product Display Page) - LAYOUT \* -------------------------------------------------------------------------- */ .product-view, .productView { z-index: 1; position: relative; padding-top: 20px; margin-bottom: 40px; /* @include borderTest(); @include borderTest(".gallery"); @include borderTest(".title"); @include borderTest(".details"); @include borderTest(".gallery-main"); @include borderTest(".gallery-thumbs"); @include borderTest(".dots"); //*/ display: flex; flex-direction: column; row-gap: 4rem; /* -------------------------------------------------------------------------- *\ Image Gallery on the PDP \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ DETAIL - GALLERIES - EASYZOOM Settings for Easy Zoom functionality. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ GALLERY - VERTICAL Modify the Gallery.html file with the following adjustments: - on the thumbnail slider settings add "vertical": true to each responsive breakpoint setting - on the initial settings set "vertical": false so that it resets on responsive change \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ GALLERY - HORIZTONAL Modify the Gallery.html file with the following adjustments: - on the thumbnail slider settings add "vertical": false to each responsive breakpoint setting - on the initial settings set "vertical": false so that it resets on responsive change \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ Components of the PDP \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PDP HEADER - TITLE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - RATING \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - PRICE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - INFO \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PDP -- ADD TO CART WRAPPER \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ DETAIL - SHARE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ Load form elements used on the PDP \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - TEXTAREA \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - PICK LIST \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PDP - FORM ELEMENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - SET RADIO \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - SET SELECT \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - RECTANGLE \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ CATALOG - DETAIL - HEADER - FORM ELEMENTS - RECTANGLE \* -------------------------------------------------------------------------- */ } @media (min-width: 992px) { .product-view, .productView { margin-bottom: 60px; } } .product-view .out-of-stock-form .form-container, .productView .out-of-stock-form .form-container { display: none; } .product-view .out-of-stock-form .form-content, .productView .out-of-stock-form .form-content { margin-top: 1.6rem; } .product-view .out-of-stock-form .btn-secondary, .product-view .out-of-stock-form .shipping-quotes .select-shipping-quote, .shipping-quotes .product-view .out-of-stock-form .select-shipping-quote, .productView .out-of-stock-form .btn-secondary, .productView .out-of-stock-form .shipping-quotes .select-shipping-quote, .shipping-quotes .productView .out-of-stock-form .select-shipping-quote { margin-top: 1.6rem; width: 100%; } .product-view .out-of-stock-form .error, .productView .out-of-stock-form .error { color: #E30000; font-style: italic; } .product-view .qn-add-to-quote, .product-view #qn-add-to-quote, .productView .qn-add-to-quote, .productView #qn-add-to-quote { display: none; padding: 0 56px 0 120px; width: 100% !important; color: #000000 !important; background: none !important; border: none !important; font-size: 1.6rem !important; font-weight: 600 !important; transition: .25s all ease-in-out; height: auto; margin-top: 8px; text-decoration: underline; text-underline-offset: 3px; line-height: 1.5; } .product-view .qn-add-to-quote:hover, .product-view .qn-add-to-quote:focus, .product-view #qn-add-to-quote:hover, .product-view #qn-add-to-quote:focus, .productView .qn-add-to-quote:hover, .productView .qn-add-to-quote:focus, .productView #qn-add-to-quote:hover, .productView #qn-add-to-quote:focus { background: none !important; color: #3170B5 !important; } .product-view .rfq-pdp-button-container .qn-add-to-quote, .product-view .rfq-pdp-button-container #qn-add-to-quote, .productView .rfq-pdp-button-container .qn-add-to-quote, .productView .rfq-pdp-button-container #qn-add-to-quote { display: block; padding: 0; margin-top: 16px; } .product-view .text-m.write-review-btn-hidden, .productView .text-m.write-review-btn-hidden { padding: 0 0.8rem !important; } .product-view .text-m.write-review-btn-hidden:hover, .productView .text-m.write-review-btn-hidden:hover { text-decoration: underline !important; } .product-view .size-chart-wrapper, .productView .size-chart-wrapper { float: right; max-width: 10rem; } .product-view .size-chart, .productView .size-chart { display: flex; gap: 0.8rem; } .product-view .size-chart i, .productView .size-chart i { color: #0061A1; font-size: 2rem; position: relative; } .product-view .size-chart a, .productView .size-chart a { display: flex; align-items: center; gap: 2px; font-size: 1.6rem; text-underline-offset: 4px; font-weight: 500; } .product-view--quickView > div, .productView--quickView > div { width: 100% !important; } .product-view > div, .productView > div { width: 100%; } @media (min-width: 768px) { .product-view, .productView { flex-direction: row; justify-content: space-between; } .product-view > div, .productView > div { width: 45%; } .product-view .product-data, .productView .product-data { padding: 0 0 0 32px; width: 55%; } } @media (min-width: 992px) { .product-view > div, .productView > div { width: 52%; } .product-view .product-data, .productView .product-data { padding: 0 0 0 40px; width: 48%; } } @media (min-width: 1200px) { .product-view > div, .productView > div { width: 56.88%; } .product-view .product-data, .productView .product-data { padding: 0 0 0 80px; width: 43.12%; } } .product-view .gallery-wrap, .productView .gallery-wrap { align-self: flex-start; position: sticky; top: 7rem; } @media (min-width: 992px) { .product-view .gallery-wrap, .productView .gallery-wrap { top: 13rem; } } .product-view .product-options [data-product-option-change], .productView .product-options [data-product-option-change] { margin-bottom: 2.4rem; } .product-view .productView-details.product-options, .productView .productView-details.product-options { margin-top: 1.6rem; } @media (min-width: 992px) { .product-view .productView-details.product-options, .productView .productView-details.product-options { margin-top: 3.2rem; } } .product-view .contain-details-quickview, .productView .contain-details-quickview { margin-top: 2.4rem; } .product-view .quick-view-full-details, .productView .quick-view-full-details { margin-top: 1.2rem; } .product-view .quick-view-full-details .btn-secondary, .product-view .quick-view-full-details .shipping-quotes .select-shipping-quote, .shipping-quotes .product-view .quick-view-full-details .select-shipping-quote, .productView .quick-view-full-details .btn-secondary, .productView .quick-view-full-details .shipping-quotes .select-shipping-quote, .shipping-quotes .productView .quick-view-full-details .select-shipping-quote { display: flex; align-items: center; justify-content: center; width: 100%; } .product-view .quick-view-full-details a, .productView .quick-view-full-details a { color: #000000; text-decoration: underline; text-underline-offset: 4px; } .product-view .quick-view-full-details a:hover, .productView .quick-view-full-details a:hover { color: #3170B5; } .product-view .form-wishlist .btn-secondary, .product-view .form-wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .product-view .form-wishlist .select-shipping-quote, .productView .form-wishlist .btn-secondary, .productView .form-wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .productView .form-wishlist .select-shipping-quote { width: 100%; } .product-view .form, .productView .form { margin-bottom: 0; } .product-view .gallery a, .productView .gallery a { cursor: crosshair; } .product-view .gallery .gallery-thumbs a, .productView .gallery .gallery-thumbs a { cursor: zoom-in; } .product-view .gallery .easyzoom-flyout, .productView .gallery .easyzoom-flyout { overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 900; left: 0; top: 0; background: #fff; cursor: crosshair; pointer-events: none; } .product-view .gallery .easyzoom-flyout img, .productView .gallery .easyzoom-flyout img { min-width: 100%; max-width: none; max-height: none; width: auto; height: auto; bottom: initial; } .product-view .gallery-vertical-grid, .productView .gallery-vertical-grid { position: relative; } .product-view .gallery-vertical-grid .wishlist, .productView .gallery-vertical-grid .wishlist { padding: 0; margin: 0; overflow: visible; position: absolute; right: 2.4rem; top: 1.8rem; border: 0; z-index: 901; } .product-view .gallery-vertical-grid .wishlist.btn-dropdown, .productView .gallery-vertical-grid .wishlist.btn-dropdown { width: auto !important; } .product-view .gallery-vertical-grid .wishlist a, .productView .gallery-vertical-grid .wishlist a { aspect-ratio: auto !important; cursor: pointer; } .product-view .gallery-vertical-grid .wishlist a.trigger, .productView .gallery-vertical-grid .wishlist a.trigger { display: block; width: 2.4rem; height: 3.343rem; position: relative; padding: 0 0 1.2rem; margin: 0; } .product-view .gallery-vertical-grid .wishlist a.trigger:hover svg path, .product-view .gallery-vertical-grid .wishlist a.trigger:focus svg path, .productView .gallery-vertical-grid .wishlist a.trigger:hover svg path, .productView .gallery-vertical-grid .wishlist a.trigger:focus svg path { fill: #000000; } .product-view .gallery-vertical-grid .wishlist a.trigger.is-open svg path, .productView .gallery-vertical-grid .wishlist a.trigger.is-open svg path { fill: #000000; } .product-view .gallery-vertical-grid .wishlist a.trigger svg, .productView .gallery-vertical-grid .wishlist a.trigger svg { display: block; position: relative; width: 2.4rem; height: 2.143rem; } .product-view .gallery-vertical-grid .wishlist a.trigger svg path, .productView .gallery-vertical-grid .wishlist a.trigger svg path { fill: transparent; stroke: #000000; transition: all .25s; } .product-view .gallery-vertical-grid .wishlist .btn-secondary, .product-view .gallery-vertical-grid .wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .product-view .gallery-vertical-grid .wishlist .select-shipping-quote, .productView .gallery-vertical-grid .wishlist .btn-secondary, .productView .gallery-vertical-grid .wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .productView .gallery-vertical-grid .wishlist .select-shipping-quote { width: 100%; } .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu { width: 22.5rem; padding: 0; background: #fff; border: 0.1rem solid #f3F6FC; box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.08); border-radius: 0.3rem 0.3rem 0 0; right: -3rem; left: auto !important; } .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li + li, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li + li { border-top: 0.1rem solid #f3F6FC; } .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li input, .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li a, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li input, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li a { color: #0061A1; text-decoration: none; text-align: left; padding: 1.2rem 1.6rem; font-weight: 400; font-size: 1.6rem; border-radius: 0; text-transform: capitalize; letter-spacing: normal; } .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li input:hover, .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li input:focus, .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li a:hover, .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li a:focus, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li input:hover, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li input:focus, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li a:hover, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li a:focus { text-decoration: underline; background: transparent; cursor: pointer; } .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu > li a::after, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu > li a::after { padding-top: auto !important; } .product-view .gallery-vertical-grid .carousel-grid, .productView .gallery-vertical-grid .carousel-grid { visibility: visible; } .product-view .gallery-vertical-grid .whitefade-top, .product-view .gallery-vertical-grid .whitefade-bottom, .productView .gallery-vertical-grid .whitefade-top, .productView .gallery-vertical-grid .whitefade-bottom { margin: 0 auto; position: relative; top: -5rem; width: 17.2rem; height: 2rem; background: linear-gradient(transparent, 45%, white); z-index: 100; display: none; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .whitefade-top, .product-view .gallery-vertical-grid .whitefade-bottom, .productView .gallery-vertical-grid .whitefade-top, .productView .gallery-vertical-grid .whitefade-bottom { display: block; } } .product-view .gallery-vertical-grid .whitefade-top, .productView .gallery-vertical-grid .whitefade-top { position: absolute; top: 0; background: linear-gradient(white, 45%, transparent); display: none; } .product-view .gallery-vertical-grid .gallery-wrap, .productView .gallery-vertical-grid .gallery-wrap { display: grid; grid-template-columns: 100%; grid-template-rows: auto; grid-template-areas: "gallery_main" "dots"; gap: 0.8rem; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .gallery-wrap, .productView .gallery-vertical-grid .gallery-wrap { grid-template-columns: 17.2rem auto; grid-template-rows: .1fr auto; grid-template-areas: "gallery_thumbs gallery_main" "scroll dots" ". ."; } } .product-view .gallery-vertical-grid .gallery-wrap a, .productView .gallery-vertical-grid .gallery-wrap a { display: flex; flex-direction: column; justify-content: center; aspect-ratio: auto 1 / 1; } .product-view .gallery-vertical-grid .gallery-wrap a img, .product-view .gallery-vertical-grid .gallery-wrap a picture, .productView .gallery-vertical-grid .gallery-wrap a img, .productView .gallery-vertical-grid .gallery-wrap a picture { display: block; width: 100%; height: 100%; object-fit: contain; } @media (max-width: 991.9px) { .product-view .gallery-vertical-grid .gallery-wrap a img, .product-view .gallery-vertical-grid .gallery-wrap a picture, .productView .gallery-vertical-grid .gallery-wrap a img, .productView .gallery-vertical-grid .gallery-wrap a picture { margin: 0 auto; } } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main, .productView .gallery-vertical-grid .gallery-wrap .gallery-main { position: relative; grid-area: gallery_main; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .gallery-wrap .gallery-main, .productView .gallery-vertical-grid .gallery-wrap .gallery-main { display: block; justify-content: center; } } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .color-container, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .color-container { position: absolute; z-index: 1; pointer-events: none; height: 100%; width: 100%; visibility: hidden; background-color: #fff; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .color-container img, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .color-container img { display: flex; width: 100%; height: 100%; object-fit: contain; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .slider, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .slider { padding-bottom: 0; margin-bottom: 0; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide { scroll-snap-align: start; display: none; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide a, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide a { cursor: zoom-in !important; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide.is-shown, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .slider .slide.is-shown { display: block; } .product-view .gallery-vertical-grid .gallery-wrap .dots, .productView .gallery-vertical-grid .gallery-wrap .dots { grid-area: dots; padding: 0 4rem; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs { position: relative; grid-area: gallery_thumbs; text-align: center; display: none; overflow: auto; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs::-webkit-scrollbar, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs:not(.slick-initialized), .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs:not(.slick-initialized) { display: flex; flex-direction: column; gap: 0.8rem; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized { display: block; overflow: hidden; } } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-list, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-list { overflow: hidden; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-track, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-track { display: block; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-slide, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-slide { box-sizing: border-box; height: auto !important; margin-bottom: 0.8rem; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-slide:last-child, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .slick-slide:last-child { margin-bottom: 0; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .placeholder, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .placeholder { display: none; } } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb { border: 0.1rem solid transparent; position: relative; display: none; height: 100%; border-radius: 12px; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb.active, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb.active { border-color: #000; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb.is-shown, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb.is-shown { display: block; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls { display: none; } @media (min-width: 992px) { .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls { display: block; } } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow { left: 61px; right: auto; margin: 0; } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-prev, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-prev { top: 0; bottom: auto; transform: translate(0, -50%) rotate(90deg); } .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-next, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-next { top: auto; bottom: 0; transform: translate(0) rotate(90deg); } .product-view .gallery-vertical-grid .gallery-wrap:has(.gallery-thumbs.slick-initialized) .gallery-thumbs-controls .slick-arrow, .productView .gallery-vertical-grid .gallery-wrap:has(.gallery-thumbs.slick-initialized) .gallery-thumbs-controls .slick-arrow { display: inline-block; } .product-view .gallery-horizontal-grid, .productView .gallery-horizontal-grid { position: relative; } .product-view .gallery-horizontal-grid .wishlist, .productView .gallery-horizontal-grid .wishlist { padding: 0; margin: 0; overflow: visible; position: absolute; right: 2.4rem; top: 1.8rem; border: 0; z-index: 901; } .product-view .gallery-horizontal-grid .wishlist.btn-dropdown, .productView .gallery-horizontal-grid .wishlist.btn-dropdown { width: auto !important; } .product-view .gallery-horizontal-grid .wishlist a, .productView .gallery-horizontal-grid .wishlist a { aspect-ratio: auto !important; cursor: pointer; } .product-view .gallery-horizontal-grid .wishlist a.trigger, .productView .gallery-horizontal-grid .wishlist a.trigger { display: block; width: 2.4rem; height: 3.343rem; position: relative; padding: 0 0 1.2rem; margin: 0; } .product-view .gallery-horizontal-grid .wishlist a.trigger:hover svg path, .product-view .gallery-horizontal-grid .wishlist a.trigger:focus svg path, .productView .gallery-horizontal-grid .wishlist a.trigger:hover svg path, .productView .gallery-horizontal-grid .wishlist a.trigger:focus svg path { fill: #000000; } .product-view .gallery-horizontal-grid .wishlist a.trigger.is-open svg path, .productView .gallery-horizontal-grid .wishlist a.trigger.is-open svg path { fill: #000000; } .product-view .gallery-horizontal-grid .wishlist a.trigger svg, .productView .gallery-horizontal-grid .wishlist a.trigger svg { display: block; position: relative; width: 2.4rem; height: 2.143rem; } .product-view .gallery-horizontal-grid .wishlist a.trigger svg path, .productView .gallery-horizontal-grid .wishlist a.trigger svg path { fill: transparent; stroke: #000000; transition: all .25s; } .product-view .gallery-horizontal-grid .wishlist .btn-secondary, .product-view .gallery-horizontal-grid .wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .product-view .gallery-horizontal-grid .wishlist .select-shipping-quote, .productView .gallery-horizontal-grid .wishlist .btn-secondary, .productView .gallery-horizontal-grid .wishlist .shipping-quotes .select-shipping-quote, .shipping-quotes .productView .gallery-horizontal-grid .wishlist .select-shipping-quote { width: 100%; } .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu { width: 22.5rem; padding: 0; background: #fff; border: 0.1rem solid #f3F6FC; box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.08); border-radius: 0.3rem 0.3rem 0 0; right: -3rem; left: auto !important; } .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li + li, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li + li { border-top: 0.1rem solid #f3F6FC; } .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input, .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a { color: #0061A1; text-decoration: none; text-align: left; padding: 1.2rem 1.6rem; font-weight: 400; font-size: 1.6rem; border-radius: 0; text-transform: capitalize; letter-spacing: normal; } .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input:hover, .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input:focus, .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a:hover, .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a:focus, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input:hover, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li input:focus, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a:hover, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a:focus { text-decoration: underline; background: transparent; cursor: pointer; } .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a::after, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu > li a::after { padding-top: auto !important; } .product-view .gallery-horizontal-grid .carousel-grid, .productView .gallery-horizontal-grid .carousel-grid { visibility: visible; } .product-view .gallery-horizontal-grid .gallery-wrap, .productView .gallery-horizontal-grid .gallery-wrap { display: grid; grid-template-columns: 100%; grid-template-rows: auto; grid-template-areas: "gallery_main" "dots"; gap: 2rem; } @media (min-width: 992px) { .product-view .gallery-horizontal-grid .gallery-wrap, .productView .gallery-horizontal-grid .gallery-wrap { grid-template-columns: auto; grid-template-rows: auto; grid-template-areas: "gallery_main" "dots" "gallery_thumbs"; } .product-view .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child), .productView .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child) { grid-template-columns: 100%; grid-template-rows: auto; grid-template-areas: "gallery_main"; } .product-view .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child) .gallery-thumbs, .productView .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child) .gallery-thumbs { display: none; } .product-view .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child) .flag, .productView .gallery-horizontal-grid .gallery-wrap:has(.slider div:only-child) .flag { margin-left: 0 !important; } } .product-view .gallery-horizontal-grid .gallery-wrap a, .productView .gallery-horizontal-grid .gallery-wrap a { display: flex; flex-direction: column; justify-content: center; aspect-ratio: auto 1 / 1; } .product-view .gallery-horizontal-grid .gallery-wrap a img, .product-view .gallery-horizontal-grid .gallery-wrap a picture, .productView .gallery-horizontal-grid .gallery-wrap a img, .productView .gallery-horizontal-grid .gallery-wrap a picture { display: block; width: 100%; height: 100%; object-fit: contain; } .product-view .gallery-horizontal-grid .gallery-wrap .scroll, .productView .gallery-horizontal-grid .gallery-wrap .scroll { display: none; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main { position: relative; grid-area: gallery_main; } @media (min-width: 992px) { .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main { display: block; justify-content: center; } } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .color-container, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .color-container { position: absolute; z-index: 1; pointer-events: none; height: 100%; width: 100%; visibility: hidden; background-color: #fff; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .color-container img, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .color-container img { display: flex; width: 100%; height: 100%; object-fit: contain; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .slider, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .slider { padding-bottom: 0; margin-bottom: 0; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide { scroll-snap-align: start; display: none; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide a, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide a { cursor: zoom-in !important; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide.is-shown, .productView .gallery-horizontal-grid .gallery-wrap .gallery-main .slider .slide.is-shown { display: block; } .product-view .gallery-horizontal-grid .gallery-wrap .dots, .productView .gallery-horizontal-grid .gallery-wrap .dots { grid-area: dots; } @media (min-width: 992px) { .product-view .gallery-horizontal-grid .gallery-wrap .dots, .productView .gallery-horizontal-grid .gallery-wrap .dots { display: none; } } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs { position: relative; grid-area: gallery_thumbs; text-align: center; display: none; flex-wrap: wrap; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs::-webkit-scrollbar, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs:not(.slick-initialized), .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs:not(.slick-initialized) { display: inline-flex; flex-direction: row; gap: 1rem; justify-content: center; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs.slick-initialized, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs.slick-initialized { display: block; overflow: hidden; } } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-list, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-list { overflow: hidden; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-track, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-track { display: flex; align-items: stretch; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-slide, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .slick-slide { box-sizing: border-box; height: auto !important; padding: 0 0.5rem; } @media (min-width: 992px) { .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .placeholder, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .placeholder { display: none; } } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb { border: 0.1rem solid #707784; position: relative; display: none; height: 100%; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb img, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb img { width: 6rem; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb.active::after, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb.active::after { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: #000; opacity: .4; } .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb.is-shown, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb.is-shown { display: block; } .product-view .video-gallery, .productView .video-gallery { position: relative; } .product-view .video-gallery .icon-play, .productView .video-gallery .icon-play { text-align: center; position: absolute; pointer-events: none; opacity: .8; left: 50%; color: #fff; font-size: 4rem !important; transform: translate(-50%, 0) scale(3); line-height: 1; } @media (min-width: 992px) { .product-view .video-gallery .icon-play, .productView .video-gallery .icon-play { transform: translate(-50%, 0) scale(1); } } .product-view .gallery-grid .dots .slick-dots, .productView .gallery-grid .dots .slick-dots { margin-top: 16px; } .product-view .gallery-grid .dots .slick-dots button, .productView .gallery-grid .dots .slick-dots button { font-size: 0; } .product-view .gallery-grid .dots .slick-dots li.slick-active button, .productView .gallery-grid .dots .slick-dots li.slick-active button { background-color: #000000; } .product-view .gallery-grid .carousel-grid:not(:has(.gallery-thumbs [data-slick-index="3"])) .gallery-thumbs-controls, .productView .gallery-grid .carousel-grid:not(:has(.gallery-thumbs [data-slick-index="3"])) .gallery-thumbs-controls { display: none; } .product-view h1.productView-title, .productView h1.productView-title { font-weight: 600; margin-bottom: 0.8rem; text-align: left; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 2.4rem; text-transform: none; } @media (min-width: 992px) { .product-view h1.productView-title, .productView h1.productView-title { font-size: 2.8rem; } } .product-view h1.productView-title small, .productView h1.productView-title small { display: block; font-size: 1.4rem; font-family: "Open Sans", Arial, Helvetica, sans-serif; } .product-view h1.productView-title small a, .productView h1.productView-title small a { text-decoration: none; font-size: 1.4rem; } .product-view .stars, .productView .stars { display: flex; margin: 0 0 1.6rem; font-size: 1.2rem; } .product-view .stars a, .productView .stars a { font-size: .8em; margin-left: 0.8rem; } @media (min-width: 768px) { .product-view .stars, .productView .stars { font-size: 1.6rem; } } .product-view .rating, .productView .rating { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; } .product-view .rating span, .productView .rating span { margin: 0 0.2rem 0 0; display: flex; } .product-view .review-stars *, .productView .review-stars * { cursor: pointer; } .product-view .productView-info__wrapper, .productView .productView-info__wrapper { display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; } .product-view .productView-info__wrapper .review-stars, .productView .productView-info__wrapper .review-stars { height: 24px; transform: translateY(-2px); } .product-view .review-stars .yotpo-sr-bottom-line-summary svg path, .productView .review-stars .yotpo-sr-bottom-line-summary svg path { stroke: #FD9200; } .product-view .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-star-full svg path, .productView .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-star-full svg path { fill: #FD9200; } .product-view .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-star-half svg linearGradient stop:first-child, .productView .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-star-half svg linearGradient stop:first-child { stop-color: #FD9200; } .product-view .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text, .productView .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text { color: #000000 !important; font-size: 14px !important; font-weight: 400 !important; } .product-view .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text:before, .productView .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text:before { content: '('; display: inline-block; } .product-view .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text:after, .productView .review-stars .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text:after { content: ')'; display: inline-block; } .product-view .productView-price, .productView .productView-price { display: flex; align-items: center; font-size: 2rem; font-weight: 600; margin-top: 0.8rem; gap: .8rem; } @media (min-width: 992px) { .product-view .productView-price, .productView .productView-price { margin-top: 2rem; } } .product-view .productView-price .price-section, .productView .productView-price .price-section { padding: 0.4rem 0; } .product-view .productView-price .sale, .productView .productView-price .sale { color: #CC4B18; float: left; order: 1; } .product-view .productView-price .rrp-price--withTax:not([style^="display: none"]) ~ .price-section--withTax, .product-view .productView-price .rrp-price--withoutTax:not([style^="display: none"]) ~ .price-section--withoutTax, .productView .productView-price .rrp-price--withTax:not([style^="display: none"]) ~ .price-section--withTax, .productView .productView-price .rrp-price--withoutTax:not([style^="display: none"]) ~ .price-section--withoutTax { color: #CC4B18; } .product-view .productView-price .starting:before, .productView .productView-price .starting:before { content: 'Starting at:'; display: block; font-size: 1.4rem; font-weight: normal; } .product-view .productView-price .non-sale-price--withTax:has(.price--non-sale), .product-view .productView-price .non-sale-price--withoutTax:has(.price--non-sale), .product-view .productView-price .price--non-sale, .productView .productView-price .non-sale-price--withTax:has(.price--non-sale), .productView .productView-price .non-sale-price--withoutTax:has(.price--non-sale), .productView .productView-price .price--non-sale { color: #707784; display: none; } .product-view .productView-price .price-section--saving, .productView .productView-price .price-section--saving { position: relative; display: inline-flex; align-items: center; gap: 0.4rem; order: 3; color: #fff; background-color: #3170B5; font-size: 1.4rem; border-radius: 118px; margin-left: 16px; padding: 0.4rem 1.6rem; } .product-view .productView-price .price-saving-tooltip, .productView .productView-price .price-saving-tooltip { position: relative; display: inline-flex; align-items: center; color: #868586; order: 1; } .product-view .productView-price .price-saving-tooltip:focus-visible .price-saving-tooltip__content, .product-view .productView-price .price-saving-tooltip.is-active .price-saving-tooltip__content, .productView .productView-price .price-saving-tooltip:focus-visible .price-saving-tooltip__content, .productView .productView-price .price-saving-tooltip.is-active .price-saving-tooltip__content { opacity: 1; visibility: visible; transform: translate(0, -50%); } .product-view .productView-price .price-saving-tooltip__icon, .productView .productView-price .price-saving-tooltip__icon { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; padding: 0; border: 0; background: transparent; appearance: none; -webkit-appearance: none; color: #868586; cursor: help; outline: none; } .product-view .productView-price .price-saving-tooltip__icon:hover, .product-view .productView-price .price-saving-tooltip__icon:focus, .productView .productView-price .price-saving-tooltip__icon:hover, .productView .productView-price .price-saving-tooltip__icon:focus { color: #5E5D5E; } .product-view .productView-price .price-saving-tooltip__content, .productView .productView-price .price-saving-tooltip__content { position: absolute; left: calc(100% + 1.2rem); top: 50%; z-index: 5; width: max-content; max-width: 18rem; padding: 0.8rem 1.6rem; color: #000000; background: #fff; border: 1px solid #363436; border-radius: 0.4rem; box-shadow: 0px 4px 8px 0px #00000014; font-size: 1.4rem; font-style: italic; font-weight: 400; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-0.4rem, -50%); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; } .product-view .productView-price .price-saving-tooltip__content::before, .productView .productView-price .price-saving-tooltip__content::before { content: ""; position: absolute; top: 50%; right: 100%; width: 0.8rem; height: 0.8rem; background: #fff; border-left: 1px solid #363436; border-bottom: 1px solid #363436; transform: translate(50%, -50%) rotate(45deg); } .product-view .productView-price .non-sale-price--withoutTax, .productView .productView-price .non-sale-price--withoutTax { margin-left: 0.8rem; order: 1; text-decoration-line: line-through; text-decoration-color: #707784; text-decoration-thickness: 0.1rem; -webkit-text-decoration-line: line-through; -webkit-text-decoration-color: #707784; -webkit-text-decoration-thickness: 0.1rem; } .product-view .productView-price .rrp-price--withoutTax, .productView .productView-price .rrp-price--withoutTax { color: #A3A3A3; font-weight: 500; order: 1; text-decoration-line: line-through; text-decoration-color: #707784; text-decoration-thickness: 0.1rem; -webkit-text-decoration-line: line-through; -webkit-text-decoration-color: #707784; -webkit-text-decoration-thickness: 0.1rem; } .product-view .info:before, .product-view .info:after, .productView .info:before, .productView .info:after { display: block; height: 0; width: 100%; content: ""; clear: both; } .product-view .info dt, .productView .info dt { float: left; margin: 0 0.4rem 0 0; font-weight: 700; } .product-view .info dt ~ dt, .productView .info dt ~ dt { clear: both; } .product-view .info dd, .productView .info dd { float: left; width: auto; padding: 0; color: #0061A1; font-weight: 500; } .product-view .info dt, .product-view .info dd, .productView .info dt, .productView .info dd { font-size: 1.2rem; } .product-view .info dt:nth-of-type(n + 2), .product-view .info dd:nth-of-type(n + 2), .productView .info dt:nth-of-type(n + 2), .productView .info dd:nth-of-type(n + 2) { margin-top: 0.8rem; } .product-view .productView-info-name, .productView .productView-info-name { font-size: 12px; font-weight: 700; } .product-view .productView-info-value, .productView .productView-info-value { font-size: 12px; font-weight: 400px; } .product-view .product-short-description, .productView .product-short-description { background-color: #EAF0F7; border-radius: 12px; padding: 12px; margin: 32px 0; } .product-view .product-short-description ul, .productView .product-short-description ul { list-style: disc; padding-left: 30px; } .product-view .product-short-description ul li, .productView .product-short-description ul li { color: #171717; font-size: 14px; padding: 0; margin: 0; } .product-view .add-to-cart-wrapper, .productView .add-to-cart-wrapper { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "qty cta"; gap: 0.8rem; } .product-view .add-to-cart-wrapper .form-increment, .productView .add-to-cart-wrapper .form-increment { grid-area: qty; align-self: stretch; } .product-view .add-to-cart-wrapper .form-action, .productView .add-to-cart-wrapper .form-action { position: relative; } .product-view .add-to-cart-wrapper .icon-basket, .productView .add-to-cart-wrapper .icon-basket { color: #fff; font-size: 14px; } .product-view .add-to-cart-wrapper .add-to-cart-buttons, .productView .add-to-cart-wrapper .add-to-cart-buttons { width: 100%; grid-area: cta; min-width: 0; } .product-view .add-to-cart-wrapper .add-to-cart-buttons .btn-primary, .productView .add-to-cart-wrapper .add-to-cart-buttons .btn-primary { width: 100% !important; } @media (max-width: 550px) { .product-view .add-to-cart-wrapper .add-to-cart-buttons .btn-primary, .productView .add-to-cart-wrapper .add-to-cart-buttons .btn-primary { font-size: 14px; min-height: 48px; } } @media (max-width: 375px) { .product-view .add-to-cart-wrapper .add-to-cart-buttons .btn-primary, .productView .add-to-cart-wrapper .add-to-cart-buttons .btn-primary { font-size: 12px; min-height: 48px; padding-left: 12px !important; padding-right: 12px !important; } } .product-view .add-to-cart-wrapper .rfq-button-container, .productView .add-to-cart-wrapper .rfq-button-container { grid-column: 2; width: 100%; font-size: 0; display: none !important; } .product-view .add-to-cart-wrapper .rfq-button-container button, .productView .add-to-cart-wrapper .rfq-button-container button { width: 100% !important; background: none; border: none; text-decoration: underline; text-underline-offset: 3px; color: #000000; height: auto; padding: 0; line-height: 1.5; min-height: 21px; font-size: 14px; } .product-view .add-to-cart-wrapper .rfq-button-container button:hover, .productView .add-to-cart-wrapper .rfq-button-container button:hover { color: #3170B5; } .product-view .add-to-cart-wrapper .rfq-button-container button.loadingOverlay, .productView .add-to-cart-wrapper .rfq-button-container button.loadingOverlay { font-size: 0; } .product-view .productView-form__wrapper, .productView .productView-form__wrapper { position: relative; } .product-view .productView-form__wrapper .info:not(:has(> *)), .productView .productView-form__wrapper .info:not(:has(> *)) { margin: 0; } .product-view .productView-form__wrapper .add-to-cart-wrapper, .productView .productView-form__wrapper .add-to-cart-wrapper { padding-right: 56px; } .product-view .productView-form__wrapper dl.info, .productView .productView-form__wrapper dl.info { margin-bottom: 16px; } .product-view .productView-form__wrapper .wishlist, .productView .productView-form__wrapper .wishlist { width: 100%; } .product-view .productView-form__wrapper .wishlist .trigger, .productView .productView-form__wrapper .wishlist .trigger { display: flex; align-items: center; justify-content: center; text-decoration: none; gap: 8px; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist { width: auto; position: absolute; bottom: 0; right: 0; padding: 0; margin: 0; border: 0; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger { width: 4.8rem; height: 4.8rem; padding: 0; border: 0.1rem solid #000000; border-radius: 0.8rem; background: #fff; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger svg, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger svg { fill: none; stroke: #000000; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger span, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger span { display: none; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger:hover, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger:hover { background-color: #363436; border-color: #363436; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger:hover svg, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper:not([style="display: none"])) + .wishlist .trigger:hover svg { stroke: #fff; } .product-view .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper .rfq-button-container) + .wishlist, .productView .productView-form__wrapper [data-cart-item-add]:has(.add-to-cart-wrapper .rfq-button-container) + .wishlist { bottom: 2.9rem; } .product-view .productView-form__wrapper .wishlist #wishlist-dropdown, .productView .productView-form__wrapper .wishlist #wishlist-dropdown { left: auto !important; right: 0; min-width: 250px; max-width: 250px; background: #fff; padding-top: 8px; border: none; background-color: transparent; } .product-view .productView-form__wrapper .wishlist #wishlist-dropdown li, .productView .productView-form__wrapper .wishlist #wishlist-dropdown li { border: 0.1rem solid #000000; background-color: #ffffff; } .product-view .productView-form__wrapper .wishlist #wishlist-dropdown li + li, .productView .productView-form__wrapper .wishlist #wishlist-dropdown li + li { border-top: none; } .product-view .productView-form__wrapper .wishlist #wishlist-dropdown input, .product-view .productView-form__wrapper .wishlist #wishlist-dropdown a, .productView .productView-form__wrapper .wishlist #wishlist-dropdown input, .productView .productView-form__wrapper .wishlist #wishlist-dropdown a { background: none; border: none !important; border-radius: 0; width: 100%; margin: 0; padding: 0.75rem 1.5rem; text-transform: capitalize; padding: 1.1rem 1.5rem; font-size: 1.6rem; } .product-view .productView-form__wrapper .wishlist #wishlist-dropdown input:hover, .product-view .productView-form__wrapper .wishlist #wishlist-dropdown a:hover, .productView .productView-form__wrapper .wishlist #wishlist-dropdown input:hover, .productView .productView-form__wrapper .wishlist #wishlist-dropdown a:hover { color: #3170B5; } .product-view .guarantees, .productView .guarantees { display: flex; flex-direction: column; } .product-view .guarantees.border-bottom, .productView .guarantees.border-bottom { border-bottom: 0.1rem solid #707784; padding-bottom: 2.4rem; } .product-view .guarantees.in-stock [data-stock-field], .productView .guarantees.in-stock [data-stock-field] { margin: 1.6rem 0; padding: 8px 12px; background-color: #FFFBE0; } .product-view .guarantees.in-stock [data-stock-field] + .product__availability, .productView .guarantees.in-stock [data-stock-field] + .product__availability { margin-top: 0; } .product-view .guarantees.in-stock [data-stock-field].is-inStock, .productView .guarantees.in-stock [data-stock-field].is-inStock { background-color: #E8FAE8; } .product-view .guarantees.in-stock [data-stock-field].is-inStock i, .productView .guarantees.in-stock [data-stock-field].is-inStock i { color: #4ECC18; } .product-view .guarantees.in-stock [data-stock-field].is-inStock.isUntrackedInStock [data-product-stock] span, .productView .guarantees.in-stock [data-stock-field].is-inStock.isUntrackedInStock [data-product-stock] span { font-weight: 600; } .product-view .guarantees.in-stock [data-stock-field].is-outStock, .productView .guarantees.in-stock [data-stock-field].is-outStock { background-color: #FFF2F2; } .product-view .guarantees.in-stock [data-stock-field].is-outStock i, .productView .guarantees.in-stock [data-stock-field].is-outStock i { color: #E30000; } .product-view .guarantees.in-stock [data-stock-field].is-unavailable [data-product-stock] span, .productView .guarantees.in-stock [data-stock-field].is-unavailable [data-product-stock] span { font-weight: 600; } .product-view .guarantees.in-stock:has([data-product-stock]:empty) [data-stock-field], .productView .guarantees.in-stock:has([data-product-stock]:empty) [data-stock-field] { padding: 0; margin: 0; } .product-view .guarantees.in-stock [data-product-stock], .productView .guarantees.in-stock [data-product-stock] { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; text-align: left; gap: 8px; } .product-view .guarantees.in-stock i, .productView .guarantees.in-stock i { color: #E6B000; } .product-view .guarantees.in-stock span, .productView .guarantees.in-stock span { font-size: 14px; font-weight: 700; } .product-view .guarantees.in-stock span:last-child, .productView .guarantees.in-stock span:last-child { font-weight: 400; } .product-view .guarantees.out-of-stock, .productView .guarantees.out-of-stock { margin-bottom: 0; } .product-view .guarantees div, .productView .guarantees div { display: flex; align-items: center; gap: 0.4rem; font-weight: 600; } .product-view .guarantees div[data-widget-id], .productView .guarantees div[data-widget-id] { display: flex; flex-direction: column; } .product-view .guarantees div i, .productView .guarantees div i { font-size: 2.4rem; line-height: 1; color: #0061A1; } .product-view .guarantees div span, .product-view .guarantees div p, .productView .guarantees div span, .productView .guarantees div p { font-size: 1.2rem; } .product-view .guarantees div .icon-free-shipping, .productView .guarantees div .icon-free-shipping { position: relative; top: 0.3rem; } .product-view .guarantees .ysw_rp_message, .productView .guarantees .ysw_rp_message { display: block; text-transform: capitalize; } .product-view .guarantees .ysw_rp_message br, .productView .guarantees .ysw_rp_message br { display: none; } .product-view .guarantees .ysw_rp_message a, .productView .guarantees .ysw_rp_message a { font-size: 1.2rem; font-weight: 500; text-decoration: none; } .product-view .guarantees .ysw_rp_message a:hover, .productView .guarantees .ysw_rp_message a:hover { text-decoration: underline; } .product-view .guarantees .product__availability, .productView .guarantees .product__availability { padding: 8px 12px; background-color: #FFFBE0; margin: 16px 0; } .product-view .paypal-restriction-message, .productView .paypal-restriction-message { margin-top: 0.8rem; } .product-view nav.share, .productView nav.share { font-size: 2rem; margin: 1.6rem 0 0; } @media (min-width: 768px) { .product-view nav.share, .productView nav.share { margin: 2rem 0 0; } } @media (min-width: 992px) { .product-view nav.share, .productView nav.share { margin: 2.4rem 0 0; } } .product-view nav.share ul, .productView nav.share ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; margin: 0 -0.8rem; } .product-view nav.share li, .productView nav.share li { margin: 0 0.8rem; } .product-view nav.share a, .productView nav.share a { color: #1A7BBC; } .product-view nav.share a:hover, .product-view nav.share a:focus, .productView nav.share a:hover, .productView nav.share a:focus { color: #000000; } .product-view .productView-options-disable, .productView .productView-options-disable { display: none; } .product-view .bulk-variants, .productView .bulk-variants { display: block; position: relative; } .product-view .bulk-variants > div.scroll, .productView .bulk-variants > div.scroll { overflow-y: auto; overflow-x: hidden; } .product-view .bulk-variants > div.scroll::-webkit-scrollbar, .productView .bulk-variants > div.scroll::-webkit-scrollbar { width: 0.4rem; } .product-view .bulk-variants > div.scroll::-webkit-scrollbar-track, .productView .bulk-variants > div.scroll::-webkit-scrollbar-track { background: #f5f5f5; } .product-view .bulk-variants > div.scroll::-webkit-scrollbar-thumb, .productView .bulk-variants > div.scroll::-webkit-scrollbar-thumb { background: #a6a6a6; } .product-view .bulk-variants > div.scroll::-webkit-scrollbar-thumb:hover, .productView .bulk-variants > div.scroll::-webkit-scrollbar-thumb:hover { background: #787878; } .product-view .bulk-variants .loadingOverlay, .productView .bulk-variants .loadingOverlay { position: absolute; display: none; background: rgba(221, 229, 244, 0.8); } .product-view .bulk-variants.disabled .loadingOverlay, .productView .bulk-variants.disabled .loadingOverlay { display: block; } .product-view .bulk-variants-action, .productView .bulk-variants-action { display: block; text-align: left; margin: 1.5rem 0 3rem 0; } .product-view .bulk-variants-price, .productView .bulk-variants-price { font-size: 1.6rem; font-weight: normal; color: #000000; } .product-view .bulk-variants-price .price, .productView .bulk-variants-price .price { font-weight: 500; } .product-view .bulk-variants-button, .productView .bulk-variants-button { margin: 1.5rem 0 0 0; } .product-view .bulk-variants-button.is-show, .productView .bulk-variants-button.is-show { display: inline-block; } .product-view .bulk-variants-text, .productView .bulk-variants-text { display: block; text-align: left; font-size: 1.6rem; font-weight: normal; font-style: italic; color: #000000; margin: 3rem 0 0 0; } .product-view .bulk-variants-text .text, .productView .bulk-variants-text .text { font-weight: 500; } .product-view .bulk-variants-text [data-stock-variant-text] span + span:before, .productView .bulk-variants-text [data-stock-variant-text] span + span:before { content: '/'; display: inline; margin: 0 0.2rem; } .product-view .bulk-variants-text.is-hidden, .productView .bulk-variants-text.is-hidden { display: none; } .product-view .bulk-variants-text.is-show, .productView .bulk-variants-text.is-show { display: block; } .product-view .bulk-variants-alert, .productView .bulk-variants-alert { display: block; text-align: left; font-size: 1.6rem; font-weight: normal; font-style: italic; color: #000000; margin: 3rem 0 0 0; } .product-view .bulk-variants-alert.is-hidden, .productView .bulk-variants-alert.is-hidden { display: none; } .product-view .bulk-variants-alert.is-show, .productView .bulk-variants-alert.is-show { display: block; } .product-view .bulk-variants-popup, .productView .bulk-variants-popup { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: -1; transition: all ease .5s; opacity: 0; visibility: hidden; pointer-events: none; } .product-view .bulk-variants-popupWrapper, .productView .bulk-variants-popupWrapper { display: block; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 30rem; transform: translate(-50%, -50%); background: #fff; border: 0.1rem solid transparent; padding: 5rem 3rem; box-shadow: 0 0 0.3rem 0.2rem rgba(0, 0, 0, 0.1); } .product-view .bulk-variants-popupWrapper .icon, .productView .bulk-variants-popupWrapper .icon { display: block; text-align: center; width: 4rem; height: 4rem; margin: 0 auto; } .product-view .bulk-variants-popupWrapper .text, .productView .bulk-variants-popupWrapper .text { display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.5; text-align: center; text-transform: capitalize; margin: 1.5rem 0 0 0; } .product-view .bulk-variants.groove-product-added .groove-product-popup, .productView .bulk-variants.groove-product-added .groove-product-popup { opacity: 1; visibility: visible; pointer-events: auto; z-index: 10; } @media (min-width: 55.1rem) { .product-view .bulk-variants-action, .productView .bulk-variants-action { text-align: right; } } .product-view .bulk-variants-text, .productView .bulk-variants-text { color: #2296E3; } .product-view .bulk-variants-table, .productView .bulk-variants-table { width: 100%; display: table; border-collapse: collapse; } .product-view .bulk-variants-table th, .productView .bulk-variants-table th { display: none; } .product-view .bulk-variants-table th.item-sku, .productView .bulk-variants-table th.item-sku { display: none; } .product-view .bulk-variants-table tr.option-hidden, .productView .bulk-variants-table tr.option-hidden { opacity: .8; pointer-events: none; } .product-view .bulk-variants-table tr.option-hidden .option-name span, .productView .bulk-variants-table tr.option-hidden .option-name span { position: relative; } .product-view .bulk-variants-table tr.option-hidden .option-name span:after, .productView .bulk-variants-table tr.option-hidden .option-name span:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; border-bottom: 0.1rem solid #2296E3; } .product-view .bulk-variants-table tr.option-hidden .option-check, .productView .bulk-variants-table tr.option-hidden .option-check { text-align: center; width: auto; } .product-view .bulk-variants-table tr.option-hidden .option-check .child-add-checkbox-label, .productView .bulk-variants-table tr.option-hidden .option-check .child-add-checkbox-label { display: block; font-size: 1.2rem; } .product-view .bulk-variants-table tr.option-hidden .option-check .child-add-checkbox-input, .productView .bulk-variants-table tr.option-hidden .option-check .child-add-checkbox-input { display: none; } .product-view .bulk-variants-table .group-title, .productView .bulk-variants-table .group-title { font-weight: bold; text-align: left; padding-top: 1.6rem; } .product-view .bulk-variants-table td, .productView .bulk-variants-table td { display: table-cell; text-align: center; } .product-view .bulk-variants-table td.option-sku, .productView .bulk-variants-table td.option-sku { display: none; } .product-view .bulk-variants-table td.option-sku:before, .productView .bulk-variants-table td.option-sku:before { display: none; content: 'SKU:'; } .product-view .bulk-variants-table td.option-name, .productView .bulk-variants-table td.option-name { text-align: left; white-space: nowrap; width: 1%; } .product-view .bulk-variants-table td.option-name span, .productView .bulk-variants-table td.option-name span { font-size: 1.4rem; } .product-view .bulk-variants-table td.option-name span + span:before, .productView .bulk-variants-table td.option-name span + span:before { content: ' / '; white-space: pre-wrap; } .product-view .bulk-variants-table td.option-name:before, .productView .bulk-variants-table td.option-name:before { display: none; content: 'Variant:'; } .product-view .bulk-variants-table td.option-price, .productView .bulk-variants-table td.option-price { font-size: 1.4rem; } .product-view .bulk-variants-table td.option-price:before, .productView .bulk-variants-table td.option-price:before { display: none; content: 'Price:'; } .product-view .bulk-variants-table td.option-qty .form-input--childTotal, .productView .bulk-variants-table td.option-qty .form-input--childTotal { display: inline-block; vertical-align: middle; border: 0.1rem solid #e7e7e7; margin: 0 auto; width: 7rem; height: 4rem; padding-right: 0.5rem; border-radius: 0; text-align: center; } .product-view .bulk-variants-table td.option-qty:before, .productView .bulk-variants-table td.option-qty:before { content: 'Qty'; display: none; margin-right: 0; margin-bottom: 0; } .product-view .bulk-variants-table td.option-check .child-add-checkbox-label, .productView .bulk-variants-table td.option-check .child-add-checkbox-label { text-align: center; font-weight: 500; font-size: 1.2rem; } .product-view .bulk-variants-table td.option-check .child-add-checkbox-input, .productView .bulk-variants-table td.option-check .child-add-checkbox-input { width: 2rem; height: 2rem; border-radius: 0; border-color: #e7e7e7; } .product-view .bulk-variants-table td.added span.option-check .child-add-checkbox-label, .productView .bulk-variants-table td.added span.option-check .child-add-checkbox-label { font-size: 1.2rem; } .product-view .bulk-variants-table td.added span.option-check .child-add-checkbox-input, .productView .bulk-variants-table td.added span.option-check .child-add-checkbox-input { opacity: 0; visibility: hidden; transition: all ease .3s; } .product-view input[type=number]::-webkit-inner-spin-button, .product-view input[type=number]::-webkit-outer-spin-button, .productView input[type=number]::-webkit-inner-spin-button, .productView input[type=number]::-webkit-outer-spin-button { opacity: 1; } .product-view .productOptions-list, .productView .productOptions-list { border: 0.1rem solid #707784; } .product-view .productOptions-list li, .productView .productOptions-list li { margin: 0; } .product-view .productOptions-list input, .productView .productOptions-list input { width: auto; } .product-view .productOptions-list img, .productView .productOptions-list img { aspect-ratio: 1; max-width: 6rem; display: block; width: 100%; object-fit: cover; } .product-view .productOptions-list .productOptions-list-item, .productView .productOptions-list .productOptions-list-item { padding: 0.8rem; display: flex; justify-content: space-between; align-items: center; gap: 2rem; } .product-view .productOptions-list .productOptions-list-item + .productOptions-list-item, .productView .productOptions-list .productOptions-list-item + .productOptions-list-item { border-top: 0.1rem solid #B3BBCB; } .product-view .productOptions-list .productOptions-list-item-content, .productView .productOptions-list .productOptions-list-item-content { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 2rem; } .product-view #prodd #product-list-label, .productView #prodd #product-list-label { font-weight: bold; font-size: 1.4rem; } .product-view #prodd .productOptions-list, .productView #prodd .productOptions-list { border: 0.1rem solid #B3BBCB; border-radius: 0.6rem; margin-bottom: 1.6rem !important; } .product-view #prodd .productOptions-list-item, .productView #prodd .productOptions-list-item { display: flex; margin: 0; padding: 1.2rem; } .product-view #prodd .productOptions-list-item + .productOptions-list-item, .productView #prodd .productOptions-list-item + .productOptions-list-item { border-top: 0.1rem solid #B3BBCB; } .product-view #prodd .productOptions-list-item figure, .productView #prodd .productOptions-list-item figure { margin: 0; } .product-view #prodd .productOptions-list-item .productOptions-list-item-content, .productView #prodd .productOptions-list-item .productOptions-list-item-content { border: 0.2rem solid fuchsia; display: grid; grid-template-columns: 1fr auto; column-gap: 1.2rem; align-items: center; } .product-view #prodd .productOptions-list-item .productOptions-list-item-content input, .productView #prodd .productOptions-list-item .productOptions-list-item-content input { width: 1.5rem; } .product-view #prodd .productOptions-list-item .productOptions-list-item-content label, .productView #prodd .productOptions-list-item .productOptions-list-item-content label { margin: 0; } .product-view form label, .product-view .form-el label, .product-view .form-cr label, .productView form label, .productView .form-el label, .productView .form-cr label { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; display: block; font-weight: 700; color: #000000; } .product-view form label span, .product-view .form-el label span, .product-view .form-cr label span, .productView form label span, .productView .form-el label span, .productView .form-cr label span { font-weight: 400; } .product-view .form-field, .productView .form-field { margin-bottom: 2.4rem; } .product-view [class*="set-"] .options, .productView [class*="set-"] .options { margin-top: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; gap: 0.4rem; } .product-view [class*="set-"] .options label, .productView [class*="set-"] .options label { font-weight: normal; } .product-view .set-radio .options, .productView .set-radio .options { display: flex; flex-direction: column; gap: 0.8rem; } .product-view .set-radio .options label, .productView .set-radio .options label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; width: auto; } .product-view .set-radio .options label:before, .productView .set-radio .options label:before { content: ""; display: block; width: 1.2rem; height: 1.2rem; margin: 0 0.8rem 0 0; border-radius: 100%; border: 0.1rem solid #0061A1; background-color: #fff; } .product-view .set-radio .options label.unavailable, .productView .set-radio .options label.unavailable { opacity: .5; } .product-view .set-radio input, .productView .set-radio input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .product-view .set-radio input:checked + label:before, .productView .set-radio input:checked + label:before { background: #000000; border: 0.1rem solid #000000; box-shadow: inset 0 0 0 0.3rem #fff; } .product-view select, .productView select { max-width: 30rem; margin-top: 1.6rem; } .product-view select:disabled, .product-view select.unavailable, .productView select:disabled, .productView select.unavailable { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; } .product-view .set-rectangle .options label, .productView .set-rectangle .options label { background: #fff; border: 0.1rem solid #C2C2C2; padding: 0.7rem 1.6rem; font-size: 1.2rem; font-weight: 600; gap: 0.8rem; transition: all .25s linear; width: auto; overflow: hidden; transition-duration: 0.1s; border-radius: 8px; min-width: 56px; margin-bottom: 0; text-align: center; } .product-view .set-rectangle .options label:hover, .product-view .set-rectangle .options label:focus, .productView .set-rectangle .options label:hover, .productView .set-rectangle .options label:focus { color: #3170B5; background: #fff; border-color: #3170B5; cursor: pointer; } .product-view .set-rectangle .options label.unavailable, .productView .set-rectangle .options label.unavailable { opacity: .5; } .product-view .set-rectangle .options label.unavailable:hover, .product-view .set-rectangle .options label.unavailable:focus, .productView .set-rectangle .options label.unavailable:hover, .productView .set-rectangle .options label.unavailable:focus { opacity: .5; } .product-view .set-rectangle input, .productView .set-rectangle input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .product-view .set-rectangle input:checked + label, .productView .set-rectangle input:checked + label { color: #fff; background: #3170B5; border-color: #3170B5; } .product-view .set-rectangle input:checked + label.unavailable, .productView .set-rectangle input:checked + label.unavailable { opacity: .5; } .product-view .set-rectangle input:checked + label:hover, .product-view .set-rectangle input:checked + label:focus, .productView .set-rectangle input:checked + label:hover, .productView .set-rectangle input:checked + label:focus { color: #fff; background: #3170B5; border-color: #3170B5; } .product-view .set-swatch, .productView .set-swatch { margin-bottom: 1.8rem; } .product-view .set-swatch .options, .productView .set-swatch .options { position: relative; top: -0.3rem; left: -0.3rem; } .product-view .set-swatch .options label, .productView .set-swatch .options label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; width: 3.2rem; height: 3.2rem; margin: 0 0.4rem 0.4rem 0; border-radius: 50%; transition: all .25s ease; } .product-view .set-swatch .options label > span, .productView .set-swatch .options label > span { transform: rotate(45deg); border-radius: 100%; width: 100%; } .product-view .set-swatch .options label .color-group, .productView .set-swatch .options label .color-group { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; overflow: hidden; } .product-view .set-swatch .options label .color-group span, .productView .set-swatch .options label .color-group span { width: 100%; } .product-view .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"]), .productView .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"]) { position: relative; } .product-view .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"])::after, .productView .set-swatch .options label .color-group:has([style="background-color: #FFFFFF"])::after { content: ""; position: absolute; inset: 0; border: 1px solid #aeaeae; border-radius: 50%; } .product-view .set-swatch .options label.unavailable, .productView .set-swatch .options label.unavailable { position: relative; } .product-view .set-swatch .options label.unavailable span, .productView .set-swatch .options label.unavailable span { opacity: .5; } .product-view .set-swatch .options label.unavailable::after, .productView .set-swatch .options label.unavailable::after { border-top: 0.1rem solid #707784; content: ''; position: absolute; top: 0; right: 0; left: -45%; transform: rotate(-45deg); transform-origin: 100% 0; } .product-view .set-swatch .options label.unavailable:hover, .product-view .set-swatch .options label.unavailable:focus, .productView .set-swatch .options label.unavailable:hover, .productView .set-swatch .options label.unavailable:focus { cursor: not-allowed; } .product-view .set-swatch .options label:hover, .product-view .set-swatch .options label:focus, .productView .set-swatch .options label:hover, .productView .set-swatch .options label:focus { cursor: pointer; transition: none; } .product-view .set-swatch .options label:hover::before, .product-view .set-swatch .options label:focus::before, .productView .set-swatch .options label:hover::before, .productView .set-swatch .options label:focus::before { border: 0.1rem solid #38454F; } .product-view .set-swatch .options label.pattern, .productView .set-swatch .options label.pattern { border-radius: 0; width: 5rem; height: 5rem; } .product-view .set-swatch .options label.pattern span, .productView .set-swatch .options label.pattern span { background-size: cover; } .product-view .set-swatch .options label.pattern > span, .productView .set-swatch .options label.pattern > span { transform: rotate(0deg); border-radius: 100%; width: 100%; } .product-view .set-swatch .options label.pattern::before, .productView .set-swatch .options label.pattern::before { content: ""; position: absolute; width: 5rem; height: 5rem; transform: translateY(-0.4rem) translateX(-0.4rem); } .product-view .set-swatch .options label.pattern .form-option-expanded, .productView .set-swatch .options label.pattern .form-option-expanded { display: none; } .product-view .set-swatch .options input, .productView .set-swatch .options input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .product-view .set-swatch .options input:checked + label, .productView .set-swatch .options input:checked + label { border: 0.1rem solid #000000; padding: .3rem; } .product-view .set-swatch .options input:checked + label.unavailable, .productView .set-swatch .options input:checked + label.unavailable { border: 0.1rem solid #B3BBCB; padding: .3rem; } /* -------------------------------------------------------------------------- *\ DETAIL - GLOBAL \* -------------------------------------------------------------------------- */ .description { margin-top: 2.4rem; } @media (min-width: 992px) { .description { margin-top: 4rem; } } .description dt button { background: none; font-weight: 500; } .description ul { list-style: circle; margin-left: 2rem; } .description ul li { padding-left: 1rem; } .description ul > ul { margin-top: 1.2rem; margin-bottom: 1.2rem; } #attn-waitlist-trigger-btn { color: #FFFFFF; background-color: #363436; border-color: #363436; } #attn-waitlist-trigger-btn:hover, #attn-waitlist-trigger-btn:focus { color: #ffffff; background-color: #3170B5; border-color: #3170B5; } /* -------------------------------------------------------------------------- *\ DETAIL - DESCRIPTION ACCORDION \* -------------------------------------------------------------------------- */ .description { margin: 60px 0; } .description .accordion > dt > button { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 24px; background: none; font-weight: 600; padding: 5.6rem 0 0.8rem; border-bottom: 0.1rem solid #E5E5E5; text-transform: uppercase; } .description .accordion > dt > button .icon-arrow-down { transform: none; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .description .accordion > dt > button .icon-arrow-down::before { content: ''; width: 24px; height: 2px; display: inline-block; background-color: #000; border-radius: 2px; } .description .accordion > dt > button .icon-arrow-down::after { content: ''; width: 2px; height: 24px; display: inline-block; background-color: #000; border-radius: 2px; position: relative; left: -13px; transition: transform .35s ease-in-out; } .description .accordion > dt > button[aria-expanded="true"] .icon-arrow-down::after { transform: rotate(90deg); } @media (min-width: 992px) { .description .accordion > dt > button { font-size: 28px; } } .description .accordion > dt:first-child button { padding-top: 0; } .description .accordion dd .accordion-content { margin: 24px 0 12px; padding: 16px; background-color: #FAFAFA; border-radius: 12px; } @media (min-width: 992px) { .description .accordion dd .accordion-content { padding: 40px; margin: 24px 0; } } #sectDescription .accordion-content > center { display: block; text-align: left; box-sizing: border-box; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } #sectDescription .accordion-content table { background-color: #fff; border-collapse: collapse; margin: 1.6rem 0; min-width: 100%; width: max-content; } #sectDescription .accordion-content th, #sectDescription .accordion-content td { border: 1px solid #E5E5E5; min-width: 18rem; padding: 1.2rem; text-align: center; vertical-align: middle; } #sectDescription .accordion-content th:first-child, #sectDescription .accordion-content td:first-child { background-color: #F5F7FA; left: 0; min-width: 14.5rem; text-align: left; z-index: 1; } #sectDescription .accordion-content p { margin: 0; } #sectDescription .accordion-content p + h2, #sectDescription .accordion-content p h3, #sectDescription .accordion-content p h4, #sectDescription .accordion-content p h5, #sectDescription .accordion-content p h6 { margin-top: 2.4rem; } #sectDescription .accordion-content img { display: block; height: auto; margin: 0 auto; max-width: 100%; } #reviews .yotpo-reviews-main-widget { background-color: transparent; } #reviews .yotpo-reviews-main-widget .yotpo-base-layout { width: 100% !important; } #reviews .yotpo-reviews-main-widget .yotpo-head { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-star-rating-icon { width: 12px !important; height: 12px !important; } #reviews .yotpo-reviews-main-widget .yotpo-star-rating-icon path { stroke: #FD9200; } #reviews .yotpo-reviews-main-widget .yotpo-sr-star-empty path { fill: none; } #reviews .yotpo-reviews-main-widget .yotpo-sr-star-full path { fill: #FD9200; } #reviews .yotpo-reviews-main-widget .yotpo-sr-star-half linearGradient stop:first-child { stop-color: #FD9200; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line-summary .yotpo-bottom-line-score { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 48px; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line-summary .yotpo-bottom-line-text { margin-top: 4px; font-size: 14px; font-weight: 500 !important; color: #000000; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line { margin-right: 40px; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line .yotpo-bottom-line-right-panel { margin-left: 4px; padding: 14px 40px 0 0; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line .yotpo-star-distribution { margin-left: 0; padding: 0 0 0 40px !important; border-right: none !important; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line .yotpo-star-distribution-bar { margin-left: 16px; margin-right: 16px; } #reviews .yotpo-reviews-main-widget .yotpo-bottom-line .yotpo-star-distribution-bar .yotpo-progress-bar { margin-right: 0; } #reviews .yotpo-reviews-main-widget .yotpo-layout-header-wrapper { margin-bottom: 24px; } #reviews .yotpo-reviews-main-widget .yotpo-header-container + .yotpo-review-border-smooth { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-media-select { border-color: #9A999A; color: #4B494B; font-weight: 300; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container label, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container input, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container input::placeholder, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-media-select label, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-media-select input, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-media-select input::placeholder { color: #4B494B; font-weight: 300; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container:hover::after, #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-media-select:hover::after { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-dropdown-base { --v71c07415: #9A999A; color: #4B494B; outline: none !important; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) { margin-top: 24px; margin-bottom: 24px; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel { min-width: 147px; width: 147px; max-width: 147px; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel { padding-left: 40px; padding-right: 40px; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title { align-items: center; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title { color: #000000; font-weight: 600; font-size: 18px; margin-left: 16px; } #reviews .yotpo-reviews-main-widget .yotpo-review-content .yotpo-read-more-text { font-size: 16px; color: #000000; font-weight: 400; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-wrapper { margin-bottom: 16px; color: #4B494B; font-size: 16px; font-weight: 400; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-review-date, #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-date-label, #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-date-format { font-size: 16px; color: #000000; font-weight: 400; } #reviews .yotpo-reviews-main-widget:has(.yotpo-empty-state) .yotpo-review-border-smooth.yotpo-border-margin { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container input { background-color: transparent; } #reviews .yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-smart-topics-panel ul li + li { margin-top: 0; } @media (max-width: 749px) { #reviews .yotpo-reviews-main-widget .yotpo-reviews-list-wrapper { margin: 0; padding: 0; } #reviews .yotpo-reviews-main-widget .yotpo-reviews-item { padding: 0; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; margin: 0 !important; padding: 20px 0 0; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel, #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel, #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-right-panel { width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; } #reviews .yotpo-reviews-main-widget .yotpo-reviewer { display: flex; align-items: flex-start; gap: 10px; } #reviews .yotpo-reviews-main-widget .yotpo-reviewer-image, #reviews .yotpo-reviews-main-widget .yotpo-verified-image-icon, #reviews .yotpo-reviews-main-widget .yotpo-verified-image-icon > span, #reviews .yotpo-reviews-main-widget .yotpo-anonymous-person-icon { display: block; flex: 0 0 40px; width: 40px !important; height: 40px !important; } #reviews .yotpo-reviews-main-widget .yotpo-reviewer-details { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 2px; } #reviews .yotpo-reviews-main-widget .yotpo-reviewer-name, #reviews .yotpo-reviews-main-widget .yotpo-reviewer-name-text { overflow-wrap: anywhere; color: #000000 !important; font-size: 16px; font-weight: 600; line-height: 1.2; } #reviews .yotpo-reviews-main-widget [class*="verified-buyer"], #reviews .yotpo-reviews-main-widget [class*="incentiv"] { font-size: 14px; line-height: 1.3; } #reviews .yotpo-reviews-main-widget [class*="incentiv"] { width: fit-content; margin-top: 12px; padding: 5px 8px; border-radius: 2px; background-color: #E6E6E6; color: #000000; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel { margin-top: 16px; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } #reviews .yotpo-reviews-main-widget .yotpo-review-star-rating { display: flex; align-items: center; gap: 3px; } #reviews .yotpo-reviews-main-widget .yotpo-review-star-rating .star-container { display: flex; } #reviews .yotpo-reviews-main-widget .yotpo-review-star-rating .yotpo-star-rating-icon { width: 16px !important; height: 16px !important; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title { margin: 0; color: #000000; font-size: 18px; font-weight: 600; line-height: 1.2; } #reviews .yotpo-reviews-main-widget .yotpo-review-content { margin-top: 2px; } #reviews .yotpo-reviews-main-widget .yotpo-review-content .yotpo-read-more-text { margin: 0; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; } #reviews .yotpo-reviews-main-widget .yotpo-crfs-seperator { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-right-panel { margin-top: 18px; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details { display: block; text-align: left; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-date-label { display: none; } #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-review-date, #reviews .yotpo-reviews-main-widget .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-details .yotpo-date-format { margin: 0; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.3; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-wrapper { display: flex !important; width: 100%; flex-flow: row wrap !important; justify-content: flex-end; align-items: center; gap: 6px; margin: 18px 0 0 !important; color: #656565; font-size: 14px; line-height: 1.3; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-text { margin-right: 2px !important; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-icons-wrapper, #reviews .yotpo-reviews-main-widget .yotpo-review-votes-icons-container { display: flex; align-items: center; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-icons-wrapper { gap: 8px; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-icons-container { gap: 3px; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-icons { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; padding: 2px; border: 0; background: transparent; } #reviews .yotpo-reviews-main-widget .yotpo-review-votes-number { min-width: 8px; color: #656565; font-size: 14px; } #reviews .yotpo-reviews-main-widget .yotpo-review-border-smooth.top-margin { width: 100%; margin-top: 18px !important; border-color: #D8D8D8; } } .yotpo-reviews-main-widget .modal-close-btn-wrapper .yotpo-icon-button .yotpo-icon-button__icon svg { padding: 1px; } .yotpo-review-media-modal section { margin-top: 0; } .yotpo-review-media-modal .yotpo-slider-wrapper .yotpo-slider-media-preview { background-color: #ffffff; } .yotpo-review-media-modal .yotpo-custom-questions-range-question .yotpo-custom-questions-range-question-wrapper + .yotpo-custom-questions-range-question-wrapper { margin-top: 0; } .yotpo-review-media-modal .yotpo-icon-button .btn-close { padding: 0 !important; } .yotpo-bottom-line-question-wrapper-vertical .yotpo-progress-bar-wrapper .yotpo-progress-bar-value-label { justify-content: center; } .yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-thumbnail-container { margin-top: 8px; } #sectQandA .yotpo-questions-and-answers { background-color: transparent; } #sectQandA .yotpo-questions-and-answers .yotpo-main-layout { width: 100% !important; } #sectQandA .yotpo-questions-and-answers .yotpo-header-container { display: flex; justify-content: space-between; align-items: center; flex-direction: row; gap: 16px; margin: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-header-head { min-width: 0; margin: 0 !important; } #sectQandA .yotpo-questions-and-answers .yotpo-header-headline { color: #000000; font-size: 18px; font-weight: 600; line-height: 1.5; } #sectQandA .yotpo-questions-and-answers .yotpo-header-summary { margin-top: 8px; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; line-height: 1.5; text-transform: capitalize; text-align: left; } #sectQandA .yotpo-questions-and-answers .yotpo-ask-question-btn-wrapper { margin: 0; position: static; transform: none; } #sectQandA .yotpo-questions-and-answers .yotpo-question-btn { min-width: 140px; min-height: 31px; border-radius: 100px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; } #sectQandA .yotpo-questions-and-answers .yotpo-question-btn:hover, #sectQandA .yotpo-questions-and-answers .yotpo-question-btn:focus { background-color: #004F83; } #sectQandA .yotpo-questions-and-answers .yotpo-layout-header-wrapper + .yotpo-border-smooth { display: none; } #sectQandA .yotpo-questions-and-answers .yotpo-question { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "shopper" "content"; margin-top: 40px; margin-bottom: 24px; } #sectQandA .yotpo-questions-and-answers .yotpo-layout-header-wrapper:empty { margin: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-question-shopper { grid-area: shopper; display: flex; align-items: center; min-width: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-shopper-image, #sectQandA .yotpo-questions-and-answers .yotpo-verified-image-icon, #sectQandA .yotpo-questions-and-answers .yotpo-verified-image-icon > span, #sectQandA .yotpo-questions-and-answers .yotpo-anonymous-person-icon { width: 50px; height: 50px; } #sectQandA .yotpo-questions-and-answers .yotpo-verified-image-icon { position: relative; display: block; } #sectQandA .yotpo-questions-and-answers .yotpo-verified-image-icon > span, #sectQandA .yotpo-questions-and-answers .yotpo-anonymous-person-icon { display: block; } #sectQandA .yotpo-questions-and-answers .yotpo-verified-icon-wrapper { position: absolute; top: auto; left: auto; right: 0; bottom: 0; width: 16px; height: 16px; } #sectQandA .yotpo-questions-and-answers .yotpo-verified-icon { display: block; width: 16px; height: 16px; } #sectQandA .yotpo-questions-and-answers .yotpo-shopper-details-verified { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-shopper-name { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; } #sectQandA .yotpo-questions-and-answers .yotpo-verified-text { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; } #sectQandA .yotpo-questions-and-answers .yotpo-question-center-panel { grid-area: content; min-width: 0; margin: 16px 0 0 16px !important; } #sectQandA .yotpo-questions-and-answers .yotpo-question-content, #sectQandA .yotpo-questions-and-answers .yotpo-answer-content, #sectQandA .yotpo-questions-and-answers .yotpo-text-container, #sectQandA .yotpo-questions-and-answers .yotpo-read-more-text { width: auto; max-width: none; } #sectQandA .yotpo-questions-and-answers .yotpo-read-more-text { margin: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; } #sectQandA .yotpo-questions-and-answers .yotpo-question-answers { margin: 16px 0 0 20px; } #sectQandA .yotpo-questions-and-answers .yotpo-answers-answer { margin: 0; padding: 0 0 0 10px; border-left: 1px solid #000000; } #sectQandA .yotpo-questions-and-answers .yotpo-answer-data { margin: 0; padding: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-answerer-title { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.5; margin-top: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-question-date { display: none; } #sectQandA .yotpo-questions-and-answers .yotpo-questions-list > .yotpo-border-smooth { width: 100%; margin: 0; border-color: #E0E0E0; border-width: 1px; height: 1px; } #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 24px 0 0; } #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container:empty, #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container:has(.yotpo-vertical-pagination:empty), #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container .yotpo-vertical-pagination:empty { margin: 0; } #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container button, #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container a { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #000000; font-size: 14px; line-height: 1; } #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container [aria-current="page"], #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container .active, #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container .selected, #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container .yotpo-pagination-number--active { background-color: #000000; color: #fff; } @media (max-width: 749px) { #sectQandA .yotpo-questions-and-answers .yotpo-header-container { flex-direction: column; align-items: flex-start; } #sectQandA .yotpo-questions-and-answers .yotpo-question { margin-top: 16px; margin-bottom: 24px; } } @media (min-width: 992px) { #sectQandA .yotpo-questions-and-answers .yotpo-question { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "shopper date" "content content"; } #sectQandA .yotpo-questions-and-answers .yotpo-question-center-panel { margin: 16px 40px 0 !important; } #sectQandA .yotpo-questions-and-answers .yotpo-question-date { grid-area: date; display: block; } #sectQandA .yotpo-questions-and-answers .yotpo-question-date .yotpo-date-format { font-size: 16px; font-weight: 300; } #sectQandA .yotpo-questions-and-answers .yotpo-pagination-container { margin-top: 40px; } } .description:has(#sectQandA .yotpo-widget-instance:empty) #sectQandATitle, .description:has(#sectQandA .yotpo-widget-instance:empty) #sectQandA { display: none; } .yotpo-questions-and-answers header.yotpo-qna-modal-header { padding-left: 40px; padding-right: 40px; } .yotpo-questions-and-answers .yotpo-form-complete .yotpo-shop-complete { padding: 0.5rem 1.6rem; text-align: center; min-height: 40px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal #modalTitle .yotpo-qna-modal-header { margin-bottom: 4px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .yotpo-qna-modal-header-font { font-family: "Conthrax", Arial, Helvetica, sans-serif; text-transform: capitalize; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .yotpo-form-label { font-size: 16px; display: block; font-weight: 700; color: #000000; margin: 0 0 8px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal textarea, .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal input { border-color: #9A999A; border-radius: 8px; min-height: 48px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .yotpo-new-input-message { font-size: 14px; font-weight: 400; margin-top: 8px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .form-footer { margin: 24px 0 40px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .form-footer .yotpo-question-submit { min-height: 48px; font-size: 16px; font-weight: 600; border-radius: 8px; text-transform: uppercase; color: #ffffff; background-color: #3170B5; border-color: #3170B5; width: 100%; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .form-footer .yotpo-question-submit:hover, .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .form-footer .yotpo-question-submit:focus { background-color: #363436; border-color: #363436; } @media (max-width: 767px) { .yotpo-questions-and-answers header.yotpo-qna-modal-header { padding-left: 0; padding-right: 0; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal .yotpo-qna-modal .modal-body { margin: 0 6px; } .yotpo-questions-and-answers .yotpo-qna-modal-backdrop.yotpo-question-form-modal #modalTitle .yotpo-qna-modal-header { margin-bottom: 19px; } } .yotpo-review-form-modal .yotpo-icon-button .btn-close { inset: 0 !important; border: none; } .yotpo-review-form-modal .yotpo-icon-button .btn-close path { stroke: #000000; } .yotpo-review-form-modal .yotpo-modal-content .yotpo-modal-header-heading { font-family: "Conthrax", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; } @media (min-width: 750px) { .yotpo-review-form-modal .yotpo-modal-content .yotpo-modal-header-heading { font-size: 24px !important; } } .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .yotpo-form-label { font-size: 16px; display: block; font-weight: 700; color: #000000; margin: 0 0 8px; } .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form textarea, .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .yotpo-new-input-container { border-color: #9A999A !important; border-radius: 8px; min-height: 48px; } .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .yotpo-new-input-message { font-size: 14px; font-weight: 400; margin-top: 8px; } .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .form-footer .yotpo-new-review-submit { min-height: 48px; font-size: 16px; font-weight: 600; border-radius: 8px; text-transform: uppercase; color: #ffffff; background-color: #3170B5; border-color: #3170B5; width: 100%; } .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .form-footer .yotpo-new-review-submit:hover, .yotpo-review-form-modal .yotpo-modal-content .yotpo-review-form .form-footer .yotpo-new-review-submit:focus { background-color: #363436; border-color: #363436; } .description-panel__main--with-highlights { display: grid; column-gap: 40px; } @media (min-width: 992px) { .description-panel__main--with-highlights { grid-template-columns: auto minmax(0, 500px); align-items: start; } } .product-highlights { margin: 12px 0; } @media (min-width: 992px) { .product-highlights { margin: 24px 0; } } .product-highlights .product-highlights__inner { padding: 16px; background-color: #FAFAFA; border-radius: 12px; } @media (min-width: 992px) { .product-highlights .product-highlights__inner { padding: 32px 32px 16px 32px; } } .product-highlights .product-highlights__title { text-align: left; font-size: 20px; font-weight: 600; margin-bottom: 0; text-transform: capitalize; } @media (min-width: 992px) { .product-highlights .product-highlights__title { font-size: 24px; } } .product-highlights .product-highlights__list { list-style: none; margin: 0; padding: 0; } .product-highlights .product-highlights__item { padding-left: 0; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #E5E5E5; padding: 16px 0; margin: 0; } .product-highlights .product-highlights__item:before { content: none; } .product-highlights .product-highlights__item:last-child { border: none; } .product-highlights .product-highlights__icon { width: 48px; height: 48px; min-width: 48px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; } .product-highlights .product-highlights__icon img { width: 100%; height: 100%; object-fit: contain; display: block; } .product-highlights .product-highlights__text { margin: 0; color: #231F20; } .product-content-showcase { margin-top: 1.2rem; } @media (min-width: 992px) { .product-content-showcase { margin-top: 2.4rem; } } .product-content-showcase__items { display: grid; grid-template-columns: 1fr; gap: 0.8rem; } .product-content-showcase__item { overflow: hidden; } .product-content-showcase__media { position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 12px; } .product-content-showcase__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .product-content-showcase__content { padding: 2.4rem; } .product-content-showcase__heading { margin: 0 0 0.8rem; font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 2.4rem; text-align: left; line-height: 1.2; } .product-content-showcase__content-block > *:first-child { margin-top: 0; } .product-content-showcase__content-block > *:last-child { margin-bottom: 0; } @media (min-width: 992px) { .product-content-showcase__items { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* -------------------------------------------------------------------------- *\ DETAIL - DESCRIPTION TABS \* -------------------------------------------------------------------------- */ @media (max-width: 767.9px) { .description .tabs > dt { padding: 0.5rem; } .description .tabs > dt > button[aria-expanded="true"] { border-bottom-color: #fff; font-weight: bold; } .description .tabs > dd { padding: 1rem 0.5rem; } } @media (min-width: 992px) { .description .tabs { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row wrap; } .description .tabs .icon-arrow-down { display: none; } .description .tabs > dt { position: relative; z-index: 100; } .description .tabs > dt > button { padding: 0.8rem 1.2rem; border: 0.1rem solid #707784; background-color: #DDE5F4; } .description .tabs > dt > button[aria-expanded="true"] { border-bottom-color: #fff; font-weight: bold; background-color: #fff; } .description .tabs > dt ~ dt { margin: 0 0 0 0.8rem; } .description .tabs > dd { position: relative; z-index: 0; -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; order: 1; width: 100%; border: 0.1rem solid #707784; margin-top: -0.1rem; padding: 1.2rem 1.2rem; } } .product-bundle { padding: 40px 0; background-color: #EAEAEA; margin-top: 0; } .product-bundle:has(.bundle-container.empty) { display: none; } .product-bundle .bundle-container.empty { min-height: auto; } .product-bundle .bundle-container .ss__recs-slider-container { margin: 0; background: none; padding: 0; } .product-bundle .bundle-container .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__title span .ss__recommendation-bundle__title .ss__title.ss__title--recommendation { font-size: 28px; font-weight: 600; text-align: left; line-height: 1.2; margin-bottom: 40px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector.ss__recommendation-bundle__wrapper__selector--selected .ss__checkbox { background: #3170B5; border-color: #3170B5; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector.ss__recommendation-bundle__wrapper__selector--selected .ss__checkbox .ss__icon { width: calc(-30% + 15px); width: calc(-30% + 15px); } .product-bundle .ss__variant__header { margin-bottom: 8px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__header .ss__variant__header--title { font-size: 16px; font-weight: 700; color: #000000; text-transform: capitalize; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__header .ss__variant__header--title::after { content: ':'; display: inline; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__grid__block .ss__grid__container .ss__variant.ss__variant--grid { background-color: #fff; border: 1px solid #c2c2c2; border-radius: 8px; font-size: 12px; font-weight: 600; color: #000000; min-width: 56px; padding: 8px 12px; text-align: center; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__grid__block .ss__grid__container .ss__variant.ss__variant--grid:hover { color: #fff; background-color: #3170B5 !important; border-color: #3170B5; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__grid__block .ss__grid__container .ss__variant.ss__variant--grid.ss__variant--active { background-color: #3170B5; border-color: #3170B5; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__image__block .ss__swatch .ss__variant__image__container { width: 32px; height: 32px; padding: 3px; border: 1px solid transparent; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__image__block .ss__swatch .ss__variant__image__container:before { display: none; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__image__block .ss__swatch .ss__variant__image__container.ss__swatch__active { border-color: #000; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result .ss__variant__block .ss__variant__image__block .ss__swatch .ss__variant__image__container .ss__variant__image { border-radius: 50%; } .product-bundle .ss__recommendation-bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper { height: 100%; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: start; column-gap: 16px; row-gap: 0; height: 100%; grid-template-rows: auto; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss__result-cover { grid-column: 1; grid-row: 1; width: 100px; min-width: 100px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss__result-cover .flag { display: none; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss__result-cover .add-to-cart-buttons { display: none; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .cnt { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100%; padding: 0 32px 0 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss__result-name a { min-height: auto; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .rating { display: none; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss-product-bundle__choose-options, .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss-bundle__choose-options-toggle { width: 100%; max-width: 130px; margin-top: 32px; min-height: 32px; padding: 8px 10px; font-size: 12px; line-height: 1; font-weight: 500; color: #000000; background-color: #ffffff; border: 1px solid #000000 !important; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss__variant__block { display: none !important; grid-column: 1 / -1; width: 100%; min-width: 0; height: 0; margin-top: 0; opacity: 0; overflow: hidden; padding-left: 0; padding-right: 0; pointer-events: none; transform: translateY(-4px); visibility: hidden; will-change: height, opacity, transform; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss-product-bundle__variant-options-inner { padding: 16px 16px 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card.ss__result--options-visible .ss__variant__block { display: block !important; opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; max-height: max-content; } .product-bundle:has(.ss__result--options-visible) .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector { height: auto; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__seed-container .ss__recommendation-bundle__wrapper__selector.ss__recommendation-bundle__wrapper__selector--selected.ss__recommendation-bundle__wrapper__selector--seed { border-radius: 12px; } .product-bundle .ss__recs-slider-container.ss__bundle .swiper-container { background: none; padding: 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector { background-color: #fff; border-radius: 12px; padding: 16px 0; } .product-bundle .ss__recs-slider-container.ss__bundle .swiper-wrapper { margin-bottom: 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__checkbox.ss__recommendation-bundle__wrapper__selector__result-wrapper__checkbox { background-color: #ffffff; border-color: #000000; border-radius: 2px; top: 77px; transform: translateY(-50%); width: 16px; height: 16px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__checkbox.ss__recommendation-bundle__wrapper__selector__result-wrapper__checkbox[aria-checked="true"] { background-color: #3170B5; border-color: #3170B5; } @media screen and (max-width: 1279px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss-recommended-products__swiper--two-rows .swiper-wrapper { display: grid !important; grid-auto-columns: 100%; grid-auto-flow: column; grid-template-rows: repeat(2, minmax(0, auto)); column-gap: 8px; height: auto !important; row-gap: 8px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss-recommended-products__swiper--two-rows .swiper-slide { width: 100% !important; height: auto !important; margin-right: 0 !important; } } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-profile-tracker::before { left: calc(24% - 42px); top: calc((100% - 82px) / 2 + 78px); z-index: 1; font-size: 34px; line-height: 1; transform: translateY(-50%); color: #A3A3A3; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev-wrapper { margin-right: -20px; z-index: 1; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next-wrapper { margin-left: -20px; z-index: 1; } .product-bundle .ss__recommendation-bundle__wrapper__carousel .ss__recommendation__carousel { height: 100%; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev { background-color: #fff; border-color: #fff; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next svg, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev svg { width: 1rem; height: 1rem; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next:hover, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev:hover { background-color: #3170B5; border-color: #3170B5; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next:hover svg path, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev:hover svg path { stroke: #fff; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next.swiper-button-disabled, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev.swiper-button-disabled { opacity: 1; color: #AFAEAF; background-color: #ffffff; border-color: #ffffff; cursor: not-allowed; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next.swiper-button-disabled svg path, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev.swiper-button-disabled svg path { stroke: #AFAEAF; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta { margin-left: 40px; border-color: #ADC6E1; border-radius: 12px; margin-top: 0; margin-bottom: 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal .icon .ss__icon.ss__icon--bag.ss__recommendation-bundle__wrapper__cta__icon { width: 24px; height: 24px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal { gap: 6px; margin-bottom: 8px; } .product-bundle .ss__recommendation-bundle__wrapper__cta__subtotal__title { font-size: 18px; color: #000; font-weight: 600; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__button.ss__recommendation-bundle__wrapper__cta__button { background-color: #3170B5; border-color: #3170B5; border-radius: 8px; width: 100%; padding: 11.5px 16px; display: flex; justify-content: center; flex-direction: row-reverse; gap: 8px; font-weight: 600; text-transform: uppercase; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__button.ss__recommendation-bundle__wrapper__cta__button .icon-basket { font-size: 14px; line-height: 24px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal .ss__recommendation-bundle__wrapper__cta__subtotal__prices.ss__subtotal__sale .ss__recommendation-bundle__wrapper__cta__subtotal__price .ss__price div { color: #000000; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal .ss__recommendation-bundle__wrapper__cta__subtotal__prices.ss__subtotal__sale .ss__recommendation-bundle__wrapper__cta__subtotal__strike .ss__price.ss__price--strike div { color: #AFAEAF; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .cnt .price { font-size: 14px; font-weight: 400; } @media screen and (max-width: 1279px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-profile-tracker::before { top: 160px; left: calc(45% - 25px); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__seed-container { flex: 0 0 45%; width: 45%; min-width: 0; padding-right: 32px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__seed-container .ss__recommendation-bundle__wrapper__selector--seed { max-width: 100% !important; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel { flex: 0 0 55%; width: 55%; min-width: 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta { flex: 0 0 500px; margin: 16px auto 0 auto; flex-direction: column; width: 500px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal { display: flex; flex-direction: column; } } @media screen and (max-width: 991px) { .product-bundle .ss__recommendation-profile-tracker::before { display: none; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper { flex-direction: column; padding: 0 2.4rem; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__seed-container { width: 100%; padding: 0; margin-bottom: 40px; position: relative; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__seed-container:before { content: "+"; color: #A3A3A3; font-size: 34px; position: absolute; bottom: -37px; left: 50%; transform: translateX(-50%); line-height: 1; z-index: 1; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel { width: 100%; position: relative; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel .ss__carousel__prev-wrapper, .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel .ss__carousel__next-wrapper { position: absolute; top: 50%; margin: 0; z-index: 2; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel .ss__carousel__prev-wrapper { left: 0; right: auto; transform: translate(-50%, -50%); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__carousel .ss__carousel__next-wrapper { left: auto; right: 0; transform: translate(50%, -50%); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta { width: 100%; max-width: 100%; margin: 16px 0 0 0; flex: 0 0 100%; } } @media screen and (max-width: 749px) { .product-bundle .bundle-container .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__title span .ss__recommendation-bundle__title .ss__title.ss__title--recommendation { font-size: 24px; text-align: center; margin-bottom: 24px; } .product-bundle [searchspring-recommend="bundle"] .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__button.ss__recommendation-bundle__wrapper__cta__button { padding: 11.5px 16px; margin-top: 0; } } @media screen and (max-width: 499px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta { margin-left: 24px; margin-right: 24px; width: calc(100% - 48px); } } @media screen and (min-width: 512px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev-wrapper { margin-right: 16px; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next-wrapper { margin-left: 16px; } } @media screen and (min-width: 750px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss-product-bundle__choose-options, .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .ss-bundle__choose-options-toggle { max-width: 180px; } } @media screen and (min-width: 992px) { .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__prev-wrapper, .product-bundle .ss__recs-slider-container.ss__bundle .ss__carousel__next-wrapper { height: 176px; } } @media screen and (min-width: 1280px) { .product-bundle .ss__recs-slider-container.ss__bundle { --ss-bundle-cta-width: 270px; --ss-bundle-cta-gap: 40px; --ss-bundle-content-width: calc(100% - var(--ss-bundle-cta-width) - var(--ss-bundle-cta-gap)); --ss-bundle-seed-width: calc(var(--ss-bundle-content-width) * .48); --ss-bundle-carousel-width: calc(var(--ss-bundle-content-width) * .52); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__seed-container { width: var(--ss-bundle-seed-width); padding-right: 56px; flex-shrink: 0; } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__carousel { width: var(--ss-bundle-carousel-width); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta { width: var(--ss-bundle-cta-width); margin-left: var(--ss-bundle-cta-gap); } .product-bundle .ss__recs-slider-container.ss__bundle .ss__recommendation-profile-tracker::before { top: calc((176px) / 2 + 72px); left: calc(var(--ss-bundle-seed-width) - 42px); } } @media screen and (min-width: 1600px) { .product-bundle .ss__recs-slider-container.ss__bundle { --ss-bundle-cta-width: 270px; --ss-bundle-cta-gap: 40px; --ss-bundle-content-width: calc(100% - var(--ss-bundle-cta-width) - var(--ss-bundle-cta-gap)); --ss-bundle-seed-width: calc(var(--ss-bundle-content-width) * .335); --ss-bundle-carousel-width: calc(var(--ss-bundle-content-width) * .665); } } [searchspring-recommend="similar"] .ss__searchspring__recommendations { margin: 60px 0; } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss-title { font-size: 28px; text-align: left; margin-bottom: 40px; } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__next, [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__prev { background-color: #fff; border-color: #fff; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__next:hover, [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__prev:hover { background-color: #3170B5; border-color: #3170B5; } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__next:hover svg path, [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .ss__carousel__prev:hover svg path { stroke: #fff; } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .swiper-pagination { margin-top: 40px; } [searchspring-recommend="similar"] .ss__searchspring__recommendations .ss__recs-slider-container .swiper-container { padding-top: 0; } @media (max-width: 575.9px) { [searchspring-recommend="bundle"] .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal { display: flex; } } @media (max-width: 575.9px) { [searchspring-recommend="bundle"] .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__recommendation-bundle__wrapper__cta__subtotal .icon .ss__icon.ss__icon--bag.ss__recommendation-bundle__wrapper__cta__icon { width: 25%; } } @media (max-width: 575.9px) { [searchspring-recommend="bundle"] .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__cta .ss__button.ss__recommendation-bundle__wrapper__cta__button { padding: 2rem 1.2rem; } } @media (min-width: 992px) { div .ss__searchspring__recommendations .ss__recs-slider-container .ss__result.card .cnt, div .ss__recs-slider-container.ss__bundle .ss__recommendation-bundle__wrapper__selector .ss__recommendation-bundle__wrapper__selector__result-wrapper .ss__result.card .cnt { grid-template-areas: "title title" "price rating" "option option" !important; } } .product-bundle-fr { background-color: #EAEAEA; padding: 40px 0; display: none !important; } .product-bundle__title { text-align: center; margin-bottom: 24px; } .product-bundle__title h3 { font-size: 24px; margin: 0; } .product-bundle__content { display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; gap: 16px; overflow: hidden; } .product-bundle__items { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; row-gap: 40px; } .product-bundle__items .card-wrapper { width: 100%; height: 100%; cursor: pointer; } .product-bundle__items .card { display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 0; height: 100%; } .product-bundle__items .card .card-figure { width: 100px; flex-shrink: 0; margin-bottom: 0; } .product-bundle__items .card .card__media img { object-fit: contain; } .product-bundle__items .card .card-body { text-align: left; padding-top: 0; height: 100%; display: flex; flex-direction: column; } .product-bundle__items .card .card-title { font-family: "Open Sans", Arial, Helvetica, sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: auto; font-weight: 400; font-size: 16px; } .product-bundle__items .card .card-title + .card-price { margin-top: 4px; } .product-bundle__items .card .card-price { margin-bottom: 8px; } .product-bundle__items .card .card-price .product-bundle__price-section { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; } .product-bundle__items .card .card-price .price { font-size: 14px; font-weight: 400; } .product-bundle__items .card .card-price .price--non-sale { color: #AFAEAF; text-decoration-line: line-through; text-decoration-thickness: 0.1rem; -webkit-text-decoration-line: line-through; -webkit-text-decoration-thickness: 0.1rem; } .product-bundle__items .card .product-bundle__choose-options { width: 100%; max-width: 130px; margin-top: auto; min-height: 32px; padding: 8px 10px; font-size: 12px; line-height: 1; font-weight: 500; } .product-bundle__item { width: 100%; height: 100%; } .product-bundle__slider { width: 100%; display: flex; flex-direction: column; gap: 8px; } .product-bundle__slider-wrap { width: 100%; display: flex; flex-direction: column; gap: 16px; position: relative; } .product-bundle__slider-wrap::before { content: ""; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIwIDguMzMzMzFWMzEuNjY2NiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik04LjMzMzI1IDIwSDMxLjY2NjYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); background-size: contain; background-repeat: no-repeat; } .product-bundle__slider-controls { display: none; position: absolute; top: 50%; left: -20px; right: -20px; z-index: 2; align-items: center; justify-content: space-between; transform: translateY(-50%); pointer-events: none; } .product-bundle__slider-controls button { width: 4rem; height: 4rem; display: inline-flex; align-items: center; justify-content: center; pointer-events: auto; } .product-bundle__slider-controls button.slick-prev { left: auto; margin-right: 0; } .product-bundle__slider-controls button.slick-next { right: auto; } .product-bundle__slider-wrap--slick-active .product-bundle__slider-controls { display: flex; } .product-bundle__slider.slick-slider { display: block; gap: 0; } .product-bundle__slider.slick-slider .slick-list { display: block; height: 100%; } .product-bundle__slider.slick-slider .slick-track { align-items: stretch; height: 100%; } .product-bundle__slider.slick-slider .slick-slide > div { width: 100%; } .product-bundle__slider.slick-slider .slick-slide > div + div { margin-top: 8px; } .product-bundle__slider.slick-slider .slick-slide.product-bundle__item, .product-bundle__slider.slick-slider .slick-slide .product-bundle__item { box-sizing: border-box; width: 100%; } .product-bundle__item-wrap { width: 100%; display: flex; align-items: center; gap: 16px; padding: 16px; background-color: #fff; border-radius: 12px; height: 100%; } .product-bundle__checkbox { width: 16px; flex-shrink: 0; } .product-bundle__checkbox .form-field { width: 16px; height: 16px; margin-bottom: 0; } .product-bundle__checkbox .form-field .form-label { width: 16px; height: 16px; padding-left: 0; } .product-bundle__checkbox .form-field .form-label::before, .product-bundle__checkbox .form-field .form-label::after { width: 16px; height: 16px; background-size: 10px; } .product-bundle__actions { width: 100%; flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; background-color: #fff; border-radius: 12px; padding: 16px; border: 1px solid #ADC6E1; } .product-bundle__total { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; } .product-bundle__total svg { width: 24px; height: 24px; } .product-bundle__total-countItem { font-size: 18px; font-weight: 600; } .product-bundle__total-label { color: #555555; } .product-bundle__total-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; font-weight: 700; } .product-bundle__total-price .price--non-sale { color: #AFAEAF; text-decoration-line: line-through; text-decoration-thickness: 0.1rem; -webkit-text-decoration-line: line-through; -webkit-text-decoration-thickness: 0.1rem; } .quickProductBundle { padding-bottom: 80px !important; } .quickProductBundle .productView-actions-wrap { display: none; } .quickProductBundle .productView-form__wrapper .info, .quickProductBundle .productView-form__wrapper .add-to-cart-wrapper, .quickProductBundle .productView-form__wrapper .wishlist { display: none !important; } .productView-bundle__action { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; background-color: #fff; padding: 16px; z-index: 1; box-shadow: 0px -1px 4px 0px #00000040; } .productView-bundle__action .button { width: 100%; } .product-bundle__add { gap: 8px; } @media screen and (max-width: 1279px) { .product-bundle__content { padding: 0 2.4rem; } } @media screen and (min-width: 750px) { .product-bundle-fr { padding: 60px 0; } .product-bundle__title { text-align: left; margin-bottom: 40px; } .product-bundle__title h3 { font-size: 28px; } .product-bundle__content { align-items: flex-end; overflow: visible; } .product-bundle__items { width: 100%; } .product-bundle__actions { width: 100%; max-width: 300px; } .product-bundle__items .card .product-bundle__choose-options { max-width: 180px; } } @media screen and (min-width: 1280px) { .product-bundle__content { flex-direction: row; align-items: stretch; gap: 40px; } .product-bundle__items { width: calc(100% - 310px); flex-direction: row; align-items: flex-start; gap: 56px; margin: 0; } .product-bundle__actions { width: 270px; } .product-bundle__slider-wrap { flex: 1 1 0; min-width: 0; padding: 0 56px; height: 100%; } .product-bundle__slider-controls { left: 0; right: 0; } .product-bundle__slider-wrap::before { top: 50%; left: -40px; transform: translateY(-50%); } .product-bundle__slider { width: 100%; height: 100%; } .product-bundle__slider.slick-slider .slick-slide > div + div { margin-top: 16px; } .product-bundle__slider .product-bundle__item { width: auto; padding: 0 4px; } .product-bundle__item { width: calc(100%/3); padding: 0 16px; } [data-col="2"] .product-bundle__item { width: calc(100%/2); } [data-col="1"] .product-bundle__item { width: 100%; } .product-bundle__item + .product-bundle__item { position: relative; } .product-bundle__item + .product-bundle__item::before { content: ""; position: absolute; top: 50%; left: -12px; transform: translateY(-50%); display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIwIDguMzMzMzFWMzEuNjY2NiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik04LjMzMzI1IDIwSDMxLjY2NjYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); background-size: contain; background-repeat: no-repeat; } .product-bundle__slider .product-bundle__item + .product-bundle__item::before { display: none; } .product-bundle__items > .product-bundle__item--primary { width: calc((100% - (56px * 3)) / 2); flex-shrink: 0; padding: 0; } .product-bundle__items[data-col="1"] > .product-bundle__item--primary { width: 100%; } } @media screen and (min-width: 1600px) { .product-bundle__items[data-col="2"] > .product-bundle__item--primary { width: calc(100% / 2); } .product-bundle__items > .product-bundle__item--primary { width: calc((100% - (56px * 3)) / 3); } } .productReviews .title-box { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; } .productReviews .title-box .btn-txt { margin-bottom: 2.4rem; } .productReviews .toggle-content { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .productReviews h2 { margin-bottom: 2.4rem; } } .productReviews .productReviews-list { margin: 0; width: 100%; } .productReviews .productReviews-list .productReview { display: none; margin: 0; padding: 2.4rem; background: #DDE5F4; margin-bottom: 2.4rem; } .productReviews .productReviews-list .productReview.show, .productReviews .productReviews-list .productReview.show-more { display: block; } .productReviews .productReviews-list .productReview .h5 { margin-bottom: 0.4rem; } .productReviews .productReviews-list .productReview .rating-wrapper { margin-bottom: 1.2rem; } .productReviews .productReviews-list .productReview strong { display: block; } @media (min-width: 768px) { .productReviews .productReviews-list .productReview strong { margin-right: 0.8rem; } } .productReviews .productReviews-list .productReview .sep { display: none; } @media (min-width: 768px) { .productReviews .productReviews-list .productReview .sep { display: inline-block; margin-right: 0.8rem; color: #707784; } } @media (min-width: 768px) { .productReviews .productReviews-list .productReview .productReview-author { display: flex; } } .writeReview-productDetails .product-title { margin-top: 0; } @media (max-width: 991.9px) { .writeReview-productDetails .product-title { font-size: 1.6rem; } } .writeReview-productDetails .product-brand { display: none; } .writeReview-productDetails .writeReview-form form, .writeReview-productDetails .writeReview-form fieldset { padding-top: 0; } .writeReview-productDetails .writeReview-form small { color: #000000; } .writeReview-productDetails .writeReview-productImage-container { grid-column: span 4; text-align: center; } @media (min-width: 768px) { .writeReview-productDetails .writeReview-productImage-container { grid-column: span 4; text-align: left; } } @media (min-width: 992px) { .writeReview-productDetails .writeReview-productImage-container { grid-column: span 5; } } .writeReview-productDetails .writeReview-productImage-container img { width: 50%; border: 0.1rem solid #f3F6FC; } @media (min-width: 768px) { .writeReview-productDetails .writeReview-productImage-container img { width: 80%; } } .writeReview-productDetails .writeReview-productInfo { grid-column: span 4; } @media (min-width: 768px) { .writeReview-productDetails .writeReview-productInfo { grid-column: span 4; } } @media (min-width: 992px) { .writeReview-productDetails .writeReview-productInfo { grid-column: span 7; } } .writeReview-productDetails .writeReview-productInfo .g-recaptcha > div { margin: 0; margin-top: 1.6rem; } .writeReview-productDetails .writeReview-productInfo .form-field--submit { margin-top: -1rem; } .writeReview-productDetails .writeReview-productInfo textarea { margin-top: 0.8rem; } .writeReview-productDetails .writeReview-productInfo select { max-width: none; margin: 0.8rem 0 1.6rem; } .writeReview-productDetails .cta-wrapper { margin-top: 3.2rem; } @media (min-width: 992px) { .writeReview-productDetails .cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-flow: row; column-gap: 1.6rem; } .writeReview-productDetails .cta-wrapper .g-recaptcha { flex: 1; } .writeReview-productDetails .cta-wrapper .cta-btn { flex: 2; } } .modal .product-options [data-product-option-change] { display: block !important; } .quickView [data-content-region="pdp-trust-bar--global"] { display: none !important; } .quickView .product-bundle-fr { display: none !important; } .quickView .product-bundle { display: none !important; } .quickView .product-description { display: none !important; } .quickView .guarantees { display: none !important; } .quickView .product-short-description { display: none !important; } .quickView .upsells { display: none !important; } .quickView .productView-info-bulkPricing { display: none !important; } .quickView .productView-form__wrapper .add-to-cart-wrapper { grid-template-columns: minmax(0, 1fr); grid-template-areas: "cta"; padding-right: 0; } .quickView .productView-form__wrapper .add-to-cart-wrapper .form-increment { display: none; } .quickView .productView-form__wrapper .add-to-cart-wrapper .rfq-button-container { width: 100%; } .quickView .productView-form__wrapper .wishlist { display: none; } .modal .quickView { padding: 1.6rem; } .quickView .container { padding: 0; } .quickView .productView--quickView { flex-direction: column; } .quickView .productView-details { padding: 0; } .quickView .product-view .gallery-vertical-grid .gallery-wrap, .quickView .productView .gallery-vertical-grid .gallery-wrap { grid-template-columns: 12rem auto; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow { left: 36px; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow.slick-prev, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow.slick-prev { top: 30px; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow.slick-next, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls .slick-arrow.slick-next { bottom: 30px; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized { display: flex; align-items: center; } .quickView .product-view .gallery-vertical-grid .gallery-wrap, .quickView .productView .gallery-vertical-grid .gallery-wrap { display: block; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: "gallery_main"; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-main, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-main { width: 100%; height: auto; min-height: 0; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs { display: none; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs.slick-initialized { display: none; } .quickView .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls, .quickView .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs-controls { display: none; } .quickView .product-view .productView-image, .quickView .productView .productView-image { pointer-events: none; } @media screen and (max-width: 749px) { .quickView .productView .productView-price .price-saving-tooltip .price-saving-tooltip__content { left: 50%; transform: translateX(-50%); top: calc(100% + 10px); } .quickView .productView .productView-price .price-saving-tooltip .price-saving-tooltip__content:before { top: auto; bottom: 100%; left: 50%; transform: translate(-50%, 50%) rotate(135deg); } } @media (min-width: 1025px) { .modal .quickView { padding: 2.4rem; } .quickView .product-view .gallery-grid, .quickView .productView .gallery-grid { padding-right: 12px; } .quickView .details { padding: 16px 16px 16px 28px; } } .upsells .brand-values .classyunicodedone { font-size: 24px; } .upsells .brand-values .stacking figcaption h5 { font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif; } .product-view .bundle-products .product-atc-button { width: 100%; column-gap: 0.8rem; } .product-view .bundle-products .product-options { position: relative; } .product-view .bundle-products .product-options .loadingOverlay { position: relative !important; } .product-view .bundle-products .header { font-weight: 700; letter-spacing: 0.2rem; margin-bottom: 2rem; } .product-view .bundle-products .product-list .product-item { background: #FFF; border: 0.1rem solid #707784; padding: 1.6rem; margin-top: 1.6rem; display: grid; grid-template-columns: 6rem 2fr; grid-template-areas: "img content" "action action"; column-gap: 1.6rem; row-gap: 1.6rem; align-items: start; justify-content: start; z-index: 0; } @media (min-width: 1200px) { .product-view .bundle-products .product-list .product-item { grid-template-columns: 6rem 1fr auto; grid-template-areas: "img content action"; align-items: center; } } .product-view .bundle-products .product-list .product-item .product-image { grid-area: img; } .product-view .bundle-products .product-list .product-item .product-image img { width: 6rem; height: 6rem; object-fit: contain; } .product-view .bundle-products .product-list .product-item .product-content { grid-area: content; position: relative; } .product-view .bundle-products .product-list .product-item .product-content form { margin-bottom: 0; column-gap: 1.6rem; row-gap: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; flex-flow: column; } @media (min-width: 992px) { .product-view .bundle-products .product-list .product-item .product-content form { align-items: center; flex-direction: row; } } .product-view .bundle-products .product-list .product-item .product-content .product-detail-checkbox { display: none; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-name { color: #000000; font-weight: 300; font-size: 1.4rem; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-price { font-size: 1.4rem; font-weight: 600; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-options { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); font-size: 2rem; background: white; padding: 1.6rem !important; z-index: 10; display: none; position: absolute; width: 100%; min-width: 25rem; top: 10rem; left: -50%; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-options .product-option-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-flow: row; font-size: 1.4rem; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-options label { font-size: 1.4rem; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-options label.form-option-swatch { border-color: white; } .product-view .bundle-products .product-list .product-item .product-content .product-detail-options.is-open { display: block; } @media (min-width: 992px) { .product-view .bundle-products .product-list .product-item .product-content .product-detail-options { left: -20%; } } @media (min-width: 1200px) { .product-view .bundle-products .product-list .product-item .product-content .product-detail-options { width: 30rem; top: 2rem; left: 10rem; } } .product-view .bundle-products .product-list .product-item .product-action { grid-area: action; } .product-view .bundle-products .product-list .product-item .product-action .btn-primary { line-height: 1; font-size: 1.4rem; padding: 2rem 1.6rem !important; width: 100%; max-height: 6.1rem; } @media (min-width: 1425px) { .product-view .bundle-products .product-list .product-item .product-action .btn-primary { padding: 2rem 4rem !important; } } .product-view .bundle-products .overlay { content: ""; height: 30rem; width: 100%; background: linear-gradient(to bottom, transparent 10%, white 80%, white 30%); position: absolute; top: 0; opacity: 1; visibility: visible; z-index: 0; } .product-view .bundle-products .overlay.fade { background: transparent; opacity: 0; visibility: hidden; } .product-view .bundle-products #show-all-options { text-align: center; z-index: 1; } /* -------------------------------------------------------------------------- *\ GIFT-CERTIFICATES COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ GIFT CERTIFICATE - PURCHASE \* -------------------------------------------------------------------------- */ @media (min-width: 768px) { .gift-certificates .form { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 3.2rem; row-gap: 2.4rem; grid-template-areas: 'to from' 'information information' 'actions actions'; } .gift-certificates .form .form-el:last-child { margin-bottom: 0; } .gift-certificates .form :nth-child(1) { grid-area: to; } .gift-certificates .form :nth-child(2) { grid-area: from; } .gift-certificates .form :nth-child(3) { grid-area: information; } .gift-certificates .form :nth-child(4) { grid-area: actions; } } /* -------------------------------------------------------------------------- *\ OPTIMIZED-CHECKOUT COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ORDER CONFIRMATION - SUMMARY \* -------------------------------------------------------------------------- */ .productList-item { padding: 0; } .productList-item:before { display: none; } /* -------------------------------------------------------------------------- *\ PAGE COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ PAGE - LAYOUT \* -------------------------------------------------------------------------- */ @media (min-width: 768px) { section.w-nav .container { display: grid; grid-template-columns: 320px auto; column-gap: 3.2rem; } } @media (min-width: 992px) { section.w-nav .container { column-gap: 6rem; } } .layout-gift-certificate h1 { font-size: 3.2rem; margin: 0 0 2.4rem; text-transform: capitalize; } @media (min-width: 768px) { .layout-gift-certificate h1 { font-size: 4rem; } } .layout-gift-certificate p { margin: 0 0 1.6rem; font-weight: 700; text-transform: capitalize; } .layout-gift-certificate ul li + li, .layout-gift-certificate ol li + li { margin-top: 0.8rem; } .layout-gift-certificate ul li, .layout-gift-certificate ol li { padding: 0; } .layout-gift-certificate .cnt a { text-decoration: underline; text-underline-offset: 0.3rem; color: #3170B5; } .layout-gift-certificate .cnt a:hover { color: #000000; } .w-nav .layout-gift-certificate { margin-bottom: 6rem; } @media (max-width: 767px) { .w-nav .layout-gift-certificate nav.int { margin-bottom: 16px; } } #quickSearch404 { position: relative; max-width: 50rem; } #quickSearch404 .form button { position: absolute; right: 0; bottom: 0.2rem; } .visual-badge-container iframe:focus-visible { outline: 0.1rem dashed; outline-offset: 0.3rem; } #gift-certificate-form .form-el p.label { font-weight: 400; } #gift-certificate-form .form-el input[type="radio"] { position: relative; top: 2px; } .page-type-giftcertificates_redeem .layout-gift-certificate .cnt { max-width: 1000px; } .layout-gift-certificate .cnt ol { counter-reset: grv-counter; } .layout-gift-certificate .cnt ol li { position: relative; counter-increment: grv-counter; padding-left: 20px; } .layout-gift-certificate .cnt ol li::before { content: counter(grv-counter) "."; position: absolute; left: -0px; top: 0; margin-right: 0; font-weight: 700; text-align: right; } /* -------------------------------------------------------------------------- *\ PAGE - NAV - INTERIOR \* -------------------------------------------------------------------------- */ nav.int { background: #F5F5F5; padding: 2.4rem; height: fit-content; border-radius: 1.2rem; } nav.int li + li { margin: 0.8rem 0 0; } nav.int .is-active a { color: #3170B5; font-weight: 500; } nav.int .is-active a span { background-size: 100% 1px; } nav.int a { --text-color: currentColor; --duration-default: 300ms; --text-decoration-thickness: 1px; text-decoration: none; display: inline-block; border: none; box-shadow: none; position: relative; color: var(--text-color); background-color: transparent; cursor: pointer; text-decoration: none; transition-property: text-decoration; transition-timing-function: ease; transition-duration: var(--duration-default); } nav.int a > span { display: inline; transition: background-size ease-in-out var(--duration-default); background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 min(var(--text-decoration-thickness), 1px); padding-bottom: 3px; } nav.int a:hover > span, nav.int a:focus > span { background-size: 100% min(var(--text-decoration-thickness), 1px); } /* -------------------------------------------------------------------------- *\ SITEMAP COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ SITEMAP - LAYOUT \* -------------------------------------------------------------------------- */ @media (min-width: 768px) { .sitemap > ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; margin: 0 -1.6rem; } .sitemap > ul > li { margin: 0 1.6rem; width: calc(33.333% - 3.2rem); } } .sitemap > ul ul li + li { margin: 0.8rem 0 0; } .sitemap > ul ul ul { margin: 0 0 0 0.8rem; padding: 0.8rem 0 0; } @media (min-width: 768px) { .sitemap > ul ul ul { margin: 0 0 0 1.6rem; } } @media (min-width: 992px) { .sitemap > ul ul ul { margin: 0 0 0 2.4rem; } } /* -------------------------------------------------------------------------- *\ ACCOUNT COMPONENTS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - BASE - TOP - NAV \* -------------------------------------------------------------------------- */ nav.account, nav.navBar.navBar--sub.navBar--account { display: block !important; } nav.account ul, nav.navBar.navBar--sub.navBar--account ul { display: flex; flex-direction: column; justify-content: space-between; border-top: 0.1rem solid #707784; border-bottom: 0.1rem solid #707784; padding: 0.8rem 0; gap: 1.6rem; } @media (min-width: 768px) { nav.account ul, nav.navBar.navBar--sub.navBar--account ul { flex-direction: row; } } nav.account ul li, nav.navBar.navBar--sub.navBar--account ul li { width: 100%; text-align: center; } nav.account ul li:last-of-type, nav.navBar.navBar--sub.navBar--account ul li:last-of-type { border: 0; } @media (min-width: 768px) { nav.account ul li, nav.navBar.navBar--sub.navBar--account ul li { border: 0; width: auto; } } nav.account .is-active a, nav.navBar.navBar--sub.navBar--account .is-active a { color: #000000; font-weight: 600; } /* -------------------------------------------------------------------------- *\ ACCOUNT - BASE - VERTICAL - LAYOUT \* -------------------------------------------------------------------------- */ [class^="page-type-account"] > main, [class^="page-type-editaccount"] > main, [class^="page-type-shippingaddressform"] > main, [class^="page-type-wishlist"] > main { display: block; } .date { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.6rem; } .account { /* -------------------------------------------------------------------------- *\ ACCOUNT - ORDERS - LIST ORDERS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - ORDERS - CARD \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - ORDERS - TOTALS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - ORDERS - DETAIL \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - MESSAGES - LIST \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - ADDRESSES \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - SETTINGS - FORMS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - WISHLIST - LIST \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - RETURNS - FORMS \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ ACCOUNT - RETURNS - LIST \* -------------------------------------------------------------------------- */ } .account .feed-orders, .account .feeds-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; row-gap: 1.6rem; column-gap: 1.6rem; } @media (min-width: 768px) { .account .feed-orders, .account .feeds-grid { grid-template-columns: 1fr 1fr 1fr; } } .account .feed-orders .product .form--remove, .account .feeds-grid .product .form--remove { width: 100%; } .account .feed-orders .product .form--remove button, .account .feeds-grid .product .form--remove button { width: 100%; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 0.8rem; } .account .feed-orders .product .form--remove .icon-delete, .account .feeds-grid .product .form--remove .icon-delete { margin: 0; display: flex; align-items: center; justify-content: center; } .account .feed-orders .product .form--remove svg, .account .feeds-grid .product .form--remove svg { fill: transparent; } .account .feed-contents { padding-bottom: 3.2rem; } .account .order-wrapper { margin-bottom: 2.4rem; } @media (min-width: 768px) { .account .order-wrapper { margin-bottom: 3.2rem; } } .account .order-wrapper .order-header { background: #DDE5F4; border: 0.1rem solid #B3BBCB; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; flex-flow: column; row-gap: 0.8rem; padding: 1.6rem; } .account .order-wrapper .order-header * { margin-bottom: 0; color: #000000; } .account .order-wrapper .order-header * p span { font-weight: 500; } .account .order-wrapper .order-header a { text-decoration: underline; } .account .order-wrapper .order-header--details a { color: #000000; } .account .order-wrapper .order-header--details a:hover { color: #0061A1; } .account .order-wrapper .order-header--date, .account .order-wrapper .order-header--total, .account .order-wrapper .order-header--address { display: none; } @media (min-width: 768px) { .account .order-wrapper .order-header { display: grid; grid-template-columns: auto auto auto auto 1fr; column-gap: 2.4rem; padding: 1.6rem 2.4rem; } .account .order-wrapper .order-header--date, .account .order-wrapper .order-header--total, .account .order-wrapper .order-header--address { display: block; } .account .order-wrapper .order-header--details { text-align: right; align-self: end; } .account .order-wrapper .order-header--address .dropdown { position: relative; } .account .order-wrapper .order-header--address .dropdown p { text-transform: capitalize; } .account .order-wrapper .order-header--address .dropdown p:nth-child(2) { display: flex; flex-direction: row; align-items: center; } .account .order-wrapper .order-header--address .dropdown [class*='icon-'] { font-size: 1rem; margin-left: 1.2rem; margin-top: 0.4rem; transition: .25s all ease-in-out; } .account .order-wrapper .order-header--address .dropdown-content { display: none; border: 0.1rem solid #707784; background: white; padding: 0.8rem; position: absolute; margin-top: 0.8rem; z-index: 1; } .account .order-wrapper .order-header--address .dropdown-content::before { content: ''; display: block; position: absolute; left: 1rem; bottom: 100%; width: 0; height: 0; border: 1rem solid transparent; border-bottom-color: #707784; } .account .order-wrapper .order-header--address .dropdown-content::after { content: ''; display: block; position: absolute; left: 1.2rem; bottom: 100%; width: 0; height: 0; border: 0.8rem solid transparent; border-bottom-color: white; } .account .order-wrapper .order-header--address:hover { cursor: pointer; } .account .order-wrapper .order-header--address:hover .dropdown .icon-chevron-down { transform: rotate(180deg); } .account .order-wrapper .order-header--address:hover .dropdown-content { display: block; } .account .order-wrapper .order-header p { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; flex-flow: column; } .account .order-wrapper .order-header p span { font-weight: 600; } } @media (min-width: 992px) { .account .order-wrapper .order-header { column-gap: 4rem; } } .account .order-wrapper .order-status { border-right: 0.1rem solid #B3BBCB; border-left: 0.1rem solid #B3BBCB; padding: 1.6rem 1.6rem 0; } .account .order-wrapper .order-status h2 { text-transform: capitalize; font-size: 1.6rem; margin-bottom: 0; } @media (min-width: 768px) { .account .order-wrapper .order-status { padding: 1.6rem 2.4rem 0; } .account .order-wrapper .order-status h2 { font-size: 2rem; } } .account .order-wrapper .order-body { border: 0.1rem solid #B3BBCB; border-top: none; padding: 1.6rem; display: grid; grid-template-columns: 5.6rem auto; grid-template-areas: "img details" "action action"; column-gap: 0.8rem; row-gap: 1.6rem; } .account .order-wrapper .order-body--image { grid-area: img; border: 0.1rem solid #707784; } .account .order-wrapper .order-body--details { grid-area: details; } .account .order-wrapper .order-body--details p { margin-bottom: 0; } .account .order-wrapper .order-body--details p:nth-child(1) { text-transform: uppercase; font-size: 1.2rem; font-weight: 500; } .account .order-wrapper .order-body--details p:nth-child(2) { font-size: 1.4rem; color: #0061A1; } .account .order-wrapper .order-body--action { grid-area: action; } .account .order-wrapper .order-body--action a { width: 100%; } .account .order-wrapper .order-body--image, .account .order-wrapper .order-body img { width: 5.6rem; height: 5.6rem; object-fit: contain; overflow: hidden; } @media (min-width: 768px) { .account .order-wrapper .order-body { padding: 2.4rem; column-gap: 1.6rem; grid-template-columns: 10rem auto 1fr; grid-template-areas: "img details action"; } .account .order-wrapper .order-body--image, .account .order-wrapper .order-body img { width: 10rem; height: 10rem; } .account .order-wrapper .order-body--action { margin-top: 1.4rem; text-align: right; } .account .order-wrapper .order-body--action a { width: auto; } .account .order-wrapper .order-body--details { grid-area: details; } .account .order-wrapper .order-body--details p:nth-child(2) { margin-top: 0.4rem; font-size: 1.6rem; } } .account .order-wrapper .order-view-more { padding: 1.6rem; text-align: center; border: 0.1rem solid #B3BBCB; border-top: none; } .account .order-wrapper .order-view-more a { font-weight: 500; } @media (min-width: 768px) { .account .order-wrapper .order-view-more { display: none; } } .account .list-style-2 { max-width: 80rem; margin: 0 auto; } .account .list-style-2 .account-orders-list { display: flex; flex-direction: column; gap: 2.4rem; } .account .list-style-2 .account-orders-list .account-listItem { border: none; padding: 0; margin: 0; } .account .list-style-2 .account-product--card { display: grid; grid-template-columns: 1fr; grid-template-areas: "status" "figure" "body"; border: 0.15rem solid #ADC6E1; border-radius: 1.2rem; background: #ffffff; overflow: hidden; padding: 1.6rem; } .account .list-style-2 .account-product--card:after, .account .list-style-2 .account-product--card:before { content: none; } @media (min-width: 768px) { .account .list-style-2 .account-product--card { grid-template-columns: 18rem 1fr auto; column-gap: 2.4rem; grid-template-areas: "figure body status"; } } .account .list-style-2 .account-product--card .account-product-figure { grid-area: figure; overflow: hidden; border: 1px solid #EAEAEA; border-radius: 8px; margin-bottom: 1.6rem; } .account .list-style-2 .account-product--card .account-product-figure img { width: 100%; object-fit: contain; object-position: top center; display: block; aspect-ratio: 1 / 1; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-figure { height: 18rem; margin-bottom: 0; } .account .list-style-2 .account-product--card .account-product-figure img { height: 100%; } } .account .list-style-2 .account-product--card .account-product-body { grid-area: body; display: flex; flex-direction: column; } .account .list-style-2 .account-product--card .account-product-body:after, .account .list-style-2 .account-product--card .account-product-body:before { content: none; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-body { width: fit-content; } } .account .list-style-2 .account-product--card .account-product-body .account-product-title { font-size: 16px; font-weight: 700; margin: 0 0 0.4rem; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-body .account-product-title { font-size: 18px; margin: 0 0 0.8rem; } } .account .list-style-2 .account-product--card .account-product-body .account-product-title a { color: #000000; text-decoration: none; } .account .list-style-2 .account-product--card .account-product-body .account-product-title a:hover { color: #3170B5; } .account .list-style-2 .account-product--card .account-product-body .account-product-description { display: flex; justify-content: space-between; align-items: baseline; margin: 0; font-size: 1.4rem; color: #000000; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-body .account-product-description { font-size: 1.6rem; } } .account .list-style-2 .account-product--card .account-product-body .account-product-details { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; margin-top: auto; padding-top: 0.8rem; } .account .list-style-2 .account-product--card .account-product-body .account-product-details .account-product-detail { flex: 1; background: #EAF0F7; border-radius: 1rem; padding: 1.6rem 2.4rem; text-align: center; } .account .list-style-2 .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-heading { color: #737173; font-size: 1.4rem; font-weight: 400; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0; line-height: 1.5; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-heading { font-size: 1.6rem; } } .account .list-style-2 .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-value { display: block; font-size: 1.4rem; font-weight: 700; color: #363436; line-height: 1.5; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-value { font-size: 1.6rem; } } .account .list-style-2 .account-product--card .account-orderStatus { grid-area: status; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 1.6rem; gap: 0.8rem; } @media (min-width: 768px) { .account .list-style-2 .account-product--card .account-orderStatus { flex-direction: column; align-items: flex-end; justify-content: flex-start; margin-bottom: 0; gap: 0; } } .account .list-style-2 .account-product--card .account-orderStatus .account-orderStatus-label { border: 0.1rem solid #363436; border-radius: 0.6rem; padding: 0.2rem 0.8rem; font-size: 12px; font-weight: 500; margin: 0; color: #363436; white-space: nowrap; min-height: 2.6rem; display: flex; align-items: center; } .account .list-style-2 .account-product--card .account-orderStatus .account-orderStatus-action { display: block; margin-top: 0.8rem; font-size: 1.2rem; } .account .order-card { padding: 1.6rem; border-radius: 0.8rem; } .account .order-card .img picture, .account .order-card .img img { width: 100%; height: auto; } .account .order-card .cnt { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column nowrap; } .account .order-card .cnt > * { order: 1; } .account .order-card .cnt h4 { order: 0; text-transform: none; padding: 0.2rem 0.6rem; width: 100%; text-align: center; background: #f3F6FC; border-radius: 1rem; color: #707784; font-size: 1.6rem; } .account .order-card h3, .account .order-card .h3 { padding-top: 1.6rem; } .account .order-card dl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; } .account .order-card dt { width: 50%; margin: 0; } .account .order-card dd { width: 50%; margin: 0; } .account .order-card.img-side { display: grid; grid-template-columns: 1fr 3fr; row-gap: 1.6rem; column-gap: 3.2rem; } .account .order-card.img-side dl { max-width: 15rem; } .account .order-totals { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.6rem; row-gap: 1.6rem; text-align: left; padding-right: 1.6rem; } .account .order-totals dt { margin: 0; } .account .order-totals dd { padding: 0; text-align: right; } .account .order-details { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: start; margin: 0 auto; } @media (min-width: 992px) { .account .order-details { grid-template-columns: 1fr 40rem; max-width: 96rem; } } .account .order-details > .cnt .overview { text-align: left; } .account .order-details > .cnt .overview > h2 { font-size: 2.8rem; margin-bottom: 1.6rem; text-align: left; text-transform: capitalize; } @media (min-width: 768px) { .account .order-details > .cnt .overview > h2 { font-size: 3.2rem; margin-bottom: 2.4rem; } } .account .order-details > .cnt .overview h3 { font-size: 1.8rem; font-weight: 600; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 1.6rem; text-transform: capitalize; } @media (min-width: 768px) { .account .order-details > .cnt .overview h3 { margin-bottom: 2.4rem; } } .account .order-details > .cnt .account-listItem { padding-bottom: 2.4rem; } .account .order-card-wrapper { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.6rem; } .account .order-card-wrapper:last-child { margin-bottom: 0; } @media (min-width: 768px) { .account .order-card-wrapper { gap: 1.6rem; } } .account .order-card-wrapper .order-card-check { flex-shrink: 0; align-self: center; } .account .order-card-wrapper .order-card-check .form-label { margin: 0; min-height: 1.8rem; min-width: 1.8rem; } .account .order-card.img-side { flex: 1; display: grid; grid-template-columns: 8rem 1fr; column-gap: 1.6rem; border: 1px solid #ADC6E1; border-radius: 1.2rem; padding: 1.6rem; } @media (min-width: 768px) { .account .order-card.img-side { grid-template-columns: 12rem 1fr; padding: 0.8rem 1.6rem 0.8rem 0.8rem; } } .account .order-card.img-side .img { overflow: hidden; align-self: center; width: 8rem; height: 8rem; border: 1px solid #EAEAEA; border-radius: 0.8rem; } @media (min-width: 768px) { .account .order-card.img-side .img { width: 12rem; height: 12rem; } } .account .order-card.img-side .img img { width: 100%; object-fit: contain; display: block; height: 8rem; } @media (min-width: 768px) { .account .order-card.img-side .img img { height: 12rem; } } .account .order-card.img-side .cnt { display: flex; flex-direction: column; gap: 0.8rem; justify-content: space-between; } .account .order-card.img-side .cnt .product-name { font-weight: 700; font-size: 1.8rem; color: #000000; margin: 0; line-height: 1.5; } .account .order-card.img-side .cnt .product-options { font-size: 1.6rem; color: #000000; margin: 0; } .account .order-card.img-side .cnt .product-options span:not(:last-child)::after { content: ' /'; margin-right: 0.2rem; } .account .order-card.img-side .cnt .product-brand { font-size: 1.3rem; color: #737173; margin: 0; } .account .order-card.img-side .cnt .product-footer { display: flex; justify-content: space-between; align-items: center; width: 100%; color: #000000; } .account .order-card.img-side .cnt .product-footer .qty { font-size: 1.6rem; font-weight: 400; } .account .order-card.img-side .cnt .product-footer .price { font-size: 1.6rem; font-weight: 700; } .account .order-card.img-side .cnt .product-meta { font-size: 1.3rem; color: #737173; margin: 0; } .account .order-totals { display: grid; grid-template-columns: 1fr auto; row-gap: 0.8rem; } .account .order-totals .account-orderTotal-key { font-size: 1.8rem; color: #000000; font-weight: 600; } .account .order-totals .account-orderTotal-value { text-align: right; font-size: 1.8rem; font-weight: 700; color: #9A999A; } .account .order-totals .account-orderTotal-value:last-of-type { color: #000000; } .account aside { display: flex; flex-direction: column; gap: 1.6rem; } .account aside .detail-card { background: #fff; border: 1px solid #D7D6D7; border-radius: 1.2rem; padding: 2rem 2.4rem; } .account aside .detail-card h2 { font-size: 2.8rem; margin-bottom: 1.6rem; margin-top: 0; text-align: left; text-transform: capitalize; } @media (min-width: 768px) { .account aside .detail-card h2 { font-size: 3.2rem; margin-bottom: 2.4rem; } } .account aside .detail-card > dl { margin-bottom: 0; } .account aside .detail-card > dl dt { font-size: 1.8rem; font-weight: 600; align-self: center; margin: 0 1.6rem 0 0; float: left; padding: 0; } .account aside .detail-card > dl dd { text-align: left; font-size: 1.8rem; font-weight: 700; align-self: center; margin: 0 0 0.8rem; padding: 0; } .account aside .detail-card .shipment-dl { display: grid; grid-template-columns: auto 1fr; row-gap: 0.8rem; column-gap: 1.2rem; margin-bottom: 1.6rem; } .account aside .detail-card .shipment-dl dt { color: #5E5D5E; font-size: 1.4rem; } .account aside .detail-card .shipment-dl dd { font-size: 1.4rem; font-weight: 600; } .account aside .detail-card .status-badge { display: inline-block; border: 1px solid #5E5D5E; border-radius: 0.6rem; padding: 0.2rem 1rem; font-size: 1.2rem; font-weight: 500; color: #5E5D5E; line-height: 1.5; white-space: nowrap; min-height: 2.6rem; } .account aside .detail-card address { font-style: normal; color: #000000; } .account aside .detail-card address .address-list { list-style: none; margin: 0; padding: 0; } .account aside .detail-card address .address-list li { font-size: 1.8rem; font-weight: 600; line-height: 1.5; padding: 0; } .account aside .detail-card address .address-list li + li { margin-top: 0.8rem; } .account aside .detail-card address strong { font-weight: 700; display: block; } .account aside .detail-card .btn-full { display: block; width: 100%; text-align: center; margin-top: 2.4rem; box-sizing: border-box; font-size: 1.4rem; } @media (min-width: 1025px) { .account aside .detail-card .btn-full { font-size: 1.6rem; } } .account aside .detail-card button[data-print-invoice].btn-full { width: auto; padding: 0.8rem 1.6rem 0.9rem; } @media (min-width: 1025px) { .account aside .detail-card button[data-print-invoice].btn-full { width: 100%; padding: 1.1rem 1.6rem; } } .account aside .detail-card form > div { display: flex; flex-direction: column; gap: 1.2rem; } .account aside .detail-card form .btn-full { margin-top: 0; } .account aside .detail-card form:last-child { margin-bottom: 0; } .account table.messages { width: 100%; border-collapse: collapse; font-size: 1.4rem; } .account table.messages th, .account table.messages td { padding: 0.8rem 1.6rem; } .account table.messages th:nth-child(1) { width: 8.333%; } .account table.messages th:nth-child(2) { width: 25%; } .account table.messages th:nth-child(3) { text-align: left; } .account table.messages td:nth-child(1), .account table.messages td:nth-child(2) { text-align: center; } .account table.messages td:only-child { text-align: left; } .account table.messages tr:nth-child(4n + 3) td, .account table.messages tr:nth-child(4n + 4) td { background: #f3F6FC; } .account table.messages h3, .account table.messages .h3 { font-size: 1em; font-weight: bold; margin: 0; } .account .addresses-component { max-width: 132rem; margin: 0 auto; } .account .feed-addresses { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; row-gap: 0.8rem; column-gap: 0.8rem; margin: 0 0 3.2rem; } @media (min-width: 768px) { .account .feed-addresses { grid-template-columns: 1fr 1fr 1fr; } } .account .address-card { background-color: #EAF0F7; border-radius: 1.2rem; padding: 2rem 2.4rem; display: flex; flex-direction: column; justify-content: space-between; min-height: 30rem; } @media (min-width: 768px) { .account .address-card { min-height: 32rem; } } .account .address-card__name { font-size: 1.8rem; font-weight: 600; margin: 0 0 1.6rem; text-align: left; } .account .address-card__address { font-style: normal; margin: 0 0 1.6rem; line-height: 1.6; font-size: 1.6rem; } .account .address-card__address ul li { padding: 0; margin: 0; } .account .address-card__phone { font-size: 1.6rem; margin: 0 0 1.6rem; font-weight: 600; } .account .address-card__actions { display: flex; gap: 0.8rem; margin: 0; } .account .address-card__actions .btn-primary, .account .address-card__actions body > footer .newsletter .button.btn-primary, body > footer .newsletter .account .address-card__actions .button.btn-primary, .account .address-card__actions .btn-white { flex: 1; text-align: center; justify-content: center; display: flex; align-items: center; } .account .address-card__actions .btn-white { border-color: #ffffff; background: #ffffff; } .account .address-card__actions [class*="icon-"] { margin: 0 0 0 0.8rem; justify-content: center; display: flex; align-items: center; } .account .address-card__actions [class*="icon-"] svg { fill: transparent; } .account .address-card--new { background-color: #fff; border: 0.1rem solid #3170B5; border-radius: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; align-content: column; text-decoration: none; color: #000; min-height: 30rem; transition: border-color 0.2s, background-color 0.2s; } @media (min-width: 768px) { .account .address-card--new { min-height: 32rem; } } .account .address-card--new__icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 3.2rem; line-height: 1.5; } .account .address-card--new__label { font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .account .address-card--new:hover * { color: #3170B5; } @media (min-width: 768px) { .account form.form-rows .form-el[data-type*="Password"] { width: calc(50% - 0.8rem); } } .account .form-actions { justify-content: center; } .account [data-wishlist-grid] .js-wishlist-item:nth-child(n+4) { display: none; } @media (max-width: 767.9px) { .account [data-wishlist-grid] .js-wishlist-item:nth-child(n+3) { display: none; } } .account table.wishlist { width: 100%; border-collapse: separate; border-spacing: 0 1.6rem; margin-bottom: 0; } .account table.wishlist th { padding: 0.8rem 0.8rem; font-weight: 700; font-size: 1.4rem; text-align: left; } .account table.wishlist th:nth-child(2), .account table.wishlist th:nth-child(3) { width: 16.67%; text-align: center; } .account table.wishlist th:last-child { width: 16.67%; text-align: right; } @media (min-width: 768px) { .account table.wishlist th:last-child { text-align: left; } } @media (min-width: 768px) { .account table.wishlist th { padding: 0.8rem 1.6rem; font-size: 1.6rem; } } .account table.wishlist tr:nth-child(odd) td { background: #EAF0F7; } .account table.wishlist tr:nth-child(odd) td:first-child { border-radius: 0.8rem 0 0 0.8rem; } .account table.wishlist tr:nth-child(odd) td:last-child { border-radius: 0 0.8rem 0.8rem 0; } .account table.wishlist tr:nth-child(even) td { background: #fff; border-top: 0.1rem solid #D6E2F0; border-bottom: 0.1rem solid #D6E2F0; } .account table.wishlist tr:nth-child(even) td:first-child { border-left: 0.1rem solid #D6E2F0; border-radius: 0.8rem 0 0 0.8rem; } .account table.wishlist tr:nth-child(even) td:last-child { border-right: 0.1rem solid #D6E2F0; border-radius: 0 0.8rem 0.8rem 0; } .account table.wishlist tr td { padding: 0.8rem 0.8rem; vertical-align: top; } .account table.wishlist tr td:nth-child(2), .account table.wishlist tr td:nth-child(3) { text-align: center; } @media (min-width: 768px) { .account table.wishlist tr td { padding: 1.15rem 1.6rem; font-size: 1.6rem; vertical-align: middle; } } .account table.wishlist tr td:first-child a { color: #000000; text-decoration: none; } .account table.wishlist tr td form { margin: 0; display: flex; gap: 0.8rem; width: 100%; flex-direction: column; } .account table.wishlist tr td form > * { flex: 1; } @media (min-width: 768px) { .account table.wishlist tr td form { flex-direction: row; align-items: center; } } .account table.wishlist tr td .btn-primary.sm, .account table.wishlist tr td .btn-tertiary.sm { min-width: 7.2rem; text-align: center; justify-content: center; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } .account table.wishlist tr td .btn-tertiary.sm { padding: 0.6rem 1.2rem; cursor: pointer; } .account .wishlist-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin-top: 1.6rem; } .account .wishlist-actions .btn-primary, .account .wishlist-actions body > footer .newsletter .button.btn-primary, body > footer .newsletter .account .wishlist-actions .button.btn-primary, .account .wishlist-actions .btn-tertiary { width: 100%; justify-content: center; display: flex; align-items: center; gap: 0.8rem; font-weight: 700; text-transform: uppercase; } .account .wishlist-actions .btn-primary .icon-delete, .account .wishlist-actions .btn-primary .icon-add, .account .wishlist-actions .btn-tertiary .icon-delete, .account .wishlist-actions .btn-tertiary .icon-add { justify-content: center; display: flex; align-items: center; width: 1.6rem; height: 1.6rem; } .account .wishlist-actions .btn-primary .icon-delete svg, .account .wishlist-actions .btn-primary .icon-add svg, .account .wishlist-actions .btn-tertiary .icon-delete svg, .account .wishlist-actions .btn-tertiary .icon-add svg { fill: transparent; } .account .wishlist-actions input[type="hidden"] { display: none; } .account .wishlist-pagination.style-2 { margin-top: 4rem; } @media (min-width: 768px) { .account .wishlist-pagination.style-2 { margin-top: 6.4rem; } } .account .wishlist-pagination.style-2 .pagination-list { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0; padding: 0; } .account .wishlist-pagination.style-2 .pagination-list li { margin: 0; } .account .wishlist-pagination.style-2 .pagination-link { display: flex; align-items: center; gap: 0.6rem; padding: 0.9rem 1.6rem; border-radius: 8px; font-size: 1.4rem; font-weight: 500; line-height: 1; text-decoration: none; color: #000000; white-space: nowrap; transition: background-color 0.15s, border-color 0.15s, color 0.15s; } .account .wishlist-pagination.style-2 .pagination-link svg { flex-shrink: 0; } .account .wishlist-pagination.style-2 .pagination-item { padding: 0; } .account .wishlist-pagination.style-2 .pagination-item .pagination-link { min-width: 4rem; min-height: 4rem; } .account .wishlist-pagination.style-2 .pagination-item:not(.pagination-item--prev):not(.pagination-item--next) .pagination-link { justify-content: center; padding: 0.9rem 1rem; background: #fff; border: 1.5px solid #000000; color: #000000; } .account .wishlist-pagination.style-2 .pagination-item:not(.pagination-item--prev):not(.pagination-item--next) .pagination-link:hover { background: #EAF0F7; } .account .wishlist-pagination.style-2 .pagination-item--current .pagination-link { font-weight: 700; } .account .wishlist-pagination.style-2 .pagination-item--current .pagination-link:hover { background: #fff; } .account .wishlist-pagination.style-2 .pagination-item--ellipsis .pagination-link:hover { background: #fff; cursor: default; } .account .wishlist-pagination.style-2 .pagination-item--prev a.pagination-link { background: #3170B5; color: #fff; border: none; font-weight: 600; } .account .wishlist-pagination.style-2 .pagination-item--prev a.pagination-link svg path { stroke: #fff; } .account .wishlist-pagination.style-2 .pagination-item--prev a.pagination-link:hover { background: #363436; } .account .wishlist-pagination.style-2 .pagination-item--prev.is-disabled span.pagination-link { background: #D7D6D7; color: #AFAEAF; cursor: default; border: none; font-weight: 500; } .account .wishlist-pagination.style-2 .pagination-item--prev.is-disabled span.pagination-link svg path { stroke: #AFAEAF; } .account .wishlist-pagination.style-2 .pagination-item--next a.pagination-link { background: #3170B5; color: #fff; border: none; font-weight: 600; } .account .wishlist-pagination.style-2 .pagination-item--next a.pagination-link svg path { stroke: #fff; } .account .wishlist-pagination.style-2 .pagination-item--next a.pagination-link:hover { background: #363436; } .account .wishlist-pagination.style-2 .pagination-item--next.is-disabled span.pagination-link { background: #D7D6D7; color: #AFAEAF; cursor: default; border: none; font-weight: 500; } .account .wishlist-pagination.style-2 .pagination-item--next.is-disabled span.pagination-link svg path { stroke: #AFAEAF; } .account .wishlist-add .form-rows .form-el { width: 100%; } .account .wishlist-add .form-rows .share-wishlist-wrap { display: flex; align-items: center; gap: 1rem; margin-top: 0.8rem; } .account .wishlist-add .form-rows .share-wishlist-wrap label { margin: 0; cursor: pointer; } .account .wishlist-add .form-rows .form-actions button { width: 100%; justify-content: center; display: flex; align-items: center; gap: 0.8rem; font-weight: 700; text-transform: uppercase; } .account .wishlist-add .form-rows .form-actions button .icon-add { justify-content: center; display: flex; align-items: center; width: 1.6rem; height: 1.6rem; } .account .wishlist-add .form-rows .form-actions button .icon-add svg { fill: transparent; } .account .share-link h2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: 0; align-items: 0; align-content: auto; flex-flow: row wrap; font-size: 1.8rem; margin: 0 0 0.5rem 0; } @media (min-width: 768px) { .account .share-link h2 { white-space: nowrap; margin: 0 0.8rem 0 0; } } .account .share-link input { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: 0; align-items: 1; align-content: auto; flex-flow: row wrap; font-size: 1.6rem; padding: 0.8rem 1.2rem; width: 100%; border: 0.2rem solid #B3BBCB; background: #f3F6FC; } @media (min-width: 768px) { .account .share-link { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; } } .account table { width: 100%; margin: 0 0 2.4rem; font-size: 1.6rem; text-align: left; border-collapse: collapse; } .account table th { padding: 1.2rem 0; border-bottom: 0.1rem solid #B3BBCB; } .account table th:nth-child(2) { width: 15%; } .account table th:nth-child(3) { width: 20%; } .account table td { padding: 1.2rem 0; border-bottom: 0.1rem solid #B3BBCB; } .account table tr:nth-child(even) td { background: #f3F6FC; } .account table + div { margin: 1.6rem 0 0; } @media (min-width: 768px) { .account table + div { margin: 2.4rem 0 0; } } @media (min-width: 992px) { .account table + div { margin: 3.2rem 0 0; } } .account table.account-return-table td { background-color: #ffffff !important; } .account table.account-return-table dd { padding: 0; } .account table.account-return-table .product-name { font-weight: 600; font-size: 2rem; padding-right: 1.6rem; } @media screen and (max-width: 520px) { .account table.account-return-table thead { display: none; } .account table.account-return-table tr { display: flex; flex-direction: column; } .account table.account-return-table tr td { border: none; } } .account .form-el[data-type*="City"], .account .form-el[data-type*="State"], .account .form-el[data-type*="Country"], .account .form-el[data-type*="Zip"] { width: calc(50% - 0.8rem); } @media (min-width: 768px) { .account .form-el[data-type*="City"], .account .form-el[data-type*="State"], .account .form-el[data-type*="Country"], .account .form-el[data-type*="Zip"] { width: calc(25% - 0.8rem); } } .account .feed-returns { max-width: 80rem; margin: 0 auto 2.4rem; display: flex; flex-direction: column; gap: 2.4rem; } .account .feed-returns .account-product--card { display: grid; grid-template-columns: 1fr; grid-template-areas: "status" "figure" "body"; border: 0.15rem solid #ADC6E1; border-radius: 1.2rem; background: #ffffff; overflow: hidden; padding: 1.6rem; } .account .feed-returns .account-product--card:after, .account .feed-returns .account-product--card:before { content: none; } @media (min-width: 768px) { .account .feed-returns .account-product--card { grid-template-columns: 18rem 1fr auto; column-gap: 2.4rem; grid-template-areas: "figure body status"; } } .account .feed-returns .account-product--card .account-product-figure { grid-area: figure; overflow: hidden; border: 1px solid #EAEAEA; border-radius: 8px; margin-bottom: 1.6rem; } .account .feed-returns .account-product--card .account-product-figure img { width: 100%; object-fit: contain; object-position: top center; display: block; aspect-ratio: 1 / 1; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-figure { height: 18rem; margin-bottom: 0; } .account .feed-returns .account-product--card .account-product-figure img { height: 100%; } } .account .feed-returns .account-product--card .account-product-body { grid-area: body; display: flex; flex-direction: column; } .account .feed-returns .account-product--card .account-product-body:after, .account .feed-returns .account-product--card .account-product-body:before { content: none; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-body { width: fit-content; } } .account .feed-returns .account-product--card .account-product-body .account-product-title { font-size: 16px; font-weight: 700; margin: 0 0 0.4rem; text-align: left; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-body .account-product-title { font-size: 18px; margin: 0 0 0.8rem; } } .account .feed-returns .account-product--card .account-product-body .account-product-title a { color: #000000; text-decoration: none; } .account .feed-returns .account-product--card .account-product-body .account-product-title a:hover { color: #3170B5; } .account .feed-returns .account-product--card .account-product-body .account-product-description { display: flex; flex-direction: column; justify-content: space-between; align-items: baseline; margin: 0; font-size: 1.4rem; color: #000000; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-body .account-product-description { font-size: 1.6rem; } } .account .feed-returns .account-product--card .account-product-body .options { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.4rem 0 0; } .account .feed-returns .account-product--card .account-product-body .options dt, .account .feed-returns .account-product--card .account-product-body .options dd { font-size: 1.3rem; margin: 0; } .account .feed-returns .account-product--card .account-product-body .options dt { color: #737173; } .account .feed-returns .account-product--card .account-product-body .options dt::after { content: ':'; } .account .feed-returns .account-product--card .account-product-body .options dd { font-weight: 500; padding-left: 0; } .account .feed-returns .account-product--card .account-product-body .account-product-details { display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; margin-top: auto; padding-top: 0.8rem; } @media (min-width: 576px) { .account .feed-returns .account-product--card .account-product-body .account-product-details { flex-direction: row; } } .account .feed-returns .account-product--card .account-product-body .account-product-details .account-product-detail { flex: 1; background: #EAF0F7; border-radius: 1rem; padding: 1.6rem; text-align: center; } .account .feed-returns .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-heading { color: #737173; font-size: 1.4rem; font-weight: 400; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0; line-height: 1.5; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-heading { font-size: 1.6rem; } } .account .feed-returns .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-value { display: block; font-size: 1.4rem; font-weight: 700; color: #363436; line-height: 1.5; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-product-body .account-product-details .account-product-detail .account-product-detail-value { font-size: 1.6rem; } } .account .feed-returns .account-product--card .account-orderStatus { grid-area: status; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 1.6rem; gap: 0.8rem; } @media (min-width: 768px) { .account .feed-returns .account-product--card .account-orderStatus { flex-direction: column; align-items: flex-end; justify-content: flex-start; margin-bottom: 0; gap: 0; } } .account .feed-returns .account-product--card .account-orderStatus .account-orderStatus-label { border: 0.1rem solid #363436; border-radius: 0.6rem; padding: 0.2rem 0.8rem; font-size: 12px; font-weight: 500; margin: 0; color: #363436; white-space: nowrap; min-height: 2.6rem; display: flex; align-items: center; } .account h2 { font-size: 3rem; } [data-edit-account-form] { display: flex !important; } [class*="page-type-account"] #main-content, [class*="page-type-wishlist"] #main-content, [class*="page-type-wishlists"] #main-content, [class*="page-type-add-wishlist"] #main-content, [class*="page-type-editaccount"] #main-content, [class*="page-type-createaccount"] #main-content, [class*="page-type-shippingaddressform"] #main-content { padding: 2.4rem 0 1.6rem; } @media screen and (min-width: 1025px) { [class*="page-type-account"] #main-content, [class*="page-type-wishlist"] #main-content, [class*="page-type-wishlists"] #main-content, [class*="page-type-add-wishlist"] #main-content, [class*="page-type-editaccount"] #main-content, [class*="page-type-createaccount"] #main-content, [class*="page-type-shippingaddressform"] #main-content { padding: 6rem 0 0; } } [class*="page-type-account"] .page-heading, [class*="page-type-wishlist"] .page-heading, [class*="page-type-wishlists"] .page-heading, [class*="page-type-add-wishlist"] .page-heading, [class*="page-type-editaccount"] .page-heading, [class*="page-type-createaccount"] .page-heading, [class*="page-type-shippingaddressform"] .page-heading { text-align: center; } body.page-type-createaccount_thanks section .container.center { padding-bottom: 100px; } .account .container { max-width: 123.2rem; width: 100%; margin: 0 auto 6rem; padding: 0 1.6rem; min-height: 36vh; } .account .container > nav { order: 0; margin: 0 0 4.8rem; grid-area: nav; } @media screen and (min-width: 1025px) { .account .container > nav { margin: 0 auto 6rem; } } .account .container > nav ul { border: 0; display: flex; flex-wrap: wrap; flex-direction: row; gap: 1rem; justify-content: center; } @media screen and (min-width: 1025px) { .account .container > nav ul { justify-content: space-between; align-items: start; text-align: left; } } .account .container > nav ul li { width: fit-content; font-size: 1.4rem; text-decoration: none; font-weight: 700; color: currentColor; } .account .container > nav ul li.is-active { color: #3170B5; border-bottom: 1px solid #3170B5; } .account .container > nav ul li.is-active a { color: #3170B5; text-decoration: none !important; } .account .container > nav ul li:hover { color: #3170B5; } .account .container > nav ul li a:hover, .account .container > nav ul li a:focus { color: #3170B5; text-decoration: none !important; } @media screen and (min-width: 1025px) { .account .container > nav ul li { font-size: 1.6rem; } } .account .container .account-heading { font-size: 2.8rem; margin-bottom: 2.4rem; text-align: center; } @media (min-width: 768px) { .account .container .account-heading { font-size: 4rem; text-align: left; } } .account .wishlist-component h3 { text-align: center; } @media (min-width: 768px) { .account .wishlist-component h3 { text-align: left; } } .account .feeds-grid.recently-viewed .recently-viewed-item__action .btn-primary { width: 100%; font-size: 1.4rem; padding: 0.8rem 1.6rem 0.9rem; } @media (min-width: 768px) { .account .feeds-grid.recently-viewed .recently-viewed-item__action .btn-primary { font-size: 1.6rem; padding: 1.1rem 1.6rem; } } /* -------------------------------------------------------------------------- *\ B2B EDITION STYLING \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ B2B NAV \* -------------------------------------------------------------------------- */ nav.navBar.navBar--sub.navBar--account { margin-bottom: 4.8rem; } nav.navBar.navBar--sub.navBar--account .navBar-item { font-size: 1.4rem; } nav.navBar.navBar--sub.navBar--account .navBar-item.is-active { font-weight: bold; } nav.navBar.navBar--sub.navBar--account .navBar-item.is-active a { text-decoration: none; } .pagination-list { margin-bottom: 1.6rem; } .pagination-list a:hover { color: #707784; } .pagination-list a:active { color: #f3F6FC; } /* -------------------------------------------------------------------------- *\ B2B ORDERS \* -------------------------------------------------------------------------- */ th { font-size: 1.4rem; } .order-lists-wrap .order-lists-table th[data-sort-th] { min-width: 6rem !important; } .actions-field .button { width: 100%; } .reorder-button { width: 100%; } @media (min-width: 768px) { table.order-lists-table > thead > tr > th.t-align-c:nth-child(2) { width: 10rem; } } @media (min-width: 768px) { table.order-lists-table > thead > tr > th.t-align-c:nth-child(4) { width: 10rem; } } @media (min-width: 768px) { table.order-lists-table > thead > tr > th.t-align-c:nth-child(7) { width: 12rem; } } @media (min-width: 768px) { table.order-lists-table > thead > tr > th.t-align-c:nth-child(8) { width: 6rem; } } @media (min-width: 992px) { table.order-lists-table > thead > tr > th.t-align-c:nth-child(9) { width: 30rem; } } .c009 .order-number:hover { color: #f3F6FC !important; text-decoration: none !important; } .c009 .order-number:active { color: #000000 !important; } /* -------------------------------------------------------------------------- *\ B2B SHOPPING \* -------------------------------------------------------------------------- */ #new_shopping_list_form { padding: 1.6rem; } #shopping_lists_table td { text-transform: capitalize !important; } #shopping_list_table .th-checkbox { position: relative; } #shopping_list_table .button--removeall { position: absolute; top: 0.6rem; } #shopping_list_table .edit-option { white-space: nowrap; } #shopping_list_table .list-button-remove i { line-height: 1.9rem; } #shoppinglist-dropdown { position: inherit !important; display: none; } #shoppinglist-dropdown a { margin: 0 !important; color: #000000; } #shoppinglist-dropdown.f-open-dropdown { display: block; } #shopping_list_name + .action-link { border: none; } .shopping-lists-table .actions-field, .quote-list-table .actions-field { text-align: right !important; } .shopping-lists-table .actions-field .td-action-dropdown, .quote-list-table .actions-field .td-action-dropdown { position: relative; right: 9x; } .shopping-lists-table .actions-field .dropdown-menu .dropdown-menu-item, .quote-list-table .actions-field .dropdown-menu .dropdown-menu-item { text-align: right !important; } .c002 .table-wrap .dropdown-menu .button { border: none; } .c002 .c0014 .title-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: start; flex-flow: column; margin-bottom: 0.8rem !important; } @media (min-width: 768px) { .c002 .c0014 .title-wrap { flex-direction: row; } } .c002 .c0014 .title-actions { margin-top: 0 !important; } .c00280 .upload-container { width: auto !important; } .c00280 .form-action.right { text-align: left !important; } .c00280 .product-options .form-option-swatch { width: 2rem; height: 2rem; display: block !important; } .c00280 .product-options .form-option-swatch span { display: block; width: 2rem; height: 2rem; border-radius: 2rem; } .c00280 .product-options [data-product-attribute="swatch"] { display: grid; grid-template-columns: 1.4rem 1fr 1.4rem 1fr 1.4rem 1fr; row-gap: 0.4rem; } .c00280 .product-options [data-product-attribute="swatch"] .form-label:first-child { grid-column: 1 / span 6; } .c00280 .product-options [data-product-attribute="swatch"] .form-radio { width: 1rem; } /* -------------------------------------------------------------------------- *\ B2B MODAL *Click the New Shopping List Buttom * \* -------------------------------------------------------------------------- */ .dp-modal .dp:before { background: #707784; } .dp-modal .dp-selected { background: #707784; } .dp-modal .dp-selected:hover, .dp-modal .dp-selected:focus { background: #707784; } .tingle-modal-box { border-radius: 0 !important; } .tingle-modal-box__content { padding: 2.4rem; } .tingle-modal-box__content .form-field { margin-bottom: 0.8rem; } .tingle-modal-box__content .modal-header { position: relative; } .tingle-modal-box__content .modal-header .modal-close { position: absolute; font-size: 4rem; position: absolute; color: #000000; top: -1.6rem; right: -1.6rem; } .tingle-modal-box__content .modal-close { text-decoration: none; } .tingle-modal-box__content .shopping-list-wraper li:hover, .tingle-modal-box__content .shopping-list-wraper li:active, .tingle-modal-box__content .shopping-list-wraper li:focus, .tingle-modal-box__content .shopping-list-wraper li.active { list-style-type: none !important; background: transparent !important; color: #707784 !important; font-weight: 500; } .modal-close:focus::after, .modal-close:focus::before { display: none; } .tingle-modal-box .button, .b2b-wrap .button { padding: 1.8rem 3rem !important; } .tingle-modal-box li.button, .b2b-wrap li.button { padding: 0.4rem 0 !important; } .c00333 .button { right: -7.3rem !important; } .c00333 .button.button-clear { right: -2.4rem !important; top: -0.8rem !important; } .c00333 .button.button-clear:hover, .c00333 .button.button-clear:focus { background: transparent !important; } .c00333 .button.button-clear:active { background: transparent !important; } .search-toolbar input, .search-toolbar .button, .quotes-search-form input, .quotes-search-form .button, .orders-search-company input, .orders-search-company .button { height: 3.8rem !important; border-radius: 0 !important; column-gap: 0.6rem; } /* -------------------------------------------------------------------------- *\ B2B QUOTE \* -------------------------------------------------------------------------- */ .c00409 .rfq-items-info-thead { background: #000000 !important; } .c00409 .rfq-header-icons * { font-weight: 500 !important; } .c00409 .rfq-container-wrap .rfq-store-info p:first-child, .c00409 .rfq-container-wrap .rfq-store-info p.title, .c00409 .rfq-container-wrap .rfq-person-info p:first-child, .c00409 .rfq-container-wrap .rfq-person-info p.title, .c00409 .rfq-container-wrap .rfq-quote-info p:first-child, .c00409 .rfq-container-wrap .rfq-quote-info p.title { font-weight: 500 !important; } .c00409 .rfq-header-icons, .c00409 .rfq-container-wrap { border-width: 0.1rem !important; } .c00409 .c00239 .rfq-total-td { font-weight: 500 !important; } .c00409 .c00235 button { background: #0061A1; border-radius: 0; } .c00220 > .form-field > .button { border-right: none !important; border-top: none !important; border-bottom: 0.1rem solid #707784 !important; } .address-book-container input { padding: 0.75rem 1.2rem; border: 0 !important; border-bottom: 0.1rem solid #9299A6 !important; width: 100%; border-radius: 0 !important; } .address-book-container .button { padding: 1.6rem 0 !important; border: 0 !important; border-bottom: 0.1rem solid #9299A6 !important; border-radius: 0 !important; } .edit-options-container .form-option { margin-right: 1.2rem; } .edit-options-container .form-label { display: block; } .products-container .product-name { font-size: 1.6rem !important; } .products-container p, .products-container span { font-size: 1.4rem; } .quote-edit-item .products-search-container .button { padding: 1.1rem 0 !important; border: 0 !important; border-bottom: 0.1rem solid #9299A6 !important; border-radius: 0 !important; } .quote-edit-item .search-results-list { box-shadow: none !important; border: 0.1rem solid #707784; overflow-y: scroll; max-height: 50rem !important; } .quote-edit-item .search-results-list::-webkit-scrollbar { display: error !important; } .quote-success-container p { font-size: 1.6rem !important; } .quote-success-container a { font-size: 1.6rem !important; } .quote-edit-container small { color: #D24343; } .quote-edit-container select { margin-top: 1.2rem; } .quote-edit-container .form-copy-address { display: grid; grid-template-columns: 1.6rem auto; column-gap: 1.6rem; } .quote-edit-container .form-field { width: 100% !important; margin: 0 0 1.6rem !important; } .quote-edit-container .form-field:has(.form-input[data-required="true"]) .form-label small { font-size: 0; } .quote-edit-container .form-field:has(.form-input[data-required="true"]) .form-label small::after { content: "*"; font-size: 14px; margin-left: 4px; } .quote-edit-container label { display: inline-block; margin-bottom: 8px; } .quote-edit-container input { padding: 1.1rem 1.6rem; border: 0 !important; border: 0.1rem solid #9A999A !important; width: 100%; } .quote-edit-container .form-divide { display: none; } .quote-edit-container .form-title .button { margin: 1.6rem 0 0 !important; width: 100% !important; } .c00235 button { cursor: default; } .c00409 .rfq-checkout-btn-wrap { border: none !important; padding: 0 !important; } .c00409 .rfq-send-message-btn-wrap { border: none !important; padding: 0 !important; } .c00409 .rfq-send-message input.button { border: 0.1rem solid #707784 !important; } .rfq-form-wrapper .form-container div.title-container { padding: 1.6rem 3.2rem; } .rfq-form-wrapper div.form-title { padding: 2.4rem 0 1.6rem; } .rfq-form-wrapper textarea { width: 100%; } .rfq-form-wrapper img { object-fit: contain; } .form-container .quote-edit-container .quote-edit-item .products-search-container .form-products-input { padding-right: 2rem !important; } .form-container .quote-edit-container .quote-edit-item .products-search-container .searchBtn-container { padding-right: 1rem; } .form-container .quote-edit-container .quote-edit-item .products-search-container .searchBtn-container .button.button--search { border: 0 !important; } .c005 .buy-again-lists-table .qty-wraper .btn-qty-decrease, .c005 .buy-again-lists-table .qty-wraper .btn-qty-increase { padding: 0 !important; border: none; } .c005 .buy-again-lists-table .qty-wraper .btn-qty-decrease:hover, .c005 .buy-again-lists-table .qty-wraper .btn-qty-decrease:focus, .c005 .buy-again-lists-table .qty-wraper .btn-qty-increase:hover, .c005 .buy-again-lists-table .qty-wraper .btn-qty-increase:focus { background: #DDE5F4; } .c005 .buy-again-lists-table .qty-wraper .form-input { z-index: 2; } .c005 .buy-again-lists-table .qty-wraper { border-color: #0061A1 !important; border-radius: 0 !important; } .c0089.qty-input { border-bottom: none !important; } @media (min-width: 768px) { .c0084:first-child { width: 30rem; } .c0084:nth-child(4) { width: 10rem; } .c0084:nth-child(6) { width: 45rem; } .buyAgain .actions-field .button { width: 100% !important; } .buyAgain td.c0085:nth-child(4) { width: 10rem; } } .address-lists-wrap { padding: 0 !important; } .address-lists-wrap input, .address-lists-wrap .button { height: 3.8rem !important; } @media (max-width: 767.9px) { .address-lists-wrap #filter_open_button, .address-lists-wrap #add_new_address_button { width: 100%; margin: 0.8rem 0 0 !important; } } .c0010 .address-lists-wrap .addressList { width: 100%; display: flex; flex-flow: row nowrap; margin-left: 0; margin-right: 0; justify-content: space-between; } .c0010 .address-lists-wrap .addressList .address-default { width: 50%; } .address-lists-wrap .account-body { display: block; } .address-lists-wrap .account-body ul li + li, .address-lists-wrap .account-body ol li + li { margin: 0; } .c0087, .c0088 { padding: 0; } .account-body { display: grid; grid-template-columns: 1fr; column-gap: 6rem; row-gap: 2.4rem; } @media (min-width: 768px) { .account-body { grid-template-columns: 1.5fr 1fr; } } .account-body h3 { font-weight: 600; } .account-content .button { column-gap: 0.6rem; } .account-content h6 { font-size: 1.6rem; } .account-list { list-style: none; margin-left: 0; } .b2b-order-details .account-listItem { border-bottom: 0.1rem solid #e5e5e5; padding: 2.4rem 0; position: relative; } .b2b-order-details .account-listItem input[type="checkbox"] { border: none; width: 0; height: 0; display: none !important; appearance: none !important; } .b2b-order-details .account-listItem input[type="checkbox"] + label:before { content: ""; display: block; height: 2rem !important; width: 2rem !important; border-radius: 0 !important; border: 0.1rem solid #0061A1 !important; } .b2b-order-details .account-listItem input[type="checkbox"] + label:after { content: ""; display: block; height: 0.4rem !important; width: 1.2rem !important; border: 0.3rem solid transparent !important; transform: translate(0.2rem, -2rem) rotate(-45deg) !important; background: transparent !important; } .b2b-order-details .account-listItem input[type="checkbox"]:checked + label::before { border-color: #707784 !important; background-color: #707784 !important; } .b2b-order-details .account-listItem input[type="checkbox"]:checked + label:after { border-left-color: white !important; border-bottom-color: white !important; } .account-product--alignMiddle { display: table; width: 100%; } .account-product:after, .account-product:before { content: " "; display: table; } .account-product--alignMiddle .account-product-checkItem { left: 0rem; } .account-product--alignMiddle .account-product-checkItem { display: table-cell; position: relative; vertical-align: middle; width: 3.2rem; } .is-srOnly { border: 0 !important; clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important; height: 0.1rem !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0.1rem !important; } .account-product--alignMiddle .account-product-body { padding-left: 3.2rem; vertical-align: middle; } .account-product-body:after, .account-product-body:before { content: " "; display: table; } .b2b-order-details .account-product-price { float: right; font-size: 1.5rem; } .b2b-order-details .account-orderTotal { float: right; font-size: 1.5rem; margin-top: -2.4rem; width: 66.66667%; } .b2b-order-details .account-orderTotal-key { color: #757575; float: left; font-weight: 400; padding: 2.4rem 0; } .b2b-order-details .account-orderTotal-value { border-bottom: 0.1rem solid #e5e5e5; text-align: right; padding: 2.4rem 0; } .account-sidebar section { margin-top: 0; background-color: #f3F6FC; padding: 1.6rem 2.4rem; } .account-sidebar dl { display: block !important; } .account-sidebar .definitionList-key { color: #000000; float: left; font-weight: 600; margin: 0 0.8rem 0 0; } .account-sidebar .account-order-address li { margin-top: 0.8rem; } .account-sidebar .order-details-info button { width: 100%; margin-top: 1.6rem; } .c006 * { font-weight: 500 !important; } .c006 .file-upload-header { cursor: pointer; } @media (max-width: 767.9px) { .c006 div .file-upload-drop span, .c006 .file-upload-title.c00203, .c006 .c00204 { font-size: 1.6rem !important; } } .c006 .quick-order-pad-wrap.quick-pad-right { border-color: #0061A1; } .c006 .sku-search-button { background: white; border-radius: 0 !important; transition: .25s all ease-in-out; } .c006 .sku-search-button:hover { border-color: #707784 !important; background: #707784; color: white; } .c006 .sku-search-button:active { background: #ffffff; border-color: #ffffff !important; } .sku-input-content .sku-search-button { border: none !important; border-bottom: 0.1rem solid #707784 !important; } div.c006 .quick-order-pad-table .col-sku .product-info input { width: auto; } .quick-order-pad-table .form-option-variant--color { display: inline-block; width: 2rem; height: 2rem; border-radius: 2rem; border: 0.1rem solid #707784; } .quick-order-pad-table .form-option-swatch { height: 2rem; } .quick-order-pad-table [data-product-attribute="swatch"] { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.8rem; } .quick-order-pad-table .form-label { display: block; } .quick-order-pad-table .form-field { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.8rem; } .quick-order-pad-table .form-field label { margin-right: 0.4rem; } /* -------------------------------------------------------------------------- *\ B2B CART \* -------------------------------------------------------------------------- */ .cart-actions .rfq-cart-button-container.c00408.rfq-cart-button-container { float: unset; width: 100%; margin-top: 1.6rem; } .cart-actions .rfq-cart-button-container.c00408.rfq-cart-button-container .button { width: 100%; } .c00408 { margin-right: 0 !important; } .c00408 .button { width: 100%; } .rfq-cart-button-container, .rfq-pdp-button-container { float: none !important; margin: 0 !important; align-items: initial !important; } .bottom-cart-container { bottom: -19.2rem !important; border-top: 0.1rem solid #0061A1; } @media only screen and (min-width: 56.9rem) { .bottom-cart-container { bottom: -14rem !important; } } .bottom-cart-toggle { top: -6rem !important; border: 0.1rem solid #0061A1; border-bottom: none; } .bottom-cart-container, .bottom-cart-toggle { background-color: #1A7BBC !important; } .bottom-cart-inner { padding: 2rem !important; } .bottom-cart-inner #add_to_cart { top: -5.8rem !important; right: 1rem; } @media (min-width: 992px) { .rfq-form-wrapper .edit-product { overflow-y: unset !important; } } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] { margin-bottom: 1.8rem; display: flex; flex-wrap: wrap; position: relative; left: 0.3rem; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] .form-label { width: 100%; justify-content: flex-start !important; justify-items: flex-start !important; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] .form-label > span { width: 0.6rem; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label { font-weight: 500; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label span { color: #0061A1; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; width: 3rem; height: 3rem; margin: 0 0.4rem 0.4rem 0; border: 0.3rem solid #F5F5F5; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label > span { transform: rotate(45deg); border-radius: 100%; width: 100%; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label .color-group { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row nowrap; overflow: hidden; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label .color-group span { width: 100%; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label::before { content: ""; position: absolute; border-radius: 100%; width: 3rem; height: 3rem; transform: translateY(-0.4rem) translateX(-0.4rem); } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.unavailable { position: relative; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.unavailable span { opacity: .1; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.unavailable::after { border-top: 0.1rem solid #707784; content: ''; position: absolute; top: 0; right: 0; left: -45%; transform: rotate(-45deg); transform-origin: 100% 0; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.unavailable:hover, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.unavailable:focus { cursor: not-allowed; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label:hover, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label:focus { cursor: pointer; transition: none; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label:hover::before, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label:focus::before { border: 0.1rem dashed #38454F; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.pattern { border-radius: 0; width: 5rem; height: 5rem; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.pattern span { background-size: cover; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.pattern > span { transform: rotate(0deg); border-radius: 100%; width: 100%; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.pattern::before { content: ""; position: absolute; width: 5rem; height: 5rem; transform: translateY(-0.4rem) translateX(-0.4rem); } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] label.pattern .form-option-expanded { display: none; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] input:checked + label::before { border: 0.1rem solid #000000; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="swatch"] input:checked + label.unavailable::before { border: 0.1rem solid #B3BBCB; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] { display: flex; flex-wrap: wrap; row-gap: 0.4rem; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] .form-label { width: 100%; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option { background: #fff; border: 0.1rem solid #707784; padding: 0.4rem 1.2rem; font-size: 1.4rem; gap: 0.8rem; transition: all .25s linear; width: auto; overflow: hidden; transition-duration: 0.1s; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option:hover, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option:focus { background: #B3BBCB; cursor: pointer; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option.unavailable { color: #707784; background-color: #DDE5F4; position: relative; cursor: not-allowed; background: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%, auto; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option.unavailable:hover, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] label.form-option.unavailable:focus { background: url("data:image/svg+xml;utf8,"); cursor: not-allowed; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] input { position: absolute; width: 0.1rem !important; height: 0.1rem; padding: 0; margin: -0.1rem; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] input:checked + label { background: #707784; } .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] input:checked + label:hover, .rfq-form-wrapper [data-product-option-change] [data-product-attribute="set-rectangle"] input:checked + label:focus { background: #707784; } .th-checkbox { width: auto !important; } .search-input-box .button { border-right: none !important; border-top: none !important; border-bottom: 0.1rem solid #707784 !important; } .c00220 { align-items: flex-end !important; } .action-link { display: inline-flex !important; } .action-link:hover { text-decoration: none !important; } .fa-search { display: none; } .b2b-wrap #search_button { border-right: none; border-top: none; border-bottom: 0.1rem solid #707784; padding-right: 0 !important; } .creat-list-group div { flex-direction: row !important; } .c00159 { margin-bottom: 2rem; } .c00288 { border: 0 !important; } .c002 tr th { font-weight: 500 !important; } .c002 .title-wrap { margin-bottom: 1.6rem !important; } .c002 .title-wrap h2 { margin-bottom: 1.6rem !important; } @media (min-width: 768px) { .c002 .title-wrap h2 { font-size: 3rem !important; } } .c002.c008 .title-wrap h2 { margin-bottom: 1.6rem !important; margin-right: 0.8rem !important; text-transform: capitalize; } .c002.c008 .title-wrap a i { color: #707784; transition: .25s all ease-in-out; } .c002.c008 .title-wrap a:hover i { color: #f3F6FC; } .c002.c008 .title-wrap a:active i { color: #000000; } .c002 .qty-wraper span { background: white; } .c002 .addressList * { font-weight: 500 !important; } .c002 .action-links { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; flex-flow: column; grid-gap: 0.8rem; margin-bottom: 0.8rem !important; } @media (min-width: 768px) { .c002 .action-links { flex-direction: row; } } .c002 .filter-by-date input { border-radius: 0 !important; } .c002 .form-wrap { padding-bottom: 2rem !important; border-color: #0061A1 !important; } .c002 .form-label { margin-bottom: 0.6rem; display: inline-block; width: 100%; } .c002 .form-input-desc { margin-bottom: 1.6rem; } .c002 .product-subtotal, .c002 .product-price { font-weight: 500 !important; font-size: 1.6rem !important; } .c00138 li { padding-left: 0; } .loadingOverlay { display: none; } /* -------------------------------------------------------------------------- *\ WIDGETS This loads all widget styling on the website. \* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- *\ 01 - PROMO BARS \* -------------------------------------------------------------------------- */ .promo-bar { text-align: center; } .promo-bar .container { padding: 1.2rem 0; } .promo-bar p, .promo-bar a { text-align: center; font-size: 1.4rem; line-height: 1.9rem; } .single-text-promo-bar { background: #38454F; width: 100%; } .single-text-promo-bar p, .single-text-promo-bar a { text-transform: uppercase; color: #ffffff; font-weight: 700; white-space: normal; } .single-text-promo-bar a { display: inline-block; } .single-text-promo-bar a:not(:only-child) { margin: 0 0.8rem 0 0; } .multi-display-promo-bar { background: #0061A1; } .multi-display-promo-bar p { text-align: center; } @media (min-width: 992px) { .multi-display-promo-bar .slick-track { align-items: center; justify-content: space-evenly; } } .multi-display-promo-bar .promo-slide a { text-decoration: none; color: #ffffff; } .multi-display-promo-bar .promo-slide a:hover, .multi-display-promo-bar .promo-slide a:focus { text-decoration: underline; color: #DDE5F4; } .multi-line-promo-bar { background: #f3F6FC; } .multi-line-promo-bar.contained .container { background: #f3F6FC; } .multi-line-promo-bar .container { padding: 2.4rem 0; } .multi-line-promo-bar .h4 { margin-bottom: 1.2rem; } .multi-line-promo-bar .h5 { margin-bottom: 1rem; } @media (min-width: 992px) { .multi-line-promo-bar .h5 { margin-bottom: 1.6rem; } } .multi-line-promo-bar .link-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-flow: column nowrap; } @media (min-width: 768px) { .multi-line-promo-bar .link-container { column-gap: 2.4rem; flex-direction: row; } } .multi-line-promo-bar a { text-decoration: none; letter-spacing: 0.04em; } @media (max-width: 767.9px) { .multi-line-promo-bar a + a { margin-top: 12px; } } /* -------------------------------------------------------------------------- */ /* HOMEPAGE HERO CAROUSEL */ /* -------------------------------------------------------------------------- */ .homepage-hero { position: relative; z-index: 1; --animationDistance: 15px; } @media (min-width: 768px) { .homepage-hero { border-top: 1px solid #38454F; } } .homepage-hero a { text-decoration: none; } .homepage-hero .arrows-pos-side { margin: 0 auto; position: relative; } .homepage-hero .arrows-pos-side.contained { max-width: 168.8rem; } .homepage-hero .arrows-pos-side .slick-arrow.slick-prev { left: 3.6rem; } .homepage-hero .arrows-pos-side .slick-arrow.slick-next { right: 3.6rem; } @media (max-width: 991.9px) { .homepage-hero .btn-primary, .homepage-hero body > footer .newsletter .button.btn-primary, body > footer .newsletter .homepage-hero .button.btn-primary { --btnColor: $dark-1 !important; } } .homepage-hero .slick-slide div { visibility: hidden; animation-delay: 0ms; animation-name: fadeOutDown; animation-duration: 1.3s; } .homepage-hero .slick-current div { visibility: visible; animation-delay: 50ms; animation-name: fadeInUp; } .homepage-hero .slide { position: relative; flex-direction: column; text-align: center; position: relative; } .homepage-hero .slide.no-gradient::after { content: none !important; } @media (min-width: 768px) { .homepage-hero .slide { text-align: left; } } .homepage-hero .slide::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .homepage-hero .slide::after { background: linear-gradient(180deg, rgba(57, 57, 57, 0) 25.82%, #393939 146.18%); margin: 0 auto; } } @media (min-width: 768px) { .homepage-hero .slide.left .container > div { grid-column: 1 / span 6; justify-items: left; } } @media (min-width: 768px) { .homepage-hero .slide.center .container > div { grid-column: 4 / span 6; text-align: center; justify-items: center; } .homepage-hero .slide.center .container > div .slick-dots { justify-content: center; } } @media (min-width: 768px) { .homepage-hero .slide.right .container > div { grid-column: 7 / span 6; justify-items: left; } } .homepage-hero .slide .container { display: grid; grid-template-columns: 1fr; align-items: center; padding: 0; } @media (min-width: 768px) and (max-width: 1023.9px) { .homepage-hero .slide .container { padding: 0; grid-template-columns: repeat(12, 1fr); min-height: 45rem; max-height: 45rem; } } @media (min-width: 1024px) { .homepage-hero .slide .container { padding: 0; grid-template-columns: repeat(12, 1fr); min-height: 40rem; max-height: 40rem; } } @media (min-width: 992px) { .homepage-hero .slide .container { padding: 0 6.4rem; min-height: 58rem; max-height: 58rem; } } .homepage-hero .slide .container > div { z-index: 3; display: grid; align-content: center; justify-items: center; padding: 2.4rem; } @media (min-width: 768px) { .homepage-hero .slide .container > div { padding: 4.8rem; } } .homepage-hero .slide .container > div .btn-primary { margin-bottom: 2rem; } @media (min-width: 768px) { .homepage-hero .slide .container > div .btn-primary { margin-bottom: initial; } } .homepage-hero .slide .container > div:has(h1:empty):has(p:empty) { display: none; } .homepage-hero .slide .container.invert { align-items: center; } .homepage-hero .slide .container.invert > div { background: #0061A1; } .homepage-hero .slide .container p:empty, .homepage-hero .slide .container h1:empty, .homepage-hero .slide .container h2:empty { display: none; } .homepage-hero picture { display: flex; justify-content: center; } .homepage-hero picture img { height: 100%; width: 100%; object-fit: contain; top: 0; aspect-ratio: auto; object-position: top; } @media (min-width: 768px) and (max-width: 1023.9px) { .homepage-hero picture img { position: absolute; object-fit: cover; aspect-ratio: auto; } } @media (min-width: 1024px) { .homepage-hero picture img { position: absolute; object-fit: cover; aspect-ratio: auto; } } .homepage-hero picture.mobile-overlay img { position: absolute; } @media (min-width: 992px) { .homepage-hero .double-image img { width: 50%; left: 0%; } } .homepage-hero .double-image .second-picture { display: none; } @media (min-width: 992px) { .homepage-hero .double-image .second-picture { display: flex; } .homepage-hero .double-image .second-picture img { right: 0%; left: unset; } } .homepage-hero .custom-dot-wrapper { position: absolute; bottom: 2rem; left: 50%; transform: translate(-50%, 0); width: fit-content; } .category-thumbnails { position: relative; background-color: white; } @media (max-width: 767.9px) { .category-thumbnails .container { padding: 0 1.2rem; } } @media (min-width: 992px) { .category-thumbnails .container { max-width: 1640px; padding: 0 5.2rem; } } @media (min-width: 992px) { .category-thumbnails .arrows-pos-side { padding: 2.4rem 0; } } .category-thumbnails .container .arrows-pos-side:first-child { padding: 1.6rem 0; border-bottom: none; } @media (min-width: 992px) { .category-thumbnails .container .arrows-pos-side:first-child { padding: 2.4rem 0; } } @media (min-width: 1700px) { .category-thumbnails .carousel-heading-container .slick-prev { left: -8rem; } .category-thumbnails .carousel-heading-container .slick-next { right: -8rem; } } @media (max-width: 767.9px) { .category-thumbnails [data-slick] { opacity: 1; } } .category-thumbnails .category-thumbnail { padding: 0 0.4rem; } .category-thumbnails .category-thumbnail.dynamic img { border-radius: 0; } .category-thumbnails .category-thumbnail img { border-radius: 12rem; } @media (min-width: 992px) { .category-thumbnails .category-thumbnail { padding: 0 0.8rem; } } .category-thumbnails a { display: block; position: relative; padding-bottom: 100%; text-decoration: none; border-radius: 12px; } @media (min-width: 992px) { .category-thumbnails a { row-gap: 1.6rem; } } .category-thumbnails a:hover, .category-thumbnails a:focus { opacity: 0.8; text-decoration: underline; } .category-thumbnails a span { color: #ffffff; font-size: 1.8rem; text-align: center; position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1; background-color: rgba(0, 0, 0, 0.5); padding: 1.6rem; font-family: "Conthrax", Arial, Helvetica, sans-serif; line-height: 1.2; } @media (min-width: 992px) { .category-thumbnails a span { font-size: 20px; } } .category-thumbnails.grid-style { background: linear-gradient(to bottom, white 75%, #DDE5F4 75% 100%); padding-bottom: 3rem; } @media (min-width: 768px) { .category-thumbnails.grid-style { background: linear-gradient(to bottom, white 25%, #DDE5F4 25% 100%); padding-bottom: 6.5rem; } } .category-thumbnails.grid-style .container { display: flex; flex-direction: column; row-gap: 2.4rem; padding: 0 1.5rem; } @media (min-width: 768px) { .category-thumbnails.grid-style .container { flex-direction: row; justify-content: center; column-gap: 3.2rem; } } .category-thumbnails.grid-style .side { background: #f3F6FC; padding: 2.4rem 1.2rem; } @media (min-width: 992px) { .category-thumbnails.grid-style .side { padding: 4.8rem; } } .category-thumbnails.grid-style .grid-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; row-gap: 1.6rem; column-gap: 1.6rem; } @media (min-width: 992px) { .category-thumbnails.grid-style .grid-container { column-gap: 3.2rem; } } .category-thumbnails.grid-style img { border-radius: 0; width: 11.2rem; height: 11.2rem; object-fit: cover; } @media (min-width: 992px) { .category-thumbnails.grid-style img { width: 25.6rem; height: 25.6rem; } } .category-thumbnails.grid-style .category-name { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; } @media (min-width: 992px) { .category-thumbnails.grid-style .category-name { font-size: 1.6rem; line-height: 27px; } } .category-thumbnails.grid-style .category-thumbnail { margin: 0; align-items: center; justify-content: center; display: flex; } @media (max-width: 991.9px) { .category-thumbnails.border-bottom { margin-bottom: 0 !important; } } @media (max-width: 767.9px) { .category-thumbnails .arrows-pos-side .slick-arrow.slick-prev, .category-thumbnails .arrows-pos-side .scroll-arrow.slick-prev { left: -0.8rem; } .category-thumbnails .arrows-pos-side .slick-arrow.slick-next, .category-thumbnails .arrows-pos-side .scroll-arrow.slick-next { right: -0.8rem; } } .subcategory-list .slick-container:not(.slick-initialized) { overflow: hidden; } .subcategory-list .slick-container:not(.slick-initialized) > .category-thumbnail { box-sizing: border-box; flex: 0 0 100%; min-width: 0; max-width: 100%; } .subcategory-list .category-thumbnail .media img { object-fit: contain; } @media (min-width: 320px) { .subcategory-list .slick-container:not(.slick-initialized) > .category-thumbnail { flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .subcategory-list .slick-container:not(.slick-initialized) > .category-thumbnail { flex-basis: 25%; max-width: 25%; } } @media (min-width: 1025px) { .subcategory-list .slick-container:not(.slick-initialized) > .category-thumbnail { flex-basis: 20%; max-width: 20%; } } @media (min-width: 1200px) { .subcategory-list .slick-container:not(.slick-initialized) > .category-thumbnail { flex-basis: calc(100% / 6); max-width: calc(100% / 6); } } .category-thumbnails:not(:has(.subcategory-list)) { background: none; } .category-thumbnails:not(:has(.subcategory-list)) h2 { height: auto; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail > a { padding-bottom: 0; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail img { width: 100%; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail .category-name { position: static; height: auto; background: transparent; color: #000; } @media (max-width: 767.9px) { .category-thumbnails:not(:has(.subcategory-list)) h2 { font-size: 24px; } .category-thumbnails:not(:has(.subcategory-list)) .arrows-pos-side { overflow-x: scroll; scrollbar-width: none; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail a { text-align: center; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail img { width: 80px; height: 80px; object-fit: contain; margin: 0 auto; } .category-thumbnails:not(:has(.subcategory-list)) .category-thumbnail .category-name { font-size: 14px; } } @media (min-width: 992px) { .promotional-banner.full-width-background .content { background: #DDE5F4; } .promotional-banner.full-width-background .container { background: none; } } .promotional-banner .container { padding: 0; background-color: #DDE5F4; } .promotional-banner .container .slick-arrow.slick-prev { left: 2rem; } .promotional-banner .container .slick-arrow.slick-next { right: 2rem; } .promotional-banner .container .custom-dot-wrapper { padding-bottom: 2rem; background-color: #fff; } .promotional-banner .container .custom-dot-wrapper .slick-dots { margin-top: 0; padding-top: 2.4rem; } @media (min-width: 768px) { .promotional-banner .container .custom-dot-wrapper .slick-dots { padding-top: 4.8rem; } } .promotional-banner .container .inner-container { display: grid; grid-template-columns: 1fr; align-items: center; grid-template-areas: "img" "description"; } @media (min-width: 768px) { .promotional-banner .container .inner-container { grid-template-columns: 1fr 1fr; grid-template-areas: "img description"; } .promotional-banner .container .inner-container.right { grid-template-areas: "description img"; } } .promotional-banner .container .inner-container picture { grid-area: img; width: 100%; height: 100%; } @media (min-width: 992px) { .promotional-banner .container .inner-container picture { padding-left: 6rem; padding-right: 1.6rem; } .promotional-banner .container .inner-container picture.right { padding-right: 6rem; padding-left: 1.6rem; } } .promotional-banner .container .inner-container img { aspect-ratio: 1.2; object-fit: cover; height: 100%; width: 100%; display: flex; } .promotional-banner .container .inner-container .content { padding: 1.6rem; } .promotional-banner .container .inner-container .content a { width: 100%; } @media (min-width: 768px) { .promotional-banner .container .inner-container .content { padding: 1.6rem; } .promotional-banner .container .inner-container .content a { width: auto; } } @media (min-width: 992px) { .promotional-banner .container .inner-container .content { margin-left: -1.6rem; padding: 6rem 10rem; } } @media (min-width: 992px) { .promotional-banner .container .inner-container.right .content { margin-left: initial; margin-right: -1.6rem; } } .promotional-blocks { padding-top: 2.4rem; } .promotional-blocks.full-width-background { background: linear-gradient(to bottom, #FFF 33%, #DDE5F4 0%); } .promotional-blocks.full-width-background .container { background: none; } .promotional-blocks .container { background: linear-gradient(to bottom, #FFF 33%, #DDE5F4 0%); } @media (min-width: 768px) { .promotional-blocks { padding-top: 0; } } .promotional-blocks h3, .promotional-blocks h2, .promotional-blocks p { width: 85%; } .promotional-blocks img { aspect-ratio: 2; object-fit: cover; height: 100%; width: 100%; display: flex; } .promotional-blocks figure { margin: 0; } .promotional-blocks figcaption { width: 100%; } .promotional-blocks figcaption span { font-size: 2rem; } @media (min-width: 992px) { .promotional-blocks p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /* Number of lines to show */ } } .promotional-blocks .blocks { display: grid; row-gap: 1.6rem; column-gap: 2.4rem; grid-template-columns: 1fr; } @media (min-width: 768px) { .promotional-blocks .blocks.column-2 { grid-template-columns: repeat(2, 1fr); } .promotional-blocks .blocks.column-3 { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 992px) { .promotional-blocks .blocks.column-2 { grid-template-columns: repeat(2, 1fr); } .promotional-blocks .blocks.column-3 { grid-template-columns: repeat(3, 1fr); } } .promotional-blocks .blocks.column-2 img { aspect-ratio: 2; } .promotional-blocks .blocks.column-3 img { aspect-ratio: 1; } @media (max-width: 767.9px) { .promotional-blocks .block.stacking .img-wrapper, .promotional-blocks .block.overlay .img-wrapper { max-height: 250px; width: 100%; } } @media (max-width: 767.9px) { .promotional-blocks .block.stacking img, .promotional-blocks .block.overlay img { max-height: 250px; } } .promotional-blocks .block.overlay { position: relative; padding: 0; } .promotional-blocks .block.overlay .img-wrapper { display: block; } .promotional-blocks .block.overlay .img-wrapper:before { position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.52%, rgba(0, 0, 0, 0.755102) 46.48%, #000000 64.61%); content: ""; width: 100%; height: 100%; } .promotional-blocks .block.overlay figcaption { z-index: 2; left: 0; position: absolute; transition: .25s all ease-in-out; bottom: 2.4rem; } .promotional-blocks .block.overlay figcaption .content { text-align: center; } .promotional-blocks .block.overlay a { width: auto; } .promotional-blocks .block.overlay h3, .promotional-blocks .block.overlay h2, .promotional-blocks .block.overlay p { color: white; border-color: white; margin-left: auto; margin-right: auto; margin-bottom: 24px; } .promotional-blocks .block.overlay img { margin: 0; } .promotional-blocks .block.overlay p { display: -webkit-box !important; -webkit-box-orient: vertical; /* autoprefixer: off */ overflow: hidden; -webkit-line-clamp: 5; min-height: 2rem; } @media (min-width: 768px) { .promotional-blocks .block.overlay p { -webkit-line-clamp: 3; } } @media (min-width: 992px) { .promotional-blocks .block.overlay p { -webkit-line-clamp: 5; } } .promotional-blocks .block.reveal-on-hover { overflow: hidden; padding: 0; } .promotional-blocks .block.reveal-on-hover img { margin: 0; } .promotional-blocks .block.reveal-on-hover h3 { height: 24px; } .promotional-blocks .block.reveal-on-hover figcaption { position: relative; bottom: 40px; } .promotional-blocks .block.reveal-on-hover figcaption .content { width: 100%; position: absolute; top: 0; margin: 0; transform: translateY(0); transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s; padding: 0 1.6rem; } .promotional-blocks .block.reveal-on-hover figcaption .content:before { position: absolute; background: #B3BBCB; content: ""; width: 100%; height: 100%; padding: 54px; z-index: -2; top: -20px; left: 0; } .promotional-blocks .block.reveal-on-hover:hover figcaption .content { transform: translateY(calc(-100%)); transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s; } .promotional-blocks .block.reveal-on-hover p { display: -webkit-box !important; -webkit-box-orient: vertical; /* autoprefixer: off */ overflow: hidden; -webkit-line-clamp: 5; min-height: 2rem; } .promotional-blocks .block.stacking hr { display: none; } .promotional-blocks .block.stacking .content { padding: 2.4rem 0 5.2rem; } .promotional-blocks .block.no-copy div > p { display: none !important; } .promotional-blocks .block.no-button div > a { display: none !important; } .promotional-blocks .block.title-only .reveal-container { display: none !important; } .promotional-block-carousel .container { padding-bottom: 4.8rem; } @media (min-width: 992px) { .promotional-block-carousel .container { padding-bottom: 10.4rem; } } .promotional-block-carousel .block { margin: 0 0.75rem; } .promotional-block-carousel .slick-dots { padding-bottom: 1.6rem; } @media (min-width: 768px) { .promotional-block-carousel .slick-dots { padding-bottom: 2.4rem; } } .promotional-block-carousel img { aspect-ratio: 1; } .brand-values > div { margin: 0 auto; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1rem; } .brand-values > div.contained { max-width: 168.8rem; } .brand-values > div.col-3 figure { flex-basis: 30%; max-width: 30%; } .brand-values > div.col-4 figure { flex-basis: 22%; max-width: 22%; } .brand-values > div figure { margin-bottom: 0; flex: 1; } .brand-values > div figure img { display: block; margin: 0 auto; width: 4rem; height: 4rem; object-fit: cover; } @media (min-width: 992px) { .brand-values > div figure img { width: 5.6rem; height: 5.6rem; } } .brand-values > div figure figcaption .h5 { font-size: 18px; margin-top: 1.6rem; word-break: break-word; } @media (max-width: 991px) { .brand-values > div figure figcaption .h5 { font-size: 14px; } } .brand-values > div figure p { color: #38454F; } .brand-values > div figure.left { align-items: flex-start; } .brand-values > div figure.left * { text-align: left; } .brand-values > div figure.left img { margin: 0; } .brand-values > div figure.right { align-items: flex-end; } .brand-values > div figure.right * { text-align: right; } .brand-values > div figure.right img { margin: 0; } .brand-values > div figure.center { align-items: center; } .brand-values > div figure.center * { text-align: center; } .brand-values > div figure.center figcaption { margin: 0 auto; } .brand-values > div figure.image-side { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row nowrap; column-gap: 1.6rem; } @media (min-width: 992px) { .brand-values > div figure.image-side { column-gap: 4rem; } } @media (max-width: 767.9px) { .brand-values h2 { font-size: 24px; } } .image-carousel { position: relative; } .image-carousel img { max-width: 100%; } .image-carousel .slick-dots { margin-bottom: 2.4rem; } .image-carousel h3 { border-top: 1px solid #B3BBCB; padding-top: 2.4rem; } .image-carousel.brand-page .image-link { border: 1px solid #B3BBCB; padding: 1.6rem 2rem; } @media (min-width: 992px) { .image-carousel.brand-page .image-link { padding: 2.8rem 3.2rem; } } .image-carousel.brand-page .slick-slider { position: relative; } .image-carousel.brand-page .slick-slider:after { content: ""; background: linear-gradient(270deg, #FFF 0, rgba(255, 255, 255, 0) 100%); position: absolute; width: 15%; right: 0; height: 100%; top: 0; pointer-events: none; } .image-carousel.image-gallery .slick-slider { margin: 0 -0.4rem; width: calc(100% + 1.6rem); } @media (min-width: 768px) { .image-carousel.image-gallery .slick-slider { margin: 0 -0.8rem; width: calc(100% + 1.6rem); } } @media (min-width: 992px) { .image-carousel.image-gallery .slick-slider { margin: 0 -1.6rem; width: calc(100% + 3.2rem); } } .image-carousel.image-gallery .slick-list { padding-left: 0 !important; } .image-carousel.image-gallery .image-link { overflow: hidden; z-index: 1; } .image-carousel.image-gallery .image-link img { aspect-ratio: 1; transition: transform .5s ease; display: block; width: 100%; height: 100%; object-fit: cover; } .image-carousel.brand-logo { margin-bottom: 2.4rem; } .image-carousel.brand-logo img { margin: 0 auto; } .image-carousel.brand-logo .slick-track { margin-left: -20px; padding-left: 20px; } .image-carousel.brand-logo.autoslide .slick-list { overflow: unset !important; } .image-carousel .image-link { width: 100%; margin: 0 0.4rem; } @media (min-width: 768px) { .image-carousel .image-link { margin: 0 0.8rem; } } @media (min-width: 992px) { .image-carousel .image-link { margin: 0 1.6rem; } } @media (max-width: 991px) { .image-carousel.brand-page .image-link { margin: 0 8px; } .image-carousel .container { padding: 0 2.4rem; } } @media (min-width: 992px) { .image-carousel .slick-slider { margin-left: -1.6rem; margin-right: -1.6rem; } } .reviews-carousel { column-gap: 2rem; } .reviews-carousel .slick-slide { margin: 0; width: 100%; } @media (min-width: 992px) { .reviews-carousel .container > div { padding: 0 8.4rem; } } .reviews-carousel .review-content { display: flex; flex-direction: column; text-align: center; } @media (min-width: 768px) { .reviews-carousel .review-content { padding: 0 0.8rem; } } @media (min-width: 992px) { .reviews-carousel .review-content { padding: 0 2rem; } } .reviews-carousel .star-rating { margin: 0 0 1.2rem; } @media (min-width: 992px) { .reviews-carousel .star-rating { margin: 0 0 1.6rem; } } .reviews-carousel p { margin: 0 0 1.2rem; } @media (min-width: 992px) { .reviews-carousel p { margin: 0 0 1.6rem; } } .reviews-carousel .name { margin: 0 0 0.4rem; font-weight: bold; } @media (min-width: 992px) { .reviews-carousel .name { margin: 0 0 0.8rem; font-size: 1.8rem; } } @media (min-width: 992px) { .reviews-carousel .date { font-size: 1.4rem; } } .seo-widget h2 { text-align: left; margin-bottom: 1.6rem !important; } .seo-widget .expandable { overflow: hidden; transition: all .25s ease-in-out; } .seo-widget .seo-text { display: inline; margin: 0; } .seo-widget button { display: inline; text-decoration: underline; } .seo-widget button[aria-expanded="true"] { display: none; } .seo-widget p.expandable { padding-top: 8px; } .seo-widget button { color: #0061A1; } .faq-widget .accordion dt > button, .faq-widget .accordion dd { padding: 1.6rem 0; } @media (min-width: 992px) { .faq-widget .accordion dt > button, .faq-widget .accordion dd { padding: 2.4rem 0; } } .faq-widget .accordion dd { padding-top: 0; margin: -4px 0 0; font-size: 1.4rem; font-weight: 400; } @media (min-width: 992px) { .faq-widget .accordion dd { font-size: 1.6rem; } } .faq-widget .accordion button { background: white; padding: 0; font-size: 1.4rem; } @media (min-width: 992px) { .faq-widget .accordion button { font-size: 1.8rem; } } .faq-widget .accordion button[aria-expanded="true"] { padding-bottom: 0.8rem; } @media (min-width: 992px) { .faq-widget .accordion button[aria-expanded="true"] { padding-bottom: 1.6rem; } } .faq-widget .accordion > dt { border-top: 0.1rem solid #707784; font-size: 1.6rem; font-weight: 500; } .faq-widget .accordion > dt:first-child { border-top: none; } .faq-widget .accordion > dt:first-child > button { padding-top: 0; } .faq-widget .accordion > dt ~ dt { margin: 0; } .faq-widget .accordion > dt > button:before, .faq-widget .accordion > dt > button:after { display: none; } .faq-widget .accordion > dt > button:hover, .faq-widget .accordion > dt > button:focus { cursor: pointer; color: #0061A1; } .faq-widget .accordion > dd { width: 100%; } .faq-widget .accordion > dd:last-child { margin-bottom: 0; padding-bottom: 0; } .faq-widget .accordion > dd li a { display: inline-block; } .hot-links a:hover, .hot-links a:focus { color: #FFFFFF; } .pdp-upsell { margin-top: 1.6rem; } .pdp-upsell .slider { padding-bottom: 0.8rem; display: flex !important; flex-direction: column !important; --mobile-gap: 10px; --tablet-gap: 10px; --desktop-gap: 10px; } .pdp-upsell .slider::-webkit-scrollbar { display: none; } .pdp-upsell .slider .slide { scroll-snap-align: start; } .pdp-upsell .h5 { margin-bottom: 1.6rem; } .pdp-upsell .noCarousel > div { margin-top: 0.8rem; } .pdp-upsell form { background: #FFF; border: 1px solid #707784; padding: 1.6rem; display: grid; grid-template-columns: 60px 1fr auto; grid-template-areas: 'img cnt btn'; align-items: center; column-gap: 1.6rem; row-gap: 1.6rem; margin-bottom: 0; height: 100%; } .pdp-upsell form > div { grid-area: cnt; display: block; } .pdp-upsell form img { aspect-ratio: 1; grid-area: img; max-width: 100%; display: block; width: 100%; object-fit: contain; } .pdp-upsell form .btn-primary, .pdp-upsell form body > footer .newsletter .button.btn-primary, body > footer .newsletter .pdp-upsell form .button.btn-primary { grid-area: btn; font-size: 1.4rem; } .pdp-upsell form .upsell-title { display: block; font-size: 1.4rem; font-weight: 300; } .pdp-upsell form .price { font-size: 1.4rem; font-weight: 600; } .single-featured-product { position: relative; } @media (min-width: 992px) { .single-featured-product h2 { font-size: 2.4rem; } } @media (min-width: 992px) { .single-featured-product .slick-dots { border-top: 1px solid #707784; padding: 4rem 0; margin-top: 8px; } } .single-featured-product .slick-dots button { font-size: 0; } .single-featured-product.feeds-carousel .controls-container > div { aspect-ratio: 1; } .popular-searches h2 { border-bottom: 1px solid #707784; padding-bottom: 2.4rem; } .popular-searches .container > div { background: #f3F6FC; padding: 4.8rem 2.4rem 10rem; position: relative; max-height: 39.2rem; overflow: hidden; transition: max-height 0.5s; } .popular-searches .container > div.full-height { max-height: 1000px; transition: max-height 0.5s; } @media (min-width: 768px) { .popular-searches .container > div { max-height: none; padding: 4.8rem; display: grid; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; } } @media (min-width: 992px) { .popular-searches .container > div { grid-template-columns: 1fr 1fr; padding: 4.8rem 6.4rem; } } @media (min-width: 1200px) { .popular-searches .container > div { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 768px) { .popular-searches h2 { grid-column: 1 / span 2; } } @media (min-width: 992px) { .popular-searches h2 { grid-column: 1 / span 2; } } @media (min-width: 1200px) { .popular-searches h2 { grid-column: 1 / span 4; } } .popular-searches .link-container { display: flex; flex-direction: column; row-gap: 1.6rem; margin-bottom: 4.8rem; } @media (min-width: 768px) { .popular-searches .link-container { margin-bottom: 2.4rem; } } .popular-searches .link-container a { justify-content: flex-start; text-align: left; text-decoration: none; } .popular-searches .link-container a:hover, .popular-searches .link-container a:focus { text-decoration: underline; } .popular-searches .button-container { width: 100%; position: absolute; bottom: 0; left: 0; padding: 2.4rem 2.4rem 4.8rem; background: #f3F6FC; } @media (min-width: 768px) { .popular-searches .button-container { display: none; } } .popular-searches .btn-secondary, .popular-searches .shipping-quotes .select-shipping-quote, .shipping-quotes .popular-searches .select-shipping-quote { width: 100%; } .featured-products-container { position: relative; padding-top: 3.2rem; padding-right: 40px; max-width: 490px; } .featured-products-container h5 { font-weight: 600; color: #0061A1; margin: 0 0 1.6rem; } .featured-products-container .block { display: flex; padding-bottom: 3.2rem; border-bottom: 1px solid #DDE5F4; column-gap: 22px; } .featured-products-container .block:nth-child(3) { padding-top: 3.2rem; } .featured-products-container .block img { background-color: #fff; width: 143px; object-fit: contain; } .featured-products-container .block .content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .featured-products-container .block .content strong { margin-bottom: 9px; } .featured-products-container .block .content .two-line-container { height: 5.4rem; overflow: hidden; } .featured-products-container .block .content p { margin-bottom: 16px; font-size: 1.6rem; line-height: 27px; font-weight: normal !important; color: #000000 !important; display: -webkit-box; -webkit-line-clamp: 2; /* Number of lines to show */ -webkit-box-orient: vertical; text-overflow: ellipsis; } .featured-products-container .block .content .btn-txt { padding: 0; color: #0061A1; text-transform: uppercase; margin-top: 1.6rem; } @media (max-width: 997.9px) { .nav-open header nav .main .brand-grid div { left: 0; background: transparent; position: relative; height: auto; } .nav-open header nav .main .brand-grid div li { border-bottom: none; } .nav-open header nav .main .brand-grid div .brand-category { position: relative; flex-direction: column; padding-bottom: 0; margin-bottom: 0; } .nav-open header nav .main .brand-grid div .brand-category > div { background: #f3F6FC; } .nav-open header nav .main .brand-grid div .brand-category > label { text-align: left; text-decoration: underline; } .nav-open header nav .main .brand-grid div .brand-category > label::after { content: none; } .nav-open header nav .main .brand-grid div .brand-category .brands-list { padding-bottom: 16px; } .nav-open header nav .main .brand-grid div .brand-category .brands-list li { text-align: left; } .nav-open header nav .main .brand-grid div .brand-category .brands-list li a { font-weight: normal; } .nav-open header nav .main .brand-grid div .brand-category .brands-list li:first-child { margin: 0; } .nav-open header nav .main .brand-grid div .brand-category .brands-list li:first-child label { display: none; } } .category-thumbnails h2 { height: 2.8rem; } @media (min-width: 992px) { .category-thumbnails h2 { height: 4.2rem; } } .category-thumbnails.grid-style { background: linear-gradient(to bottom, white 75%, #DDE5F4 75% 100%); padding-bottom: 3rem; } @media (min-width: 768px) { .category-thumbnails.grid-style { background: linear-gradient(to bottom, white 25%, #DDE5F4 25% 100%); padding-bottom: 6.5rem; } } .category-thumbnails.grid-style .container { display: flex; flex-direction: column; row-gap: 2.4rem; padding: 0 1.5rem; } @media (min-width: 768px) { .category-thumbnails.grid-style .container { flex-direction: row; justify-content: center; column-gap: 3.2rem; } } .category-thumbnails.grid-style .side { background: #f3F6FC; padding: 2.4rem 1.2rem; } @media (min-width: 992px) { .category-thumbnails.grid-style .side { padding: 4.8rem; } } .category-thumbnails.grid-style .grid-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; row-gap: 1.6rem; column-gap: 1.6rem; } @media (min-width: 992px) { .category-thumbnails.grid-style .grid-container { column-gap: 3.2rem; } } .category-thumbnails.grid-style img { border-radius: 0; width: 11.2rem; height: 11.2rem; object-fit: cover; } @media (min-width: 992px) { .category-thumbnails.grid-style img { width: 25.6rem; height: 25.6rem; } } .category-thumbnails.grid-style .category-name { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; } @media (min-width: 992px) { .category-thumbnails.grid-style .category-name { font-size: 1.6rem; line-height: 27px; } } .category-thumbnails.grid-style .category-thumbnail { margin: 0; align-items: center; justify-content: center; display: flex; } @media (max-width: 767.9px) { .category-thumbnails.border-bottom { margin-bottom: 6.8rem; } } .alt-upsell { background: #f3F6FC; padding: 1.6rem; } @media (min-width: 992px) { .alt-upsell { padding: 2.4rem; margin: 1.6rem; } } .alt-upsell > .noCarousel { display: flex; justify-content: center; min-height: 22rem; flex-direction: column; } @media (min-width: 992px) { .alt-upsell > .noCarousel { min-height: 30rem; } } .alt-upsell > a { text-decoration: none; } .alt-upsell > a:hover { text-decoration: underline; } .alt-upsell h2 { text-align: left; border-bottom: 1px solid #B3BBCB; padding-bottom: 1.6rem; font-size: 20px; } @media (min-width: 992px) { .alt-upsell h2 { margin-bottom: 0; font-size: 28px; } } .alt-upsell form { background: transparent; display: flex; flex-direction: column; border: none; } @media (max-width: 767.9px) { .alt-upsell form { padding-top: 0; } } @media (min-width: 1200px) { .alt-upsell form { flex-direction: row; align-items: flex-start; } } .alt-upsell form .rating { margin: 0.4rem 0 0; } .alt-upsell form .btn-primary, .alt-upsell form body > footer .newsletter .button.btn-primary, body > footer .newsletter .alt-upsell form .button.btn-primary { display: none; } .alt-upsell form img { aspect-ratio: 1; width: 112px; height: 112px; } .alt-upsell form .upsell-title a { color: #000000; font-size: 1.4rem; text-decoration: none; font-weight: 400; line-height: 24px; /* 171.429% */ } .alt-upsell form .upsell-title a:hover { text-decoration: underline; } .alt-upsell form .price-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-flow: row wrap; column-gap: 1rem; } .alt-upsell form .retail-price { font-size: 14px; color: #38454F; opacity: .6; font-style: normal; font-weight: 700; line-height: 24px; text-decoration: 1px #38454F line-through; } .alt-upsell form .sale { color: #F63E0F; } .alt-upsell .yotpo-sr-bottom-line-summary { flex-wrap: wrap; row-gap: 0.6rem; } [data-layout-name="Container"] { padding-top: 3.2rem !important; flex-direction: column !important; flex-wrap: nowrap !important; } @media (min-width: 768px) { [data-layout-name="Container"] { flex-direction: row !important; align-items: flex-start !important; } } [data-layout-name="Container"] [data-sub-layout] { max-width: 100%; } .video-modal .video-launch { position: relative; } .video-modal .video-launch .icon-play { color: #2296E3; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px !important; line-height: 1; background-color: white; border-radius: 50px; } .product-rows-widget { background: var(--row-bg-color); margin-top: 0; } .product-rows-widget.no-padding-top { padding-top: 0 !important; } .product-rows-widget .product-rows { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1.2rem; } @media (min-width: 768px) { .product-rows-widget .product-rows { gap: 2.4rem; grid-template-columns: repeat(3, 1fr); } } @media (min-width: 992px) { .product-rows-widget .product-rows { row-gap: 4.8rem; grid-template-columns: repeat(6, 1fr); } } .product-rows-widget .product-rows form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-flow: column; height: 100%; margin-bottom: 0; } .product-rows-widget .product-rows form .info { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: start; flex-flow: column; height: 100%; row-gap: 1.4rem; } .product-rows-widget .product-rows form .info .yotpo-sr-bottom-line-text { font-size: 1.4rem !important; color: #000000 !important; } .product-rows-widget .product-rows img, .product-rows-widget .product-rows .img-link { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: white; margin-bottom: 0.8rem; } .product-rows-widget .product-rows a:not(.img-link) { color: var(--row-text-color); font-size: 1.4rem; text-decoration: none; font-weight: 400; line-height: 24px; /* 171.429% */ display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .product-rows-widget .product-rows a:not(.img-link):hover { text-decoration: underline; } .product-rows-widget .product-rows .price-wrapper { margin-top: 1.4rem; color: var(--row-price-color); justify-content: start; flex-direction: row !important; } .product-rows-widget .product-rows .price-wrapper span { font-weight: 600; } .product-rows-widget .product-rows .quickview-options { display: none; } @media (max-width: 575.9px) { .product-rows-widget .product-rows .yotpo-sr-bottom-line-summary { flex-direction: column !important; gap: 0.25rem; } } .blog-blocks .header { text-align: center; margin-bottom: 3.2rem; } .blog-blocks .header h2 { margin-bottom: 0.8rem; } .blog-blocks .blocks { gap: 1.6rem; } .blog-blocks .blocks .block { margin-bottom: 2.4rem; height: 100%; margin: 0 0.8rem; } .blog-blocks .blocks .block img { aspect-ratio: 16/9; width: 100%; height: 100%; object-fit: cover; } .blog-blocks .blocks .block .content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: start; flex-flow: column; height: 100%; width: 100%; } .blog-blocks .blocks .block .content h3 { font-weight: 600; font-size: 1.8rem; line-height: 2.8rem; margin: 0.8rem 0; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blog-blocks .blocks .block .content p { margin-bottom: 0.8rem; } .blog-blocks .blocks .block .content p i { color: #707784; } .blog-blocks .blocks .block .content p.description { margin-top: 0; margin-bottom: 1.6rem; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000000; } .blog-blocks .blocks .block .content p.light { color: #38454F; } .blog-blocks .blocks .block .content .cnt { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: start; flex-flow: column; row-gap: 1rem; margin-top: 1.6rem; } .blog-blocks .blocks .block a { text-decoration: none; color: #000000; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-flow: column; height: 100%; } .blog-blocks .blocks .block a svg { margin-left: 0.4rem; transition: margin-left 0.3s ease; } .blog-blocks .blocks .block a:hover svg { margin-left: 0.8rem; } .blog-blocks.bg { background: #f3F6FC; padding: 4rem 0; } .blog-blocks.bg .blocks .block { background: #fff; padding: 1.6rem; } .product-rows-widget { background: var(--row-bg-color); margin-top: 0; } .product-rows-widget .controls-container { display: none; } .product-rows-widget .slick-list { padding: 0 -0.8rem; /* This padding creates the visual space between slides */ } .product-rows-widget .slick-slide { margin: 0 0.8rem; /* Adjust this value to control the spacing */ } @media (max-width: 991.9px) { .product-rows-widget .slick-dots { padding: 0 0 4rem; margin-top: 0.8rem; } } .product-rows-widget .slick-dots button { font-size: 0; } .product-rows-widget .header { padding: 4rem 2.4rem; } .product-rows-widget .header.image { background-size: cover !important; background-repeat: no-repeat !important; } .product-rows-widget .header h2 { margin-bottom: 0.8rem; } @media (max-width: 767.9px) { .product-rows-widget .header p { margin-bottom: 2.4rem !important; } } .product-rows-widget .header a { background: #fff; color: #000000; width: fit-content; } .product-rows-widget .header * { color: #fff; text-align: left; } @media (min-width: 768px) { .product-rows-widget .header { padding: 3.2rem 3.2rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: start; flex-flow: row; column-gap: 4rem; } .product-rows-widget .header * { text-align: center; } } @media (min-width: 992px) { .product-rows-widget .header { column-gap: 6rem; } } .product-rows-widget.custom .header { background: var(--header-bg-color); } .product-rows-widget.custom .header * { color: var(--header-text-color); } .product-rows-widget.custom .body { background: var(--content-bg-color); } .product-rows-widget.custom .body * { color: var(--content-text-color) !important; } .product-rows-widget.custom a { background: var(--header-button-bg-color); color: var(--header-button-text-color); } .product-rows-widget.light .header { background: #0061A1; } .product-rows-widget.light .body { background: #DDE5F4; } .product-rows-widget.dark .header { background: #38454F; } .product-rows-widget.dark .body { background: #F5F5F5; } .product-rows-widget .products-slider-wrap { padding: 2.4rem 0; } @media (min-width: 992px) { .product-rows-widget .products-slider-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 2.4rem; row-gap: 4rem; } } @media (min-width: 1425px) { .product-rows-widget .products-slider-wrap { padding: 4rem 0; } } .product-rows-widget .slide { text-decoration: none; color: var(--row-text-color); font-size: 1.4rem; text-decoration: none; font-weight: 400; line-height: 24px; /* 171.429% */ display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; text-overflow: ellipsis; } .product-rows-widget .slide img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: contain; background: white; margin-bottom: 1.6rem; } .product-rows-widget .slide .info { display: grid; grid-template-columns: 1fr; grid-template-areas: "title" "rating" "price"; row-gap: 0.8rem; } @media (min-width: 768px) { .product-rows-widget .slide .info { grid-template-columns: repeat(auto-fit, minmax(70%, 1fr)); column-gap: 0.5rem; row-gap: 1.2rem; align-items: start; grid-template-areas: "title price" "rating rating"; } } .product-rows-widget .slide .product-name { grid-area: title; } .product-rows-widget .slide .product-name:hover { text-decoration: underline; } .product-rows-widget .slide .rating { grid-area: rating; } .product-rows-widget .slide .rating .yotpo-sr-bottom-line-text { font-size: 1.4rem !important; } @media (max-width: 575.9px) { .product-rows-widget .slide .rating .yotpo-sr-bottom-line-summary { flex-direction: column !important; gap: 0.25rem; } } .product-rows-widget .slide .price-wrapper { color: var(--row-price-color); grid-area: price; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; flex-flow: row; column-gap: 0.8rem; } @media (min-width: 768px) { .product-rows-widget .slide .price-wrapper { align-items: end; flex-direction: column; } } .product-rows-widget .slide .price-wrapper .price::before { content: '$'; } .product-rows-widget .slide .price-wrapper span { font-weight: 600; } .product-rows-widget .slide .price-wrapper .sale { color: #D24343; } .product-rows-widget .slide .price-wrapper .discounted { text-decoration: line-through; font-weight: normal; color: #38454F; } .product-rows-widget .slide .quickview-options { display: none; } .grid { --grid-item-offset: min(var(--grid-base-small, 8px), 8px); display: flex; flex-wrap: wrap; column-gap: var(--grid-item-offset); row-gap: var(--grid-item-offset); } .grid.grid--gapless { --grid-item-offset: 0px; column-gap: 0px; row-gap: 0px; } .grid.grid--gap { --grid-item-offset: clamp(var(--gap-mobile, var(--grid-base, 16px)), 2vw, var(--gap-desktop, var(--grid-base, 16px))); } @media screen and (max-width: 749px) { .grid.grid--reverse-small { flex-direction: row-reverse; } } @media screen and (max-width: 749px) { .grid.grid--reverse-small.grid--1-col-mobile { flex-direction: column-reverse; } } @media screen and (min-width: 750px) and (max-width: 1024px) { .grid.grid--reverse-medium { flex-direction: row-reverse; } .grid.grid--reverse-medium.grid--1-col-tablet { flex-direction: column-reverse; } } @media screen and (min-width: 1025px) { .grid.grid--reverse-large, .grid.grid--1-col.grid--reverse-large { flex-direction: row-reverse; } } .grid.grid--inline { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-color: auto; scrollbar-width: thin; } @media screen and (max-width: 1024px) { .grid.grid--inline { flex-wrap: nowrap !important; } } @media screen and (max-width: 749px) { .grid.grid--inline.grid--2-col .grid__item, .grid.grid--inline.grid--3-col .grid__item, .grid.grid--inline.grid--4-col .grid__item, .grid.grid--inline.grid--5-col .grid__item, .grid.grid--inline.grid--6-col .grid__item { width: calc(30rem - var(--grid-item-offset) / 2); max-width: calc(30rem - var(--grid-item-offset) / 2); } } @media screen and (max-width: 550px) { .grid.grid--inline.grid--2-col .grid__item, .grid.grid--inline.grid--3-col .grid__item, .grid.grid--inline.grid--4-col .grid__item, .grid.grid--inline.grid--5-col .grid__item, .grid.grid--inline.grid--6-col .grid__item { width: calc(26.5rem - var(--grid-item-offset) / 2); max-width: calc(26.5rem - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid { --grid-item-offset: var(--grid-base, 16px); } .grid.grid--gapsmall { --grid-item-offset: var(--grid-base-small, 8px); } .grid.grid--gapmedium, .grid.grid--gaplarge, .grid.grid--gapwide { --grid-item-offset: var(--grid-base-medium, 12px); } } @media screen and (min-width: 1025px) { .grid.grid--gaplarge, .grid.grid--gapwide { --grid-item-offset: var(--grid-base-large, 24px); } .grid.grid--gap { --grid-item-offset: var(--gap-desktop, var(--grid-base, 16px)); } } @media screen and (min-width: 1280px) { .grid.grid--gapwide { --grid-item-offset: var(--grid-base-wide, 40px); } } .grid__item, .grid--1-col .grid__item { width: 100%; flex: 1 0 auto; } @media screen and (max-width: 1024px) { .grid__item, .grid--1-col .grid__item { margin-right: 0 !important; } } .grid__item--last { order: 1; } .grid--2-col .grid__item--full { width: 100% !important; max-width: 100% !important; } @media screen and (min-width: 375px) { .grid--2-col .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid--2-col .grid__item { width: calc(100% / 2 - var(--grid-item-offset) * (2 - 1) / 2); max-width: calc(100% / 2 - var(--grid-item-offset) * (2 - 1) / 2); } } .grid--3-col .grid__item--full { width: 100% !important; max-width: 100% !important; } @media screen and (min-width: 375px) { .grid--3-col .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid--3-col .grid__item { width: calc(100% / 3 - var(--grid-item-offset) * (3 - 1) / 3); max-width: calc(100% / 3 - var(--grid-item-offset) * (3 - 1) / 3); } } .grid--4-col .grid__item--full { width: 100% !important; max-width: 100% !important; } @media screen and (min-width: 375px) { .grid--4-col .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid--4-col .grid__item { width: calc(100% / 4 - var(--grid-item-offset) * (4 - 1) / 4); max-width: calc(100% / 4 - var(--grid-item-offset) * (4 - 1) / 4); } } .grid--5-col .grid__item--full { width: 100% !important; max-width: 100% !important; } @media screen and (min-width: 375px) { .grid--5-col .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid--5-col .grid__item { width: calc(100% / 5 - var(--grid-item-offset) * (5 - 1) / 5); max-width: calc(100% / 5 - var(--grid-item-offset) * (5 - 1) / 5); } } .grid--6-col .grid__item--full { width: 100% !important; max-width: 100% !important; } @media screen and (min-width: 375px) { .grid--6-col .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) { .grid--6-col .grid__item { width: calc(100% / 6 - var(--grid-item-offset) * (6 - 1) / 6); max-width: calc(100% / 6 - var(--grid-item-offset) * (6 - 1) / 6); } } @media screen and (max-width: 749px) { .grid--3-col-mobile > .grid__item { width: calc(33.33% - var(--grid-item-offset) * 2 / 3) !important; max-width: calc(33.33% - var(--grid-item-offset) * 2 / 3) !important; } } @media screen and (max-width: 749px) { .grid--2-col-mobile > .grid__item { width: calc(50% - var(--grid-item-offset) / 2) !important; max-width: calc(50% - var(--grid-item-offset) / 2) !important; } } @media screen and (max-width: 749px) { .grid--1-col-mobile > .grid__item, .grid--2-col-mobile > .grid__item--full, .grid--2-col-mobile > .promotion-grid__item { width: 100% !important; max-width: 100% !important; } } @media screen and (min-width: 750px) and (max-width: 1024px) { .grid--1-col-tablet > .grid__item { width: 100% !important; max-width: 100% !important; } } @media screen and (min-width: 750px) and (max-width: 1024px) { .grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-item-offset) / 2); max-width: calc(50% - var(--grid-item-offset) / 2); } } @media screen and (min-width: 750px) and (max-width: 1024px) { .grid--4-col-tablet .grid__item { width: calc(100% / 4 - var(--grid-item-offset) * (4 - 1) / 4); max-width: calc(100% / 4 - var(--grid-item-offset) * (4 - 1) / 4); } } @media screen and (min-width: 1025px) { .grid--2-col.grid--custom-col .grid__item:first-child, .grid--2-col.grid--custom-col.grid--reverse-large .grid__item:last-child { width: calc(min(50%, var(--gap-offset, 50%)) - var(--grid-item-offset) / 2); max-width: calc(min(50%, var(--gap-offset, 50%)) - var(--grid-item-offset) / 2); } .grid--2-col.grid--custom-col .grid__item:last-child, .grid--2-col.grid--custom-col.grid--reverse-large .grid__item:first-child { width: calc(100% - min(50%, var(--gap-offset, 50%)) - var(--grid-item-offset) / 2); max-width: calc(100% - min(50%, var(--gap-offset, 50%)) - var(--grid-item-offset) / 2); } } .gap-8px { grid-gap: 8px; } .gap-12px { grid-gap: 12px; } .gap-16px { grid-gap: 16px; } .gap-24px { grid-gap: 24px; } @keyframes zoomInEffect { 0% { transform: scale(1.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOutEffect { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } video::-webkit-media-controls-enclosure { display: none !important; } video::cue { display: none; } .media { display: block; position: relative; overflow: hidden; line-height: 0; border-radius: 12px; padding-bottom: var(--image-ratio, 50%); } .media img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; object-fit: cover; object-position: center; } .media > picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; } .media > picture > img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; object-fit: cover; object-position: center; } .media > img, .media > svg, .media > iframe, .media > video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; object-fit: cover; object-position: center; } .media > video, .media > iframe { border: none; } .media--transparent { background-color: transparent; } .media--height { position: absolute; inset: 0; width: 100%; height: 100%; } .media--square { padding-bottom: 100%; } .media--panorama { padding-bottom: 50%; } .media--portrait { padding-bottom: 150%; } .media--landscape { padding-bottom: 75%; } .media--wide { padding-bottom: 56.25%; } .media--tall { padding-bottom: 177.78%; } .media--classic { padding-bottom: 125.765%; } .media--circle { padding-bottom: 100%; border-radius: 50%; } .media--zoom > picture > img { transition: transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); } .media--zoom > img { transition: transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); } .media--zoom > img + img { opacity: 0; } .media--fade > picture > img { transition: opacity 0.3s cubic-bezier(0, 0, 0.17, 0.61); } .media--fade > img { transition: opacity 0.3s cubic-bezier(0, 0, 0.17, 0.61); } .media--fade > img + img { opacity: 0; } .media--fit { max-width: var(--media-max-width, 100%); } .media--fit > picture { position: relative; inset: unset; } .media--fit > picture > img { position: relative; top: unset; left: unset; height: auto; } .media--fit > img, .media--fit > svg { position: relative; top: unset; left: unset; height: auto; } .media-fit-contain > img { object-fit: contain; } .media-fit-cover > img { object-fit: cover; } .media--fixed { clip-path: inset(0); } .media--fixed > img, .media--fixed > svg { position: fixed; height: 100vh; } .media:not([loaded]) > template { z-index: -1; } @media screen and (min-width: 1025px) { .media--zoom:hover > img:first-child:not(:only-child), .media--fade:hover > img:first-child:not(:only-child) { opacity: 0; } .media--zoom:hover > picture > img, .media--fade:hover > picture > img { opacity: 1; } .media--zoom:hover > img + img, .media--fade:hover > img + img { opacity: 1; } .media--zoom:hover > picture > img { transform: scale(1.05); } .media--zoom:hover > img:first-child:only-child { transform: scale(1.05); } .media--zoom:hover > img + img { transform: scale(1.05); } } .row { --row-item-offset: var(--gap-mobile, 8px); font-size: 0; letter-spacing: 0; margin: 0 calc(-1 * var(--row-item-offset)/2); } .row .row-item { display: inline-block; vertical-align: top; padding: 0 calc(var(--row-item-offset)/2); } @media screen and (min-width: 1025px) { .row { --row-item-offset: var(--gap-desktop, 32px); } } .row--2-col .row-item--full { width: 100% !important; } @media screen and (min-width: 375px) { .row--2-col .row-item { width: 50%; } } @media screen and (min-width: 750px) { .row--2-col .row-item { width: 33%; } } @media screen and (min-width: 1025px) { .row--2-col .row-item { width: calc(100% / 2); } } .row--3-col .row-item--full { width: 100% !important; } @media screen and (min-width: 375px) { .row--3-col .row-item { width: 50%; } } @media screen and (min-width: 750px) { .row--3-col .row-item { width: 33%; } } @media screen and (min-width: 1025px) { .row--3-col .row-item { width: calc(100% / 3); } } .row--4-col .row-item--full { width: 100% !important; } @media screen and (min-width: 375px) { .row--4-col .row-item { width: 50%; } } @media screen and (min-width: 750px) { .row--4-col .row-item { width: 33%; } } @media screen and (min-width: 1025px) { .row--4-col .row-item { width: calc(100% / 4); } } .row--5-col .row-item--full { width: 100% !important; } @media screen and (min-width: 375px) { .row--5-col .row-item { width: 50%; } } @media screen and (min-width: 750px) { .row--5-col .row-item { width: 33%; } } @media screen and (min-width: 1025px) { .row--5-col .row-item { width: calc(100% / 5); } } .row--6-col .row-item--full { width: 100% !important; } @media screen and (min-width: 375px) { .row--6-col .row-item { width: 50%; } } @media screen and (min-width: 750px) { .row--6-col .row-item { width: 33%; } } @media screen and (min-width: 1025px) { .row--6-col .row-item { width: calc(100% / 6); } } .row--1-col-tablet .row-item--full { width: 100% !important; } @media screen and (min-width: 750px) and (max-width: 1024px) { .row--1-col-tablet { width: calc(100% / 1) !important; } } .row--2-col-tablet .row-item--full { width: 100% !important; } @media screen and (min-width: 750px) and (max-width: 1024px) { .row--2-col-tablet { width: calc(100% / 2) !important; } } .row--1-col-mobile .row-item--full { width: 100% !important; } @media screen and (max-width: 749px) { .row--1-col-mobile { width: calc(100% / 1); } } .row--2-col-mobile .row-item--full { width: 100% !important; } @media screen and (max-width: 749px) { .row--2-col-mobile { width: calc(100% / 2); } } .row--3-col-mobile .row-item--full { width: 100% !important; } @media screen and (max-width: 749px) { .row--3-col-mobile { width: calc(100% / 3); } } .tab__list { display: inline-flex; align-items: center; margin: 0; padding: 0; list-style: none; grid-gap: 16px; overflow: auto; } .tab__list::-webkit-scrollbar { display: none; } .tab__list .tab__list-item { display: block; flex-shrink: 0; } .tab__list .tab__list-item-opener { -webkit-appearance: none; appearance: none; display: inline-block; border: none; padding: 0px; box-shadow: none; position: relative; color: currentColor; background-color: transparent; cursor: pointer; text-decoration: none; transition-property: text-decoration; transition-timing-function: ease; transition-duration: 0.3s; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0; text-transform: capitalize; } .tab__list .tab__list-item-opener > span { --text-decoration-thickness: 2px; display: grid; grid-template-columns: repeat(2, auto); align-items: center; grid-gap: 10px; transition: background-size ease-in-out 0.3s; background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 var(--text-decoration-thickness); padding-left: 7px; padding-right: 7px; padding-bottom: 10px; } .tab__list .tab__list-item-opener > span > span { display: grid; justify-content: flex-start; text-align: left; grid-column: span 2; } .tab__list .tab__list-item-opener > span img { display: inline-block; width: 97px; } .tab__list .tab__list-item-opener > span img + span { grid-column: auto; } .tab__list .tab__list-item-opener > span small { font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; } .tab__list .tab__list-item.active .tab__list-item-opener > span { background-size: 100% var(--text-decoration-thickness); } @media (max-width: 749px) { .tab__list { flex-wrap: nowrap; justify-content: flex-start !important; overflow-x: scroll; white-space: normal; scroll-behavior: smooth; scroll-snap-type: y mandatory; scrollbar-color: auto; scrollbar-width: none; grid-gap: 8px; } .tab__list .tab__list-item-opener > span { padding-left: 0; padding-right: 0; grid-gap: 8px; } .tab__list .tab__list-item-opener > span img { width: 75px; } } @media (min-width: 1025px) { .tab__list { grid-gap: 24px; } .tab__list .tab__list-item-opener { font-size: 18px; } } .tab__content { position: relative; } .tab__content .tab__content-item { display: none; position: relative; } .tab__content .tab__content-item.active { display: block; } .section__faqs, .section__faqs-with-content { padding: 40px 0; } .section__faqs .section__header, .section__faqs-with-content .section__header { display: flex; align-items: center; justify-content: center; gap: 1rem; } .section__faqs .section__header .section__header-item--button, .section__faqs-with-content .section__header .section__header-item--button { flex-shrink: 0; width: auto; display: block; } .section__faqs .collapsible-content, .section__faqs-with-content .collapsible-content { position: relative; width: 100%; background-color: #ffffff; padding: 24px; border-radius: 12px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); } .section__faqs .section__main-button, .section__faqs-with-content .section__main-button { display: none; } .section__faqs .accordion, .section__faqs-with-content .accordion { display: block; margin-bottom: 0px; border: none; } .section__faqs .accordion details, .section__faqs-with-content .accordion details { box-sizing: content-box; text-align: left; overflow: hidden; } .section__faqs .accordion details:not([open]) .accordion__content, .section__faqs-with-content .accordion details:not([open]) .accordion__content { display: block; } .section__faqs .accordion details .rte a, .section__faqs-with-content .accordion details .rte a { font-weight: 700; color: #000000; } .section__faqs .accordion details .rte a:hover, .section__faqs-with-content .accordion details .rte a:hover { text-decoration: underline; color: #000000; } .section__faqs .accordion details .rte p, .section__faqs-with-content .accordion details .rte p { margin: 0; } .section__faqs .accordion details .rte p + p, .section__faqs-with-content .accordion details .rte p + p { margin-top: 12px; } .section__faqs .accordion details[open] .faqs-accordion__title, .section__faqs-with-content .accordion details[open] .faqs-accordion__title { color: #3170B5; } .section__faqs .accordion details[open]::before, .section__faqs .accordion details[open]::after, .section__faqs-with-content .accordion details[open]::before, .section__faqs-with-content .accordion details[open]::after { background-color: #3170B5; } .section__faqs .accordion:not(:last-child), .section__faqs-with-content .accordion:not(:last-child) { margin-bottom: 16px; } .section__faqs .accordion::before, .section__faqs .accordion::after, .section__faqs-with-content .accordion::before, .section__faqs-with-content .accordion::after { content: none; } .section__faqs .accordion__summary, .section__faqs-with-content .accordion__summary { --icon-size: 24px; padding-bottom: 16px; border-bottom: 1px solid #B0B0B0; cursor: pointer; list-style: none; } .section__faqs .accordion__summary::-webkit-details-marker, .section__faqs-with-content .accordion__summary::-webkit-details-marker { display: none; } .section__faqs .accordion__summary > div, .section__faqs-with-content .accordion__summary > div { padding-right: var(--icon-size); display: flex; align-items: center; position: relative; } .section__faqs .accordion__summary:hover .faqs-accordion__title, .section__faqs-with-content .accordion__summary:hover .faqs-accordion__title { color: #3170B5; } .section__faqs .accordion__summary:hover::before, .section__faqs .accordion__summary:hover::after, .section__faqs-with-content .accordion__summary:hover::before, .section__faqs-with-content .accordion__summary:hover::after { background-color: #3170B5; } .section__faqs .accordion__title, .section__faqs-with-content .accordion__title { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .section__faqs .accordion__icon, .section__faqs-with-content .accordion__icon { --horizontal-size: 18.67px; --vertical-size: 1.5px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: var(--icon-size); height: var(--icon-size); } .section__faqs .accordion__icon:before, .section__faqs .accordion__icon:after, .section__faqs-with-content .accordion__icon:before, .section__faqs-with-content .accordion__icon:after { content: ""; color: currentColor; background: currentColor; position: absolute; top: 50%; left: 50%; border-radius: 2px; overflow: hidden; transform: translate3D(-50%, -50%, 0); } .section__faqs .accordion__icon:before, .section__faqs-with-content .accordion__icon:before { width: var(--horizontal-size); height: var(--vertical-size); } .section__faqs .accordion__icon:after, .section__faqs-with-content .accordion__icon:after { width: var(--vertical-size); height: var(--horizontal-size); opacity: 1; transition: opacity 0.3s ease; } .section__faqs .accordion__content, .section__faqs-with-content .accordion__content { padding-top: 12px; font-size: 14px; opacity: 1; transition: opacity 0.3s ease; } .section__faqs .accordion__content a, .section__faqs-with-content .accordion__content a { color: #000000; text-decoration: none; font-weight: 600; } .section__faqs .accordion__content a:hover, .section__faqs-with-content .accordion__content a:hover { color: #000000; } .section__faqs .accordion__content strong, .section__faqs-with-content .accordion__content strong { font-weight: 700; text-transform: capitalize; } @media (min-width: 750px) { .section__faqs .accordion__content, .section__faqs-with-content .accordion__content { font-size: 16px; padding-top: 16px; } } .section__faqs .accordionfaq, .section__faqs-with-content .accordionfaq { font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; padding-top: 16px; padding-bottom: 16px; } .section__faqs .accordionfaq h4, .section__faqs-with-content .accordionfaq h4 { font-size: 16px; font-weight: 700; line-height: 1.5; margin-top: 0; margin-bottom: 0; } .section__faqs .accordionfaq p, .section__faqs-with-content .accordionfaq p { margin-top: 0; margin-bottom: 0; } .section__faqs .accordionfaq p:not(:last-child), .section__faqs-with-content .accordionfaq p:not(:last-child) { margin-bottom: 16px; } .section__faqs .accordion details[open] .accordion__icon:after, .section__faqs-with-content .accordion details[open] .accordion__icon:after { opacity: 0; } .section__faqs .accordion details.is-closing .accordion__icon:after, .section__faqs-with-content .accordion details.is-closing .accordion__icon:after { opacity: 1; } .section__faqs .faqs-accordion__content .rte, .section__faqs-with-content .faqs-accordion__content .rte { white-space: pre-line; } @media (max-width: 749px) { .section__faqs .section__header, .section__faqs-with-content .section__header { flex-direction: column; gap: 0.5rem; } .section__faqs .section__header .section__header-item--button, .section__faqs-with-content .section__header .section__header-item--button { display: none; } .section__faqs .section__main-button, .section__faqs-with-content .section__main-button { display: flex; justify-content: center; margin-top: 24px; } } @media (min-width: 1025px) { .section__faqs, .section__faqs-with-content { padding: 60px 0; } .section__faqs .collapsible-content, .section__faqs-with-content .collapsible-content { position: relative; width: 100%; background-color: #ffffff; padding: 5.6rem 8rem; border-radius: 12px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); } .section__faqs .accordion:not(:last-child), .section__faqs-with-content .accordion:not(:last-child) { margin-bottom: 24px; } .section__faqs .accordion__summary, .section__faqs-with-content .accordion__summary { --icon-size: 32px; } .section__faqs .accordion__title, .section__faqs-with-content .accordion__title { font-size: 20px; } } @keyframes zoomInfiniteEffect { 0% { transform: scale(1); } 50% { transform: scale(2.1); } 100% { transform: scale(1); } } .hotspot-dialog__backdrop { background: rgba(0, 0, 0, 0.18); inset: 0; position: fixed; z-index: 1099; } hotspot-dialog.hotspot-dialog--popover { inset: auto; position: fixed; z-index: 1100; } hotspot-dialog.hotspot-dialog--popover .dialog { background: #fff; border: 0; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16); left: auto; margin: 0; max-height: calc(100vh - 16px); max-width: calc(100vw - 16px); overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; right: auto !important; top: auto; width: 380px; border-radius: 1.2rem; } hotspot-dialog.hotspot-dialog--popover .dialog__header { position: absolute; right: 10px; top: 10px; z-index: 3; } hotspot-dialog.hotspot-dialog--popover .dialog__close { align-items: center; appearance: none; background: transparent; border: 0; color: #252525; cursor: pointer; display: flex; height: 28px; justify-content: center; margin: 0; padding: 0; width: 28px; } hotspot-dialog.hotspot-dialog--popover .dialog__close .icon { fill: currentColor; height: 18px; stroke: currentColor; width: 18px; } hotspot-dialog.hotspot-dialog--popover .dialog__content { padding: 0; } body.hotspot-popup-active { overflow-y: hidden; } .hotspot { padding: 16px 16px 20px; } .hotspot .productView, .hotspot .productView--hotspot { display: block; margin: 0; padding: 0; } .hotspot .hotspot__media, .hotspot .hotspot__details, .hotspot .productView-images, .hotspot .productView-details { margin: 0; padding: 0; width: 100% !important; } .hotspot__media { aspect-ratio: 1; background: #fff; overflow: hidden; } .hotspot__image-link { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .hotspot__image { display: block; height: 100%; object-fit: contain; width: 100%; } .hotspot__details { padding-top: 16px !important; } .hotspot .productView-title, .hotspot__title { font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.5; margin: 0 0 4px; text-align: left; font-family: "Open Sans", Arial, Helvetica, sans-serif; text-transform: capitalize; } .hotspot .productView-title a, .hotspot__title a { color: #202020; text-decoration: none; } .hotspot__meta { align-items: center; display: flex; gap: 12px; justify-content: space-between; min-height: 24px; margin-bottom: 10px; } .hotspot .productView-price, .hotspot__price { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; } .hotspot .productView-price .price-section, .hotspot__price .price-section { align-items: center; margin: 0; } .hotspot .productView-price .price-section > span:not(.price), .hotspot .productView-price .price-section .price-label, .hotspot .productView-price .price-section .price-now-label, .hotspot .productView-price .price-section abbr, .hotspot__price .price-section > span:not(.price), .hotspot__price .price-section .price-label, .hotspot__price .price-section .price-now-label, .hotspot__price .price-section abbr { display: none; } .hotspot .productView-price .price, .hotspot__price .price { color: #000000; font-size: 16px; font-weight: 700; } .hotspot .productView-price .rrp-price--withTax, .hotspot .productView-price .rrp-price--withoutTax, .hotspot .productView-price .non-sale-price--withTax, .hotspot .productView-price .non-sale-price--withoutTax, .hotspot__price .rrp-price--withTax, .hotspot__price .rrp-price--withoutTax, .hotspot__price .non-sale-price--withTax, .hotspot__price .non-sale-price--withoutTax { order: 2; text-decoration: none; } .hotspot .productView-price .rrp-price--withTax .price, .hotspot .productView-price .rrp-price--withoutTax .price, .hotspot .productView-price .non-sale-price--withTax .price, .hotspot .productView-price .non-sale-price--withoutTax .price, .hotspot__price .rrp-price--withTax .price, .hotspot__price .rrp-price--withoutTax .price, .hotspot__price .non-sale-price--withTax .price, .hotspot__price .non-sale-price--withoutTax .price { color: #737173; font-size: 14px; font-weight: 400; text-decoration: line-through; } .hotspot .productView-price .rrp-price--withTax:not([style*='display: none']) + .non-sale-price--withTax, .hotspot .productView-price .rrp-price--withoutTax:not([style*='display: none']) + .non-sale-price--withoutTax, .hotspot__price .rrp-price--withTax:not([style*='display: none']) + .non-sale-price--withTax, .hotspot__price .rrp-price--withoutTax:not([style*='display: none']) + .non-sale-price--withoutTax { display: none; } .hotspot .productView-price .price-section--saving, .hotspot__price .price-section--saving { display: none !important; } .hotspot__rating { align-items: center; color: #202020; display: inline-flex; flex: 0 0 auto; font-size: 12px; gap: 3px; line-height: 1; text-decoration: none; } .hotspot__rating:has(.yotpo-widget-instance:empty) { display: none; } .hotspot__rating .yotpo-reviews-star-ratings-widget { margin: 0 !important; } .hotspot__rating .yotpo-sr-bottom-line-summary { align-items: center !important; gap: 0.4rem; } .hotspot__rating .yotpo-sr-bottom-line-text, .hotspot__rating .yotpo-average-rating-score { color: #202020 !important; font-size: 12px !important; line-height: 1 !important; padding-top: 0 !important; } .hotspot__rating svg { color: #f6a800; fill: currentColor; height: 14px; width: 14px; } .hotspot .productView-options [data-product-option-change] { margin-bottom: 1.6rem; } .hotspot .productView-options .form-field { margin-bottom: 1.6rem; } .hotspot .productView-options .form-field.set-swatch { margin-bottom: 1.2rem; } .hotspot .productView-options .form-field .form-label--alternate, .hotspot .productView-options .form-field #rectGroupSize { display: none; } .hotspot .add-to-cart-buttons button { font-size: 14px; padding: .85rem 1.6rem; } .hotspot .add-to-quote { font-size: 14px; padding: .85rem 1.6rem; } .hotspot .size-chart-wrapper { display: none; } .hotspot .price-saving-tooltip { display: none !important; } @media (max-width: 399px) { .hotspot { padding: 14px 14px 18px; } .hotspot__details { padding-top: 14px !important; } } .hotspot-opener { --horizontal: var(--horizontal-mobile); --vertical: var(--vertical-mobile); --point-size: 40px; display: block; left: var(--horizontal, 0%); line-height: 1; margin-left: calc(-1 * var(--point-size) / 2); margin-top: calc(-1 * var(--point-size) / 2); position: absolute; top: var(--vertical, 0%); z-index: 1; } .hotspot-opener__button { appearance: none; align-items: center; background: transparent; border: 3px solid #fff; border-radius: 100%; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); color: #000; cursor: pointer; display: flex; height: var(--point-size); justify-content: center; padding: 0; position: relative; width: var(--point-size); } .hotspot-opener__button svg { display: none; } .hotspot-opener__button::before { animation: zoomInfiniteEffect 2s ease infinite; background: #fff; border-radius: 50%; content: ''; height: 8px; pointer-events: none; position: absolute; transition: 300ms ease; width: 8px; z-index: 1; } .hotspot-opener__button::after { background: rgba(0, 0, 0, 0.6); border-radius: 50%; content: ''; height: 100%; pointer-events: none; position: absolute; width: 100%; } @media (max-width: 749px) { .hotspot-opener__button { border-width: 2px; height: 32px; width: 32px; } .hotspot-opener__button::before { height: 6px; width: 6px; } } @media (min-width: 750px) { .hotspot-opener { --horizontal: var(--horizontal-desktop); --vertical: var(--vertical-desktop); --point-size: 40px; } } .left, .text-left { text-align: left; } .center, .text-center { text-align: center; } .right, .text-right { text-align: right; } @media (max-width: 767.9px) { .left-small, .text-left-small { text-align: left; } .center-small, .text-center-small { text-align: center; } .right-small, .text-right-small { text-align: right; } } .justify-left { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-right { justify-content: flex-end; } @media (max-width: 767.9px) { .justify-left-small { justify-content: flex-start; } .justify-center-small { justify-content: center; } .justify-right-small { justify-content: flex-end; } .flex-column-small.justify-left-small { align-items: flex-start; } .flex-column-small.justify-center-small { align-items: center; } .flex-column-small.justify-right-small { align-items: flex-end; } } .section__video-banner { --item-radius: 0; --media-border-width: 0; --button-gap-mobile: 0.8rem; --button-gap-desktop: 3.2rem; } .section__video-banner .banner { position: relative; margin: 0; max-width: 100%; } .section__video-banner .banner__media { position: relative; } .section__video-banner .banner__media-wrapper { --media-radius: var(--item-radius); display: block; position: relative; overflow: hidden; box-sizing: border-box; border: var(--media-border-width, 0px) solid; border-radius: var(--media-radius, 0); } .section__video-banner .banner__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: var(--media-radius); pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 65%, #000000 100%); } .section__video-banner .banner__media-wrapper .banner__video { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0; display: block; max-width: none; } .section__video-banner .banner__media-wrapper .banner__video-wrapper { width: 100%; height: 100%; position: absolute; inset: 0; display: block; overflow: hidden; border-radius: inherit; } .section__video-banner .banner__media-wrapper .banner__video--youtube { top: 50%; left: 50%; width: 177.78%; height: 100%; transform: translate(-50%, -50%); } .section__video-banner .banner__media-wrapper .media--square .banner__video--youtube { width: 177.78%; height: 100%; } .section__video-banner .banner__media-wrapper .media--panorama .banner__video--youtube { width: 100%; height: 112.5%; } .section__video-banner .banner__media-wrapper .media--portrait .banner__video--youtube { width: 266.67%; height: 100%; } .section__video-banner .banner__media-wrapper .media--landscape .banner__video--youtube { width: 133.33%; height: 100%; } .section__video-banner .banner__media-wrapper .media--classic .banner__video--youtube { width: 217.28%; height: 100%; } .section__video-banner .banner__media .media--custom { --ratio: min(var(--max-height, var(--ratio-mobile)), var(--ratio-mobile)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } .section__video-banner .banner__content { position: absolute; inset: 0; box-sizing: border-box; padding: 1.6rem 1.6rem; overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--text-color); } .section__video-banner .banner__box { --box-radius: var(--item-radius); position: relative; white-space: normal; box-sizing: border-box; display: inline-flex; } .section__video-banner .banner__box-wrapper { flex: 1 1 auto; width: 100%; } .section__video-banner .banner__caption { font-size: 1.2rem; font-weight: 400; line-height: 150%; letter-spacing: 0; margin-bottom: 0.8rem; } .section__video-banner .banner__heading { margin-top: 0; margin-bottom: 0; color: var(--text-color); text-shadow: 0px 4px 10px #00000040; } .section__video-banner .banner__heading + .banner__description { margin-top: 2.4rem; } .section__video-banner .banner__heading + .banner__buttons { margin-top: 3.2rem; } .section__video-banner .banner__description { font-size: 1.4rem; font-weight: 400; line-height: 150%; letter-spacing: 0; color: var(--text-color); } .section__video-banner .banner__description p { margin-top: 0; margin-bottom: 0; } .section__video-banner .banner__description + .banner__buttons { margin-top: 3.2rem; } .section__video-banner .banner__buttons { display: flex; flex-direction: column; gap: var(--button-gap-mobile); } @media (min-width: 992px) { .section__video-banner .banner__media .media--custom { --ratio: min(var(--max-height, var(--ratio-desktop)), var(--ratio-desktop)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } .section__video-banner .banner__content--top-left, .section__video-banner .banner__content--middle-left, .section__video-banner .banner__content--bottom-left { padding-left: clamp(60, calc((100% - 1688px) / 2), 100%); } .section__video-banner .banner__content--top-right, .section__video-banner .banner__content--middle-right, .section__video-banner .banner__content--bottom-right { padding-right: clamp(60, calc((100% - 1688px) / 2), 100%); } .section__video-banner .banner__box-wrapper { display: inline-block; max-width: 660px; } .section__video-banner .banner__heading + .banner__description { margin-top: 3.2rem; } .section__video-banner .banner__heading + .banner__buttons { margin-top: 4rem; } .section__video-banner .banner__description { font-size: 1.6rem; } .section__video-banner .banner__description + .banner__buttons { margin-top: 4rem; } .section__video-banner .banner__buttons { flex-direction: row; gap: var(--button-gap-desktop); } } .section__slideshow .slideshow-wrapper { position: relative; } .section__slideshow .banner__media-wrapper .media { --banner-video-width: 100%; --banner-video-height: 100%; --banner-youtube-width: 177.78%; --banner-youtube-height: 100%; } .section__slideshow .banner__media-wrapper .banner__video, .section__slideshow .banner__media-wrapper .banner__video-wrapper { position: absolute; inset: 0; display: block; width: var(--banner-video-width, 100%); height: var(--banner-video-height, 100%); } .section__slideshow .banner__media-wrapper .banner__video { object-fit: cover; max-width: none; z-index: 2; opacity: 0; transition: opacity 250ms ease; } .section__slideshow .banner__media-wrapper .banner__video-wrapper { overflow: hidden; border-radius: inherit; } .section__slideshow .banner__media-wrapper .banner__video-wrapper.is-video-ready .banner__video { opacity: 1; } .section__slideshow .banner__media-wrapper .slideshow__video-poster { position: absolute; inset: 0; display: block; z-index: 1; width: 100%; height: 100%; opacity: 1; visibility: visible; pointer-events: none; } .section__slideshow .banner__media-wrapper .slideshow__video-poster img { display: block; width: 100%; height: 100%; object-fit: cover; } .section__slideshow .banner__media-wrapper .banner__video--youtube, .section__slideshow .banner__media-wrapper .banner__video--vimeo { top: 50%; left: 50%; right: auto; bottom: auto; width: var(--banner-youtube-width, 177.78%); height: var(--banner-youtube-height, 100%); min-width: 100%; min-height: 100%; max-height: none; transform: translate(-50%, -50%); } .section__slideshow .banner__media-wrapper .banner__video--vimeo { pointer-events: none; } .section__slideshow .banner__media-wrapper .media--square { --banner-youtube-width: 177.78%; --banner-youtube-height: 100%; } .section__slideshow .banner__media-wrapper .media--panorama { --banner-youtube-width: 100%; --banner-youtube-height: 112.5%; } .section__slideshow .banner__media-wrapper .media--portrait { --banner-youtube-width: 266.67%; --banner-youtube-height: 100%; } .section__slideshow .banner__media-wrapper .media--landscape { --banner-youtube-width: 133.33%; --banner-youtube-height: 100%; } .section__slideshow .banner__media-wrapper .media--classic { --banner-youtube-width: 217.28%; --banner-youtube-height: 100%; } .section__slideshow .slideshow { display: block; } .section__slideshow .slideshow.slideshow--grid { display: grid; grid-template-columns: minmax(0, 1fr); } .section__slideshow .slideshow.slick-dotted.slick-slider { margin-bottom: 0; } .section__slideshow .slideshow-peek { display: none !important; position: absolute; inset: 16px; padding: 3px; inset-block-start: auto; background: #fff; border-radius: 1rem; overflow: hidden; transition: transform ease-out 300ms; } .section__slideshow .slideshow-peek .slideshow__item { transition: unset !important; } .section__slideshow .slideshow-peek .card { background: transparent; margin: 0; cursor: pointer; } .section__slideshow .slideshow-peek .card__inner { display: grid; grid-template-columns: repeat(2, auto); align-items: center; justify-content: flex-start; grid-gap: 15px; } .section__slideshow .slideshow-peek .card__media { position: relative; width: 128px; height: 86px; } .section__slideshow .slideshow-peek .card__media-wrapper { --media-radius: 7px; display: block; width: 100%; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; border: var(--media-border-width, 0px) solid; border-radius: var(--media-radius, 0); } .section__slideshow .slideshow-peek .card__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: var(--media-radius); pointer-events: none; } .section__slideshow .slideshow-peek .card .card__heading { font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0; color: currentColor; margin-top: 0; margin-bottom: 0; } .section__slideshow .slideshow-peek .card .card__heading + .card__text { margin-top: 8px; } .section__slideshow .slideshow-peek .card .card__heading + .card__buttons { margin-top: 8px; } .section__slideshow .slideshow-peek:hover { transform: scale(1.045); } .section__slideshow .banner { position: relative; margin: 0px; max-width: 100%; } .section__slideshow .banner__media { display: flex; align-items: flex-start; justify-content: center; position: relative; z-index: 1; transition: height 0.3s ease; } .section__slideshow .banner__media-wrapper { --media-radius: var(--item-radius); display: block; width: 100%; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; border: var(--media-border-width, 0px) solid; border-radius: var(--media-radius, 0); } .section__slideshow .banner__media-wrapper:after { content: ""; position: absolute; inset: 0; border-radius: var(--media-radius); pointer-events: none; } .section__slideshow .banner__media-wrapper .media { border-radius: 0; } .section__slideshow .banner__content { color: #fff; position: absolute; z-index: 3; inset: 0; box-sizing: border-box; padding: 1.6rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .section__slideshow .banner__box { --box-radius: var(--item-radius); position: relative; white-space: normal; box-sizing: border-box; display: inline-flex; } .section__slideshow .banner__box-wrapper { flex: 1 1 auto; width: 100%; } .section__slideshow .banner__box--textboxes { padding: 24px 16px; background: var(--box-background-color); color: var(--box-text-color); overflow: hidden; box-sizing: border-box; border-width: var(--box-border-thickness, 0px); border-style: var(--box-border-style); border-color: var(--box-border-color); border-radius: var(--box-radius, 0); } .section__slideshow .banner__box--textboxes:after { content: ""; position: absolute; inset: 0; border-radius: var(--box-radius); pointer-events: none; } .section__slideshow .banner__caption { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: 0; text-transform: uppercase; margin-bottom: 8px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); } .section__slideshow .banner__heading { font-size: 32px; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: capitalize; margin-top: 0; margin-bottom: 0; color: currentColor; text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.1); } .section__slideshow .banner__heading + .banner__description { margin-top: 2.4rem; } .section__slideshow .banner__heading + .banner__buttons { margin-top: 3.2rem; } .section__slideshow .banner__description { font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; } .section__slideshow .banner__description p { margin-top: 0; margin-bottom: 0; } .section__slideshow .banner__description + .banner__buttons { margin-top: 3.2rem; } .section__slideshow .banner__buttons { display: flex; justify-content: center; gap: 3.2rem; } .section__slideshow .banner__buttons .button { min-width: 25rem; } .section__slideshow .banner::before, .section__slideshow .banner::after { content: none; } .section__slideshow .slick-prev { left: 8px; } .section__slideshow .slick-next { right: 8px; } @media (max-width: 749px) { .section__slideshow .banner__media-wrapper .banner__video--youtube, .section__slideshow .banner__media-wrapper .banner__video--vimeo { transform: translate(-50%, -50%) scale(1.4); } .section__slideshow .slideshow-peek .card__media { width: 169px; } .section__slideshow .banner__media { height: auto; } .section__slideshow .banner__media .media { position: relative; inset: unset; height: auto; } .section__slideshow .banner__buttons { flex-direction: column; gap: .8rem; } .section__slideshow .banner__box { padding-bottom: 108px; } .section__slideshow .slideshow-wrapper .slick-arrow { top: 50vw; } .section__slideshow .slideshow-wrapper .slideshow-peek { display: none; } .section__slideshow .slideshow-wrapper .slick-dots { top: calc(100vw - 42px); bottom: auto; } .section__slideshow .slideshow-wrapper .slideshow-media-panorama .slick-arrow { top: 25vw; } .section__slideshow .slideshow-wrapper .slideshow-media-panorama .slick-dots { top: calc(50vw - 42px); bottom: auto; } .section__slideshow .slideshow-wrapper .slideshow-media-portrait .slick-arrow { top: 75vw; } .section__slideshow .slideshow-wrapper .slideshow-media-portrait .slick-dots { top: calc(150vw - 42px); bottom: auto; } .section__slideshow .slideshow-wrapper .slideshow-media-landscape .slick-arrow { top: 37.5vw; } .section__slideshow .slideshow-wrapper .slideshow-media-landscape .slick-dots { top: calc(75vw - 42px); bottom: auto; } .section__slideshow .slideshow-wrapper .slideshow-media-classic .slick-arrow { top: 62.5vw; } .section__slideshow .slideshow-wrapper .slideshow-media-classic .slick-dots { top: calc(125vw - 42px); bottom: auto; } .section__slideshow .slideshow-wrapper .banner__box { padding-bottom: 0; } } @media (max-width: 480px) { .section__slideshow .banner__content { padding-bottom: 14vw; } } @media (max-width: 400px) { .section__slideshow .banner__content { padding-bottom: 22vw; } } @media (min-width: 750px) { .section__slideshow .slideshow-peek { inset-inline-start: auto; width: 314px; height: 92px; min-width: unset; } .section__slideshow .slideshow-peek .card .card__heading { font-size: 18px; } .section__slideshow .banner__media-wrapper { min-height: 450px; padding-bottom: 40.5092593%; } .section__slideshow .banner__media-wrapper .media { --image-ratio: 40.5092593%; padding-bottom: var(--image-ratio, 50%); } .section__slideshow .banner__content { padding: 60px; } .section__slideshow .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .section__slideshow .banner__content--top-center { align-items: flex-start; justify-content: center; } .section__slideshow .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .section__slideshow .banner__content--middle-left { align-items: center; justify-content: flex-start; } .section__slideshow .banner__content--middle-center { align-items: center; justify-content: center; } .section__slideshow .banner__content--middle-right { align-items: center; justify-content: flex-end; } .section__slideshow .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .section__slideshow .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .section__slideshow .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } .section__slideshow .banner__caption { font-size: 16px; margin-bottom: 12px; } .section__slideshow .banner__heading { font-size: 36px; } .section__slideshow .banner__heading + .banner__description { margin-top: 16px; } .section__slideshow .banner__heading + .banner__buttons { margin-top: 20px; } .section__slideshow .banner__description { font-size: 16px; } .section__slideshow .banner__description + .banner__buttons { margin-top: 20px; } .section__slideshow .slick-dots { bottom: 30px; } } @media (min-width: 1025px) { .section__slideshow .banner__media-wrapper { min-height: 600px; } .section__slideshow .banner__content--top-left, .section__slideshow .banner__content--middle-left, .section__slideshow .banner__content--bottom-left { padding-left: clamp(60px, calc((100% - 1460px) / 2), 100%); } .section__slideshow .banner__content--top-right, .section__slideshow .banner__content--middle-right, .section__slideshow .banner__content--bottom-right { padding-right: clamp(60px, calc((100% - 1460px) / 2), 100%); } .section__slideshow .banner__box-wrapper { display: inline-block; max-width: 900px; } .section__slideshow .banner__caption { font-size: 18px; margin-bottom: 16px; } .section__slideshow .banner__heading { font-size: 40px; } .section__slideshow .banner__heading + .banner__description { margin-top: 32px; } .section__slideshow .banner__heading + .banner__buttons { margin-top: 40px; } .section__slideshow .banner__description { font-size: 16px; } .section__slideshow .banner__description + .banner__buttons { margin-top: 40px; } } @media (min-width: 1280px) { .section__slideshow .banner__heading { font-size: 48px; } .section__slideshow .banner__content--top-left, .section__slideshow .banner__content--middle-left, .section__slideshow .banner__content--bottom-left { padding-left: clamp(120px, calc((100% - 1460px) / 2), 100%); } .section__slideshow .banner__content--top-right, .section__slideshow .banner__content--middle-right, .section__slideshow .banner__content--bottom-right { padding-right: clamp(120px, calc((100% - 1460px) / 2), 100%); } .section__slideshow .slick-arrow { width: 56px; height: 56px; padding: 16px; } .section__slideshow .slick-prev { left: 40px; } .section__slideshow .slick-next { right: 40px; } } @media (min-width: 1800px) { .section__slideshow .banner__content--top-left, .section__slideshow .banner__content--middle-left, .section__slideshow .banner__content--bottom-left { padding-left: clamp(1.6rem, calc((100% - 1688px) / 2), 100%); } .section__slideshow .banner__content--top-right, .section__slideshow .banner__content--middle-right, .section__slideshow .banner__content--bottom-right { padding-right: clamp(1.6rem, calc((100% - 1688px) / 2), 100%); } } .section__faqs, .section__faqs-with-content { padding: 40px 0; } .section__faqs .section__header, .section__faqs-with-content .section__header { display: flex; align-items: center; justify-content: center; gap: 1rem; } .section__faqs .section__header .section__header-item--button, .section__faqs-with-content .section__header .section__header-item--button { flex-shrink: 0; width: auto; display: block; } .section__faqs .collapsible-content, .section__faqs-with-content .collapsible-content { position: relative; width: 100%; background-color: #ffffff; padding: 24px; border-radius: 12px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); } .section__faqs .section__main-button, .section__faqs-with-content .section__main-button { display: none; } .section__faqs .accordion, .section__faqs-with-content .accordion { display: block; margin-bottom: 0px; border: none; } .section__faqs .accordion details, .section__faqs-with-content .accordion details { box-sizing: content-box; text-align: left; overflow: hidden; } .section__faqs .accordion details:not([open]) .accordion__content, .section__faqs-with-content .accordion details:not([open]) .accordion__content { display: block; } .section__faqs .accordion details .rte a, .section__faqs-with-content .accordion details .rte a { font-weight: 700; color: #000000; } .section__faqs .accordion details .rte a:hover, .section__faqs-with-content .accordion details .rte a:hover { text-decoration: underline; color: #000000; } .section__faqs .accordion details .rte p, .section__faqs-with-content .accordion details .rte p { margin: 0; } .section__faqs .accordion details .rte p + p, .section__faqs-with-content .accordion details .rte p + p { margin-top: 12px; } .section__faqs .accordion details[open] .faqs-accordion__title, .section__faqs-with-content .accordion details[open] .faqs-accordion__title { color: #3170B5; } .section__faqs .accordion details[open]::before, .section__faqs .accordion details[open]::after, .section__faqs-with-content .accordion details[open]::before, .section__faqs-with-content .accordion details[open]::after { background-color: #3170B5; } .section__faqs .accordion:not(:last-child), .section__faqs-with-content .accordion:not(:last-child) { margin-bottom: 16px; } .section__faqs .accordion::before, .section__faqs .accordion::after, .section__faqs-with-content .accordion::before, .section__faqs-with-content .accordion::after { content: none; } .section__faqs .accordion__summary, .section__faqs-with-content .accordion__summary { --icon-size: 24px; padding-bottom: 16px; border-bottom: 1px solid #B0B0B0; cursor: pointer; list-style: none; } .section__faqs .accordion__summary::-webkit-details-marker, .section__faqs-with-content .accordion__summary::-webkit-details-marker { display: none; } .section__faqs .accordion__summary > div, .section__faqs-with-content .accordion__summary > div { padding-right: var(--icon-size); display: flex; align-items: center; position: relative; } .section__faqs .accordion__summary:hover .faqs-accordion__title, .section__faqs-with-content .accordion__summary:hover .faqs-accordion__title { color: #3170B5; } .section__faqs .accordion__summary:hover::before, .section__faqs .accordion__summary:hover::after, .section__faqs-with-content .accordion__summary:hover::before, .section__faqs-with-content .accordion__summary:hover::after { background-color: #3170B5; } .section__faqs .accordion__title, .section__faqs-with-content .accordion__title { font-family: "Conthrax", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .section__faqs .accordion__icon, .section__faqs-with-content .accordion__icon { --horizontal-size: 18.67px; --vertical-size: 1.5px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: var(--icon-size); height: var(--icon-size); } .section__faqs .accordion__icon:before, .section__faqs .accordion__icon:after, .section__faqs-with-content .accordion__icon:before, .section__faqs-with-content .accordion__icon:after { content: ""; color: currentColor; background: currentColor; position: absolute; top: 50%; left: 50%; border-radius: 2px; overflow: hidden; transform: translate3D(-50%, -50%, 0); } .section__faqs .accordion__icon:before, .section__faqs-with-content .accordion__icon:before { width: var(--horizontal-size); height: var(--vertical-size); } .section__faqs .accordion__icon:after, .section__faqs-with-content .accordion__icon:after { width: var(--vertical-size); height: var(--horizontal-size); opacity: 1; transition: opacity 0.3s ease; } .section__faqs .accordion__content, .section__faqs-with-content .accordion__content { padding-top: 12px; font-size: 14px; opacity: 1; transition: opacity 0.3s ease; } .section__faqs .accordion__content a, .section__faqs-with-content .accordion__content a { color: #000000; text-decoration: none; font-weight: 600; } .section__faqs .accordion__content a:hover, .section__faqs-with-content .accordion__content a:hover { color: #000000; } .section__faqs .accordion__content strong, .section__faqs-with-content .accordion__content strong { font-weight: 700; text-transform: capitalize; } @media (min-width: 750px) { .section__faqs .accordion__content, .section__faqs-with-content .accordion__content { font-size: 16px; padding-top: 16px; } } .section__faqs .accordionfaq, .section__faqs-with-content .accordionfaq { font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; padding-top: 16px; padding-bottom: 16px; } .section__faqs .accordionfaq h4, .section__faqs-with-content .accordionfaq h4 { font-size: 16px; font-weight: 700; line-height: 1.5; margin-top: 0; margin-bottom: 0; } .section__faqs .accordionfaq p, .section__faqs-with-content .accordionfaq p { margin-top: 0; margin-bottom: 0; } .section__faqs .accordionfaq p:not(:last-child), .section__faqs-with-content .accordionfaq p:not(:last-child) { margin-bottom: 16px; } .section__faqs .accordion details[open] .accordion__icon:after, .section__faqs-with-content .accordion details[open] .accordion__icon:after { opacity: 0; } .section__faqs .accordion details.is-closing .accordion__icon:after, .section__faqs-with-content .accordion details.is-closing .accordion__icon:after { opacity: 1; } .section__faqs .faqs-accordion__content .rte, .section__faqs-with-content .faqs-accordion__content .rte { white-space: pre-line; } @media (max-width: 749px) { .section__faqs .section__header, .section__faqs-with-content .section__header { flex-direction: column; gap: 0.5rem; } .section__faqs .section__header .section__header-item--button, .section__faqs-with-content .section__header .section__header-item--button { display: none; } .section__faqs .section__main-button, .section__faqs-with-content .section__main-button { display: flex; justify-content: center; margin-top: 24px; } } @media (min-width: 1025px) { .section__faqs, .section__faqs-with-content { padding: 60px 0; } .section__faqs .collapsible-content, .section__faqs-with-content .collapsible-content { position: relative; width: 100%; background-color: #ffffff; padding: 5.6rem 8rem; border-radius: 12px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); } .section__faqs .accordion:not(:last-child), .section__faqs-with-content .accordion:not(:last-child) { margin-bottom: 24px; } .section__faqs .accordion__summary, .section__faqs-with-content .accordion__summary { --icon-size: 32px; } .section__faqs .accordion__title, .section__faqs-with-content .accordion__title { font-size: 20px; } } .section__faqs-with-content .accordion__title { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.6rem; } @media (min-width: 1025px) { .section__faqs-with-content .accordion__title { font-size: 1.8rem; } } .section__faqs-with-content .section__main { display: flex; gap: 3.2rem; flex-direction: column; } @media screen and (min-width: 750px) { .section__faqs-with-content .section__main { gap: 4rem; } } @media screen and (min-width: 1025px) { .section__faqs-with-content .section__main { flex-direction: row; gap: 8rem; } } .section__faqs-with-content .section__main .collapsible-content { width: 100%; padding: 0; box-shadow: none; } .section__faqs-with-content .section__main .collapsible-content .section__header { flex-direction: column; align-items: flex-start; gap: 0.8rem; margin-bottom: 4rem; } @media screen and (min-width: 1280px) { .section__faqs-with-content .section__main .collapsible-content .section__header { flex-direction: row; } } .section__faqs-with-content .section__main .collapsible-content .section__header .section__header-heading { font-size: 2.8rem; text-transform: capitalize; } @media screen and (min-width: 1280px) { .section__faqs-with-content .section__main .collapsible-content .section__header .section__header-heading { font-size: 4rem; } } .section__faqs-with-content .section__main .collapsible-content .section__header .section__header-item--button { position: relative; top: initial; bottom: initial; } .section__faqs-with-content .section__main .contact-form-content { width: 100%; background-color: var(--background-color); padding: 2.4rem; border-radius: 1.2rem; } .section__faqs-with-content .section__main .contact-form-content * { color: var(--text-color); } @media screen and (min-width: 1025px) { .section__faqs-with-content .section__main .contact-form-content { max-width: 66.2rem; padding: 5.6rem; } } .section__faqs-with-content .section__main .contact-form-content .form__content { margin-top: 2.4rem; } @media screen and (min-width: 1025px) { .section__faqs-with-content .section__main .contact-form-content .form__content { margin-top: 4rem; } } .section__faqs-with-content .section__main .contact-form-content .form__content section { margin-top: 0; } .cms-blog-app > p:has(script) { display: none; } .cms-blog-app #dib-posts { overflow-x: hidden; } .cms-blog-app #dib-posts #dib-template-2 { max-width: initial; margin-top: 0; } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg { padding-inline: 6rem; border-radius: 1.2rem; min-height: 34.8rem; overflow: hidden; background-size: cover; background-image: url("https://cdn11.bigcommerce.com/s-w50tt68zzg/images/stencil/original/image-manager/blogs-banner-mobile.jpg?t=1776413217") !important; left: 50%; transform: translateX(-50%); max-width: calc(100% - 3.2rem); } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000080; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg { min-height: 18.4rem; background-image: url("https://cdn11.bigcommerce.com/s-w50tt68zzg/images/stencil/original/image-manager/blogs-banner.jpg?t=1776413214") !important; } } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading { padding: 4rem 2.4rem; margin: 2.4rem 0; } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading .dib-homepage-title { font-size: 2.8rem !important; margin: 0 0 0.8rem; padding: 0; text-transform: capitalize; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading .dib-homepage-title { font-size: 4rem !important; } } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading.dib-heading-bg h1:after, .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading.dib-heading-bg p:first-child:after { content: none; } .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading.dib-heading-bg p { max-width: 100%; padding: 0; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading.dib-heading-bg p { max-width: 65%; } } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading { margin: 4rem 0; max-width: calc(100% - 12rem); } } @media screen and (min-width: 1688px) { .cms-blog-app #dib-posts #dib-template-2 .dib-heading-bg.dib-heading { max-width: 1568px; } } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu { margin: 0; padding: 2.4rem; background: #EAF0F7; padding-inline: 1.6rem; gap: 0.8rem; max-width: 1568px; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu.dib-fade-right, .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu.dib-fade-left, .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu.dib-fade-both { mask-image: none; -webkit-mask-image: none; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu li:not(.dib-search-toggle) { max-width: 18rem; min-height: 5.2rem; width: 100%; font-family: "Conthrax", Arial, Helvetica, sans-serif; text-transform: capitalize; padding: 0 1rem; border: 0.1rem solid #3170B5; color: #3170B5; line-height: 1.2; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 1.2rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu li:not(.dib-search-toggle) a { font-size: 1.4rem !important; padding: 0; text-align: center; } @media screen and (min-width: 1025px) { .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu li:not(.dib-search-toggle) { max-width: 24rem; min-height: 8rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu li:not(.dib-search-toggle) a { font-size: 1.8rem !important; } } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu .dib-search-toggle { border-radius: 1.2rem; border: 0.1rem solid #3170B5; color: #3170B5; background-color: #ffffff; display: flex; align-items: center; justify-content: center; width: 5.2rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu .dib-search-toggle svg { width: 1.8rem; height: 1.8rem; margin: 0; } @media screen and (min-width: 1025px) { .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu .dib-search-toggle { width: 8rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu .dib-search-toggle svg { width: 3.2rem; height: 3.2rem; padding: 0.5rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu:after { content: ''; display: block; position: absolute; } @media (min-width: 1025px) and (max-width: 1699px) { .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu { padding-left: 72px; padding-right: 72px; } } @media screen and (min-width: 1025px) { .cms-blog-app #dib-posts #dib-template-2 .dib-cat-menu { gap: 1.6rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow { max-width: 1568px; margin-top: -8.95rem; width: 2.4rem; height: 2.4rem; padding: 0.2rem; background: #ffffff; color: #000; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow:hover { background: #0061a1; color: #fff; } @media (max-width: 1024px) { .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow { display: none !important; } } @media screen and (min-width: 1696px) { .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow-left { left: calc(((100% - 1568px) / 2) - 4.8rem - 1.6rem); } .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow-right { right: calc(((100% - 1568px) / 2) - 4.8rem - 1.6rem); } } @media screen and (min-width: 1025px) { .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow { width: 4.8rem; height: 4.8rem; padding: 1.2rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-scroll-arrow[style*="opacity: 0"][style*="visibility: hidden"] { cursor: default; opacity: 1 !important; visibility: visible !important; color: #AFAEAF !important; background-color: #D7D6D7 !important; border-color: #D7D6D7 !important; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap { max-width: 1688px; padding: 0 1.6rem; margin: 4rem auto 0; display: grid; grid-template-columns: 1fr; row-gap: 1.6rem; column-gap: 1.6rem; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap { grid-template-columns: 1fr 1fr; column-gap: 2.4rem; row-gap: 2.4rem; } } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap { margin: 6rem auto 0; padding: 0 6rem; column-gap: 4rem; row-gap: 4rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post { margin: 0; width: 100%; border: 1px solid #D7D6D7; border-radius: 1.2rem; background: #ffffff; display: flex; flex-direction: column; height: 100%; overflow: hidden; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post img { aspect-ratio: 1.57; object-fit: cover; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); transition: transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); transition: transform 0.3s cubic-bezier(0, 0, 0.17, 0.61), -webkit-transform 0.3s cubic-bezier(0, 0, 0.17, 0.61); } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-featured-image { object-fit: contain; background-color: #000000; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text { padding: 5.4rem 1.6rem 1.6rem; text-align: left; line-height: 1.5; height: 100%; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text * { text-align: left; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-item { line-height: 1.5; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-author-photo { top: -2rem; left: 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text { font-size: 1.1rem; color: #333333; left: 7.1rem; top: 1.5rem; width: calc(100% - 7.1rem); overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-scrollbar-width: none; scrollbar-width: none; white-space: nowrap; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text.dib-no-author { left: 1.6rem; width: calc(100% - 1.6rem); } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text .dib-meta-item a:hover { color: #000000; text-decoration: underline; text-underline-offset: 0.3rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text .dib-meta-item:last-child { padding-right: 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-post-title { font-size: 2rem !important; color: #333333; text-transform: capitalize; text-wrap: initial; line-height: 1.2; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-category-text { margin-top: auto; padding-top: 2.4rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; -webkit-scrollbar-width: none; scrollbar-width: none; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text:not(:has(.dib-author-photo)):not(:has(.dib-meta-text)) { padding-top: 1.6rem; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text { padding: 5.4rem 2.4rem 2.4rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-author-photo { left: 2.4rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text { left: 7.9rem; width: calc(100% - 7.9rem); } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-meta-text.dib-no-author { left: 2.4rem; width: calc(100% - 2.4rem); } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text .dib-post-title { font-size: 2.4rem !important; } .cms-blog-app #dib-posts #dib-template-2 .dib-post-wrap a.dib-post .dib-post-text:not(:has(.dib-author-photo)):not(:has(.dib-meta-text)) { padding-top: 2.4rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-pagination { max-width: 1688px; padding: 0 1.6rem; margin: 1.6rem auto 0; display: flex; justify-content: center; gap: 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-pagination > a { color: #3170B5; text-decoration: underline !important; text-underline-offset: 0.3rem; font-size: 16px; line-height: 1.5; padding: 0; } .cms-blog-app #dib-posts #dib-template-2 .dib-pagination > a:hover, .cms-blog-app #dib-posts #dib-template-2 .dib-pagination > a:focus { color: #000000; background-color: transparent; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-pagination { padding: 0 6rem; margin: 4rem auto 0; } } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single { max-width: 1120px; padding: 0 1.6rem; margin: 4rem auto; width: 100%; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 #dib-post-single { padding: 0 6rem; margin: 6rem auto; } } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single a:not(.button):not(.dib-share-link) { text-decoration: none; color: #3170B5; position: relative; --text-color: #000000; --duration-default: 300ms; --text-decoration-thickness: 1px; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single a:not(.button):not(.dib-share-link):after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: min(var(--text-decoration-thickness), 1px); background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-size: 0 100%; background-repeat: no-repeat; transition: background-size ease-in-out var(--duration-default); } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single a:not(.button):not(.dib-share-link):hover:after, .cms-blog-app #dib-posts #dib-template-2 #dib-post-single a:not(.button):not(.dib-share-link):focus:after { background-size: 100% 100%; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single a:not(.button):not(.dib-share-link):hover { color: #000000; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-featured-image img { border-radius: 1.2rem; margin-bottom: 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-title { font-size: 2.8rem !important; font-weight: 600; line-height: 1.2; margin-bottom: 2.4rem; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-title { font-size: 4rem !important; margin-bottom: 6rem; } } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-meta-text { margin: 0 0 2.4rem !important; padding-left: 6.6rem; line-height: 1.5; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-meta-text .dib-meta-item { font-size: 1.4rem; color: #0F0F0F; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-meta-text .dib-meta-item a { color: #0061A1; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content { text-align: left; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc summary { background: #EAF0F7; padding: 1.6rem; border-radius: 1.2rem; font-size: 2rem !important; font-weight: 400; line-height: 20px; color: #0F0F0F; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc summary > * { color: #0F0F0F; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc summary::before, .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc summary::after { opacity: 1; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc ul { margin: 0; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc ul li { padding: 0.8rem 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content details.dib-toc ul li a { padding: 0; width: fit-content; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content h2 { color: #3170B5; font-size: 2rem !important; line-height: 1.2; margin: 2.4rem 0 1.6rem !important; font-weight: 600; text-align: left; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content h2 { margin: 6rem 0 1.6rem !important; } } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content h3 { color: #000000; font-size: 2rem !important; line-height: 1.2; margin: 2.4rem 0 1.6rem !important; font-weight: 600; text-align: left; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content p { font-size: 1.6rem; line-height: 1.5; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-content p:not(:last-child) { margin-bottom: 1.6rem; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-sharing.dib-sharing-bottom { margin: 2.4rem 0 0 !important; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-sharing.dib-sharing-bottom { margin: 6rem 0 0 !important; } } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-sharing.dib-sharing-bottom a { margin: 0 1.2rem 0 0 !important; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-sharing.dib-sharing-bottom a:hover:after, .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-sharing.dib-sharing-bottom a:focus:after { background-size: 0 !important; } .cms-blog-app #dib-posts #dib-template-2 #dib-post-single .dib-post-back-link.dib-post-back-link-bottom { padding: 0; background-color: transparent !important; margin-top: 2.1rem; color: #0061A1; line-height: 21px; font-size: 1.6rem; display: inline-block; } .cms-blog-app #dib-posts #dib-template-2 .dib-related { padding-top: 4rem; padding-bottom: 3.2rem; background-color: #EAEAEA; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 .dib-related { padding-top: 6.4rem; padding-bottom: 4.8rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-related h2 { font-size: 3.2rem !important; font-weight: 600; line-height: 1.2; text-align: center; text-transform: capitalize; margin-bottom: 2.4rem; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 .dib-related h2 { font-size: 4.8rem !important; margin-bottom: 4rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts { max-width: 1688px; padding-inline: 1.6rem; margin: 0 auto; column-gap: 1.6rem; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts { padding-inline: 6rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post { border: 1px solid #D7D6D7; border-radius: 1.2rem; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-featured-image img { object-fit: cover; aspect-ratio: 512/325.82; } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text { height: 100%; text-align: left; padding: 5.4rem 1.6rem 1.6rem; position: relative; } @media (min-width: 992px) { .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text { padding: 5.4rem 2.4rem 2.4rem; } } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text .dib-post-title { text-align: left; font-size: 2rem !important; line-height: 1.2; font-weight: 400; color: #333333; margin: 0; } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text .dib-meta-text { font-size: 1.1rem !important; color: #333333; left: 1.6rem; top: 1.5rem; width: calc(100% - 1.6rem); overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-scrollbar-width: none; scrollbar-width: none; white-space: nowrap; margin: 0; position: absolute; justify-content: left; } @media (min-width: 768px) { .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text .dib-meta-text { left: 2.4rem; width: calc(100% - 2.4rem); } } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text .dib-meta-text .dib-meta-item a:hover { color: #000000; text-decoration: underline; text-underline-offset: 0.3rem; } .cms-blog-app #dib-posts #dib-template-2 .dib-related .dib-related-posts .dib-related-post .dib-post-text .dib-meta-text .dib-meta-item:last-child { padding-right: 1.6rem; } .custom__page .page-heading { font-size: 3.2rem; text-transform: capitalize; margin: 0 0 1.4rem; } @media screen and (min-width: 1025px) { .custom__page .page-heading { font-size: 4rem; margin: 0 0 2.4rem; } } .custom__page .section__main-page .toolbar { display: block; padding-block: 10px; position: sticky; top: var(--header-height, 70px); z-index: 10; } .custom__page .section__main-page .toolbar .button { box-shadow: 0px 4px 4px 0px #00000040; text-transform: uppercase; } @media screen and (min-width: 1025px) { .custom__page .section__main-page .main-page-wrapper { display: flex; gap: 80px; } .custom__page .section__main-page .main-page-wrapper .toolbar { display: none; } } .custom__page .section__main-page .main-page-wrapper .aside__groups { width: 100%; max-width: 32rem; flex: 0 0 auto; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__header { display: none; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper { display: flex; flex-direction: column; gap: 0.8rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist { background-color: #F5F5F5; border-radius: 1.2rem; padding: 2.4rem; display: block; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list { margin: 0; list-style: none; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list .linkslist__item { padding: 0 0 0.1rem; margin: 0 0 0.8rem; font-weight: 500; font-size: 16px; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list .linkslist__item:last-child { margin-bottom: 0; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list .linkslist__item a { text-decoration: none; font-size: 16px; font-weight: 500; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list .linkslist__item .link--hover:hover, .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .linkslist__list .linkslist__item .link--active { color: #3170B5; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card { margin-bottom: 0; position: relative; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content { color: var(--text-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__inner * { color: var(--text-color); white-space: nowrap; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__heading { margin-top: 0; margin-bottom: 0.8rem; font-size: 2rem; font-weight: 600; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description p { font-size: 16px; margin-bottom: 0.8rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description p:last-child { margin-bottom: 0; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description h6 { font-size: 1.8rem; font-weight: 600; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description h6 a { font-size: 1.8rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description a { text-decoration: none; position: relative; --text-color: #000000; --duration-default: 300ms; --text-decoration-thickness: 1px; font-weight: 600; color: currentColor; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: min(var(--text-decoration-thickness), 1px); background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-size: 0 100%; background-repeat: no-repeat; transition: background-size ease-in-out var(--duration-default); } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description a:hover:after, .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description a:focus:after { background-size: 100% 100%; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__content .card__description a:hover { color: #3170B5; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__media .card__media-wrapper:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35.5%, #000000 100%); pointer-events: none; border-radius: 1rem; opacity: 0.7; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__media .media { border-radius: 1rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__media .media.media--custom { --ratio: min(var(--max-height, var(--ratio-mobile)), var(--ratio-mobile)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } @media screen and (min-width: 1025px) { .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__media .media { object-fit: cover; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper .card-promotion .card__media .media.media--custom { --ratio: min(var(--max-height, var(--ratio-desktop)), var(--ratio-desktop)); padding-bottom: max(var(--min-height, var(--ratio)), var(--ratio)); } } @media screen and (min-width: 1025px) { .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper { gap: 1.6rem; } } @media screen and (min-width: 1025px) { .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container { position: sticky; top: calc(var(--header-height, 80px) + 20px); } } @media screen and (max-width: 1024px) { .custom__page .section__main-page .main-page-wrapper .aside__groups { position: fixed; width: 100vw; height: 100%; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; display: flex; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.5); --duration-default: 0.5s; transition: visibility var(--duration-default) ease, opacity var(--duration-default) ease; z-index: 1000; justify-content: end; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container { width: 100%; max-width: 400px; background: #fff; overflow-y: auto; height: 100%; opacity: 0; transform: translate(100%); transition: transform var(--duration-default) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration-default) cubic-bezier(0.4, 0, 0.2, 1); } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__header { display: flex; padding: 1.6rem; background: #000000; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__header .drawer__heading { color: #ffffff; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper { padding: 1.6rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups.active { visibility: visible; opacity: 1; } .custom__page .section__main-page .main-page-wrapper .aside__groups.active .drawer__container { opacity: 1; transform: translate(0); } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__header { height: 70px; display: flex; align-items: center; position: relative; padding: 16px; position: sticky; top: 0; right: 0; left: 0; z-index: 1; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__header .drawer__heading { margin: 0; text-transform: capitalize; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__header .drawer__close { position: absolute; top: 50%; transform: translateY(-50%); right: 1.6rem; padding: 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; color: #ffffff; font-size: 1.6rem; } .custom__page .section__main-page .main-page-wrapper .aside__groups .drawer__header .drawer__close .icon { width: 2.4rem; height: 2.4rem; margin-left: 0.4rem; display: block; } } .custom__page .section__main-page .main-page-wrapper .main { margin-top: 19px; } .custom__page .section__main-page .main-page-wrapper .main p:empty { display: none; } .custom__page .section__main-page .main-page-wrapper .main p, .custom__page .section__main-page .main-page-wrapper .main ul, .custom__page .section__main-page .main-page-wrapper .main li, .custom__page .section__main-page .main-page-wrapper .main span, .custom__page .section__main-page .main-page-wrapper .main a { font-size: 14px; } .custom__page .section__main-page .main-page-wrapper .main a { font-weight: 700; } .custom__page .section__main-page .main-page-wrapper .main ul { list-style: disc; } .custom__page .section__main-page .main-page-wrapper .main ul li { padding: 0; } .custom__page .section__main-page .main-page-wrapper .main ol { list-style: none; counter-reset: ol-counter; padding-left: 0; } .custom__page .section__main-page .main-page-wrapper .main ol li { counter-increment: ol-counter; position: relative; padding: 0 0 0 1.8rem; } .custom__page .section__main-page .main-page-wrapper .main ol li::before { content: counter(ol-counter) "."; position: absolute; left: 0; top: 0; width: 2rem; } .custom__page .section__main-page .main-page-wrapper .main p, .custom__page .section__main-page .main-page-wrapper .main ul, .custom__page .section__main-page .main-page-wrapper .main ol { margin: 0 0 1.6rem; line-height: 1.5; } .custom__page .section__main-page .main-page-wrapper .main ul { padding-left: 26px; } .custom__page .section__main-page .main-page-wrapper .main ol { padding-left: 8px; } @media screen and (min-width: 1025px) { .custom__page .section__main-page .main-page-wrapper .main { margin-top: 0; } .custom__page .section__main-page .main-page-wrapper .main p, .custom__page .section__main-page .main-page-wrapper .main ul, .custom__page .section__main-page .main-page-wrapper .main li, .custom__page .section__main-page .main-page-wrapper .main span, .custom__page .section__main-page .main-page-wrapper .main a { font-size: 16px; } .custom__page .section__main-page .main-page-wrapper .main p, .custom__page .section__main-page .main-page-wrapper .main ul, .custom__page .section__main-page .main-page-wrapper .main ol { margin: 0 0 1.6rem; } .custom__page .section__main-page .main-page-wrapper .main ul { padding-left: 28px; } .custom__page .section__main-page .main-page-wrapper .main ol { padding-left: 28px; } } .custom__page .section__main-page .main-page-wrapper .main h3 { margin: 2.4rem 0 1.6rem; text-transform: capitalize; color: #3170B5; font-weight: 600; } @media screen and (max-width: 1024px) { .custom__page .section__main-page .main-page-wrapper .main h3 { font-size: 24px; } .custom__page .section__main-page .main-page-wrapper .main h3 > * { font-size: 24px; } } .custom__page .section__main-page .main-page-wrapper .main h6 { margin: 2.4rem 0 1.6rem; text-transform: capitalize; font-weight: 600; } .custom__page .section__main-page .main-page-wrapper .main h6 > * { text-transform: capitalize; } @media screen and (min-width: 1025px) { .custom__page .section__main-page .toolbar { display: none; } } .custom__page.custom__page--default .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper [data-content-region="custom_widget_aside__block-2--global"] .linkslist__list .linkslist__item a { font-weight: 700; color: #3170B5; } .custom__page.custom__page--default .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper [data-content-region="custom_widget_aside__block-2--global"] .linkslist__list .linkslist__item a span { background: none; } @media (min-width: 768px) and (max-width: 1700px) { .custom__page.custom__page--default .homepage-hero .slide .container.invert { grid-template-columns: 1fr; } .custom__page.custom__page--default .homepage-hero .slide .container.invert > div { padding: 3.2rem; } } @media (min-width: 768px) and (max-width: 991px) { .custom__page.custom__page--default .homepage-hero .slide .container.invert { padding-left: 24px; padding-right: 24px; } } .custom__page.custom__page--policies .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper [data-content-region="custom_widget_aside__block-2"] .linkslist__list .linkslist__item.linkslist__item--heading a { pointer-events: none; cursor: default; text-decoration: none; font-weight: 700; color: #3170B5; } .custom__page.custom__page--policies .section__main-page .main-page-wrapper .aside__groups .drawer__container .drawer__wrapper [data-content-region="custom_widget_aside__block-2"] .linkslist__list .linkslist__item.linkslist__item--heading a span { background: none; } body.show-popup { overflow: hidden; } body.show-popup .aside__groups { visibility: visible; opacity: 1; } html:has(.aside__groups) { overflow: initial; } .faq__page .section__faqs .section__header { margin-bottom: 32px; } .faq__page .section__faqs .section__header-heading { font-size: 24px; text-transform: capitalize; } @media screen and (min-width: 1025px) { .faq__page .section__faqs .section__header-heading { font-size: 32px; } } .faq__page .section__faqs .faqs-accordion__title { font-size: 24px; font-weight: 500; } @media screen and (min-width: 1025px) { .faq__page .section__faqs .faqs-accordion__title { font-size: 24px; } } .faq__page .section__faqs .faqs-accordion ul { list-style-position: inside; padding-left: 0 !important; margin: 0 !important; } .faq__page .section__faqs .faqs-accordion li::marker { content: "- "; } .faq__page .section__faqs .section__note { color: #e51a3c; font-size: 14px; font-weight: 600; margin-top: 24px; } @media screen and (min-width: 1025px) { .faq__page .section__faqs .section__note { font-size: 16px; } } .faq__page .section__faqs .text-red { color: #e51a3c; } .page-type-category .section__faqs .section__header-heading { font-weight: 400; text-transform: capitalize; } .page-type-category .section__faqs .section__header-button .button svg { display: none; } .page-type-category .section__faqs .faqs-accordion__title { font-size: 16px; line-height: 1.5; } @media screen and (min-width: 1025px) { .page-type-category .section__faqs .faqs-accordion__title { font-size: 20px; } } .page-type-category .section__faqs .faqs-accordion ul { list-style-position: inside; padding-left: 0 !important; margin: 0 !important; } .page-type-category .section__faqs .faqs-accordion li::marker { content: "- "; } .page-type-category .section__faqs .section__note { color: #e51a3c; font-size: 14px; font-weight: 600; margin-top: 24px; } @media screen and (min-width: 1025px) { .page-type-category .section__faqs .section__note { font-size: 16px; } } .page-type-category .section__faqs .text-red { color: #e51a3c; } .custom__page .promotional-banner .container .inner-container picture { padding: 0; } .shogun-root .shg-fw { width: 100% !important; margin: 0 !important; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; } .shogun-root .shg-fw span { font-family: "Open Sans", Arial, Helvetica, sans-serif !important; } .pagebuilder [data-editable-content] { cursor: text; } [data-content-region="cart_below_totals"] [id^='banner-region-'] { width: 100% !important; } [data-content-region="product_below_price"] [id^='banner-region-'] { margin-top: 1.2rem; } .icon-minus { font-size: 0.165rem !important; } .account .form-row { position: relative; } .listak-marketing-sms-signup { margin-top: 1.6rem; } @media (min-width: 768px) { .listak-marketing-sms-signup { position: absolute; bottom: -9.6rem; left: 0; } } @media (min-width: 992px) { .listak-marketing-sms-signup { bottom: -7.4rem; } } .listak-marketing-sms-signup label { font-size: 1.2rem; font-weight: 700; } .listak-marketing-sms-signup-small-print { font-size: 1.2rem; line-height: 1.25; } .PaypalCommerceContainer, .PaypalCommerceCreditCheckout { display: none; } .PaypalCommerceContainer.show-no-restrictions, .PaypalCommerceCreditCheckout.show-no-restrictions { display: inline-block; } .contact-page-groove .container { display: grid; grid-template-columns: 1fr; } @media (min-width: 992px) { .contact-page-groove .container { grid-template-columns: 3fr 2fr; } } .contact-page-groove .contact-options, .contact-page-groove .locations { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; justify-content: space-between; padding: 4rem; } .contact-page-groove .locations { background-color: #1A7BBC; padding: 4rem; color: #fff; } .contact-page-groove .locations a { color: #fff; } .contact-page-groove .right-side { padding: 2rem; } .contact-page-groove .right-side .form-row { flex-direction: column; } .contact-page-groove .right-side form { display: block; } .review-stars { height: 1.8rem; } .return-bar { background: #000000; } .return-bar a { color: #DDE5F4; } .return-bar a:hover { color: #ffffff; } .contact-page-groove .right-side { padding-top: 0; } .hide-Yes { display: none; } .cart-additionalCheckoutButtons { margin: 0 auto !important; } #chat-campaigns:focus-visible, #chat-button:focus-visible, iframe:focus-visible { outline: 0.1rem dashed #2296E3; } .or-use-label { text-align: center !important; } .previewCart-additionalCheckoutButtons > div { margin-bottom: 0 !important; } .previewCart-additionalCheckoutButtons > div.ApplePayCheckout { margin-bottom: 1.2rem !important; margin-top: 1.2rem !important; } .previewCart-additionalCheckoutButtons > div:nth-child(9).GooglePayCheckout { display: none !important; } .display-none-override { display: none !important; } .waitlist-trigger { width: 100%; margin-top: .8rem; display: none !important; } .waitlist-trigger.is-visible { display: block !important; } .waitlist-trigger #attn-waitlist-trigger-btn { width: 100%; } .container .container { padding-left: 0; padding-right: 0; }