/*  --------------------------------------------------------------------------  *\

    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

\*  --------------------------------------------------------------------------  */
@font-face {
  font-family: "ico";
  src: url("../fonts/ico.eot?f38a807c78e8752c7b902e5bd9993394");
  src: url("../fonts/ico.eot?f38a807c78e8752c7b902e5bd9993394#iefix") format("embedded-opentype"), url("../fonts/ico.woff?f38a807c78e8752c7b902e5bd9993394") format("woff"), url("../fonts/ico.ttf?f38a807c78e8752c7b902e5bd9993394") 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-brand-facebook:before {
  content: "\f105"; }

.icon-brand-instagram:before {
  content: "\f106"; }

.icon-brand-linkedin:before {
  content: "\f107"; }

.icon-brand-pinterest:before {
  content: "\f108"; }

.icon-brand-tiktok:before {
  content: "\f109"; }

.icon-brand-twitter:before {
  content: "\f10a"; }

.icon-brand-youtube:before {
  content: "\f10b"; }

.icon-cart-plus:before {
  content: "\f10c"; }

.icon-cart:before {
  content: "\f10d"; }

.icon-check-circle:before {
  content: "\f10e"; }

.icon-chevron-down:before {
  content: "\f10f"; }

.icon-chevron-left:before {
  content: "\f110"; }

.icon-chevron-right:before {
  content: "\f111"; }

.icon-chevron-up:before {
  content: "\f112"; }

.icon-close:before {
  content: "\f113"; }

.icon-download:before {
  content: "\f114"; }

.icon-envelope-open:before {
  content: "\f115"; }

.icon-envelope:before {
  content: "\f116"; }

.icon-exclamation-triangle:before {
  content: "\f117"; }

.icon-filters-toggles:before {
  content: "\f118"; }

.icon-filters:before {
  content: "\f119"; }

.icon-free-shipping:before {
  content: "\f11a"; }

.icon-green-check:before {
  content: "\f11b"; }

.icon-in-stock:before {
  content: "\f11c"; }

.icon-info-circle:before {
  content: "\f11d"; }

.icon-lock-01:before {
  content: "\f11e"; }

.icon-lock:before {
  content: "\f11f"; }

.icon-map-marker:before {
  content: "\f120"; }

.icon-minus:before {
  content: "\f121"; }

.icon-pencil:before {
  content: "\f122"; }

.icon-phone:before {
  content: "\f123"; }

.icon-play:before {
  content: "\f124"; }

.icon-plus:before {
  content: "\f125"; }

.icon-print:before {
  content: "\f126"; }

.icon-question-circle:before {
  content: "\f127"; }

.icon-returns:before {
  content: "\f128"; }

.icon-rss:before {
  content: "\f129"; }

.icon-search:before {
  content: "\f12a"; }

.icon-select-updown:before {
  content: "\f12b"; }

.icon-share:before {
  content: "\f12c"; }

.icon-size-chart:before {
  content: "\f12d"; }

.icon-slash:before {
  content: "\f12e"; }

.icon-star-empty:before {
  content: "\f12f"; }

.icon-star-full:before {
  content: "\f130"; }

.icon-thumbs-up:before {
  content: "\f131"; }

.icon-times:before {
  content: "\f132"; }

.icon-trash:before {
  content: "\f133"; }

.icon-user:before {
  content: "\f134"; }

/*  --------------------------------------------------------------------------  *\

    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.

\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    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

\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    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: 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: #072A48;
    transition: transform 0.25s, background 0.25s, color 0.25s; }
    a.skip-content:focus {
      background: #072A48;
      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: "HCo Gotham", Arial, Helvetica, sans-serif;
  cursor: pointer;
  color: initial; }

/*  --------------------------------------------------------------------------  *\

    RESETS STYLES ON INPUT ELEMENTS FOR FORMS

\*  --------------------------------------------------------------------------  */
input, select, textarea {
  border-radius: 0px;
  font-family: "HCo Gotham", Arial, Helvetica, sans-serif; }

/*  --------------------------------------------------------------------------  *\

    PROVIDES A CLASS FOR SCREEN READER ONLY ELEMENTS

\*  --------------------------------------------------------------------------  */
.sr-only {
  position: absolute;
  width: 1px !important;
  height: 1px;
  padding: 0;
  margin: -1px;
  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

\*  --------------------------------------------------------------------------  */
[contenteditable="true"]:focus-visible,
[href]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
button:focus-visible,
details:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 1px dashed #8499AA !important;
  outline-offset: 1px !important;
  outline: none; }

.facets button:focus-visible {
  outline-offset: -2px !important; }

input:focus-visible + label {
  outline: none;
  outline: 1px dashed #8499AA !important;
  outline-offset: 1px !important; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@media (max-width: 991.9px) {
  .visuallyhidden-below-desktop {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

[data-sub-layout-container], [data-sub-layout] {
  display: block !important;
  padding: 0 !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input[type=text]:focus {
    font-size: 16px; } }

/*  --------------------------------------------------------------------------  *\

    GLOBAL ELEMENTS

    These files establish global elements that appear throughout the website.

\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    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 {
  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;
  padding: 0.375rem 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: 1200px 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: 40px 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 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, 10px, 0);
    transform: translate3d(0, 10px, 0);
    visibility: visible; }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    visibility: visible; } }

@keyframes movingUp {
  0% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    visibility: visible; }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    visibility: visible; } }

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes moveUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes moveOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes moveOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

.aria-description--hidden {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin-left: -10000px; }

/*  --------------------------------------------------------------------------  *\

    GLOBAL ELEMENTS - ALERTS

\*  --------------------------------------------------------------------------  */
.alertBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row nowrap;
  gap: 0.5rem;
  padding: 0.5rem;
  margin: 0 0 1.5rem;
  background: #fff;
  border: 0.0625rem solid #EFF2F4; }
  .alertBox .fas {
    margin: 0 0.75rem 0 0; }
  .alertBox p {
    margin: 0;
    font-size: 0.875rem; }
  .alertBox.error {
    background: #ffe6e6;
    color: #000;
    border-color: #FF0000; }
  .alertBox.success {
    background: #e6ffe6;
    color: green;
    border-color: green; }
  .alertBox.info {
    background: white;
    color: #147dab;
    border-color: #147dab; }

/*  --------------------------------------------------------------------------  *\

    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-"]:not(div), .button {
  appearance: none;
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem;
  margin: 0;
  border-radius: 0;
  border: 0;
  font-size: 0.75rem;
  letter-spacing: 0.64px;
  text-align: center;
  text-decoration: none;
  width: auto;
  font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
  line-height: inherit;
  font-weight: 600;
  text-transform: capitalize;
  width: 100%;
  /*  ----------------------------------------------------------------------  *\

        Button Arrow Options

        @import 'icon/_icon-top';
        @import 'icon/_icon-bottom';
        @import 'icon/_icon-left';
        @import 'icon/_icon-right';

    \*  ----------------------------------------------------------------------  */ }
  @media (min-width: 992px) {
    [class*="btn-"]:not(div), .button {
      font-size: 0.875rem; } }
  [class*="btn-"]:not(div) svg, .button svg {
    display: inline-block;
    width: 1.25rem;
    height: 1rem;
    fill: currentColor; }
  [class*="btn-"]:not(div):hover, [class*="btn-"]:not(div):focus, .button:hover, .button:focus {
    text-decoration: none; }
  @media (min-width: 768px) {
    [class*="btn-"]:not(div), .button {
      width: auto; } }
  [class*="btn-"]:not(div) [class*="icon-"], .button [class*="icon-"] {
    margin: 0 0.5rem 0 0; }
  [class*="btn-"]:not(div).sm, .button.sm {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem; }
  [class*="btn-"]:not(div):hover, [class*="btn-"]:not(div):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, .button--primary, .btn-refresh {
  /* LIGHT BACKGROUND
    --------------------------------------------------------------------------  */
  /* DARK BACKGROUND (INVERTED)
    --------------------------------------------------------------------------  */
  background: #072A48;
  background-color: #072A48;
  border-color: transparent;
  color: #ffffff; }
  .btn-primary:hover, .btn-primary:focus, .button--primary:hover, .button--primary:focus, .btn-refresh:hover, .btn-refresh:focus {
    background: #425F77;
    border-color: transparent;
    color: #ffffff; }
  .btn-primary:active, .button--primary:active, .btn-refresh:active {
    background: #8499AA;
    border-color: transparent;
    color: #ffffff; }
  .btn-primary[disabled], .button--primary[disabled], .btn-refresh[disabled] {
    cursor: not-allowed;
    background: #CCD5DC;
    border-color: transparent;
    color: #8499AA; }
  .btn-primary.invert, .button--primary.invert, .btn-refresh.invert {
    background: #ffffff;
    border-color: transparent;
    color: #072A48; }
    .btn-primary.invert:hover, .btn-primary.invert:focus, .button--primary.invert:hover, .button--primary.invert:focus, .btn-refresh.invert:hover, .btn-refresh.invert:focus {
      background: #F0F0F1;
      border-color: transparent;
      color: #072A48; }
    .btn-primary.invert:active, .button--primary.invert:active, .btn-refresh.invert:active {
      background: linear-gradient(rgba(7, 42, 72, 0.2), rgba(7, 42, 72, 0.2)), linear-gradient(#F0F0F1, #F0F0F1);
      border-color: transparent;
      color: #072A48; }
    .btn-primary.invert[disabled], .button--primary.invert[disabled], .btn-refresh.invert[disabled] {
      cursor: not-allowed;
      background: #425F77;
      border-color: transparent;
      color: #D1D1D1; }
  .btn-primary.form-btn, .button--primary.form-btn, .btn-refresh.form-btn {
    height: 2.25rem;
    width: 2.25rem;
    padding: 0;
    margin: 0 auto; }
    .btn-primary.form-btn span, .button--primary.form-btn span, .btn-refresh.form-btn span {
      margin: 0; }

#form-action-addToCart {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 11.875rem; }

/*  --------------------------------------------------------------------------  *\

    Button - Secondary

\*  --------------------------------------------------------------------------  */
.btn-secondary, .button--secondary {
  /* LIGHT BACKGROUND
    --------------------------------------------------------------------------  */
  /* DARK BACKGROUND (INVERTED)
    --------------------------------------------------------------------------  */
  background: #ffffff;
  background-color: #ffffff;
  border-color: #072A48;
  color: #072A48; }
  .btn-secondary:hover, .btn-secondary:focus, .button--secondary:hover, .button--secondary:focus {
    background: #EFF2F4;
    border-color: #072A48;
    color: #072A48; }
  .btn-secondary:active, .button--secondary:active {
    background: #CCD5DC;
    border-color: #072A48;
    color: #072A48; }
  .btn-secondary[disabled], .button--secondary[disabled] {
    cursor: not-allowed;
    background: transparent;
    border-color: #D1D1D1;
    color: #D1D1D1; }
  .btn-secondary.invert, .button--secondary.invert {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff; }
    .btn-secondary.invert:hover, .btn-secondary.invert:focus, .button--secondary.invert:hover, .button--secondary.invert:focus {
      background: #425F77;
      border-color: #ffffff;
      color: #ffffff; }
    .btn-secondary.invert:active, .button--secondary.invert:active {
      background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(#425F77, #425F77);
      border-color: #072A48;
      color: #072A48; }
    .btn-secondary.invert[disabled], .button--secondary.invert[disabled] {
      cursor: not-allowed;
      background: transparent;
      border-color: #D1D1D1;
      color: #D1D1D1; }

/*  --------------------------------------------------------------------------  *\

    Button - Tertiary

\*  --------------------------------------------------------------------------  */
.btn-tertiary, .button--tertiary {
  /* LIGHT BACKGROUND
    --------------------------------------------------------------------------  */
  /* DARK BACKGROUND (INVERTED)
    --------------------------------------------------------------------------  */
  background: transparent;
  background-color: transparent;
  border-color: #072A48;
  color: #072A48; }
  .btn-tertiary:hover, .btn-tertiary:focus, .button--tertiary:hover, .button--tertiary:focus {
    background: #F0F0F1;
    border-color: #072A48;
    color: #072A48; }
  .btn-tertiary:active, .button--tertiary:active {
    background: linear-gradient(rgba(7, 42, 72, 0.2), rgba(7, 42, 72, 0.2)), linear-gradient(#F0F0F1, #F0F0F1);
    border-color: #072A48;
    color: #072A48; }
  .btn-tertiary[disabled], .button--tertiary[disabled] {
    cursor: not-allowed;
    background: transparent;
    border-color: #D1D1D1;
    color: #D1D1D1; }
  .invert .btn-tertiary, .invert .button--tertiary {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff; }
    .invert .btn-tertiary:hover, .invert .btn-tertiary:focus, .invert .button--tertiary:hover, .invert .button--tertiary:focus {
      background: #425F77;
      border-color: #ffffff;
      color: #ffffff; }
    .invert .btn-tertiary:active, .invert .button--tertiary:active {
      background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(#425F77, #425F77);
      border-color: #072A48;
      color: #072A48; }
    .invert .btn-tertiary[disabled], .invert .button--tertiary[disabled] {
      cursor: not-allowed;
      background: transparent;
      border-color: #D1D1D1;
      color: #D1D1D1; }

/*  --------------------------------------------------------------------------  *\

    Button - Text

\*  --------------------------------------------------------------------------  */
.btn-txt:not(div) {
  color: #425F77;
  padding: 0;
  border: none;
  width: auto; }
  .btn-txt:not(div):hover, .btn-txt:not(div):focus {
    color: #072A48;
    text-decoration: underline; }
  .btn-txt:not(div):active {
    color: #8499AA;
    text-decoration: underline; }
  .btn-txt:not(div)[disabled] {
    cursor: not-allowed;
    text-decoration: underline;
    color: #D1D1D1; }
  .invert .btn-txt:not(div) {
    color: #ffffff; }
    .invert .btn-txt:not(div):hover, .invert .btn-txt:not(div):focus {
      color: #EFF2F4; }
    .invert .btn-txt:not(div):active {
      color: #CCD5DC; }
    .invert .btn-txt:not(div)[disabled] {
      cursor: not-allowed;
      color: #425F77; }

.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.0625rem solid #072A48;
    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.0625rem solid #072A48;
        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: 0.9375rem 2.0625rem;
      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: #072A48;
        color: #fff; }
  .btn-dropdown [class*="btn-"][aria-expanded="true"] {
    border-radius: 1.4375rem 1.4375rem 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.5rem 0 !important; }
  .CheckoutButton div {
    width: 100%; }
    .CheckoutButton div > div {
      max-width: 100%;
      margin-bottom: 0.125rem; }

.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.25rem;
  cursor: pointer;
  display: none;
  max-height: 4rem;
  min-height: 2rem;
  min-width: 90px;
  width: 160px; }

.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.5px 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: 1.25rem;
    margin-right: 1rem; }
  .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;
  border: 2px solid fuchsia; }
  [data-slick]::before {
    display: block;
    padding: 20px;
    content: 'REPLACE SLICK';
    position: absolute;
    background-color: fuchsia;
    color: #fff; }
  [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: 1.5rem; }
  @media (min-width: 992px) {
    .carousel-heading-container h2 {
      margin-bottom: 2.5rem; } }

.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: 1px solid transparent; }

/*  --------------------------------------------------------------------------  *\

    CAROUSEL EXTRAS

\*  --------------------------------------------------------------------------  */
:root {
  --mobile-slides: 1;
  --tablet-slides: 1;
  --desktop-slides: 1;
  --mobile-gap: 1px;
  --tablet-gap: 1px;
  --desktop-gap: 1px; }

.global-card-gaps {
  --mobile-gap: 16px;
  --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::-webkit-scrollbar {
    width: var(--scrollbar-height, 10px);
    height: var(--scrollbar-width, 10px);
    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: 0.625rem; }
  .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, #CCD5DC);
    border-radius: 0.625rem; }
  .carousel-grid .controls-container {
    position: absolute;
    visibility: hidden;
    width: 100%;
    display: none; }
    .carousel-grid .controls-container > div {
      position: relative; }
    @media (min-width: 768px) {
      .carousel-grid .controls-container {
        display: block; } }
  .carousel-grid .info {
    display: none; }
  .carousel-grid .custom-scrollbar {
    display: none;
    width: 100%;
    height: 0.3125rem;
    margin-top: 1.5rem; }
    @media (max-width: 991.9px) {
      .carousel-grid .custom-scrollbar {
        display: block; } }
  .carousel-grid .custom-scrollbar-track {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #CCD5DC;
    border-radius: 0.3125rem; }
  .carousel-grid .custom-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #072A48;
    border-radius: 0.3125rem; }
  .carousel-grid .dots {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
    justify-content: center; }
    .carousel-grid .dots .dot {
      background: #CCD5DC;
      border-radius: 50%;
      width: 0.625rem;
      height: 0.625rem;
      cursor: pointer;
      margin: 2.125rem 0.125rem 0 0.125rem;
      opacity: .5; }
    .carousel-grid .dots .dot:focus {
      outline: none; }
    .carousel-grid .dots .dot--active {
      background: #072A48;
      opacity: 1; }
  .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; }
    @media (max-width: 991.9px) {
      .carousel-grid .slider {
        scrollbar-width: none; }
        .carousel-grid .slider::-webkit-scrollbar {
          display: none; } }

/*  --------------------------------------------------------------------------  *\

    CAROUSEL > ARROWS

\*  --------------------------------------------------------------------------  */
.slick-arrow, .scroll-arrow {
  height: 2.25rem;
  width: 2rem;
  font-size: 1.125rem;
  background: #fff;
  color: #072A48;
  transition: background .25s linear;
  z-index: 1;
  transition: .2s ease-in-out;
  position: relative;
  right: auto;
  left: auto;
  flex-shrink: 1;
  order: 4; }
  @media (min-width: 992px) {
    .slick-arrow, .scroll-arrow {
      height: 2.875rem;
      width: 2.875rem;
      font-size: 1.5rem; } }
  .slick-arrow:hover, .slick-arrow:focus, .scroll-arrow:hover, .scroll-arrow:focus {
    border: none;
    color: #425F77; }
  .slick-arrow:active, .scroll-arrow:active {
    border: none; }
  .slick-arrow.slick-hidden, .scroll-arrow.slick-hidden {
    display: none; }

.slick-disabled, .scroll-disabled {
  opacity: 0.3; }
  .slick-disabled .carousel-tooltip, .scroll-disabled .carousel-tooltip {
    display: none; }
  .slick-disabled:hover, .scroll-disabled:hover {
    cursor: not-allowed;
    color: #072A48; }

.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: -1.4375rem; }
    .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: -1.4375rem; }
  .arrows-pos-side .line {
    display: none !important; }

.arrows-pos-lower .controls-container {
  right: 10px;
  width: auto;
  bottom: 0; }

.arrows-pos-upper .controls-container {
  top: 0;
  visibility: visible;
  right: 0px;
  width: auto; }
  .arrows-pos-upper .controls-container div {
    top: 0 !important; }

.arrows-small {
  position: relative; }
  .arrows-small .slick-arrow, .arrows-small .scroll-arrow {
    font-size: 0.875rem;
    height: 1.625rem;
    width: 1.625rem;
    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: -0.8125rem;
      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: -0.8125rem;
      border: 0; }

.arrows-none {
  display: none !important; }

/*  --------------------------------------------------------------------------  *\

    CAROUSEL > DOTS

\*  --------------------------------------------------------------------------  */
.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 1.5rem; }
  @media (min-width: 992px) {
    .slick-dots {
      margin-top: 3rem; } }
  .slick-dots li {
    margin: 0 0.25rem;
    padding: 0; }
    @media (min-width: 992px) {
      .slick-dots li {
        margin: 0 0.5rem; } }
    .slick-dots li button {
      display: block;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 100%;
      background: #fff;
      border: 0.0625rem solid #072A48; }
      @media (min-width: 992px) {
        .slick-dots li button {
          width: 0.75rem;
          height: 0.75rem; } }
      .slick-dots li button:hover, .slick-dots li button:focus {
        background: #8499AA; }
    .slick-dots li:before {
      display: none; }
    .slick-dots li.slick-active button {
      background: #072A48; }

.carousel-tooltip {
  display: block;
  position: relative; }
  .carousel-tooltip:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    border-width: 0.625rem;
    border-style: solid;
    border-color: transparent transparent #072A48 transparent; }
  .carousel-tooltip:after {
    content: attr(aria-label);
    padding: 0.25rem 0.375rem;
    background-color: #072A48;
    color: #fff;
    position: absolute;
    font-size: 1rem;
    white-space: nowrap;
    right: 0;
    top: 100%;
    cursor: default;
    border-radius: 0.5rem; }
  .carousel-tooltip:before, .carousel-tooltip:after {
    display: none; }
  .carousel-tooltip:focus:before, .carousel-tooltip:focus:after {
    display: block; }
  .carousel-tooltip:after {
    padding: 0.5rem;
    top: 0.625rem; }
  .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: 0.625rem;
    right: 0.625rem; }
    .slick-prev .carousel-tooltip:before,
    .slick-next .carousel-tooltip:before {
      top: -0.4375rem; }
  .slick-prev .carousel-tooltip:before {
    right: -0.125rem; }
  .slick-prev .carousel-tooltip:after {
    right: auto;
    left: -0.3125rem; }
  .slick-next .carousel-tooltip:after {
    right: -0.3125rem; }
  .slick-dots button .carousel-tooltip {
    top: 0.5rem; }
    .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.4375rem; }

.compare-container {
  position: fixed;
  bottom: 0;
  width: 100vw;
  padding: 1.25rem 0;
  background: #8499AA;
  text-align: center;
  z-index: 1000000;
  opacity: 0;
  transition: background-color 1s ease;
  pointer-events: none; }
  .compare-container.show {
    opacity: 1;
    background-color: #EFF2F4;
    pointer-events: inherit; }

.countPill {
  background-color: #8499AA;
  border-radius: 50%;
  color: #ffffff;
  display: none;
  height: 20px;
  line-height: 20px;
  margin-left: 0.625rem;
  text-align: center;
  width: 20px; }

.countPill--positive {
  display: inline-block; }

.compare-grid > div > div > div {
  border: 2px solid fuchsia;
  display: flex;
  flex-direction: column; }

.heading {
  font-size: 1.5rem; }
  @media (min-width: 992px) {
    .heading {
      font-size: 2.25rem; } }

@media (max-width: 767.9px) {
  .page-content {
    overflow: auto; } }

.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: 1px solid #ffffff; }
  .compareTable-row + .compareTable-row .compareTable-heading:empty {
    border-top: 0; }

.compareTable-heading {
  padding: 1.5rem 0;
  position: relative;
  text-align: left;
  width: 0; }

.compareTable-headingText {
  position: absolute;
  white-space: nowrap; }

.compareTable-item {
  padding: 4rem 1rem 1.5rem 0;
  font-size: 0.875rem; }

.compareTable-removeProduct {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  transition: .25s all ease-in-out; }
  .compareTable-removeProduct [class*='icon-'] {
    font-size: 0.875rem;
    color: #072A48;
    background-color: #ffffff;
    padding: 0.1875rem 0.5rem; }
    .compareTable-removeProduct [class*='icon-']:hover {
      background-color: #D1D1D1;
      color: #F0F0F1; }

.compareTable-product {
  padding: 0 1rem 0 0; }
  @media (max-width: 767.9px) {
    .compareTable-product {
      width: 12.5rem; } }

.compareTable-action {
  padding-bottom: 1.5rem; }

/*  --------------------------------------------------------------------------  *\

    CONTAINER

\*  --------------------------------------------------------------------------  */
.container {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
  padding: 0 1.5rem; }
  @media (min-width: 992px) {
    .container {
      width: 100%; } }
  @media (min-width: 1425px) {
    .container {
      width: 100%; } }
  @media (min-width: 768px) {
    .container {
      padding: 0 2rem; } }
  @media (min-width: 992px) {
    .container {
      padding: 0 3rem; } }

.container-mobile {
  padding: 0; }
  .container-mobile .slider {
    padding-left: 1.5rem; }
  @media (min-width: 768px) {
    .container-mobile {
      padding: 0 2rem; }
      .container-mobile .slider {
        padding-left: initial; } }
  @media (min-width: 992px) {
    .container-mobile {
      padding: 0 3rem; } }

.contained {
  max-width: 87.5rem;
  margin: 0 auto; }

/*  --------------------------------------------------------------------------  *\

    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: #072A48;
  font-family: "HCo Gotham", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  background: #fff; }
  @media (min-width: 992px) {
    body {
      font-size: 1rem; } }

strong, b {
  font-weight: 700; }

.invert {
  color: #fff; }

/*  --------------------------------------------------------------------------  *\

    COPY - BASIC LINK STYLES

    BUTTONS are located in the Components > Basic > Button file.

\*  --------------------------------------------------------------------------  */
a {
  color: #072A48;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #425F77;
    text-decoration: underline; }
  a:active {
    color: #8499AA; }
  a[disabled] {
    cursor: not-allowed;
    color: #D1D1D1; }
  .invert a {
    color: #ffffff; }
    .invert a:hover, .invert a:focus {
      color: #EFF2F4; }
    .invert a:active {
      color: #CCD5DC; }
    .invert a[disabled] {
      cursor: not-allowed;
      color: #425F77; }

/*  --------------------------------------------------------------------------  *\

    COPY - BLOCK ELEMENTS

\*  --------------------------------------------------------------------------  */
p, ul, ol, dl, table, blockquote, figure, address {
  margin: 0 0 1rem; }
  @media (min-width: 768px) {
    p, ul, ol, dl, table, blockquote, figure, address {
      margin: 0 0 1.5rem; } }
  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 1rem; }
  p:last-of-type {
    margin: 0 0 1.5rem; }

hr {
  margin: auto;
  height: 0.0625rem;
  max-width: 1400px;
  background: #D1D1D1;
  border: none; }
  hr .dashed {
    background: repeating-linear-gradient(90deg, #072A48, #072A48 6px, transparent 6px, transparent 12px); }

/*  --------------------------------------------------------------------------  *\

    COPY - BODY STYLES

\*  --------------------------------------------------------------------------  */
h1, .h1, h2, .h2, h3, .h3, .h3, h4, .h4 {
  color: #072A48;
  font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    h1, .h1, h2, .h2, h3, .h3, .h3, h4, .h4 {
      margin-bottom: 1rem; } }
  .invert h1, .invert .h1, .invert h2, .invert .h2, .invert h3, .invert .h3, .invert .h3, .invert h4, .invert .h4 {
    color: #fff; }

h1, .h1 {
  font-size: 1.625rem;
  line-height: 2.125rem;
  font-weight: 400; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 3rem;
      line-height: 3.25rem; } }

h2, .h2 {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 500;
  letter-spacing: 0.16px;
  text-align: left;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 1.375rem;
      line-height: 2.0625rem;
      margin-bottom: 1.5rem; } }

h3, .h3 {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 400; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 1.375rem;
      line-height: 2rem; } }

h4, .h4 {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 400; }
  @media (min-width: 768px) {
    h4, .h4 {
      font-size: 1rem;
      line-height: 1.5rem; } }

h5, .h5 {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    h5, .h5 {
      font-size: 1rem;
      line-height: 1.5rem; } }
  h5.upper, .h5.upper {
    text-transform: uppercase; }
  h5.sentence, .h5.sentence {
    font-weight: 400; }

/*  --------------------------------------------------------------------------  *\

    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 1.25rem; }
    ul li:before, ol li:before {
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0; }
    ul li + li, ol li + li {
      margin: 0.625rem 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.25rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  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: 600;
      margin-right: 0.5rem; }
  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 dd {
  padding: 0 0 0 1em; }

ul.circles {
  list-style: circle;
  margin-left: 1.25rem; }
  ul.circles li {
    padding-left: 0.625rem; }
  ul.circles > ul {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }

/*  --------------------------------------------------------------------------  *\

    COPY - ALIGNMENTS

\*  --------------------------------------------------------------------------  */
.ta-left {
  text-align: left !important; }

.ta-center {
  text-align: center !important; }

.ta-right {
  text-align: right !important; }

/*  --------------------------------------------------------------------------  *\

    FOOTER

\*  --------------------------------------------------------------------------  */
body > footer {
  background: #072A48;
  color: #ffffff;
  font-size: 0.875rem;
  margin-top: 2rem;
  /*  ----------------------------------------------------------------------  *\
        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

\*  --------------------------------------------------------------------------  */ }
  @media (min-width: 768px) {
    body > footer {
      margin-top: 3rem; } }
  @media (min-width: 992px) {
    body > footer {
      margin-top: 5rem; } }
  body > footer a {
    color: #EFF2F4;
    text-decoration: none; }
    body > footer a:hover, body > footer a:focus {
      color: #D1D1D1;
      text-decoration: underline; }
  body > footer .newsletter {
    background: #072A48;
    padding-bottom: 1.875rem; }
    body > footer .newsletter * {
      color: #F0F0F1 !important; }
    body > footer .newsletter input, body > footer .newsletter::placeholder,
    body > footer .newsletter input::-webkit-input-placeholder {
      color: #333333 !important; }
    @media (min-width: 992px) {
      body > footer .newsletter {
        padding-bottom: 0; } }
    body > footer .newsletter form {
      padding-left: 0 !important;
      display: grid;
      grid-template-columns: 1fr auto; }
      body > footer .newsletter form label {
        display: none; }
      body > footer .newsletter form button {
        background: #425F77 !important; }
        body > footer .newsletter form button:hover {
          background: #8499AA !important; }
    body > footer .newsletter form, body > footer .newsletter .needsclick {
      padding-top: 0 !important; }
  body > footer .footer-middle {
    padding: 2.5rem 0; }
    body > footer .footer-middle .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-column-gap: 3.75rem;
      align-items: start; }
      @media (min-width: 992px) {
        body > footer .footer-middle .container {
          grid-template-columns: 1fr 1fr; }
          body > footer .footer-middle .container .newsletter {
            order: 2; } }
  body > footer .footer-bottom {
    font-size: 0.75rem; }
    body > footer .footer-bottom .container p {
      border-top: 1px solid #D1D1D1;
      width: 100%;
      text-align: left;
      padding: 1rem 0; }
  body > footer .logo {
    display: block;
    margin-bottom: 1rem; }
    body > footer .logo img {
      width: 6.75rem;
      height: 1.875rem; }
      @media (min-width: 992px) {
        body > footer .logo img {
          width: 9.6875rem; } }
    @media (min-width: 992px) {
      body > footer .logo {
        margin-bottom: 2rem; } }
  @media (min-width: 768px) and (max-width: 991.9px) {
    body > footer .social {
      margin-bottom: 40px; } }
  body > footer .social h5 {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    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; }
  body > footer .social li {
    margin: 0 0.5rem; }
  body > footer .social a {
    font-size: 1.25rem;
    line-height: 1;
    color: #fff; }
  body > footer .social svg {
    display: block;
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem; }
  body > footer dl {
    margin-top: 2.5rem; }
    @media (min-width: 768px) {
      body > footer dl {
        margin-top: 0; } }
  body > footer dt button {
    padding: 0 !important;
    background-color: #072A48;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 1rem 0;
    font-size: 0.875rem; }
  body > footer .accordion {
    display: grid;
    grid-template-columns: 1fr; }
    @media (min-width: 768px) {
      body > footer .accordion {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 1rem; }
        body > footer .accordion button > span {
          display: none; } }
  body > footer .hot-links a {
    color: #fff;
    background-color: #072A48; }
  body > footer .hot-links li {
    padding: 0; }
    body > footer .hot-links li + li {
      margin: 0.75rem 0 0; }
  @media (min-width: 992px) {
    body > footer .hot-links {
      padding-bottom: 2rem; } }
  body > footer .copyright {
    display: flex;
    gap: 20px;
    margin: 0 0 0.75rem; }
    @media (min-width: 768px) {
      body > footer .copyright {
        margin: 0 1rem 0 0; } }
  @media print {
    body > footer {
      display: none; } }

/*  --------------------------------------------------------------------------  *\

    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 {
  margin: 0 0 1.5rem;
  /*  ----------------------------------------------------------------------  *\

        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

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    FORM - TEXTAREAS

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    FORM - CHECKBOXES AND RADIOS

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    FORM - FORM ACTIONS

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    FORM - RECAPTCHA

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    FORM - ERRORS

\*  --------------------------------------------------------------------------  */ }
  form input, form select, form textarea {
    font-size: 1rem; }
  @media (min-width: 992px) {
    form[data-contact-form] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2.5rem; }
      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) {
        grid-column: 1 / span 2; }
      form[data-contact-form] > div.form-actions {
        justify-content: center; } }
  @media (min-width: 768px) {
    form.form-rows, form .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;
      margin-bottom: 2rem; }
      form.form-rows .form-el, form.form-rows .form-field, form .form-row .form-el, form .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% - 1rem); } }
  form .form-el, form .form-cr {
    margin: 0 0 0.75rem; }
    form .form-el label::after, form .form-cr label::after {
      content: "\a";
      white-space: pre; }
  form hr {
    width: 100%; }
  form fieldset {
    border: none;
    padding: 1rem 0 0; }
  form legend {
    font-size: 1.25rem; }
  form label small, form .label small {
    color: #000;
    font-size: .7em;
    font-weight: 300; }
    form label small:before, form .label small:before {
      margin: 0 0.25rem 0 0; }
  form input, form .form-input {
    padding: 0.46875rem 0.75rem;
    border: 0.0625rem solid #8499AA;
    width: 100%; }
    form input:hover, form input:focus, form .form-input:hover, form .form-input:focus {
      background-color: #F0F0F1; }
  form input[type="checkbox"], form input[type="radio"] {
    width: auto; }
  form textarea {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 0.0625rem solid #EFF2F4;
    height: calc(7.5em + 1rem); }
  form .form-radio-check input[type="checkbox"] + label:before {
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    border: 0.0625rem solid #8499AA; }
  form .form-radio-check input[type="checkbox"] + label:after {
    content: "";
    height: 0.125rem;
    width: 0.375rem;
    border: 0.125rem solid transparent;
    transform: translate(-50%, -83.333%) rotate(-45deg); }
  form .form-radio-check input[type="checkbox"]:checked + label:after {
    border-left-color: #8499AA;
    border-bottom-color: #8499AA; }
  form .form-radio-check input[type="radio"] + label:last-child {
    display: block; }
  form .form-radio-check input[type="radio"] + label:before {
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    border: 0.0625rem solid #8499AA;
    border-radius: 100%; }
  form .form-radio-check input[type="radio"]:checked + label:before {
    background: #8499AA;
    box-shadow: inset 0 0 0 0.125rem #fff; }
  form .form-actions {
    width: 100%;
    margin: 1.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap; }
  form .g-recaptcha {
    width: 100%; }
    form .g-recaptcha > div {
      margin: 0 auto; }
  form .form-inlineMessage {
    color: #FF0000;
    display: block;
    font-size: .75em;
    font-style: italic;
    margin: 0.5rem 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; }
  @media (min-width: 992px) {
    .form-increment {
      align-items: flex-start;
      flex-direction: column; } }
  .form-increment label {
    margin-right: 1rem; }
    @media (min-width: 992px) {
      .form-increment label {
        margin-bottom: 1rem; } }
  .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; }
  .form-increment button {
    width: 2rem;
    height: 2.6875rem;
    background: #fff;
    font-size: 0.75rem; }
    @media (min-width: 992px) {
      .form-increment button {
        height: 3.5rem; } }
    .form-increment button:hover, .form-increment button:focus {
      background-color: #EFF2F4; }
    .form-increment button:active {
      background: #D1D1D1; }
  .form-increment input {
    padding: 0.25rem;
    background: #fff;
    text-align: center;
    width: 3rem;
    font-size: 1rem; }

/*  --------------------------------------------------------------------------  *\

    FORM - SELECTS

\*  --------------------------------------------------------------------------  */
select {
  padding: 0.5rem 1rem;
  width: 100%;
  -webkit-appearance: none;
  border: 0.0625rem solid #D1D1D1;
  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: #072A48; }

/*  --------------------------------------------------------------------------  *\

    HEADER

\*  --------------------------------------------------------------------------  */
body {
  padding: 0; }

a.skip {
  position: fixed;
  z-index: 10001;
  left: 50%;
  top: 0.9375rem;
  -webkit-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  background: #fff;
  color: #072A48;
  padding: 0.5rem 0.75rem; }
  a.skip:focus {
    transform: translate(-50%, 0);
    background: #072A48;
    color: #fff; }
  @media print {
    a.skip {
      display: none; } }

body > header {
  /*  ----------------------------------------------------------------------  *\
        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

\*  --------------------------------------------------------------------------  */ }
  body > header a, body > header label, body > header button {
    display: block;
    font-size: 0.875rem;
    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: #072A48; }
  body > header a, body > header li {
    color: #072A48; }
    body > header a.sale, body > header li.sale {
      color: #C52033; }
  body > header .sale {
    color: #072A48;
    font-weight: 600; }
  @media (min-width: 992px) {
    body > header {
      background: linear-gradient(#EFF2F4 52px, #fff 0%); }
      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   
    \*  ----------------------------------------------------------------------  */
    border-bottom: 1px solid #EFF2F4; }
    @media (max-width: 991.9px) {
      body > header {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        z-index: 100000; }
        @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;
        z-index: 100000; } }
  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: space-between;
        align-items: center;
        flex-flow: row nowrap;
        padding: 0.5rem 1rem; }
        body > header .container .logo {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        body > header .container .toggle-elements {
          display: flex;
          align-items: center; }
        body > header .container .toggle-search {
          flex-grow: 0;
          text-align: right; }
        body > header .container .mobile-account {
          padding-left: 1.125rem; }
          body > header .container .mobile-account i {
            font-size: 1.25rem; }
        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; } }
    @media (min-width: 992px) {
      body > header .container nav {
        display: grid;
        grid-template-columns: auto 2fr auto;
        grid-template-areas: ". search user"
 "logo main main";
        grid-template-rows: auto;
        align-items: center;
        column-gap: 2.8125rem; }
        body > header .container nav .logo {
          grid-area: logo;
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        body > header .container nav .user {
          grid-area: user; }
        body > header .container nav .main {
          grid-area: main; }
        body > header .container nav .utility {
          grid-area: util; }
        body > header .container nav .search-bar {
          grid-area: search;
          width: 100%;
          max-width: 25rem;
          justify-self: flex-end;
          padding: 0.5rem; }
      body > header .container .mobile-account {
        display: none; } }
  body > header .logo {
    display: block; }
    body > header .logo img {
      width: 3.125rem; }
      @media (min-width: 992px) {
        body > header .logo img {
          width: 3.125rem; } }
  body > header .toggle-search {
    display: block; }
    @media (min-width: 768px) {
      body > header .toggle-search {
        padding: 0.4375rem; } }
    body > header .toggle-search i {
      font-size: 1.25rem;
      color: #072A48; }
    @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: 3.125rem;
      height: 2.5rem;
      display: none; }
    @media (max-width: 991.9px) {
      body > header .search-bar {
        width: 100%;
        padding: 1rem 1rem 0.75rem;
        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 .ss__autocomplete--target.ss__autocomplete--default {
        position: absolute; }
      body > header .search-bar .form .form-field {
        display: grid;
        grid-template-columns: auto 2.5rem; }
        @media (min-width: 992px) {
          body > header .search-bar .form .form-field {
            grid-template-columns: 21.875rem auto auto; } }
      body > header .search-bar .form .form-el {
        position: relative;
        margin: 0; }
      body > header .search-bar .form input {
        width: 100%;
        padding: 0 1rem;
        z-index: 3;
        border-right: 0;
        border-radius: 0.25rem 0 0 0.25rem; }
        body > header .search-bar .form input::placeholder {
          color: #425F77;
          font-weight: 400;
          font-style: italic; }
        @media (min-width: 992px) {
          body > header .search-bar .form input {
            font-size: 0.75rem; } }
      body > header .search-bar .form button {
        z-index: 2;
        height: 2.25rem;
        max-width: 2.5rem;
        font-size: 1.25rem;
        color: #072A48;
        padding: 0 0.375rem 0 1rem;
        border-radius: 0 0.25rem 0.25rem 0;
        border: 1px solid #8499AA;
        border-left: 0;
        color: #072A48;
        background-color: #fff;
        transition: all .25s; }
        body > header .search-bar .form button:hover, body > header .search-bar .form button:focus {
          color: #425F77; }
        body > header .search-bar .form button:active {
          color: #D1D1D1;
          background: none; }
    body > header .search-bar .results {
      margin: 1rem 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% - 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: 50rem;
          margin: 0;
          background: #fff;
          padding: 1.5rem;
          border: 0.0625rem 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: 1.25rem;
          line-height: 1.5rem;
          margin: 1rem 0 0;
          text-align: left;
          padding: 0 1rem; }
        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: 7px; }
          body > header .search-bar #quickSearch .quickSearchResults > div::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
          body > header .search-bar #quickSearch .quickSearchResults > div h4 {
            position: relative;
            padding: 1.25rem;
            background: #ffffff; }
          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: 1rem;
            border-bottom: 1px solid #ffffff;
            column-gap: 20px;
            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: 15px;
                border: 1px solid #ffffff; }
            body > header .search-bar #quickSearch .quickSearchResults > div .card .cnt {
              width: 100%;
              margin: 0;
              display: flex;
              flex-direction: column;
              row-gap: 5px; }
              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: 5px; }
            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: 10px;
          right: 20px;
          line-height: 0;
          font-size: 1.125rem;
          color: #072A48;
          z-index: 1; }
  body > header .toggle-trigger {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    float: left;
    margin: 0; }
    body > header .toggle-trigger .bar {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      height: 0.125rem;
      width: 1.375rem;
      background: #072A48;
      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.4375rem); }
      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.4375rem); }
    @media (min-width: 992px) {
      body > header .toggle-trigger {
        display: none; } }
  body > header .toggle {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    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.4375rem); }
    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: 6.5rem;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        background: #ffffff;
        width: 100%;
        height: calc(100vh);
        padding-bottom: 13.75rem;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: all 0.4s ease-out;
        opacity: 0;
        pointer-events: none;
        /*  --------------------------------------------------------------------------  *\

    HEADER - NAVIGATION - MEGA MENU - MOBILE

\*  --------------------------------------------------------------------------  */ }
        body > header nav .logo {
          display: none; }
        body > header nav .main {
          margin: 0;
          background: #ffffff;
          position: relative; }
          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.5rem 1.5rem;
            -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.5rem 1.5rem;
            padding-top: 0; }
            body > header nav .main li.Blog a {
              padding: 0;
              padding-top: 1.5rem;
              margin-top: 16px;
              border-top: 1px solid #D1D1D1; }
          body > header nav .main label {
            display: block;
            width: 100%;
            padding: 0.5rem 1.5rem;
            height: auto;
            position: relative;
            cursor: pointer; }
            body > header nav .main label:after {
              position: absolute;
              right: 0.875rem;
              top: 50%;
              -webkit-transform: translate(-50%, -50%) rotate(45deg);
              -ms-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
              height: 0.5rem;
              width: 0.5rem;
              border: 0.125rem solid transparent;
              border-right-color: #072A48;
              border-top-color: #072A48;
              content: ""; }
            body > header nav .main label span {
              display: none; }
            body > header nav .main label .hide-large {
              display: inline; }
            body > header nav .main label:only-child {
              padding: 0.5rem 1.5rem;
              padding-left: 0.875rem; }
              body > header nav .main label:only-child:after {
                left: 1.75rem;
                transform: translate(0, -50%) rotate(45deg) rotate(180deg); }
          body > header nav .main div {
            position: absolute;
            z-index: 1000;
            left: 100%;
            top: -4.25rem;
            transition: transform .25s ease-out;
            width: 100%;
            height: 100vh;
            background: #ffffff; }
            body > header nav .main div div {
              top: 0; }
            body > header nav .main div ul {
              height: 100%;
              width: 100vw;
              overflow-x: hidden;
              overflow-y: scroll; }
            body > header nav .main div li {
              display: flex;
              flex-direction: column; }
              body > header nav .main div li:nth-child(1) {
                text-align: center;
                font-weight: 600;
                border-bottom: 1px solid #D1D1D1;
                margin-bottom: 1rem; }
              body > header nav .main div li:nth-child(2) a {
                display: none; }
                body > header nav .main div li:nth-child(2) a::before {
                  content: 'All '; }
              body > header nav .main div li a {
                display: flex; }
                body > header nav .main div li a.desktop_only {
                  display: none; }
              body > header nav .main div li.feature-block {
                display: none; }
          body > header nav .main .card {
            display: none; }
          body > header nav .main input[type="checkbox"]:checked ~ div {
            transform: translate(-100%, 0); }
          body > header nav .main li:has(> a[data-column="pro-tournament-collections"]) {
            height: 0; }
          body > header nav .main [data-column="pro-tournament-collections"] {
            display: none; }
            body > header nav .main [data-column="pro-tournament-collections"] + div {
              display: block;
              position: relative;
              top: 7.5rem;
              left: 0;
              opacity: 1;
              visibility: visible;
              height: fit-content;
              z-index: 1000; } }
    @media (min-width: 992px) {
      body > header nav {
        /*  --------------------------------------------------------------------------  *\

    HEADER - NAVIGATION - MEGA MENU - DROPDOWN STYLING

\*  --------------------------------------------------------------------------  */ } }
  @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: flex-end;
      align-items: stretch;
      flex-flow: row nowrap;
      margin-right: -0.875rem;
      height: auto;
      width: 100%; }
      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; }
        body > header nav .main a span {
          font-size: 0.875rem;
          margin-left: 0.3125rem;
          color: #425F77;
          display: inline-block;
          transition: transform .25s linear;
          transform-origin: 50% 50%;
          display: none; }
        body > header nav .main a .hide-large {
          display: inline !important; } }
    @media (min-width: 992px) and (min-width: 992px) and (min-width: 992px) and (max-width: 1279.9px) {
      body > header nav .main a .hide-large {
        display: none; } }
  @media (min-width: 992px) and (min-width: 992px) {
      body > header nav .main.hovered > li:hover > div {
        transition: all 0s 0s ease !important;
        visibility: visible;
        opacity: 1; }
      body > header nav .main [aria-expanded="true"] {
        z-index: 1;
        background: #ffffff; }
        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;
        border-bottom: 4px solid transparent; }
        body > header nav .main > li a:focus-visible {
          background-color: #ffffff; }
        body > header nav .main > li:hover {
          border-bottom: 4px solid #072A48;
          z-index: 1; }
          body > header nav .main > li:hover > a {
            text-decoration: none; }
          body > header nav .main > li:hover > div.hover {
            transition: opacity 0s ease;
            visibility: visible;
            opacity: 1; }
          body > header nav .main > li:hover span {
            transform: rotate(180deg);
            transition-timing-function: cubic-bezier(0.2, -0.5, 0.265, 1.5);
            transition-duration: .475s; }
        body > header nav .main > li > a {
          font-weight: 500;
          white-space: nowrap;
          text-align: center;
          font-size: 0.75rem;
          line-height: 1.125rem;
          padding: 0.875rem;
          height: 100%; }
        body > header nav .main > li > div {
          position: absolute;
          left: 0%;
          top: 100%;
          margin-top: 0px;
          padding-top: 0px;
          cursor: pointer;
          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: #fff;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
            content: "";
            z-index: 1; }
          body > header nav .main > li > div a {
            font-size: 0.75rem;
            transition-duration: 0s; }
            body > header nav .main > li > div a:after {
              content: none; }
            body > header nav .main > li > div a:hover, body > header nav .main > li > div a:focus {
              opacity: .7; }
          body > header nav .main > li > div > ul {
            width: 100%;
            max-width: 1400px;
            width: 100%;
            padding: 2rem 5rem 2rem 5rem;
            z-index: 2;
            display: flex;
            justify-content: center;
            gap: 40px; } }
        @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 > li {
              display: flex;
              flex-direction: column;
              gap: 0.625rem; }
              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 > a {
                line-height: 1.3125rem;
                font-weight: 600; }
            body > header nav .main > li > div > ul .feature-block {
              display: flex;
              flex-direction: column; }
              body > header nav .main > li > div > ul .feature-block a {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem; }
                body > header nav .main > li > div > ul .feature-block a img {
                  max-width: 11.25rem; }
                body > header nav .main > li > div > ul .feature-block a div {
                  white-space: wrap;
                  max-width: 11.25rem;
                  font-size: 0.875rem; }
            body > header nav .main > li > div > ul ul {
              display: flex;
              flex-direction: column;
              gap: 0.75rem; }
              body > header nav .main > li > div > ul ul li {
                margin-bottom: 0; }
                body > header nav .main > li > div > ul ul li a {
                  color: #072A48;
                  font-size: 0.875rem;
                  line-height: 1.3125rem; }
            body > header nav .main > li > div > ul li {
              margin-bottom: 0.625rem;
              break-inside: avoid-column; }
      body > header nav .main input[type="checkbox"] {
        display: none; }
        body > header nav .main input[type="checkbox"]:focus ~ label {
          display: block;
          background: #072A48;
          color: #fff;
          padding: 0.625rem;
          position: absolute;
          width: auto;
          height: auto;
          clip: auto; }
        body > header nav .main input[type="checkbox"]:checked ~ label {
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px; }
        body > header nav .main input[type="checkbox"]:checked ~ div {
          visibility: visible;
          opacity: 1; } }
    @media (min-width: 992px) {
        body > header nav .main [data-column="pro-tournament-collections"] {
          pointer-events: none;
          cursor: text; } }
    body > header nav input[type="checkbox"] {
      position: absolute;
      width: 1px !important;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
    body > header nav .user {
      position: relative;
      z-index: 100; }
      body > header nav .user li {
        padding: 0;
        margin: 0; }
      body > header nav .user ul {
        display: none;
        position: absolute;
        padding: 1rem; }
        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 a {
          padding: 0.5rem 1.5rem; }
          body > header nav .user a i {
            font-size: 1.25rem;
            color: #072A48; }
          body > header nav .user a span {
            display: inline-block;
            margin-left: 0.75rem; }
        body > header nav .user ul {
          position: relative !important;
          top: 0 !important; }
          body > header nav .user ul a {
            border: 0;
            padding: 0.5rem 1.5rem; } }
      @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 li:last-child a {
            margin-right: 0; }
          body > header nav .user ul {
            background: #072A48; }
            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: #D1D1D1; }
          body > header nav .user > li > a {
            margin: 0 0.75rem; }
            body > header nav .user > li > a i {
              font-size: 1.25rem; }
            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: #425F77; }
            body > header nav .user > li > a:active {
              color: #D1D1D1; } }
    body > header nav .utility li {
      padding: 0;
      margin: 0; }
    @media (max-width: 991.9px) {
      body > header nav .utility i {
        font-size: 1.25rem;
        color: #072A48; }
      body > header nav .utility a {
        padding: 0.5rem 1.5rem; }
      body > header nav .utility span {
        display: inline-block;
        margin-left: 0.75rem; } }
    @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: 1.25rem;
            color: #072A48; }
          body > header nav .utility a span {
            padding-left: 0.625rem; }
          body > header nav .utility a:hover, body > header nav .utility a:focus {
            text-decoration: none;
            color: #CCD5DC; }
        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: #D1D1D1;
          padding: 0.5rem; }
          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: #072A48; }
          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: 0.75rem; }
    @media (min-width: 768px) {
      body > header .mobile-cart {
        margin-left: 1rem; } }
    body > header .mobile-cart i {
      font-size: 1.25rem; }
    @media (min-width: 992px) {
      body > header .mobile-cart {
        position: absolute;
        right: 1rem;
        top: 2.25rem;
        -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 .icon-green-check {
    color: #139B20;
    font-size: 1.5rem !important;
    margin-right: 8px !important; }
  body > header .mini-header {
    background: #EFF2F4;
    padding: 1rem; }
    body > header .mini-header span {
      background: #EFF2F4;
      font-size: 0.875rem;
      font-weight: 325; }
  body > header .toggle-elements [data-cart-preview] {
    display: none; }
    @media (max-width: 991.9px) {
      body > header .toggle-elements [data-cart-preview] {
        display: flex;
        margin-left: 1.125rem; }
        body > header .toggle-elements [data-cart-preview] i {
          font-size: 1.25rem; }
        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: #C52033;
    color: #fff;
    padding: 0.375rem;
    font-size: 0.625rem;
    line-height: .5em;
    margin-left: 0.125rem;
    border-radius: 2.5rem;
    align-self: center;
    position: relative; }
    body > header .cart-quantity.is-empty {
      display: none; }
    body > header .cart-quantity.has-quantity {
      display: flex;
      align-items: center; }
  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 1rem rgba(0, 0, 0, 0.25);
    height: 100%;
    overflow: scroll;
    max-width: 90%; }
    @media (min-width: 768px) {
      body > header .cart-dropdown {
        max-width: 31.25rem; } }
    body > header .cart-dropdown .icon-close {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 1000;
      cursor: pointer; }
    body > header .cart-dropdown > span {
      text-align: center;
      margin: 0 auto 0;
      font-weight: 325;
      padding-top: 1rem;
      padding-bottom: 1rem;
      display: block;
      background: #EFF2F4; }
    body > header .cart-dropdown .mini-header span {
      text-align: left;
      margin: 0;
      display: inline; }
    body > header .cart-dropdown .options {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      column-gap: 3px; }
    @media (min-width: 992px) {
      body > header .cart-dropdown .cnt {
        display: grid;
        grid-template-columns: 1fr 50px;
        column-gap: 20px; }
        body > header .cart-dropdown .cnt h3, body > header .cart-dropdown .cnt .options, body > header .cart-dropdown .cnt p {
          grid-column: 1 / span 1; }
        body > header .cart-dropdown .cnt .price {
          grid-column: 2 / span 1;
          grid-row-start: 1;
          display: flex;
          flex-direction: column; } }
    body > header .cart-dropdown.is-loading {
      min-width: 90%; }
      @media (min-width: 768px) {
        body > header .cart-dropdown.is-loading {
          min-width: 31.25rem; } }
    body > header .cart-dropdown.is-visible {
      width: 90%;
      transform: translate(0, 0); }
      @media (min-width: 768px) {
        body > header .cart-dropdown.is-visible {
          width: 31.25rem; } }
      @media (min-width: 992px) {
        body > header .cart-dropdown.is-visible {
          width: 36.75rem; } }
    body > header .cart-dropdown .checkout > a {
      font-weight: 325;
      font-size: 0.875rem;
      text-decoration: underline;
      display: inline-block;
      width: 46%;
      text-align: right; }
    body > header .cart-dropdown h2 {
      font-weight: bold;
      padding: 0.375rem;
      margin: 0;
      text-align: left;
      display: inline-block;
      width: 50%; }
      @media (min-width: 992px) {
        body > header .cart-dropdown h2 {
          font-size: 1.5rem; } }
    body > header .cart-dropdown .free-shipping-box {
      text-align: center;
      font-size: 0.75rem; }
      body > header .cart-dropdown .free-shipping-box .h5 {
        display: none; }
      body > header .cart-dropdown .free-shipping-box > div {
        padding: 0.625rem; }
    body > header .cart-dropdown .buttons {
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
      body > header .cart-dropdown .buttons .btn-secondary {
        margin-bottom: 0.5rem; }
    body > header .cart-dropdown .prouducts p {
      font-size: 0.875rem;
      font-weight: 325; }
    body > header .cart-dropdown .content {
      padding: 1rem; }
    body > header .cart-dropdown .subtotal {
      font-size: 1rem;
      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 1rem; }
    body > header .cart-dropdown .view-cart {
      float: right; }
    body > header .cart-dropdown .or-use-label {
      margin-bottom: 1rem; }
    body > header .cart-dropdown dl {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto;
      column-gap: 0.625rem;
      row-gap: 0.25rem;
      padding: 0;
      margin: 0;
      border-top: 1px solid #ffffff;
      margin: 0.3125rem 0 0.3125rem 0;
      padding: 0.625rem 0 0.625rem 0; }
    body > header .cart-dropdown dd, body > header .cart-dropdown dt {
      margin: 0;
      padding: 0;
      font-size: .8em; }
    body > header .cart-dropdown .products {
      position: static;
      display: block;
      left: auto;
      top: auto;
      transform: none;
      background: none;
      padding: 1.25rem 0 0;
      margin-bottom: 2rem; }
      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: 70px 1fr;
        grid-template-rows: auto;
        column-gap: 1rem;
        padding: 0.75rem 0;
        font-size: 0.875rem;
        border-bottom: 1px solid #CCD5DC;
        padding: 0.625rem;
        margin-bottom: 1.25rem; }
      body > header .cart-dropdown .products .name {
        margin: 0 0 0.5rem;
        font-size: 1rem;
        line-height: 1.5;
        white-space: normal; }
      body > header .cart-dropdown .products img {
        width: 100%;
        height: auto; }
      body > header .cart-dropdown .products .subtotal {
        font-size: 1.125rem;
        font-weight: 350; }
      body > header .cart-dropdown .products .icon-lock-01 {
        font-size: 1.5rem; }

@media (max-width: 991.9px) {
  body.has-fanshop-select > header nav {
    position: fixed;
    left: 0;
    top: 6.875rem;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

@media (max-width: 767.9px) {
  body.has-fanshop-select > header nav {
    position: fixed;
    left: 0;
    top: 7.8125rem;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

@media (max-width: 991.9px) {
  .nav-open {
    height: 100vh;
    overflow: hidden; }
    .nav-open > header .toggle-search {
      opacity: 0; } }

/*  --------------------------------------------------------------------------  *\

    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.25rem;
  width: 90%;
  max-width: 75rem;
  min-width: 20rem;
  min-height: remCal(240);
  max-height: 90vh;
  display: none;
  visibility: hidden;
  opacity: 0; }
  .modal--small {
    width: 50%; }
  .modal .modal-window {
    padding: 0;
    max-height: 90vh;
    overflow-y: scroll; }
  .modal .modal-body {
    padding: 2.5rem;
    overflow: auto; }
  .modal .modal-close {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    display: block;
    background: #fff;
    border: 0.125rem solid #072A48;
    color: #072A48;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    font-size: 1rem;
    z-index: 15001; }
    .modal .modal-close:before {
      content: " ";
      position: absolute;
      right: 0;
      top: 50%;
      border-width: 0.625rem;
      border-style: solid;
      border-color: transparent transparent #072A48 transparent; }
    .modal .modal-close:after {
      content: attr(title);
      padding: 0.25rem 0.375rem;
      background-color: #072A48;
      color: #fff;
      position: absolute;
      font-size: 1rem;
      white-space: nowrap;
      right: 0;
      top: 100%;
      cursor: default;
      border-radius: 0.5rem; }
    .modal .modal-close:before, .modal .modal-close:after {
      display: none; }
    .modal .modal-close:focus:before, .modal .modal-close:focus:after {
      display: block; }
  .modal--alert {
    border: 1px solid #ffffff;
    padding: 40px 20px 20px 20px;
    text-align: center;
    width: auto; }
    .modal--alert .modal-content {
      padding-bottom: 1.25rem; }
  .modal--side, .modal .loadingOverlay {
    border-radius: 0;
    position: fixed;
    z-index: 150001;
    right: 0 !important;
    top: 0 !important;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: auto;
    max-height: 100vh;
    height: 100%;
    width: 350px;
    right: 0;
    left: auto;
    transform: none; }
  .modal--side .modal-close {
    left: 0;
    top: 1.875rem;
    border: 0; }
  .modal--side .title {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EFF2F4; }
  .modal--side .btn-secondary {
    width: 100%; }
  .modal--side .modal-window, .modal--side .modal-content, .modal--side .modal-body {
    max-height: 100vh !important;
    height: 100% !important; }
  .modal--side .modal-body {
    padding: 1.25rem; }
  .modal--side .quickView > div {
    flex-direction: column; }
    .modal--side .quickView > div .h2 {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 0.875rem; }
  .modal--side .gallery-wrap {
    grid-template-areas: "gallery_main" !important;
    grid-template-columns: 100% !important;
    grid-template-rows: 100% !important;
    gap: 0 !important; }
    .modal--side .gallery-wrap .gallery-thumbs {
      display: none !important; }
    .modal--side .gallery-wrap form {
      display: none !important; }
    .modal--side .gallery-wrap a {
      cursor: crosshair !important; }
    .modal--side .gallery-wrap .dots, .modal--side .gallery-wrap .controls-container, .modal--side .gallery-wrap .whitefade-bottom, .modal--side .gallery-wrap .whitefade-top {
      display: none !important; }

@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: #072A48;
  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%; }

/*  --------------------------------------------------------------------------  *\

    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; }

.button {
  appearance: none;
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem;
  margin: 0;
  border-radius: 0;
  border: 0;
  font-size: 0.75rem;
  letter-spacing: 0.64px;
  text-align: center;
  text-decoration: none;
  width: auto;
  font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
  line-height: inherit;
  font-weight: 600;
  text-transform: capitalize; }
  @media (min-width: 992px) {
    .button {
      font-size: 0.875rem; } }
  .button svg {
    display: inline-block;
    width: 1.25rem;
    height: 1rem;
    fill: currentColor; }
  .button:hover, .button:focus {
    text-decoration: none; }
  .button + .button {
    margin: 0 0 0 0.75rem; }
  .button.swal2-confirm {
    border-color: #072A48;
    background: #072A48;
    color: #fff; }
    .button.swal2-confirm:hover, .button.swal2-confirm:focus {
      background: #fff;
      color: #072A48; }
  .button.swal2-cancel {
    border-color: #ffffff; }
    .button.swal2-cancel:hover, .button.swal2-cancel:focus {
      color: #072A48; }

.swal2-icon {
  display: flex; }

.swal2-container {
  z-index: 1000; }

.hidden {
  display: none; }

.dialog_label {
  text-align: center; }

.dialog_form {
  margin: 15px; }

.dialog_form .label_text {
  box-sizing: border-box;
  padding-right: 0.5em;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  width: 30%;
  text-align: right; }

.dialog_form .label_info {
  box-sizing: border-box;
  padding-right: 0.5em;
  font-size: 12px;
  width: 30%;
  text-align: right;
  display: inline-block; }

.dialog_form_item {
  margin: 10px 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 20px 20px; }

.dialog_close_button {
  float: right;
  position: absolute;
  top: 10px;
  left: 92%;
  height: 25px; }

.dialog_close_button img {
  border: 0; }

.dialog_desc {
  padding: 10px 20px; }

/* native <dialog> 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: 640px) {
  .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: 1rem;
  line-height: 1.3;
  min-width: 400px;
  max-width: 100%;
  width: 33%; }

.toast {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 1rem;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  top: 1rem;
  right: 1rem;
  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: 120px;
  position: relative; }

.loadingOverlay {
  position: fixed;
  z-index: 15000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  transition: all 250ms ease-out;
  display: flex;
  align-items: center;
  min-height: 200px; }
  .loadingOverlay:after {
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    border: 0.25rem solid #072A48;
    content: "";
    animation: spinner 1s ease-out 0s infinite; }
  .loadingOverlay:after {
    height: 4rem;
    width: 4rem;
    border-top-color: transparent;
    border-bottom-color: transparent; }
  .loadingOverlay:before {
    height: 2.625rem;
    width: 2.625rem;
    border-radius: 2.625rem;
    border: solid 0.125rem;
    border-color: #072A48 #072A48 #CCD5DC #CCD5DC;
    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: 3rem;
  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: 3.6rem;
  transform: scale(0.9) translateX(-50%); }

.loadingNotification.ng-hide-remove-active {
  opacity: 1;
  top: 3rem;
  transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #666;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  padding: 0.35714rem 0.78571rem; }

/*  --------------------------------------------------------------------------  *\

    NAVS - BREADCRUMBS

\*  --------------------------------------------------------------------------  */
nav.breadcrumbs {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.75rem; }
  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; }
    .hero-banner nav.breadcrumbs .container::after {
      background: none; }
  @media (min-width: 768px) {
    nav.breadcrumbs {
      display: block; }
      nav.breadcrumbs ol li {
        display: block; } }
  @media (min-width: 992px) {
    nav.breadcrumbs {
      margin-bottom: 1.5rem; } }
  nav.breadcrumbs a {
    text-decoration: none; }
  nav.breadcrumbs ol {
    position: relative;
    padding-top: 1rem;
    margin: 0 0 0.5rem 0 !important;
    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.625rem;
        color: #425F77; }
      nav.breadcrumbs ol li.is-active a {
        color: #072A48;
        font-weight: 600; }
  nav.breadcrumbs.nav-overlay ol {
    position: absolute;
    z-index: 1; }
  nav.breadcrumbs.nav-overlay .container::after {
    display: none; }
  nav.breadcrumbs.nav-overlay .container ol li i, nav.breadcrumbs.nav-overlay .container ol li a {
    color: white; }

/*  --------------------------------------------------------------------------  *\

    NAVS - PAGINATION

\*  --------------------------------------------------------------------------  */
nav.pagination {
  padding: 1.5rem 0 0;
  margin: 3rem 0 0;
  border-top: 1px solid #D1D1D1; }
  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 nowrap;
    margin: 0;
    padding: 0; }
  nav.pagination li {
    margin: 0 0.0625rem; }
  nav.pagination a {
    display: block;
    text-align: center;
    color: #072A48;
    text-decoration: none; }
  nav.pagination .icon-arrow-left {
    margin-right: 1rem; }
  nav.pagination .icon-arrow-right {
    margin-left: 1rem; }
  nav.pagination .pagination-item {
    width: 1.625rem;
    height: 1.625rem; }
    nav.pagination .pagination-item--current {
      background-color: #072A48; }
      nav.pagination .pagination-item--current a {
        color: #fff; }
    nav.pagination .pagination-item:hover, nav.pagination .pagination-item:focus {
      background-color: #EFF2F4; }
      nav.pagination .pagination-item:hover a, nav.pagination .pagination-item:focus a {
        color: #072A48; }
    nav.pagination .pagination-item:active {
      background: linear-gradient(0deg, rgba(57, 57, 57, 0.2), rgba(57, 57, 57, 0.2)), #EFF2F4; }

.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.5rem; }
  .pagination-list a {
    display: block;
    padding: 0.25rem;
    color: #D1D1D1; }

.page-type-default main {
  overflow-x: hidden; }

main > header ~ section:first-of-type {
  margin-top: 0; }

section {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    section {
      margin-top: 3rem; } }
  @media (min-width: 992px) {
    section {
      margin-top: 5rem; } }
  section.no-margin-top, section.no-header {
    margin-top: 0; }
  section.half-margin-top {
    margin-top: 1rem; }
    @media (min-width: 768px) {
      section.half-margin-top {
        margin-top: 1.5rem; } }
    @media (min-width: 992px) {
      section.half-margin-top {
        margin-top: 2.5rem; } }
  section.full-margin {
    margin-top: 2rem !important; }
    @media (min-width: 768px) {
      section.full-margin {
        margin-top: 3rem !important; } }
    @media (min-width: 992px) {
      section.full-margin {
        margin-top: 5rem !important; } }

/*  --------------------------------------------------------------------------  *\

    REVIEW STARS

\*  --------------------------------------------------------------------------  */
.icon-star-full {
  color: #CCD5DC; }

.icon-star-empty {
  color: #D1D1D1; }

/*  --------------------------------------------------------------------------  *\

    COOKIE CONSENT BANNER

\*  --------------------------------------------------------------------------  */
.cookie-consent-modal {
  padding-top: 0;
  position: relative;
  width: auto;
  height: auto;
  z-index: 10000000000;
  font-family: sans-serif; }

.cookie-consent-modal .modal-content-wrap {
  position: fixed;
  bottom: 0;
  margin: 0; }

.cookie-consent-modal .modal-content-wrap.right {
  right: 0; }

.cookie-consent-modal .modal-content-wrap.left {
  left: 0; }

.cookie-consent-modal .modal-content-wrap .modal-content {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  width: 100vw;
  border-radius: 0.2rem; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-header {
  padding: 1rem;
  border-bottom: 1px 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;
  padding: 0 1.25rem; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-body {
  padding: 1rem 1rem;
  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: #2f6cdd; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-body a:hover {
  color: #032a71; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer {
  padding: 1rem 0.5rem 0.5rem 0.5rem; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap; }

.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn {
  padding: 0.7rem 1.1rem;
  cursor: pointer;
  border: none;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem; }

.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 {
  background-color: #fff;
  font-size: .8em;
  color: #000;
  width: auto; }

@media screen and (max-width: 620px) {
  .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: 620px) {
  .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 {
  display: grid; }
  @media (min-width: 576px) {
    .cookie-consent-modal .modal-content {
      grid-template-columns: auto 1fr auto; } }

.cookie-consent-modal .modal-header {
  width: 100%; }

/*  --------------------------------------------------------------------------  *\

    COMPONENTS

    This loads all the components into the website

\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\
    AUTH COMPONENTS
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    AUTH - CREATE

\*  --------------------------------------------------------------------------  */
@media (min-width: 768px) {
  .auth-create .container {
    max-width: 1166.66667px; } }

@media (min-width: 992px) {
  .auth-create .container {
    max-width: 933.33333px; } }

.auth-create .form-el[data-type*="Address"] {
  width: 100%; }

.auth-create h2 {
  width: 100%; }
  .auth-create h2 ~ h2 {
    margin-top: 1.5rem;
    border-top: 0.0625rem solid #EFF2F4;
    padding-top: 1.5rem; }

.auth-create .form-actions {
  width: 100%;
  justify-content: center; }

/*  --------------------------------------------------------------------------  *\

    AUTH - LOGIN

\*  --------------------------------------------------------------------------  */
.auth-login .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "form" "aside";
  gap: 2rem; }
  .auth-login .container aside {
    grid-area: aside;
    background: #F0F0F1;
    padding: 1.5rem;
    border-radius: 0.625rem; }
  .auth-login .container > div {
    grid-area: form; }
  .auth-login .container .btn-text {
    margin-left: 1.25rem; }
  .auth-login .container li::before {
    /* add the new bullet point */
    content: '';
    border-radius: 0.75rem;
    height: 0.625rem;
    width: 0.625rem;
    top: 0;
    transform: translate(0, 50%);
    background-color: #D1D1D1; }
  @media (min-width: 768px) {
    .auth-login .container {
      grid-template-columns: 1.5fr 1fr;
      grid-template-areas: "form aside";
      column-gap: 3.75rem; } }
  @media (min-width: 992px) {
    .auth-login .container {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "form aside";
      column-gap: 6.25rem; } }

/*  --------------------------------------------------------------------------  *\

    AUTH - RESET

\*  --------------------------------------------------------------------------  */
@media (min-width: 768px) {
  .auth-reset .container {
    max-width: 1166.66667px; } }

@media (min-width: 992px) {
  .auth-reset .container {
    max-width: 933.33333px; } }

.auth-reset .form-actions {
  width: 100%;
  justify-content: center; }

/*  --------------------------------------------------------------------------  *\

    AUTH - RESET

\*  --------------------------------------------------------------------------  */
@media (min-width: 768px) {
  .auth-new .container {
    max-width: 1166.66667px; } }

@media (min-width: 992px) {
  .auth-new .container {
    max-width: 933.33333px; } }

.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: 0.75rem;
    left: 0;
    background: #F0F0F1;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center; }
    @media (min-width: 992px) {
      .blog-card .tags {
        top: 1.5rem; } }
    .blog-card .tags li {
      padding: 0;
      margin: 0;
      font-weight: 600;
      font-size: 12px; }
      .blog-card .tags li + li {
        margin-left: 4px; }
      .blog-card .tags li a {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
        color: #072A48; }
        .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 .cnt {
    padding-top: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1; }
    .blog-card .cnt h3 a {
      font-weight: 500;
      text-decoration: none;
      color: #072A48; }
      .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: 0.875rem;
      margin: 0 0 0.25rem;
      font-weight: 600;
      font-size: 10px;
      color: #072A48;
      line-height: 16px; }
      @media (min-width: 992px) {
        .blog-card .cnt .by-line {
          font-size: 0.75rem;
          line-height: 1.125rem; } }
    @media (min-width: 992px) {
      .blog-card .cnt .summary {
        margin-bottom: 2.5rem; } }
    .blog-card .cnt .btn-secondary {
      width: 100%; }
      @media (min-width: 992px) {
        .blog-card .cnt .btn-secondary {
          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 -1rem; }
    .feed-blog-feat .card-blog {
      margin: 0 1rem; } }

aside .feed-blog-feat {
  flex-flow: column nowrap;
  margin: 0 0 1.5rem; }
  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: 1rem; }

.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.5rem; }
    @media (min-width: 768px) {
      .blog-header > .container h1 {
        margin-top: 0;
        margin-bottom: 1.5rem; } }
  .blog-header > .container .filter-dropdown {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    .blog-header > .container .filter-dropdown select {
      min-width: 190px; }
  .blog-header > .container label {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: nowrap; }
  @media (min-width: 768px) {
    .blog-header > .container {
      margin-bottom: 1.5rem; }
      .blog-header > .container .filter-dropdown, .blog-header > .container h1 {
        margin-bottom: 0; } }

.blog-hero {
  margin-top: 1rem; }
  .blog-hero .container > div {
    background-color: #072A48;
    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: 1.5rem 1.5rem 2.5rem 1.5rem;
      margin: auto auto; }
      .blog-hero .container > div > div a {
        text-decoration: none;
        font-weight: 500; }
        .blog-hero .container > div > div a:hover {
          text-decoration: underline; }
      @media (min-width: 768px) {
        .blog-hero .container > div > div {
          padding: 2rem; } }
      @media (min-width: 992px) {
        .blog-hero .container > div > div {
          padding: 4rem; } }
    .blog-hero .container > div ul {
      margin: 0;
      display: flex; }
      .blog-hero .container > div ul .tag {
        margin-left: 4px;
        font-size: 0.875rem; }
        .blog-hero .container > div ul .tag:first-child {
          margin: 0; }
      .blog-hero .container > div ul li > a {
        text-align: left;
        font-size: 0.875rem;
        line-height: 1.5;
        text-transform: uppercase; }
        @media (min-width: 992px) {
          .blog-hero .container > div ul li > a {
            margin-bottom: 0.25rem; } }
    .blog-hero .container > div li {
      padding: 0;
      margin: 0; }
    .blog-hero .container > div h2 {
      text-align: left;
      margin-bottom: 1rem; }
    .blog-hero .container > div p {
      display: -webkit-box !important;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 3; }
      @media (min-width: 992px) {
        .blog-hero .container > div p {
          margin-bottom: 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: #F0F0F1; }
  .bg-color h1 {
    padding-top: 1.5rem;
    margin-top: 0; }
    @media (min-width: 768px) {
      .bg-color h1 {
        padding-top: 0; } }

.layout-blog .feed-blog {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
  row-gap: 1.5rem; }
  @media (min-width: 768px) {
    .layout-blog .feed-blog {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 1rem;
      row-gap: 3rem; } }
  @media (min-width: 992px) {
    .layout-blog .feed-blog {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 2rem;
      row-gap: 3.25rem; } }
  @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: 1rem;
  position: relative; }
  @media (min-width: 992px) {
    .layout-blog .blog-detail {
      display: grid;
      padding-top: 3.25rem;
      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: 20px;
    left: 100%;
    margin-top: 20px; }
    @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: 2rem 0 1.5rem;
    background: transparent; }
    @media (min-width: 768px) {
      .layout-blog .blog-detail aside {
        padding: 3rem 0 1.5rem; } }
    @media (min-width: 992px) {
      .layout-blog .blog-detail aside {
        padding: 0; }
        .layout-blog .blog-detail aside > div {
          position: sticky;
          top: 7.5rem; } }

/*  --------------------------------------------------------------------------  *\

    BLOG - FEED

\*  --------------------------------------------------------------------------  */
.by-line {
  color: #072A48; }

.page-type-blog_post h1 {
  text-transform: capitalize;
  font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
  font-size: 1.6875rem; }
  @media (min-width: 992px) {
    .page-type-blog_post h1 {
      font-size: 2rem; } }

.page-type-blog_post .by-line {
  color: #072A48; }

.socialLinks {
  display: flex;
  gap: 0.625rem; }

@media (min-width: 992px) {
  .blog-detail {
    padding-bottom: 3rem; } }

.blog-detail a {
  font-weight: 500; }

.blog-detail > article ul {
  list-style: unset; }

.blog-detail > article ol {
  list-style: none; }
  .blog-detail > article ol li:before {
    margin-left: -1.5rem; }

.blog-detail > article ol, .blog-detail > article ul {
  margin-left: 1.5rem; }
  .blog-detail > article ol li, .blog-detail > article ul li {
    padding-left: 0.5rem; }
    .blog-detail > article ol li > ul, .blog-detail > article ol li ol, .blog-detail > article ul li > ul, .blog-detail > article ul li ol {
      margin-top: 0.5rem; }

.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: 3.25rem; }

.blog-detail .tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 0.5rem;
  margin: 0; }

.blog-detail .tags li {
  padding: 0; }
  .blog-detail .tags li > a {
    font-size: 0.875rem; }
  .blog-detail .tags li:before {
    display: none; }

/*  --------------------------------------------------------------------------  *\
    CART COMPONENTS
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    CART - ACTIONS

\*  --------------------------------------------------------------------------  */
.cart-aside {
  margin-top: 1.5rem;
  background: #F0F0F1;
  padding: 1.5rem 1rem; }
  @media (min-width: 768px) {
    .cart-aside {
      margin-top: 0;
      position: sticky;
      top: 5rem; } }
  @media (min-width: 992px) {
    .cart-aside {
      top: 8.75rem;
      padding: 2.5rem; } }
  .cart-aside h2 {
    text-align: left; }
  .cart-aside .cart-actions .btn-primary {
    width: 100%; }

.shipping-info {
  margin-top: 2.5rem; }
  .shipping-info ul {
    font-size: 0.75rem; }

.free-shipping-box > div {
  background: #ffffff; }

.free-shipping-box p {
  margin-bottom: 0.5rem;
  font-weight: 500; }
  @media (min-width: 992px) {
    .free-shipping-box p {
      font-size: 1rem; } }

.free-shipping-box .free-shipping-outline {
  height: 0.75rem;
  background: #fff;
  border: 1px solid #CCD5DC;
  border-radius: 0.625rem;
  position: relative;
  width: 100%; }
  .free-shipping-box .free-shipping-outline .free-shipping-bar {
    display: block;
    height: 100%;
    padding: 2px; }
    .free-shipping-box .free-shipping-outline .free-shipping-bar .animate-bar {
      background: #072A48;
      height: 100%;
      animation: progressBar 2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      animation-fill-mode: both;
      position: relative;
      border-radius: 10px; }
    .free-shipping-box .free-shipping-outline .free-shipping-bar .price-left {
      position: absolute;
      right: -40px;
      top: 14px;
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      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 .price-left {
    right: 0 !important; }

/*  --------------------------------------------------------------------------  *\

    CART - SHIPPING ESTIMATES

\*  --------------------------------------------------------------------------  */
.shipping-quotes ul {
  margin: 0 0 1rem; }
  .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.25rem 0.5rem; }
    .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 input[type="radio"] {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    .shipping-quotes ul input[type="radio"] + label {
      position: relative;
      padding: 0 0 0 1.25rem;
      margin: 0; }
      .shipping-quotes ul input[type="radio"] + label:before {
        position: absolute;
        left: 0;
        top: 0.625rem;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        height: 0.625rem;
        width: 0.625rem;
        border: 0.0625rem solid #8499AA;
        content: "";
        border-radius: 100%; }
    .shipping-quotes ul input[type="radio"]:checked + label:before {
      box-shadow: inset 0 0 0 0.125rem #fff;
      background: #8499AA; }

/*  --------------------------------------------------------------------------  *\

    CART - LAYOUT

\*  --------------------------------------------------------------------------  */
.cart .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'title'
 'promo'
 'cnt'
 'aside';
  column-gap: 2rem;
  row-gap: 0; }
  @media (min-width: 768px) {
    .cart .container {
      grid-template-columns: 2fr 1.5fr;
      grid-template-rows: auto auto 100%;
      grid-template-areas: 'title aside'
 'promo aside'
 'cnt aside';
      column-gap: 2.5rem; } }
  @media (min-width: 1200px) {
    .cart .container {
      grid-template-columns: 2fr 1.5fr; } }

.cart h1 {
  grid-area: title;
  text-align: left;
  margin-top: 1.5rem; }
  @media (min-width: 768px) {
    .cart h1 {
      margin-top: 0; } }

.cart .cart-additionalCheckoutButtons {
  margin-top: 0.5rem;
  margin-left: 0;
  width: 100%; }

.cart .or-use-label {
  margin: 0 0 0.5rem !important; }

.cart .free-shipping-box {
  grid-area: promo; }
  .cart .free-shipping-box p {
    text-align: center; }
  .cart .free-shipping-box > div {
    padding: 1rem 1.5rem; }
  .cart .free-shipping-box .h5 {
    display: none; }

.cart .cnt {
  grid-area: cnt; }

.cart aside {
  grid-area: aside; }
  @media (min-width: 768px) {
    .cart aside {
      align-self: start; } }

.cart .desktop-only {
  display: none; }
  @media (min-width: 992px) {
    .cart .desktop-only {
      display: inline-block;
      margin: 0 4px; } }

@media (min-width: 768px) {
  .cart .mobile-only {
    display: none; } }

/*  --------------------------------------------------------------------------  *\

    CART - LINE ITEMS

\*  --------------------------------------------------------------------------  */
.price--discounted {
  color: #D1D1D1;
  text-decoration: 1px #D1D1D1 line-through;
  margin-right: 0.5rem; }

.line-items {
  /*  --------------------------------------------------------------------------  *\

    CART - LINE ITEMS LAYOUT

\*  --------------------------------------------------------------------------  */ }
  .line-items tr {
    display: grid;
    grid-template-rows: auto 1fr auto;
    border-bottom: 1px solid #D1D1D1;
    border-radius: 0.25rem;
    padding: 1.5rem 0;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: 'image name remove' 
 'image price remove'
 'image options remove'
 'image quantity remove'
 'image total remove';
    column-gap: 1rem; }
    @media (min-width: 992px) {
      .line-items tr {
        grid-template-columns: 8.125rem auto;
        grid-template-areas: 'image name remove' 
 'image price remove'
 'image options options'
 'image quantity total'; } }
    .line-items tr.no-options {
      grid-template-rows: auto auto;
      grid-template-areas: 'image name remove' 
 'image price remove'
 'image quantity remove'
 'image total remove'
 'image .  .'; }
      @media (min-width: 992px) {
        .line-items tr.no-options {
          grid-template-areas: 'image name remove' 
 'image price remove'
 'image options remove'
 'image quantity total'
 'image . .'; } }
    @media (min-width: 992px) {
      .line-items tr {
        column-gap: 2.5rem; } }
    .line-items tr .line-item-image {
      grid-area: image; }
    .line-items tr .line-item-name {
      grid-area: name;
      margin-bottom: 1rem; }
    .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: 1rem;
      margin-top: 1rem; }
    .line-items tr .line-item-options {
      margin-top: 0.25rem;
      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: flex-end; } }
    .line-items tr .line-item-remove {
      grid-area: remove;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      flex-flow: row nowrap; }
      .line-items tr .line-item-remove:empty {
        display: none; }
  .line-items .line-item-remove button {
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem; }
    .line-items .line-item-remove button span {
      position: relative;
      right: 0;
      top: 0px;
      font-size: 1rem;
      color: #072A48;
      margin: 0; }
  .line-items .line-item-name small {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.125rem;
    display: none; }
    @media (min-width: 992px) {
      .line-items .line-item-name small {
        font-size: 0.75rem; } }
  .line-items .line-item-name a {
    text-decoration: none;
    color: #072A48; }
    .line-items .line-item-name a:hover, .line-items .line-item-name a:focus {
      text-decoration: underline;
      color: #425F77; }
    @media (min-width: 992px) {
      .line-items .line-item-name a {
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.5; } }
  .line-items .form-increment input {
    border: 0;
    border-left: 0.0625rem solid #D1D1D1;
    border-right: 0.0625rem solid #D1D1D1; }
  .line-items .form-increment > div {
    background: #ffffff;
    border: 0.0625rem solid #D1D1D1; }
  .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-weight: 400;
    font-size: 14px;
    line-height: 22px; }
  .line-items .line-item-subtotal h3, .line-items .line-item-subtotal .h3 {
    margin: 0 0.5rem 0 0; }
  .line-items .line-item-price span {
    font-size: 0.875rem; }
    @media (min-width: 992px) {
      .line-items .line-item-price span {
        font-size: 1.125rem; } }
  .line-items .line-item-options dl {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    column-gap: 0.625rem;
    row-gap: 0.25rem;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ffffff;
    margin: 0.3125rem 0 0.3125rem 0;
    padding: 0.625rem 0 0.625rem 0; }
  .line-items .line-item-options dd, .line-items .line-item-options dt {
    margin: 0;
    padding: 0;
    font-size: .8em; }
  .line-items .line-item-options .btn-txt {
    display: none;
    justify-content: flex-start;
    text-transform: capitalize;
    letter-spacing: 0.01em; }
    .line-items .line-item-options .btn-txt .icon-pencil {
      margin-left: 0.5rem; }
  .line-items table {
    width: 100%;
    font-size: 1rem;
    margin: 0 0 1.5rem; }
    @media (min-width: 992px) {
      .line-items table {
        margin: 0 0 2.5rem; } }
  .line-items table, .line-items tbody {
    display: block; }
  .line-items thead {
    display: none; }
  .line-items .form-increment {
    margin: 0; }
  .line-items .btn-secondary {
    width: 100%; }
    @media (min-width: 992px) {
      .line-items .btn-secondary {
        width: auto; } }

/*  --------------------------------------------------------------------------  *\

    CART - MODAL - CHANGES

\*  --------------------------------------------------------------------------  */
#CartEditProductFieldsForm {
  max-width: 30rem;
  /*  --------------------------------------------------------------------------  *\

    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.125rem; }
    #CartEditProductFieldsForm .set-swatch label {
      font-weight: 500; }
    #CartEditProductFieldsForm .set-swatch .White-swatch {
      border: 1px solid #000; }
    #CartEditProductFieldsForm .set-swatch .options {
      position: relative;
      top: -0.1875rem;
      left: -0.1875rem; }
      #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: 1.875rem;
        height: 1.875rem;
        border: 3px solid transparent; }
        #CartEditProductFieldsForm .set-swatch .options label > span {
          transform: rotate(45deg);
          border-radius: 100%;
          width: 100%;
          border: 1px solid #CCD5DC; }
        #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::before {
          content: "";
          position: absolute;
          border-radius: 100%;
          width: 1.875rem;
          height: 1.875rem;
          transform: translateY(-4px) translateX(-4px); }
        #CartEditProductFieldsForm .set-swatch .options label.unavailable {
          position: relative; }
          #CartEditProductFieldsForm .set-swatch .options label.unavailable span {
            opacity: .1; }
          #CartEditProductFieldsForm .set-swatch .options label.unavailable::after {
            border-top: 1px solid #D1D1D1;
            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: 1px dashed #425F77; }
      #CartEditProductFieldsForm .set-swatch .options label.pattern {
        border-radius: 0; }
        #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;
          transform: translateY(-4px) translateX(-4px); }
        #CartEditProductFieldsForm .set-swatch .options label.pattern .form-option-expanded {
          display: none; }
      #CartEditProductFieldsForm .set-swatch .options input {
        position: absolute;
        width: 1px !important;
        height: 1px;
        padding: 0;
        margin: -1px;
        border: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0); }
        #CartEditProductFieldsForm .set-swatch .options input:checked + label::before {
          border: 1px solid #072A48; }
        #CartEditProductFieldsForm .set-swatch .options input:checked + label.unavailable::before {
          border: 1px solid #EFF2F4; }
  #CartEditProductFieldsForm .productOptions-list {
    border: 1px solid #D1D1D1; }
    #CartEditProductFieldsForm .productOptions-list li {
      margin: 0; }
    #CartEditProductFieldsForm .productOptions-list input {
      width: auto; }
    #CartEditProductFieldsForm .productOptions-list img {
      aspect-ratio: 1;
      max-width: 3.75rem;
      display: block;
      width: 100%;
      object-fit: cover; }
    #CartEditProductFieldsForm .productOptions-list .productOptions-list-item {
      padding: 0.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1.25rem; }
      #CartEditProductFieldsForm .productOptions-list .productOptions-list-item + .productOptions-list-item {
        border-top: 1px solid #EFF2F4; }
    #CartEditProductFieldsForm .productOptions-list .productOptions-list-item-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      gap: 1.25rem; }
  #CartEditProductFieldsForm #prodd #product-list-label {
    font-weight: bold;
    font-size: 0.875rem; }
  #CartEditProductFieldsForm #prodd .productOptions-list {
    border: 1px solid #EFF2F4;
    border-radius: 0.375rem;
    margin-bottom: 1rem !important; }
  #CartEditProductFieldsForm #prodd .productOptions-list-item {
    display: flex;
    margin: 0;
    padding: 0.75rem; }
    #CartEditProductFieldsForm #prodd .productOptions-list-item + .productOptions-list-item {
      border-top: 1px solid #EFF2F4; }
    #CartEditProductFieldsForm #prodd .productOptions-list-item figure {
      margin: 0; }
    #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content {
      border: 2px solid fuchsia;
      display: grid;
      grid-template-columns: 1fr auto;
      column-gap: 0.75rem;
      align-items: center; }
      #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content input {
        width: 0.9375rem; }
      #CartEditProductFieldsForm #prodd .productOptions-list-item .productOptions-list-item-content label {
        margin: 0; }
  #CartEditProductFieldsForm form label, #CartEditProductFieldsForm .form-el label, #CartEditProductFieldsForm .form-cr label {
    display: block;
    font-weight: 500; }
  #CartEditProductFieldsForm .form-field {
    margin-bottom: 1.5rem; }
    #CartEditProductFieldsForm .form-field label span {
      color: #425F77;
      font-weight: 400; }
  #CartEditProductFieldsForm [class*="set-"] .options {
    margin-top: 1rem;
    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.5rem; }
    #CartEditProductFieldsForm [class*="set-"] .options label {
      font-weight: normal; }
  #CartEditProductFieldsForm .set-radio .options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
  #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: 0.75rem;
      height: 0.75rem;
      margin: 0 0.5rem 0 0;
      border-radius: 100%;
      border: 0.0625rem solid #8499AA;
      background-color: #fff; }
    #CartEditProductFieldsForm .set-radio .options label.unavailable {
      opacity: .5; }
  #CartEditProductFieldsForm .set-radio input {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    #CartEditProductFieldsForm .set-radio input:checked + label:before {
      background: #072A48;
      border: 0.0625rem solid #072A48;
      box-shadow: inset 0 0 0 0.1875rem #fff; }
  #CartEditProductFieldsForm select {
    max-width: 18.75rem;
    margin-top: 1rem; }
    #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 .size-chart {
    float: right;
    display: flex;
    gap: 0.5rem; }
    #CartEditProductFieldsForm .set-rectangle .size-chart i {
      color: #8499AA;
      font-size: 1.25rem;
      position: relative; }
    #CartEditProductFieldsForm .set-rectangle .size-chart a {
      font-size: 0.75rem; }
  #CartEditProductFieldsForm .set-rectangle .options label {
    background: #fff;
    border: 0.0625rem solid #8499AA;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    gap: 0.5rem;
    transition: all .25s linear;
    width: auto;
    overflow: hidden;
    transition-duration: 0.1s; }
    #CartEditProductFieldsForm .set-rectangle .options label:hover, #CartEditProductFieldsForm .set-rectangle .options label:focus {
      background: #EFF2F4;
      cursor: pointer; }
    #CartEditProductFieldsForm .set-rectangle .options label.unavailable {
      color: #D1D1D1;
      background: linear-gradient(to top left, #fff calc(50% - 1px), #aaa, #fff calc(50% + 1px)); }
      #CartEditProductFieldsForm .set-rectangle .options label.unavailable:hover, #CartEditProductFieldsForm .set-rectangle .options label.unavailable:focus {
        background: linear-gradient(to top left, #ddd calc(50% - 1px), #aaa, #ddd calc(50% + 1px));
        cursor: not-allowed; }
  #CartEditProductFieldsForm .set-rectangle input {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    #CartEditProductFieldsForm .set-rectangle input:checked + label {
      background: #425F77;
      color: #fff; }
      #CartEditProductFieldsForm .set-rectangle input:checked + label.unavailable {
        background: linear-gradient(to top left, #ddd calc(50% - 1px), #aaa, #ddd calc(50% + 1px)); }
      #CartEditProductFieldsForm .set-rectangle input:checked + label:hover, #CartEditProductFieldsForm .set-rectangle input:checked + label:focus {
        background: #072A48; }
  #CartEditProductFieldsForm .set-swatch {
    margin-bottom: 1.125rem; }
    #CartEditProductFieldsForm .set-swatch label {
      font-weight: 500; }
    #CartEditProductFieldsForm .set-swatch .White-swatch {
      border: 1px solid #000; }
    #CartEditProductFieldsForm .set-swatch .options {
      position: relative;
      top: -0.1875rem;
      left: -0.1875rem; }
      #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: 1.875rem;
        height: 1.875rem;
        border: 3px solid transparent; }
        #CartEditProductFieldsForm .set-swatch .options label > span {
          transform: rotate(45deg);
          border-radius: 100%;
          width: 100%;
          border: 1px solid #CCD5DC; }
        #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::before {
          content: "";
          position: absolute;
          border-radius: 100%;
          width: 1.875rem;
          height: 1.875rem;
          transform: translateY(-4px) translateX(-4px); }
        #CartEditProductFieldsForm .set-swatch .options label.unavailable {
          position: relative; }
          #CartEditProductFieldsForm .set-swatch .options label.unavailable span {
            opacity: .1; }
          #CartEditProductFieldsForm .set-swatch .options label.unavailable::after {
            border-top: 1px solid #D1D1D1;
            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: 1px dashed #425F77; }
      #CartEditProductFieldsForm .set-swatch .options label.pattern {
        border-radius: 0; }
        #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;
          transform: translateY(-4px) translateX(-4px); }
        #CartEditProductFieldsForm .set-swatch .options label.pattern .form-option-expanded {
          display: none; }
      #CartEditProductFieldsForm .set-swatch .options input {
        position: absolute;
        width: 1px !important;
        height: 1px;
        padding: 0;
        margin: -1px;
        border: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0); }
        #CartEditProductFieldsForm .set-swatch .options input:checked + label::before {
          border: 1px solid #072A48; }
        #CartEditProductFieldsForm .set-swatch .options input:checked + label.unavailable::before {
          border: 1px solid #EFF2F4; }

/*  --------------------------------------------------------------------------  *\

    CART - TOTALS

\*  --------------------------------------------------------------------------  */
.totals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
  font-size: 0.875rem;
  padding: 0.5rem 0 0;
  border-top: 1px solid #D1D1D1;
  margin: 1rem 0 0; }
  @media (min-width: 992px) {
    .totals {
      margin-top: 1.5rem;
      padding-top: 1rem; } }
  .totals form {
    margin: 0; }
  .totals .form-input {
    border-bottom: 1px solid #D1D1D1; }
    .totals .form-input ::placeholder {
      color: #EFF2F4; }
  .totals .form-el {
    margin: 0; }
  .totals .form-actions {
    margin: 0.5rem 0 0; }
  .totals .btn-primary {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .totals select {
    margin: 0;
    display: block;
    width: 100%; }
  .totals .estimator-form select, .totals .estimator-form input {
    margin-bottom: 1rem; }
    .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: 10px;
    line-height: 18px;
    color: #072A48; }
  @media (min-width: 992px) {
    .totals .estimator-form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 8px; }
      .totals .estimator-form .form-actions {
        grid-column: 1 / span 2; } }
  .totals .space-above {
    border-top: 1px solid #D1D1D1;
    padding-top: 1.5rem;
    margin-top: 1rem; }
  .totals dt, .totals dd {
    font-size: 0.75rem;
    width: 50%;
    padding: 0.5rem 0;
    margin: 0; }
    .totals dt:last-of-type, .totals dd:last-of-type {
      font-weight: bold; }
  .totals dt {
    text-align: left; }
  .totals dd {
    text-align: right; }
    .totals dd.full {
      width: 100%; }
  .totals dd.grand-total, .totals dt.grand-total {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    border-top: 1px solid #D1D1D1;
    padding: 1.5rem 0;
    margin-top: 1rem; }

/*  --------------------------------------------------------------------------  *\
    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 a {
    font-family: "HCo Gotham", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    text-decoration: none;
    font-weight: 500; }
    @media (min-width: 992px) {
      .card a {
        font-size: 0.875rem; } }
    .card a:hover, .card a:focus {
      text-decoration: underline; }
  .card .cnt {
    margin-top: 1rem;
    flex-grow: 1;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr auto;
    column-gap: 1rem;
    grid-template-areas: "title"
 "bt"
 "price"
 "rating"; }
    @media (min-width: 992px) {
      .card .cnt {
        margin-top: 1.5rem; } }
    .card .cnt h3 {
      grid-area: title; }
    .card .cnt .price {
      font-size: 0.75rem;
      grid-area: price; }
      @media (min-width: 992px) {
        .card .cnt .price {
          font-size: 0.875rem; } }
    .card .cnt .rating {
      grid-area: rating; }
    .card .cnt .also-available {
      grid-area: bt;
      color: #425F77;
      font-size: 0.75rem; }
    .card .cnt .sale-message {
      flex-basis: 100%;
      font-size: 0.75rem;
      color: #C52033; }
  .card .cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem; }
    @media (min-width: 768px) {
      .card .cta {
        flex-direction: row;
        justify-content: space-between; } }
    .card .cta .actions {
      order: 1;
      min-height: 1.25rem;
      font-size: 0.875rem; }
      @media (min-width: 768px) {
        .card .cta .actions {
          order: 2; } }
    .card .cta .compare-btn {
      order: 2; }
  .card .showmore {
    margin-left: 0.25rem;
    letter-spacing: .3em;
    font-size: 0.875rem;
    transform: translateY(2px); }
  .card .img {
    overflow: hidden;
    z-index: 1; }
    .card .img img {
      transition: transform .5s ease;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .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: 0.875rem;
    margin: 0 0 0.25rem 0;
    line-height: 1.125rem; }
  .card .ratings, .card .rating {
    font-size: 0.875rem;
    margin: 0 0 0.5rem;
    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) {
      .card .ratings, .card .rating {
        margin: 0 0 0.75rem; } }
    .card .ratings span + span, .card .rating span + span {
      margin: 0 0 0 0.125rem; }
  .card .price {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #000;
    margin-top: 0.25rem; }
    .card .price.sale {
      color: #C52033; }
    .card .price .starting:before {
      content: 'Starting at:';
      display: block;
      font-size: 0.75rem;
      font-weight: normal; }
    .card .price .price-section {
      display: flex; }
    .card .price .non-sale-price--withoutTax {
      order: 2;
      color: #425F77;
      text-decoration: 1px #425F77 line-through; }
    .card .price .rrp-price--withoutTax {
      display: none !important; }
    .card .price .price--rrp,
    .card .price .price--discounted {
      text-decoration: line-through;
      color: #425F77 !important;
      margin-right: 0.5rem; }
  .card .actions-quickadd {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s .25s linear; }
  .card .actions form {
    margin: 0; }
    .card .actions form input {
      background: none; }
  .card .compare-btn {
    font-size: 0.75rem;
    color: #072A48;
    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: 0.625rem; }
      .card .compare-btn input:hover:before, .card .compare-btn input:focus:before {
        background: #EFF2F4; }
      .card .compare-btn input:before {
        display: inline-block;
        content: "";
        height: 1.25rem;
        width: 1.25rem;
        border: 0.0625rem solid #D1D1D1; }
      .card .compare-btn input:after {
        display: none;
        position: absolute;
        left: 0.6875rem;
        top: 0.625rem;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        height: 0.3125rem;
        width: 0.625rem;
        border-left: 0.1875rem solid #072A48;
        border-bottom: 0.1875rem solid #072A48;
        content: ""; }
      .card .compare-btn input:checked:before {
        background: #D1D1D1;
        border-color: #D1D1D1; }
      .card .compare-btn input:checked:after {
        display: block; }
  .card .img:hover .actions-quickadd {
    visibility: visible;
    opacity: 1; }
  .card {
    visibility: hidden; }
  .no-js .card {
    visibility: visible; }
  .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(30px); } }

@keyframes SlideUpIn {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes SlideLeftIn {
  0% {
    opacity: 0;
    transform: translateX(-30px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*  --------------------------------------------------------------------------  *\

    PRODUCT CARD > SALE FLAGS

\*  --------------------------------------------------------------------------  */
.flag {
  position: absolute;
  z-index: 1000;
  padding: 0 0.75rem;
  background: #F0F0F1;
  color: #072A48;
  font-weight: 600;
  font-size: 0.75rem;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  top: 0.75rem;
  left: -0.0625rem;
  width: auto;
  text-align: left; }
  @media (min-width: 768px) {
    .flag {
      padding: 0.5rem 0.75rem; } }
  @media (min-width: 768px) {
    .flag {
      top: 0.75rem;
      left: -0.0625rem;
      width: auto;
      text-align: left; } }

/*  --------------------------------------------------------------------------  *\

    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: 1rem; }

.card-swatches .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start stretch;
  align-items: center;
  align-content: row wrap;
  flex-flow: row wrap;
  margin-top: 0.625rem;
  gap: 0.375rem;
  margin-left: 0.1875rem; }
  .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: 1.25rem;
    height: 1.25rem;
    border-radius: 100% !important;
    overflow: hidden !important;
    border: 1px solid #CCD5DC;
    transform: rotate(45deg);
    /*
            :before {
                content: " ";
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 3px 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.active {
      outline: 1px solid #072A48;
      outline-offset: 0.125rem; }
  .card-swatches .form-field .form-option-more {
    font-size: 0.875rem; }
  .card-swatches .form-field label.pattern {
    border-radius: 0;
    width: 1.25rem;
    height: 1.25rem; }
    .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.active {
      outline: 1px solid #072A48;
      outline-offset: 0.125rem; }
    .card-swatches .form-field label.pattern::before {
      content: "";
      position: absolute;
      width: 1.25rem;
      height: 1.25rem;
      transform: translateY(-4px) translateX(-4px); }
    .card-swatches .form-field label.pattern .form-option-expanded {
      display: none; }

.brandGrid {
  margin: 0; }
  .brandGrid .card .card-body {
    margin-bottom: 1.5rem; }

.brandsList-menu {
  display: flex;
  flex-flow: row wrap; }
  .brandsList-menu button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
    flex: 1 0 auto;
    padding: 0.3125rem;
    transition: all 150ms ease;
    min-width: 3.125rem;
    width: auto; }
    .brandsList-menu button:hover, .brandsList-menu button.is-active {
      color: #072A48; }
  @media (min-width: 992px) {
    .brandsList-menu {
      display: flex;
      flex-flow: row wrap; }
      .brandsList-menu button {
        min-width: 1px; } }

.brandsList-items {
  display: flex;
  flex-direction: column;
  margin-top: 0.625rem;
  padding: 1rem; }
  .brandsList-items a {
    display: inline-block;
    flex: 0 0 auto;
    width: 100%;
    padding: 0.25rem 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 .5rem;
      width: 100%;
      font-size: 1.5rem;
      font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif !important; }
      @media (min-width: 992px) {
        .brandsList-items [data-alpha-brand-group] h3.group-title {
          font-size: 2rem; } }
    .brandsList-items [data-alpha-brand-group] [data-alpha-group] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 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: 1rem 0 3rem 0; }
  @media (min-width: 992px) {
    section.brand {
      margin: 3rem 0 3rem 0; } }

/*  --------------------------------------------------------------------------  *\

    DETAIL - CART PREVIEW

\*  --------------------------------------------------------------------------  */
.modal-header {
  padding: 0.5rem 0;
  border-bottom: 1px solid #ffffff; }
  .modal-header h2 {
    margin-bottom: 0;
    font-size: 1.5rem;
    text-align: center !important; }

.previewCart {
  display: grid; }
  @media (min-width: 992px) {
    .previewCart {
      grid-template-columns: 3fr 1fr;
      column-gap: 1.5rem;
      align-items: top; } }
  @media (min-width: 992px) {
    .previewCart {
      column-gap: 2rem; } }
  .previewCart .productView {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    order: 2; }
    .previewCart .productView .cnt {
      width: auto; }
    @media (min-width: 992px) {
      .previewCart .productView {
        column-gap: 2rem;
        order: 1; } }
    .previewCart .productView picture, .previewCart .productView img {
      width: 100%; }
    .previewCart .productView h2 {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: left; }
      .previewCart .productView h2 small {
        font-size: .5em;
        margin: 0 0 0.25rem; }
    .previewCart .productView dl {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto;
      column-gap: 0.5rem;
      row-gap: 0.5rem;
      max-width: 30rem;
      font-size: 0.875rem; }
      .previewCart .productView dl dt ~ dt {
        margin: 0; }
  .previewCart .previewCartCheckout {
    padding: 1rem;
    border: 0.0625rem solid #ffffff;
    border-radius: 0.25rem;
    background-color: transparent;
    order: 1;
    margin-bottom: 1.25rem; }
    .previewCart .previewCartCheckout [class*="btn-"] {
      width: 100%;
      margin: 0; }
      .previewCart .previewCartCheckout [class*="btn-"] + [class*="btn-"] {
        margin: 0.5rem 0 0; }
    .previewCart .previewCartCheckout .subtotal {
      border: none;
      padding: 0.5rem 0;
      margin: 0.5rem 0;
      text-align: center; }
      .previewCart .previewCartCheckout .subtotal h3, .previewCart .previewCartCheckout .subtotal .h3 {
        font-family: "HCo Gotham", Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        font-weight: normal;
        font-size: 0.875rem;
        margin-bottom: 0.5rem; }
      .previewCart .previewCartCheckout .subtotal strong {
        font-size: 1.5rem;
        font-weight: 500;
        font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif; }
    .previewCart .previewCartCheckout p {
      font-size: 0.875rem;
      margin: 0 0 1rem;
      text-align: center; }

/*  --------------------------------------------------------------------------  *\

    PRODUCT > FEEDS > STATIC

\*  --------------------------------------------------------------------------  */
.feeds-static > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 1.5rem; }
  @media (min-width: 768px) {
    .feeds-static > div {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 1rem;
      row-gap: 3rem; } }
  @media (min-width: 992px) {
    .feeds-static > div {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 2rem;
      row-gap: 3.25rem; } }

/*  --------------------------------------------------------------------------  *\

    PRODUCT > FEEDS > CAROUSEL

\*  --------------------------------------------------------------------------  */
.feeds-carousel {
  position: relative; }
  @media (min-width: 576px) {
    .feeds-carousel {
      padding-bottom: 0; } }
  .feeds-carousel .slick-slider {
    margin: 0 -0.5rem;
    width: calc(100% + 2rem); }
    @media (min-width: 768px) {
      .feeds-carousel .slick-slider {
        margin: 0 -0.5rem;
        width: calc(100% + 1rem); } }
    @media (min-width: 992px) {
      .feeds-carousel .slick-slider {
        margin: 0 -1rem;
        width: calc(100% + 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: 2px;
      background: #ffffff;
      flex: 1;
      margin: 0 1.875rem; }
      @media (min-width: 576px) {
        .feeds-carousel .carousel-heading-container .line {
          display: block; } }
  .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs {
    width: auto;
    margin: 0 0.5rem; }
    @media (min-width: 768px) {
      .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs {
        margin: 0 0.5rem; } }
    @media (min-width: 992px) {
      .feeds-carousel .card, .feeds-carousel .thumbnails .thumbs {
        margin: 0 1rem; } }

/*  --------------------------------------------------------------------------  *\
    PLP (Product Listing Page) & Search Page
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    PLP (Product Listing Page) - LAYOUT

\*  --------------------------------------------------------------------------  */
.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: 5rem; } }
  @supports (position: sticky) {
    .layout-category aside nav,
    .layout-search aside nav {
      top: 5rem; } }
  @media (min-width: 1200px) {
    .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: 9.375rem; } }
      @supports (position: sticky) {
        .layout-category aside nav,
        .layout-search aside nav {
          top: 9.375rem; } } }

@media (min-width: 1200px) {
  .layout-category,
  .layout-search {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto;
    column-gap: 3.75rem;
    row-gap: 2rem; } }

.layout-category #product-listing-container,
.layout-search #product-listing-container {
  position: relative;
  min-height: 80vh; }
  .ss__loaded .layout-category #product-listing-container, .ss__loaded
  .layout-search #product-listing-container {
    min-height: 0; }
  @media (min-width: 1200px) {
    .layout-category #product-listing-container .action-bar,
    .layout-search #product-listing-container .action-bar {
      position: absolute;
      top: -4.625rem; } }

/*  --------------------------------------------------------------------------  *\

    PLP / SEARCH - INTERIOR HERO

\*  --------------------------------------------------------------------------  */
main > header h1 {
  margin-top: 1.5rem; }
  @media (min-width: 768px) {
    main > header h1 {
      margin-top: 0.5rem; } }

main > header.search h2 {
  text-align: left; }

.page-type-category h1 {
  text-align: left; }

.page-type-category main > header {
  margin-bottom: 1.5rem; }

/*  --------------------------------------------------------------------------  *\

    SEARCH - ACTION BAR

\*  --------------------------------------------------------------------------  */
.action-bar {
  font-size: 0.875rem;
  width: 100%;
  margin: 0 0 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  z-index: 0; }
  @media (min-width: 1200px) {
    .action-bar {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 2rem; }
      .action-bar .form-el {
        grid-column: 3; } }
  .action-bar #mobile-filter-switch {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 1200px) {
      .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 {
    cursor: pointer;
    width: 100%;
    height: 100%;
    font-size: 0;
    border: 0;
    position: absolute; }
    .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 {
        margin-left: 4px;
        font-size: 0.875rem;
        font-weight: 300;
        position: relative;
        padding: 0;
        line-height: 17px; } }
    .action-bar select:-ms-expand {
      display: none; }
  .action-bar #mobile-filter-switch {
    padding: 0; }
  .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: 1px solid #D1D1D1;
    justify-content: flex-start;
    padding: 0.5rem 1rem;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #072A48;
    white-space: nowrap; }
    .action-bar label:hover, .action-bar label:focus {
      background: #fff;
      border-color: #425F77; }
    @media (min-width: 1200px) {
      .action-bar label {
        border: 0; } }
    .action-bar label .colon {
      display: none; }
      @media (min-width: 992px) {
        .action-bar label .colon {
          display: inline-block;
          margin-right: 4px; } }
    .action-bar label .icon-arrow-down {
      margin-right: 0.75rem; }
    .action-bar label:after {
      display: inline-block;
      color: #000;
      background-color: #fff;
      margin-left: -17px;
      /* remove the damn :after space */
      pointer-events: none;
      /* let the click pass trough */ }

/*  --------------------------------------------------------------------------  *\

    SEARCH & CATEGORY PLP - GRID

\*  --------------------------------------------------------------------------  */
.feeds-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, 1fr));
  column-gap: 1rem;
  row-gap: 1.5rem; }
  @media (min-width: 768px) {
    .feeds-grid {
      grid-template-columns: repeat(3, minmax(200px, 1fr));
      column-gap: 1rem;
      row-gap: 3rem; } }
  @media (min-width: 992px) {
    .feeds-grid {
      column-gap: 2rem;
      row-gap: 3.25rem; } }

/*  --------------------------------------------------------------------------  *\

    PLP/SEARCH - FACETS

\*  --------------------------------------------------------------------------  */
#facetedSearch {
  z-index: 1000;
  position: fixed;
  background: #fff;
  width: 100vw;
  height: 100%;
  top: 0;
  right: 0;
  padding: 1.5rem;
  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: 90vw;
    right: 0;
    transform: translate(0, 0);
    overflow: scroll; }
  #facetedSearch .mobile-only {
    text-align: left; }
  #facetedSearch .icon-close {
    position: absolute;
    right: 1.25rem;
    top: 1.875rem;
    cursor: pointer; }
  @media (min-width: 1200px) {
    #facetedSearch {
      height: auto;
      width: auto;
      position: static;
      overflow-y: auto;
      padding: 0 0.25rem 0 0;
      transform: translate(0, 0); }
      #facetedSearch .mobile-only {
        display: none; } }

.facetedSearch-optionColumns {
  column-count: 3;
  column-gap: 20px; }
  .facetedSearch-optionColumns li {
    padding: 0; }
    .facetedSearch-optionColumns li:before {
      background: none; }

#facetedSearchSize {
  display: grid;
  grid-template-columns: 1fr 1fr; }

dl.facets {
  margin-bottom: 0;
  border-top: 1px solid #D1D1D1;
  padding: 0.75rem 0;
  /*  ----------------------------------------------------------------------  *\
        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 {
    position: relative;
    margin: 0;
    border-top: 1px solid #D1D1D1; }
    dl.facets dt button {
      font-size: 0.875rem;
      background: none;
      font-weight: 600;
      line-height: 21px;
      color: #072A48;
      padding: 0.75rem 0; }
      @media (min-width: 1200px) {
        dl.facets dt button {
          font-size: 1rem;
          line-height: 27px;
          padding: 1rem 0; } }
      dl.facets dt button span {
        color: #072A48; }
      dl.facets dt button[aria-expanded="false"] span {
        transform: rotate(90deg); }
      dl.facets dt button[aria-expanded="true"] span {
        transform: rotate(-90deg);
        color: #072A48; }
    dl.facets dt:first-child {
      border-top: none; }
      dl.facets dt:first-child button {
        padding-top: 0; }
      dl.facets dt:first-child div {
        top: 0.125rem; }
    dl.facets dt div {
      position: absolute;
      pointer-events: none;
      top: 1.125rem;
      right: 0.625rem;
      font-weight: normal;
      font-size: 0.75rem;
      width: 100%;
      text-align: right;
      padding-right: 0.3125rem; }
      dl.facets dt div a {
        display: inline-block;
        pointer-events: initial;
        padding-right: 0.75rem; }
  dl.facets dd {
    margin-bottom: 1.5rem;
    padding: 0.25rem 0 0;
    font-size: 0.875rem; }
    @media (min-width: 1200px) {
      dl.facets dd {
        margin-bottom: 1.5rem;
        padding: 0; } }
  dl.facets ul {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (min-width: 1200px) {
      dl.facets ul {
        grid-template-columns: 1fr; } }
  dl.facets li {
    padding: 0;
    margin: 0.25rem 0; }
    dl.facets li:before {
      display: none; }
  dl.facets a {
    display: flex;
    line-height: 1;
    position: relative;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 300;
    color: #072A48;
    align-items: center; }
    dl.facets a .count {
      margin-left: 0.25rem;
      font-size: 0.625rem;
      color: #8499AA; }
    dl.facets a:hover, dl.facets a:focus {
      text-decoration: underline; }
      dl.facets a:hover:before, dl.facets a:focus:before {
        background: #EFF2F4; }
    dl.facets a:before {
      position: relative;
      display: none;
      height: 1.25rem;
      width: 1.25rem;
      border: 0.0625rem solid #D1D1D1;
      content: "";
      margin-right: 0.5rem; }
    dl.facets a:after {
      display: none;
      position: absolute;
      left: 0.6875rem;
      top: 0.625rem;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
      height: 0.3125rem;
      width: 0.625rem;
      border-left: 0.1875rem solid #072A48;
      border-bottom: 0.1875rem solid #072A48;
      content: ""; }
    dl.facets a.is-active:after {
      display: block; }
    dl.facets a.is-active:before {
      background: #D1D1D1; }
  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: 10px; }
    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.5rem; }
  dl.facets.selected.facets {
    font-size: 0.75rem; }
    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.5rem;
      margin-left: 0; }
      dl.facets.selected.facets ul li {
        margin: 0;
        padding: 0.3125rem 0.5rem 0.3125rem 0.125rem;
        border: 1px solid #D1D1D1; }
        dl.facets.selected.facets ul li:hover, dl.facets.selected.facets ul li:focus {
          background-color: #EFF2F4; }
          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; }
          dl.facets.selected.facets ul li a:before {
            content: "\00d7";
            position: relative;
            color: #D1D1D1;
            margin: 0 0.25rem;
            transform: none;
            display: inline-block;
            width: 0.75rem;
            height: 0.75rem;
            line-height: 0.8125rem;
            text-indent: 0;
            font-size: 1rem;
            text-align: center;
            background: none;
            border: 0; }
          dl.facets.selected.facets ul li a:after {
            display: none; }
      dl.facets.selected.facets ul + [class*="btn-"] {
        font-weight: 600;
        width: 100%;
        font-size: 0.875rem; }
        dl.facets.selected.facets ul + [class*="btn-"]:before, dl.facets.selected.facets ul + [class*="btn-"]:after {
          display: none; }

/*  --------------------------------------------------------------------------  *\
   PDP (Product Detail Page)
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    PDP (Product Display Page) - LAYOUT

\*  --------------------------------------------------------------------------  */
.product-view, .productView {
  /*
    @include borderTest();
    @include borderTest(".gallery");
    @include borderTest(".title");
    @include borderTest(".details");
    @include borderTest(".gallery-main");
    @include borderTest(".gallery-thumbs");
    @include borderTest(".gallery-thumbs .slick-slide");
    //*/
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  /*  --------------------------------------------------------------------------  *\

        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 - CHECKBOX

\*  --------------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    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

\*  --------------------------------------------------------------------------  */ }
  .product-view .sale-badge, .productView .sale-badge {
    position: absolute;
    top: 16px;
    text-transform: uppercase;
    background: #C52033;
    color: white !important;
    left: 112px;
    width: auto;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
    padding: 2px 2px; }
  .product-view .sku, .productView .sku {
    margin-bottom: 4px;
    display: block;
    font-size: 0.75rem; }
  .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: 55%; }
      .product-view .product-data, .productView .product-data {
        padding: 0;
        width: 40%; } }
  .product-view .gallery-wrap, .productView .gallery-wrap {
    align-self: flex-start;
    position: sticky;
    top: 4.375rem; }
    @media (min-width: 992px) {
      .product-view .gallery-wrap, .productView .gallery-wrap {
        top: 1.25rem; } }
  .product-view .product-options [data-product-option-change], .productView .product-options [data-product-option-change] {
    margin-bottom: 1.5rem; }
  .product-view .contain-details, .productView .contain-details {
    margin-top: 1rem; }
    @media (min-width: 992px) {
      .product-view .contain-details, .productView .contain-details {
        margin-top: 1.5rem; } }
  .product-view .contain-details-quickview, .productView .contain-details-quickview {
    margin-top: 1.5rem; }
  .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;
    margin-right: 3.75rem; }
    .product-view .gallery-vertical-grid .wishlist, .productView .gallery-vertical-grid .wishlist {
      padding: 0;
      margin: 0;
      overflow: visible;
      position: absolute;
      right: 1.5rem;
      top: 1.125rem;
      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: 1.5rem;
        height: 2.08937rem;
        position: relative;
        padding: 0 0 0.75rem;
        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: #072A48; }
        .product-view .gallery-vertical-grid .wishlist a.trigger.is-open svg path, .productView .gallery-vertical-grid .wishlist a.trigger.is-open svg path {
          fill: #072A48; }
        .product-view .gallery-vertical-grid .wishlist a.trigger svg, .productView .gallery-vertical-grid .wishlist a.trigger svg {
          display: block;
          position: relative;
          width: 1.5rem;
          height: 1.33937rem; }
          .product-view .gallery-vertical-grid .wishlist a.trigger svg path, .productView .gallery-vertical-grid .wishlist a.trigger svg path {
            fill: transparent;
            stroke: #072A48;
            transition: all .25s; }
      .product-view .gallery-vertical-grid .wishlist ul.dropdown-menu, .productView .gallery-vertical-grid .wishlist ul.dropdown-menu {
        width: 14.0625rem;
        padding: 0;
        background: #fff;
        border: 1px solid #ffffff;
        box-shadow: 0px 0px 0.75rem rgba(0, 0, 0, 0.08);
        border-radius: 0.1875rem 0.1875rem 0px 0px;
        right: -1.875rem;
        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: 1px solid #ffffff; }
        .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: #8499AA;
          text-decoration: none;
          text-align: left;
          padding: 0.75rem 1rem;
          font-weight: 400;
          font-size: 1rem;
          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: -20px;
      width: 3.875rem;
      height: 20px;
      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: 0px;
      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: 1.875rem; }
      @media (min-width: 992px) {
        .product-view .gallery-vertical-grid .gallery-wrap, .productView .gallery-vertical-grid .gallery-wrap {
          grid-template-columns: 3.875rem auto;
          grid-template-rows: .1fr auto;
          grid-template-areas: "gallery_thumbs gallery_main"
 "scroll dots";
          row-gap: 0; }
          .product-view .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child), .productView .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child) {
            grid-template-columns: 100%;
            grid-template-rows: auto;
            grid-template-areas: "gallery_main"; }
            .product-view .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child) .gallery-thumbs, .productView .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child) .gallery-thumbs {
              display: none; }
            .product-view .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child) .flag, .productView .gallery-vertical-grid .gallery-wrap:has(.slider div:only-child) .flag {
              margin-left: 0 !important; } }
      .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; }
      .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;
          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 .controls-container, .productView .gallery-vertical-grid .gallery-wrap .gallery-main .controls-container {
          display: block; }
        .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 {
        display: none;
        grid-area: dots;
        padding: 0 2.5rem; }
        .product-view .gallery-vertical-grid .gallery-wrap .dots .dot, .productView .gallery-vertical-grid .gallery-wrap .dots .dot {
          margin-top: 1.25rem; }
      .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;
        padding-bottom: 1.25rem; }
        .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, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs {
            display: flex;
            flex-direction: column;
            gap: 0.625rem; } }
        @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: 1px solid #D1D1D1;
          position: relative;
          display: none; }
          .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb img, .productView .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb img {
            width: 3.75rem;
            object-fit: cover; }
          .product-view .gallery-vertical-grid .gallery-wrap .gallery-thumbs .thumb.active::after, .productView .gallery-vertical-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-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-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: 1.5rem;
      top: 1.125rem;
      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: 1.5rem;
        height: 2.08937rem;
        position: relative;
        padding: 0 0 0.75rem;
        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: #072A48; }
        .product-view .gallery-horizontal-grid .wishlist a.trigger.is-open svg path, .productView .gallery-horizontal-grid .wishlist a.trigger.is-open svg path {
          fill: #072A48; }
        .product-view .gallery-horizontal-grid .wishlist a.trigger svg, .productView .gallery-horizontal-grid .wishlist a.trigger svg {
          display: block;
          position: relative;
          width: 1.5rem;
          height: 1.33937rem; }
          .product-view .gallery-horizontal-grid .wishlist a.trigger svg path, .productView .gallery-horizontal-grid .wishlist a.trigger svg path {
            fill: transparent;
            stroke: #072A48;
            transition: all .25s; }
      .product-view .gallery-horizontal-grid .wishlist ul.dropdown-menu, .productView .gallery-horizontal-grid .wishlist ul.dropdown-menu {
        width: 14.0625rem;
        padding: 0;
        background: #fff;
        border: 1px solid #ffffff;
        box-shadow: 0px 0px 0.75rem rgba(0, 0, 0, 0.08);
        border-radius: 0.1875rem 0.1875rem 0px 0px;
        right: -1.875rem;
        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: 1px solid #ffffff; }
        .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: #8499AA;
          text-decoration: none;
          text-align: left;
          padding: 0.75rem 1rem;
          font-weight: 400;
          font-size: 1rem;
          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: 1.25rem; }
      @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 .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;
          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, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs {
            display: inline-flex;
            flex-direction: row;
            gap: 0.625rem;
            justify-content: center; } }
        @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: 1px solid #D1D1D1;
          position: relative;
          display: none; }
          .product-view .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb img, .productView .gallery-horizontal-grid .gallery-wrap .gallery-thumbs .thumb img {
            width: 3.75rem;
            object-fit: cover; }
          .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: 2.5rem;
      transform: translate(-50%, 0) scale(3); }
      @media (min-width: 992px) {
        .product-view .video-gallery .icon-play, .productView .video-gallery .icon-play {
          transform: translate(-50%, 0) scale(1); } }
  .product-view h1.productView-title, .productView h1.productView-title {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
    text-align: left; }
    .product-view h1.productView-title small, .productView h1.productView-title small {
      display: block;
      line-height: 1;
      font-size: 0.75rem;
      margin-bottom: 0.25rem; }
      @media (min-width: 768px) {
        .product-view h1.productView-title small, .productView h1.productView-title small {
          font-size: 0.875rem; } }
  .product-view .stars, .productView .stars {
    display: flex;
    margin: 0 0 1rem;
    font-size: 0.75rem; }
    .product-view .stars a, .productView .stars a {
      font-size: .8em;
      margin-left: 0.5rem; }
    @media (min-width: 768px) {
      .product-view .stars, .productView .stars {
        font-size: 1rem; } }
  .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.125rem 0 0;
      display: flex; }
  .product-view .productView-price, .productView .productView-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 0.875rem;
    color: #072A48;
    height: 2.5rem; }
    .product-view .productView-price .ships-free, .productView .productView-price .ships-free {
      margin-left: 4px; }
      @media (min-width: 992px) {
        .product-view .productView-price .ships-free, .productView .productView-price .ships-free {
          font-size: 0.875rem;
          color: #425F77; } }
    @media (min-width: 992px) {
      .product-view .productView-price, .productView .productView-price {
        font-size: 0.875rem; } }
    .product-view .productView-price .sale, .productView .productView-price .sale {
      color: #C52033;
      margin-right: 0.5rem;
      order: 1; }
    .product-view .productView-price .starting:before, .productView .productView-price .starting:before {
      content: 'Starting at:';
      display: block;
      font-size: 0.875rem;
      font-weight: normal;
      margin-right: 0.625rem; }
    .product-view .productView-price .price--non-sale, .productView .productView-price .price--non-sale {
      color: #425F77; }
    .product-view .productView-price .price-section--saving, .productView .productView-price .price-section--saving {
      order: 4;
      color: #072A48;
      background-color: #EFF2F4;
      font-size: 0.625rem;
      text-align: center;
      white-space: nowrap;
      margin-left: 1rem;
      padding: 0.5rem 0.75rem; }
      @media (min-width: 992px) {
        .product-view .productView-price .price-section--saving, .productView .productView-price .price-section--saving {
          font-size: 0.75rem; } }
    .product-view .productView-price .non-sale-price--withoutTax, .productView .productView-price .non-sale-price--withoutTax {
      flex-grow: 1;
      order: 1;
      text-decoration: 1px #425F77 line-through; }
    .product-view .productView-price .rrp-price--withoutTax, .productView .productView-price .rrp-price--withoutTax {
      display: none !important; }
    .product-view .productView-price .price--rrp,
    .product-view .productView-price .price--discounted, .productView .productView-price .price--rrp,
    .productView .productView-price .price--discounted {
      text-decoration: line-through;
      color: #425F77 !important;
      margin-right: 0.5rem; }
  .product-view .info, .productView .info {
    margin: 0 0 1.5rem; }
    .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.5rem 0 0;
      font-weight: 500; }
      .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: #8499AA;
      font-weight: 500; }
    .product-view .info dt, .product-view .info dd, .productView .info dt, .productView .info dd {
      font-size: 0.875rem; }
      @media (min-width: 992px) {
        .product-view .info dt, .product-view .info dd, .productView .info dt, .productView .info dd {
          font-size: 1.125rem; } }
      .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.5rem; }
  .product-view .add-to-cart-wrapper, .productView .add-to-cart-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: "qty cta"
 "wallet wallet";
    align-items: end;
    gap: 0.5rem; }
    @media (min-width: 1200px) {
      .product-view .add-to-cart-wrapper, .productView .add-to-cart-wrapper {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto;
        grid-template-areas: "qty cta"
 ". wallet";
        align-items: end; } }
    .product-view .add-to-cart-wrapper .form-increment, .productView .add-to-cart-wrapper .form-increment {
      grid-area: qty;
      display: flex;
      flex-direction: column; }
      .product-view .add-to-cart-wrapper .form-increment button, .productView .add-to-cart-wrapper .form-increment button {
        display: none; }
      .product-view .add-to-cart-wrapper .form-increment input, .productView .add-to-cart-wrapper .form-increment input {
        height: 3rem; }
    .product-view .add-to-cart-wrapper .form-action, .productView .add-to-cart-wrapper .form-action {
      position: relative; }
    .product-view .add-to-cart-wrapper .icon-cart, .productView .add-to-cart-wrapper .icon-cart {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(50px, -46%);
      color: #fff;
      pointer-events: none;
      font-size: 1.25rem;
      transition: all .35s; }
    .product-view .add-to-cart-wrapper .add-to-cart-buttons, .productView .add-to-cart-wrapper .add-to-cart-buttons {
      width: 100%;
      grid-area: cta; }
      @media (min-width: 992px) {
        .product-view .add-to-cart-wrapper .add-to-cart-buttons, .productView .add-to-cart-wrapper .add-to-cart-buttons {
          justify-self: end; } }
      .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;
        text-indent: -30px; }
    .product-view .add-to-cart-wrapper .add-to-cart-wallet-buttons, .productView .add-to-cart-wrapper .add-to-cart-wallet-buttons {
      grid-area: wallet; }
  .product-view .guarantees, .productView .guarantees {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem; }
    .product-view .guarantees.border-bottom, .productView .guarantees.border-bottom {
      border-bottom: 1px solid #D1D1D1;
      padding-bottom: 1.5rem; }
    .product-view .guarantees.in-stock span > span, .productView .guarantees.in-stock span > span {
      font-weight: 400; }
    .product-view .guarantees div, .productView .guarantees div {
      display: flex;
      gap: 0.5rem;
      font-weight: 600; }
      .product-view .guarantees div i, .productView .guarantees div i {
        font-size: 1.5rem;
        color: #8499AA; }
      .product-view .guarantees div span, .productView .guarantees div span {
        font-size: 0.875rem; }
      .product-view .guarantees div .icon-free-shipping, .productView .guarantees div .icon-free-shipping {
        position: relative;
        top: 3px; }
  .product-view nav.share, .productView nav.share {
    font-size: 1.25rem;
    margin: 1rem 0 0; }
    @media (min-width: 768px) {
      .product-view nav.share, .productView nav.share {
        margin: 1.25rem 0 0; } }
    @media (min-width: 992px) {
      .product-view nav.share, .productView nav.share {
        margin: 1.5rem 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.5rem; }
    .product-view nav.share li, .productView nav.share li {
      margin: 0 0.5rem; }
    .product-view nav.share a, .productView nav.share a {
      color: #CCD5DC; }
      .product-view nav.share a:hover, .product-view nav.share a:focus, .productView nav.share a:hover, .productView nav.share a:focus {
        color: #072A48; }
  .product-view label, .productView label {
    text-transform: capitalize; }
  .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: 4px; }
      .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(240, 240, 241, 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: 15px 0 30px 0; }
    .product-view .bulk-variants-price, .productView .bulk-variants-price {
      font-size: 1rem;
      font-weight: normal;
      color: #072A48; }
      .product-view .bulk-variants-price .price, .productView .bulk-variants-price .price {
        font-weight: 500; }
    .product-view .bulk-variants-button, .productView .bulk-variants-button {
      margin: 15px 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: 1rem;
      font-weight: normal;
      font-style: italic;
      color: #072A48;
      margin: 30px 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 2px; }
      .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: 1rem;
      font-weight: normal;
      font-style: italic;
      color: #072A48;
      margin: 30px 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: 300px;
      transform: translate(-50%, -50%);
      background: #fff;
      border: 1px solid transparent;
      padding: 50px 30px;
      box-shadow: 0 0px 3px 2px rgba(0, 0, 0, 0.1); }
      .product-view .bulk-variants-popupWrapper .icon, .productView .bulk-variants-popupWrapper .icon {
        display: block;
        text-align: center;
        width: 40px;
        height: 40px;
        margin: 0 auto; }
      .product-view .bulk-variants-popupWrapper .text, .productView .bulk-variants-popupWrapper .text {
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
        text-transform: capitalize;
        margin: 15px 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: 551px) {
      .product-view .bulk-variants-action, .productView .bulk-variants-action {
        text-align: right; } }
  .product-view .bulk-variants-text, .productView .bulk-variants-text {
    color: #C52033; }
  .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: 1px solid #C52033; }
      .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: 0.75rem; }
        .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: 1rem; }
    .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: 0.875rem; }
          .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: 0.875rem; }
        .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: 1px solid #e7e7e7;
        margin: 0 auto;
        width: 4.375rem;
        height: 40px;
        padding-right: 5px;
        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: 0.75rem; }
      .product-view .bulk-variants-table td.option-check .child-add-checkbox-input, .productView .bulk-variants-table td.option-check .child-add-checkbox-input {
        width: 20px;
        height: 20px;
        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: 12px; }
      .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 .set-checkbox .options, .productView .set-checkbox .options {
    display: flex;
    align-items: center !important; }
  .product-view .productOptions-list, .productView .productOptions-list {
    border: 1px solid #D1D1D1; }
    .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: 3.75rem;
      display: block;
      width: 100%;
      object-fit: cover; }
    .product-view .productOptions-list .productOptions-list-item, .productView .productOptions-list .productOptions-list-item {
      padding: 0.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1.25rem; }
      .product-view .productOptions-list .productOptions-list-item + .productOptions-list-item, .productView .productOptions-list .productOptions-list-item + .productOptions-list-item {
        border-top: 1px solid #EFF2F4; }
    .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: 1.25rem; }
  .product-view #prodd #product-list-label, .productView #prodd #product-list-label {
    font-weight: bold;
    font-size: 0.875rem; }
  .product-view #prodd .productOptions-list, .productView #prodd .productOptions-list {
    border: 1px solid #EFF2F4;
    border-radius: 0.375rem;
    margin-bottom: 1rem !important; }
  .product-view #prodd .productOptions-list-item, .productView #prodd .productOptions-list-item {
    display: flex;
    margin: 0;
    padding: 0.75rem; }
    .product-view #prodd .productOptions-list-item + .productOptions-list-item, .productView #prodd .productOptions-list-item + .productOptions-list-item {
      border-top: 1px solid #EFF2F4; }
    .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: 2px solid fuchsia;
      display: grid;
      grid-template-columns: 1fr auto;
      column-gap: 0.75rem;
      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: 0.9375rem; }
      .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 {
    display: block;
    font-weight: 500; }
  .product-view .form-field, .productView .form-field {
    margin-bottom: 1.5rem; }
    .product-view .form-field label span, .productView .form-field label span {
      color: #425F77;
      font-weight: 400; }
  .product-view [class*="set-"] .options, .productView [class*="set-"] .options {
    margin-top: 1rem;
    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.5rem; }
    .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.5rem; }
  .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: 0.75rem;
      height: 0.75rem;
      margin: 0 0.5rem 0 0;
      border-radius: 100%;
      border: 0.0625rem solid #8499AA;
      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: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    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: #072A48;
      border: 0.0625rem solid #072A48;
      box-shadow: inset 0 0 0 0.1875rem #fff; }
  .product-view select, .productView select {
    max-width: 18.75rem;
    margin-top: 1rem; }
    .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 .size-chart, .productView .set-rectangle .size-chart {
    float: right;
    display: flex;
    gap: 0.5rem; }
    .product-view .set-rectangle .size-chart i, .productView .set-rectangle .size-chart i {
      color: #8499AA;
      font-size: 1.25rem;
      position: relative; }
    .product-view .set-rectangle .size-chart a, .productView .set-rectangle .size-chart a {
      font-size: 0.75rem; }
  .product-view .set-rectangle .options label, .productView .set-rectangle .options label {
    background: #fff;
    border: 0.0625rem solid #8499AA;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    gap: 0.5rem;
    transition: all .25s linear;
    width: auto;
    overflow: hidden;
    transition-duration: 0.1s; }
    .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 {
      background: #EFF2F4;
      cursor: pointer; }
    .product-view .set-rectangle .options label.unavailable, .productView .set-rectangle .options label.unavailable {
      color: #D1D1D1;
      background: linear-gradient(to top left, #fff calc(50% - 1px), #aaa, #fff calc(50% + 1px)); }
      .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 {
        background: linear-gradient(to top left, #ddd calc(50% - 1px), #aaa, #ddd calc(50% + 1px));
        cursor: not-allowed; }
  .product-view .set-rectangle input, .productView .set-rectangle input {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    .product-view .set-rectangle input:checked + label, .productView .set-rectangle input:checked + label {
      background: #425F77;
      color: #fff; }
      .product-view .set-rectangle input:checked + label.unavailable, .productView .set-rectangle input:checked + label.unavailable {
        background: linear-gradient(to top left, #ddd calc(50% - 1px), #aaa, #ddd calc(50% + 1px)); }
      .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 {
        background: #072A48; }
  .product-view .set-swatch, .productView .set-swatch {
    margin-bottom: 1.125rem; }
    .product-view .set-swatch label, .productView .set-swatch label {
      font-weight: 500; }
    .product-view .set-swatch .White-swatch, .productView .set-swatch .White-swatch {
      border: 1px solid #000; }
    .product-view .set-swatch .options, .productView .set-swatch .options {
      position: relative;
      top: -0.1875rem;
      left: -0.1875rem; }
      .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: 1.875rem;
        height: 1.875rem;
        border: 3px solid transparent; }
        .product-view .set-swatch .options label > span, .productView .set-swatch .options label > span {
          transform: rotate(45deg);
          border-radius: 100%;
          width: 100%;
          border: 1px solid #CCD5DC; }
        .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::before, .productView .set-swatch .options label::before {
          content: "";
          position: absolute;
          border-radius: 100%;
          width: 1.875rem;
          height: 1.875rem;
          transform: translateY(-4px) translateX(-4px); }
        .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: .1; }
          .product-view .set-swatch .options label.unavailable::after, .productView .set-swatch .options label.unavailable::after {
            border-top: 1px solid #D1D1D1;
            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: 1px dashed #425F77; }
      .product-view .set-swatch .options label.pattern, .productView .set-swatch .options label.pattern {
        border-radius: 0; }
        .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;
          transform: translateY(-4px) translateX(-4px); }
        .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: 1px !important;
        height: 1px;
        padding: 0;
        margin: -1px;
        border: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0); }
        .product-view .set-swatch .options input:checked + label::before, .productView .set-swatch .options input:checked + label::before {
          border: 1px solid #072A48; }
        .product-view .set-swatch .options input:checked + label.unavailable::before, .productView .set-swatch .options input:checked + label.unavailable::before {
          border: 1px solid #EFF2F4; }

/*  --------------------------------------------------------------------------  *\

    DETAIL - GLOBAL

\*  --------------------------------------------------------------------------  */
.description h2 {
  text-align: left; }

.description dt button {
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr auto; }
  .description dt button[aria-expanded="true"] {
    color: #8499AA;
    background-color: #fff; }

.description ul {
  list-style: circle;
  margin-left: 1.25rem; }
  .description ul li {
    padding-left: 0.625rem; }

/*  --------------------------------------------------------------------------  *\

    DETAIL - DESCRIPTION ACCORDION

\*  --------------------------------------------------------------------------  */
.description .accordion {
  border-bottom: 1px solid #D1D1D1; }
  .description .accordion > dt {
    margin: 0; }
    .description .accordion > dt > button {
      border-top: 1px solid #D1D1D1;
      padding: 1.5rem 0; }
  .description .accordion > dd {
    margin-bottom: 1.5rem; }

/*  --------------------------------------------------------------------------  *\

    DETAIL - DESCRIPTION TABS

\*  --------------------------------------------------------------------------  */
@media (max-width: 767.9px) {
  .description .tabs > dt {
    padding: 0.3125rem; }
    .description .tabs > dt > button[aria-expanded="true"] {
      border-bottom-color: #fff;
      font-weight: bold; }
  .description .tabs > dd {
    padding: 0.625rem 0.3125rem; } }

@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.5rem 0.75rem;
        border: 0.0625rem solid #D1D1D1;
        color: #072A48;
        background-color: #F0F0F1; }
        .description .tabs > dt > button[aria-expanded="true"] {
          border-bottom-color: #fff;
          font-weight: bold;
          color: #072A48;
          background-color: #fff; }
      .description .tabs > dt ~ dt {
        margin: 0 0 0 0.5rem; }
    .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.0625rem solid #D1D1D1;
      margin-top: -0.0625rem;
      padding: 0.75rem 0.75rem; } }

.productReviews .title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%; }
  .productReviews .title-box .btn-txt {
    margin-bottom: 1.5rem; }

.productReviews .toggle-content {
  display: flex;
  flex-direction: column;
  align-items: center; }

@media (min-width: 768px) {
  .productReviews h2 {
    margin-bottom: 1.5rem; } }

.productReviews .productReviews-list {
  margin: 0;
  width: 100%; }
  .productReviews .productReviews-list .productReview {
    display: none;
    margin: 0;
    padding: 1.5rem;
    background: #F0F0F1;
    margin-bottom: 1.5rem; }
    .productReviews .productReviews-list .productReview.show, .productReviews .productReviews-list .productReview.show-more {
      display: block; }
    .productReviews .productReviews-list .productReview .h5 {
      margin-bottom: 0.25rem; }
    .productReviews .productReviews-list .productReview .rating-wrapper {
      margin-bottom: 0.75rem; }
    .productReviews .productReviews-list .productReview strong {
      display: block; }
      @media (min-width: 768px) {
        .productReviews .productReviews-list .productReview strong {
          margin-right: 8px; } }
    .productReviews .productReviews-list .productReview .sep {
      display: none; }
      @media (min-width: 768px) {
        .productReviews .productReviews-list .productReview .sep {
          display: inline-block;
          margin-right: 8px;
          color: #425F77; } }
    @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: 1rem; } }

.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: #072A48; }

.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.0625rem solid #ffffff; }
    @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: 1rem; }
  .writeReview-productDetails .writeReview-productInfo .form-field--submit {
    margin-top: -0.625rem; }
  .writeReview-productDetails .writeReview-productInfo textarea {
    margin-top: 0.5rem; }
  .writeReview-productDetails .writeReview-productInfo select {
    max-width: none;
    margin: 0.5rem 0 1rem; }

.writeReview-productDetails .cta-wrapper {
  margin-top: 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: 1rem; }
      .writeReview-productDetails .cta-wrapper .g-recaptcha {
        flex: 1; }
      .writeReview-productDetails .cta-wrapper .cta-btn {
        flex: 2; } }

.sticky-atc {
  border: 1px solid #ffffff;
  display: block;
  border-radius: 0.25rem;
  padding: 0.75rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  max-width: 68.75rem;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 50%;
  width: 100%;
  background: white;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 30%);
  transition: .35s all ease-in-out; }
  @media (min-width: 768px) {
    .sticky-atc {
      bottom: 1rem; } }
  .sticky-atc.scroll {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -10%); }
  .sticky-atc .content {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    column-gap: 1.375rem; }
    @media (min-width: 768px) {
      .sticky-atc .content {
        grid-template-columns: 80px 2fr 1fr auto; } }
    .sticky-atc .content img {
      display: flex;
      border: 1px solid #ffffff;
      object-fit: contain;
      width: 100%;
      max-height: 4.0625rem; }
      @media (max-width: 767.9px) {
        .sticky-atc .content img {
          display: none; } }
    .sticky-atc .content .product-name {
      max-width: 27.1875rem;
      margin: 0; }
      @media (max-width: 767.9px) {
        .sticky-atc .content .product-name {
          display: none; } }
    .sticky-atc .content .product-price {
      display: flex;
      flex-direction: column;
      align-items: end;
      text-align: right; }
      @media (max-width: 767.9px) {
        .sticky-atc .content .product-price {
          display: none; } }
      .sticky-atc .content .product-price .price-section--withoutTax {
        order: 2; }
      .sticky-atc .content .product-price .rrp-price--withoutTax {
        display: none; }
      .sticky-atc .content .product-price .non-sale-price--withoutTax {
        order: 3;
        text-decoration: line-through; }
      .sticky-atc .content .product-price .price[data-product-price-without-tax] {
        color: #164d65;
        float: left;
        margin: 0;
        font-weight: 700; }
      .sticky-atc .content .product-price .price.price-section--saving {
        order: 1;
        background-color: #F0F0F1;
        color: #447489;
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
        width: fit-content;
        text-align: right;
        font-weight: 700;
        line-height: 1; }
    @media (max-width: 767.9px) {
      .sticky-atc .content .product-action a {
        width: 100%; } }

/*  --------------------------------------------------------------------------  *\
    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: 2rem;
    row-gap: 1.5rem;
    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; }

/*  --------------------------------------------------------------------------  *\

    ORDER CONFIRMATION - MESSAGES

\*  --------------------------------------------------------------------------  */
.button, .customerEmail-button {
  border-radius: 0; }

.button--primary, .button--action {
  background: #072A48;
  color: #fff;
  border-color: #072A48; }
  .button--primary:hover, .button--primary:focus, .button--action:hover, .button--action:focus {
    background: #fff;
    color: #072A48;
    border-color: #072A48; }

.button--tertiary {
  background: #ffffff;
  border-color: #ffffff;
  color: #D1D1D1; }
  .button--tertiary:hover, .button--tertiary:focus {
    background: #EFF2F4;
    border-color: #EFF2F4;
    color: #fff; }

/*  --------------------------------------------------------------------------  *\
    PAGE COMPONENTS
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    PAGE - LAYOUT

\*  --------------------------------------------------------------------------  */
@media (min-width: 768px) {
  section.w-nav .container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 1.5rem; } }

@media (min-width: 992px) {
  section.w-nav .container {
    column-gap: 2rem; } }

#quickSearch .form-input-group {
  position: relative; }
  #quickSearch .form-input-group button {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }

/*  --------------------------------------------------------------------------  *\

    PAGE - NAV - INTERIOR

\*  --------------------------------------------------------------------------  */
nav.int li + li {
  margin: 0.5rem 0 0;
  padding: 0.5rem 0 0; }

nav.int a {
  color: #8499AA; }

nav.int .is-active a {
  font-weight: bold; }

/*  --------------------------------------------------------------------------  *\
    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 -1rem; }
    .sitemap > ul > li {
      margin: 0 1rem;
      width: calc(33.333% - 2rem); } }

.sitemap > ul ul li + li {
  margin: 0.5rem 0 0; }

.sitemap > ul ul ul {
  margin: 0 0 0 0.5rem;
  padding: 0.5rem 0 0; }
  @media (min-width: 768px) {
    .sitemap > ul ul ul {
      margin: 0 0 0 1rem; } }
  @media (min-width: 992px) {
    .sitemap > ul ul ul {
      margin: 0 0 0 1.5rem; } }

/*  --------------------------------------------------------------------------  *\
    ACCOUNT COMPONENTS
\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

    ACCOUNT - BASE - TOP - NAV

\*  --------------------------------------------------------------------------  */
nav.account ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  padding: 0.5rem 0;
  gap: 1rem; }
  @media (min-width: 768px) {
    nav.account ul {
      flex-direction: row; } }
  nav.account ul li {
    width: 100%;
    text-align: center; }
    nav.account ul li:last-of-type {
      border: 0; }
    @media (min-width: 768px) {
      nav.account ul li {
        border: 0;
        width: auto; } }

nav.account .is-active a {
  color: #072A48;
  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.375rem; }

.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 .feed-orders, .account .feeds-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 1rem;
    column-gap: 1rem; }
    @media (min-width: 768px) {
      .account .feed-orders, .account .feeds-grid {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 992px) {
      .account .feed-orders, .account .feeds-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .account .feed-contents {
    padding-bottom: 2rem; }
  .account .order-wrapper {
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .account .order-wrapper {
        margin-bottom: 2rem; } }
    .account .order-wrapper .order-header {
      background: #F0F0F1;
      border: 1px solid #EFF2F4;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: start;
      align-items: start;
      flex-flow: column;
      row-gap: 0.5rem;
      padding: 1rem; }
      .account .order-wrapper .order-header * {
        margin-bottom: 0;
        color: #072A48; }
        .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: #072A48; }
        .account .order-wrapper .order-header--details a:hover {
          color: #8499AA; }
      .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: 1.5rem;
          padding: 1rem 1.5rem; }
          .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: 10px;
              margin-left: 0.75rem;
              margin-top: 0.25rem;
              transition: .25s all ease-in-out; }
            .account .order-wrapper .order-header--address .dropdown-content {
              display: none;
              border: 1px solid #D1D1D1;
              background: white;
              padding: 0.5rem;
              position: absolute;
              margin-top: 0.5rem;
              z-index: 1; }
              .account .order-wrapper .order-header--address .dropdown-content::before {
                content: '';
                display: block;
                position: absolute;
                left: 10px;
                bottom: 100%;
                width: 0;
                height: 0;
                border: 10px solid transparent;
                border-bottom-color: #D1D1D1; }
              .account .order-wrapper .order-header--address .dropdown-content::after {
                content: '';
                display: block;
                position: absolute;
                left: 12px;
                bottom: 100%;
                width: 0;
                height: 0;
                border: 8px 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: 2.5rem; } }
    .account .order-wrapper .order-status {
      border-right: 1px solid #EFF2F4;
      border-left: 1px solid #EFF2F4;
      padding: 1rem 1rem 0; }
      .account .order-wrapper .order-status h2 {
        text-transform: capitalize;
        font-size: 1rem;
        margin-bottom: 0; }
      @media (min-width: 768px) {
        .account .order-wrapper .order-status {
          padding: 1rem 1.5rem 0; }
          .account .order-wrapper .order-status h2 {
            font-size: 1.25rem; } }
    .account .order-wrapper .order-body {
      border: 1px solid #EFF2F4;
      border-top: none;
      padding: 1rem;
      display: grid;
      grid-template-columns: 3.5rem auto;
      grid-template-areas: "img details" "action action";
      column-gap: 0.5rem;
      row-gap: 1rem; }
      .account .order-wrapper .order-body--image {
        grid-area: img;
        border: 1px solid #D1D1D1; }
      .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: 0.75rem;
            font-weight: 500; }
          .account .order-wrapper .order-body--details p:nth-child(2) {
            font-size: 0.875rem;
            color: #8499AA; }
      .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: 3.5rem;
        height: 3.5rem;
        object-fit: contain;
        overflow: hidden; }
      @media (min-width: 768px) {
        .account .order-wrapper .order-body {
          padding: 1.5rem;
          column-gap: 1rem;
          grid-template-columns: 6.25rem auto 1fr;
          grid-template-areas: "img details action"; }
          .account .order-wrapper .order-body--image, .account .order-wrapper .order-body img {
            width: 6.25rem;
            height: 6.25rem; }
          .account .order-wrapper .order-body--action {
            margin-top: 0.875rem;
            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.25rem;
              font-size: 1rem; } }
    .account .order-wrapper .order-view-more {
      padding: 1rem;
      text-align: center;
      border: 1px solid #EFF2F4;
      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 .order-card {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08), 0px 5px 25px rgba(116, 116, 116, 0.05);
    padding: 1rem;
    border-radius: 0.5rem; }
    .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.125rem 0.375rem;
        width: 100%;
        text-align: center;
        background: #ffffff;
        border-radius: 0.625rem;
        color: #D1D1D1;
        font-size: 1rem; }
    .account .order-card h3, .account .order-card .h3 {
      padding-top: 1rem; }
    .account .order-card dl {
      display: grid;
      grid-template-columns: auto 1fr; }
    .account .order-card.img-side {
      display: grid;
      grid-template-columns: 1fr 3fr;
      row-gap: 1rem;
      column-gap: 2rem; }
  .account .order-totals {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1rem;
    text-align: left; }
    .account .order-totals dt {
      margin: 0; }
    .account .order-totals dd {
      padding: 0;
      text-align: right; }
  .account aside dl {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: auto;
    row-gap: 0.5rem;
    column-gap: 0.5rem; }
  .account table.messages {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem; }
    .account table.messages th, .account table.messages td {
      padding: 0.5rem 1rem; }
    .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: #ffffff; }
    .account table.messages h3, .account table.messages .h3 {
      font-size: 1em;
      font-weight: bold;
      margin: 0; }
  .account .address-card {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08), 0px 5px 25px rgba(116, 116, 116, 0.05);
    padding: 1rem;
    border-radius: 0.5rem; }
    .account .address-card address {
      margin: 0 0 0.5rem; }
    .account .address-card dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row wrap; }
  .account .feed-addresses {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 1rem;
    column-gap: 1rem;
    margin: 0 0 2rem; }
    @media (min-width: 768px) {
      .account .feed-addresses {
        grid-template-columns: 1fr 1fr 1fr; } }
    .account .feed-addresses article {
      border: 1px solid #EFF2F4; }
  .account form.form-rows .form-el[data-type*="Address"] {
    width: 100%; }
  .account form.form-rows .form-el[data-type*="Password"] {
    width: calc(50% - 1rem); }
  .account .form-actions {
    justify-content: center; }
  .account table.wishlist {
    width: 100%;
    border-collapse: collapse; }
    .account table.wishlist th {
      padding: 0.5rem 0.75rem;
      border-bottom: 0.0625rem solid #EFF2F4; }
      .account table.wishlist th:first-child {
        width: 50%;
        text-align: left; }
      .account table.wishlist th:nth-child(n + 2) {
        width: 12.5%; }
      .account table.wishlist th:last-child {
        width: 25%; }
    .account table.wishlist tr:nth-child(even) td {
      background: #ffffff; }
    .account table.wishlist tr td {
      padding: 0.5rem 0.75rem;
      border: none; }
      .account table.wishlist tr td:nth-child(n + 2) {
        text-align: center; }
    .account table.wishlist form {
      margin: 0; }
  .account .form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap; }
    .account .form-actions [class*="btn-"] ~ [class*="btn-"] {
      margin-left: 1.5rem; }
  .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;
    white-space: nowrap;
    margin: 0 0.5rem 0 0;
    font-size: 1.125rem; }
  .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: 1rem;
    padding: 0.5rem 0.75rem;
    width: 100%;
    border: 0.125rem solid #EFF2F4;
    background: #ffffff; }
  @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 h2 {
    font-size: 1.875rem; }
  .account .form-actions .btn-primary {
    margin-right: 1rem; }

.account .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: column nowrap; }
  .account .container > nav {
    order: 0;
    margin: 0 0 3rem;
    grid-area: nav; }
  .account .container > .cnt {
    order: 1;
    grid-area: content; }
  .account .container.w-aside {
    display: grid;
    grid-template-areas: 'nav'
 'content'
 'aside';
    grid-template-columns: 1fr;
    row-gap: 2rem; }
    @media (min-width: 768px) {
      .account .container.w-aside {
        grid-template-areas: 'nav nav'
 'aside content';
        grid-template-columns: 1fr 1fr;
        column-gap: 5rem;
        row-gap: 0; } }
    .account .container.w-aside > .cnt h2 {
      border-bottom: 1px solid #EFF2F4;
      padding-bottom: .5rem; }
    .account .container.w-aside > aside {
      grid-area: aside; }
      .account .container.w-aside > aside h2 {
        border-bottom: 1px solid #EFF2F4; }

/*  --------------------------------------------------------------------------  *\

    WIDGETS

    This loads all widget styling on the website.

\*  --------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------  *\

   01 - PROMO BARS

\*  --------------------------------------------------------------------------  */
[data-content-region="header-promo--global"] {
  position: relative;
  z-index: 1001; }

.promo-bars {
  background-color: #072A48;
  text-align: center;
  font-size: 0.6875rem;
  margin-top: 0 !important;
  position: static; }
  .promo-bars.countdown {
    padding: 0.5rem 0;
    border-bottom: 1px solid white; }
    @media (min-width: 992px) {
      .promo-bars.countdown .cnt-wrap {
        display: grid;
        grid-template-columns: 1fr auto auto;
        column-gap: 16px; } }
    .promo-bars.countdown .global-promo {
      font-size: 12px; }
      @media (min-width: 992px) {
        .promo-bars.countdown .global-promo {
          font-size: 14px; } }
    .promo-bars.countdown > div {
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (min-width: 992px) {
        .promo-bars.countdown > div {
          column-gap: 3rem; } }
      @media (max-width: 768px) {
        .promo-bars.countdown > div {
          flex-direction: column;
          row-gap: 16px; }
          .promo-bars.countdown > div .bcc-cta {
            display: none; } }
    .promo-bars.countdown #bccCountdown1 {
      display: flex;
      column-gap: 1.5rem; }
    .promo-bars.countdown .counter {
      display: flex;
      flex-direction: column; }
      .promo-bars.countdown .counter strong {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        /* 100% */
        letter-spacing: 0.18px; }
      .promo-bars.countdown .counter span {
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: 18px;
        /* 180% */
        letter-spacing: 0.1px; }
  @media (min-width: 992px) {
    .promo-bars {
      width: 100%;
      pointer-events: none;
      top: 0;
      background: none;
      font-size: 0.75rem; }
      .promo-bars.countdown {
        position: relative; } }
  .promo-bars .controls-container, .promo-bars .dots {
    display: none; }
  .promo-bars .slider {
    margin: 0; }
    @media (min-width: 992px) {
      .promo-bars .slider {
        padding: 0.75rem 0; } }
  .promo-bars .bbcDays1, .promo-bars .counter {
    color: #fff; }
    @media (min-width: 992px) {
      .promo-bars .bbcDays1, .promo-bars .counter {
        color: #072A48; } }
  .promo-bars p, .promo-bars a {
    text-align: center;
    color: #fff;
    text-decoration: none; }
    @media (min-width: 992px) {
      .promo-bars p, .promo-bars a {
        text-align: left;
        color: #072A48;
        pointer-events: initial; } }
    @media (max-width: 991.9px) {
      .promo-bars p:hover, .promo-bars a:hover {
        color: #fff;
        text-decoration: underline; } }
  @media (max-width: 991.9px) {
    .promo-bars a {
      padding: 0.5rem 0; } }
  .promo-bars i {
    margin-left: 0.5rem;
    font-size: 0.625rem; }
  .promo-bars.countdown {
    background: #072A48; }
    .promo-bars.countdown * {
      color: #F0F0F1; }
    .promo-bars.countdown p, .promo-bars.countdown a {
      color: white; }
  @media (min-width: 992px) {
    .promo-bars.bg-transparent {
      background: transparent; } }
  .promo-bars .cnt-wrap {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column; }
    @media (min-width: 992px) {
      .promo-bars .cnt-wrap {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0; } }
    @media (min-width: 992px) {
      .promo-bars .cnt-wrap .carousel-wrap {
        margin: 0; } }
    .promo-bars .cnt-wrap .carousel-wrap .text p {
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      letter-spacing: 0.01em;
      margin: 0; }
      @media (min-width: 992px) {
        .promo-bars .cnt-wrap .carousel-wrap .text p {
          min-height: 0; } }
    .promo-bars .cnt-wrap [id^="bccCountdown"] {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: flex-start; }
      .promo-bars .cnt-wrap [id^="bccCountdown"] .counter {
        margin: 0 0.625rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .promo-bars .cnt-wrap [id^="bccCountdown"] .counter strong {
          margin: 0;
          font-weight: 500;
          text-align: center;
          letter-spacing: 0.01em;
          font-size: 1.125rem;
          line-height: 1.125rem; }
        .promo-bars .cnt-wrap [id^="bccCountdown"] .counter span {
          margin: 0;
          font-weight: 300;
          text-align: center;
          letter-spacing: 0.01em;
          font-size: 0.625rem;
          line-height: 1.125rem; }
    .promo-bars .cnt-wrap .bcc-cta {
      display: none;
      margin: 0;
      text-decoration: none;
      text-transform: capitalize;
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1.125rem; }
      .promo-bars .cnt-wrap .bcc-cta:hover, .promo-bars .cnt-wrap .bcc-cta:focus {
        text-decoration: underline; }
      .promo-bars .cnt-wrap .bcc-cta i {
        margin-left: 1.0625rem;
        font-size: 0.625rem; }
      @media (min-width: 992px) {
        .promo-bars .cnt-wrap .bcc-cta {
          display: flex;
          flex-direction: row;
          align-items: center;
          flex-wrap: nowrap; } }

.multi-line-promo-bar {
  background: #ffffff; }
  .multi-line-promo-bar.contained {
    background: none; }
    .multi-line-promo-bar.contained .container {
      background: #ffffff; }
  .multi-line-promo-bar .container {
    padding: 1.5rem 0; }
  .multi-line-promo-bar .h4 {
    margin-bottom: 0.75rem; }
  .multi-line-promo-bar .h5 {
    margin-bottom: 0.625rem; }
    @media (min-width: 992px) {
      .multi-line-promo-bar .h5 {
        margin-bottom: 1rem; } }
  .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: 1.5rem;
        flex-direction: row; } }
  @media (max-width: 767.9px) {
    .multi-line-promo-bar a + a {
      margin-top: 12px; } }

/* -------------------------------------------------------------------------- */
/*                           HOMEPAGE HERO CAROUSEL                           */
/* -------------------------------------------------------------------------- */
section.widget--hero {
  display: block !important;
  z-index: -1; }
  section.widget--hero .grid-wrapper picture {
    margin-bottom: 1.375rem; }
    @media only screen and (min-width: 992px) {
      section.widget--hero .grid-wrapper picture {
        margin-bottom: 1.875rem; } }
    section.widget--hero .grid-wrapper picture img {
      height: 6rem;
      width: 3.875rem;
      object-fit: contain;
      position: static;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        section.widget--hero .grid-wrapper picture img {
          height: 7.875rem;
          width: 5.125rem; } }
  section.widget--hero > div {
    height: 100%; }
    section.widget--hero > div > div {
      height: 100%; }
  section.widget--hero .grid-wrapper {
    display: flex;
    flex-direction: column; }

.homepage-hero-grid {
  position: relative;
  z-index: 1;
  overflow: hidden;
  --animationDistance: 15px; }
  .homepage-hero-grid.darken h1, .homepage-hero-grid.darken p, .homepage-hero-grid.darken a {
    color: white;
    text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }
  .homepage-hero-grid.darken .container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  .homepage-hero-grid .slider {
    padding-bottom: 0;
    margin-bottom: 0;
    --mobile-gap: 1px;
    --tablet-gap: 1px;
    --desktop-gap: 1px; }
    .homepage-hero-grid .slider .slide {
      scroll-snap-align: start; }
  .homepage-hero-grid.contained {
    max-width: 87.5rem;
    margin: 0 auto; }
  @media (max-width: 991.9px) {
    .homepage-hero-grid .btn-primary {
      --btnColor: $dark-1 !important; } }
  .homepage-hero-grid .slide div {
    visibility: visible;
    animation-delay: 50ms;
    animation-name: fadeInUp; }
  .homepage-hero-grid .slide {
    position: relative;
    flex-direction: column;
    text-align: center;
    position: relative; }
    @media (min-width: 768px) {
      .homepage-hero-grid .slide {
        text-align: left; } }
    .homepage-hero-grid .slide::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: 0; }
      @media (min-width: 768px) {
        .homepage-hero-grid .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-grid .slide.left .container > div {
        grid-column: 1 / span 8;
        justify-items: left; } }
    @media (min-width: 768px) {
      .homepage-hero-grid .slide.center .container > div {
        grid-column: 4 / span 7;
        text-align: center;
        justify-items: center; } }
    @media (min-width: 768px) {
      .homepage-hero-grid .slide.right .container > div {
        grid-column: 7 / span 6;
        justify-items: left; } }
    .homepage-hero-grid .slide .container {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      min-height: 12.5rem;
      padding: 0; }
      .homepage-hero-grid .slide .container .logo, .homepage-hero-grid .slide .container h1 {
        grid-column: 1 / 4; }
      .homepage-hero-grid .slide .container .cta-buttons {
        grid-column: 1 / 4;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        .homepage-hero-grid .slide .container .cta-buttons a {
          height: fit-content;
          margin-bottom: 0; }
        @media (min-width: 768px) {
          .homepage-hero-grid .slide .container .cta-buttons {
            gap: 1rem;
            flex-direction: row; } }
      @media (min-width: 768px) {
        .homepage-hero-grid .slide .container {
          padding: 0;
          grid-template-columns: repeat(12, 1fr);
          min-height: 21.625rem;
          max-height: 25rem; } }
      @media (min-width: 992px) {
        .homepage-hero-grid .slide .container {
          padding: 0 4rem;
          min-height: 23.125rem;
          max-height: 36.25rem; } }
      .homepage-hero-grid .slide .container > div {
        z-index: 3;
        display: grid;
        align-content: center;
        justify-items: center;
        padding: 1.5rem; }
        @media (min-width: 768px) {
          .homepage-hero-grid .slide .container > div {
            padding: 3rem; } }
        @media (min-width: 992px) {
          .homepage-hero-grid .slide .container > div {
            padding: 5rem; } }
        .homepage-hero-grid .slide .container > div .btn-primary {
          margin-bottom: 1.25rem; }
          @media (min-width: 768px) {
            .homepage-hero-grid .slide .container > div .btn-primary {
              margin-bottom: initial; } }
      .homepage-hero-grid .slide .container.invert {
        align-items: stretch; }
        @media (min-width: 992px) {
          .homepage-hero-grid .slide .container.invert {
            align-items: center; } }
        .homepage-hero-grid .slide .container.invert > div {
          background: #8499AA; }
  .homepage-hero-grid picture {
    display: flex;
    justify-content: center; }
    .homepage-hero-grid picture img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      top: 0;
      aspect-ratio: 2; }
      @media (min-width: 768px) {
        .homepage-hero-grid picture img {
          position: absolute; } }
    .homepage-hero-grid picture.mobile-overlay img {
      position: absolute; }
  .homepage-hero-grid .dots {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%, 0); }

.category-thumbnails .slider {
  --mobile-gap: 20px;
  --tablet-gap: 20px;
  --desktop-gap: 20px;
  --mobile-slides: 1.2;
  --tablet-slides: 3;
  --desktop-slides: 4; }

.category-thumbnails div img {
  width: 100%; }

.category-thumbnails a {
  height: 100%;
  display: block;
  text-decoration: none; }

.category-thumbnails .gifts a {
  height: auto; }

.category-thumbnails .name {
  font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
  margin-top: 0.5rem;
  font-weight: 500; }

.category-thumbnails .dots {
  display: none; }

.promotional-blocks img {
  aspect-ratio: 1.4;
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: flex; }

.promotional-blocks .slider {
  margin-bottom: 1.5rem; }

.promotional-blocks .slide {
  display: flex;
  flex-direction: column; }
  .promotional-blocks .slide h3 {
    padding-top: 1.5rem;
    flex-grow: 1; }
  .promotional-blocks .slide p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    overflow: hidden;
    -webkit-line-clamp: 3;
    min-height: 2rem; }

.promotional-blocks .overlay figure {
  position: relative; }

.promotional-blocks .overlay figcaption {
  position: absolute;
  z-index: 2;
  bottom: 0;
  background: rbga(0, 0, 0, 0.3);
  padding: 12px; }
  .promotional-blocks .overlay figcaption h3, .promotional-blocks .overlay figcaption p {
    color: white; }

.shop-by-category {
  margin-bottom: 3rem; }
  @media (min-width: 998px) {
    .shop-by-category {
      margin-bottom: 5.5rem; } }
  @media (max-width: 767px) {
    .shop-by-category h2 {
      margin-top: 0; } }
  @media (min-width: 768px) {
    .shop-by-category h2 {
      margin-bottom: 1rem; } }
  @media (min-width: 998px) {
    .shop-by-category h2 {
      margin-bottom: 2rem; } }
  .shop-by-category .cat-card {
    margin: 0 0.3125rem; }
    .shop-by-category .cat-card a {
      text-decoration: none; }
    @media (min-width: 768px) {
      .shop-by-category .cat-card {
        margin: 0 0.5rem; } }
    @media (min-width: 998px) {
      .shop-by-category .cat-card {
        margin: 0 0.75rem; } }
  .shop-by-category img {
    width: 100%; }
  .shop-by-category .name {
    font-weight: 500; }

.brand-value .values {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  row-gap: 1.75rem; }
  @media (min-width: 768px) {
    .brand-value .values.col-4 {
      column-gap: 2.6%; }
      .brand-value .values.col-4 figure {
        width: 23%; } }
  @media (min-width: 768px) {
    .brand-value .values.col-3 {
      column-gap: 5%; }
      .brand-value .values.col-3 figure {
        width: 30%; } }
  .brand-value .values figure img {
    display: block;
    margin: 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover; }
    @media (min-width: 992px) {
      .brand-value .values figure img {
        width: 3.5rem;
        height: 3.5rem; } }
  .brand-value .values figure p {
    color: #425F77; }
  .brand-value .values figure.stacking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-flow: column wrap;
    row-gap: 1.25rem; }
    .brand-value .values figure.stacking figcaption {
      text-align: center; }
    @media (min-width: 992px) {
      .brand-value .values figure.stacking {
        row-gap: 1.875rem; } }
  .brand-value .values figure.left {
    align-items: flex-start; }
    .brand-value .values figure.left * {
      text-align: left; }
    .brand-value .values figure.left img {
      margin: 0; }
  .brand-value .values figure.right {
    align-items: flex-end; }
    .brand-value .values figure.right * {
      text-align: right; }
    .brand-value .values figure.right img {
      margin: 0; }
  .brand-value .values figure.center {
    align-items: center; }
    .brand-value .values figure.center * {
      text-align: center; }
    .brand-value .values figure.center figcaption {
      margin: 0 auto; }
  .brand-value .values 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: 1rem; }
    @media (min-width: 992px) {
      .brand-value .values figure.image-side {
        column-gap: 2.5rem; } }

.image-carousel {
  position: relative; }
  .image-carousel img {
    aspect-ratio: 1;
    transition: transform .5s ease;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.reviews-carousel .controls-container {
  padding: 0 1.25rem; }

.reviews-carousel .slide {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 2.5rem; }

.reviews-carousel .star-rating {
  margin: 0 0 0.75rem; }
  @media (min-width: 992px) {
    .reviews-carousel .star-rating {
      margin: 0 0 1rem; } }

.reviews-carousel p {
  margin: 0 0 0.75rem; }
  @media (min-width: 992px) {
    .reviews-carousel p {
      margin: 0 0 1rem; } }

.reviews-carousel .name {
  margin: 0 0 0.25rem; }
  @media (min-width: 992px) {
    .reviews-carousel .name {
      margin: 0 0 0.5rem;
      font-size: 1.125rem; } }

@media (min-width: 992px) {
  .reviews-carousel .datestamp {
    font-size: 0.875rem; } }

.seo-widget .expandable {
  overflow: hidden;
  transition: all .25s ease-in-out; }

.seo-widget .seo-text {
  display: inline;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  @media (min-width: 992px) {
    .seo-widget .seo-text {
      font-size: 1rem; } }

.seo-widget p.expandable {
  padding-top: 8px; }

.seo-widget button[aria-expanded="true"] {
  display: none; }

.seo-widget #read-more {
  text-decoration: underline;
  cursor: pointer;
  color: #072A48;
  font-family: "HCo Gotham", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  @media (min-width: 992px) {
    .seo-widget #read-more {
      font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
      text-decoration: none;
      font-weight: 700;
      font-size: 1rem; } }

.seo-widget .line {
  display: block;
  margin-bottom: 2.5rem;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D1D1D1; }

.faq-widget .accordion dt > button, .faq-widget .accordion dd {
  padding: 1rem 0; }
  @media (min-width: 992px) {
    .faq-widget .accordion dt > button, .faq-widget .accordion dd {
      padding: 1.5rem 0; } }

.faq-widget .accordion dd {
  padding-top: 0;
  margin: -4px 0 0;
  font-size: 0.875rem;
  font-weight: 400; }
  @media (min-width: 992px) {
    .faq-widget .accordion dd {
      font-size: 1rem; } }

.faq-widget .accordion button {
  background: white;
  padding: 0;
  font-size: 0.875rem; }
  @media (min-width: 992px) {
    .faq-widget .accordion button {
      font-size: 1.125rem; } }
  .faq-widget .accordion button[aria-expanded="true"] {
    padding-bottom: 0.5rem; }
    @media (min-width: 992px) {
      .faq-widget .accordion button[aria-expanded="true"] {
        padding-bottom: 1rem; } }

.faq-widget .accordion > dt {
  border-top: 0.0625rem solid #D1D1D1;
  font-size: 1rem;
  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: #8499AA; }

.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; }

.pdp-upsell {
  margin-top: 1rem; }
  .pdp-upsell .slider {
    --mobile-gap: 10px;
    --tablet-gap: 10px;
    --desktop-gap: 10px;
    margin-bottom: 0; }
    .pdp-upsell .slider::-webkit-scrollbar {
      display: none; }
    .pdp-upsell .slider .slide {
      scroll-snap-align: start; }
  .pdp-upsell .dot {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem; }
  .pdp-upsell .h5 {
    margin-bottom: 1rem; }
  .pdp-upsell .noCarousel > div {
    margin-top: 0.5rem; }
  .pdp-upsell form {
    background: #FFF;
    border: 1px solid #D1D1D1;
    padding: 1rem;
    display: grid;
    grid-template-columns: 60px 1fr auto;
    grid-template-areas: 'img cnt btn';
    align-items: center;
    column-gap: 1rem;
    row-gap: 1rem;
    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: cover; }
    .pdp-upsell form .btn-primary {
      grid-area: btn;
      font-size: 0.875rem; }
    .pdp-upsell form .upsell-title {
      display: block;
      font-size: 0.875rem;
      font-weight: 300; }
    .pdp-upsell form .price {
      font-size: 0.875rem;
      font-weight: 600; }

.widget-product-picker .card {
  visibility: visible !important; }

.widget-product-picker .controls-container {
  text-align: right; }

.widget-product-picker .carousel-grid .dots .dot {
  margin: 0 0 1.5rem !important; }

.popular-searches h2 {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 1.5rem; }

.popular-searches .container > div {
  background: #ffffff;
  padding: 3rem 1.5rem 6.25rem;
  position: relative;
  max-height: 24.5rem;
  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: 3rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2rem; } }
  @media (min-width: 992px) {
    .popular-searches .container > div {
      grid-template-columns: 1fr 1fr 1fr;
      padding: 3rem 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 3; } }

@media (min-width: 1200px) {
  .popular-searches h2 {
    grid-column: 1 / span 4; } }

.popular-searches .link-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .popular-searches .link-container {
      margin-bottom: 1.5rem; } }
  .popular-searches .link-container a {
    justify-content: flex-start;
    text-align: left; }

.popular-searches .button-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem 1.5rem 3rem;
  background: #ffffff; }
  @media (min-width: 768px) {
    .popular-searches .button-container {
      display: none; } }

.popular-searches .btn-secondary {
  width: 100%; }

.basic-text {
  display: block; }

.trending-searches .container {
  position: relative; }
  .trending-searches .container::after {
    content: "";
    position: absolute;
    width: 15%;
    height: 100%;
    background: linear-gradient(to right, transparent, white);
    top: 0;
    right: 1.125rem;
    pointer-events: none; }
    @media only screen and (min-width: 768px) {
      .trending-searches .container::after {
        right: 2.25rem; } }
    @media only screen and (min-width: 992px) {
      .trending-searches .container::after {
        right: 3rem; } }

.trending-searches .slider {
  padding-bottom: 0;
  margin-bottom: 0;
  --mobile-gap: 8px;
  --tablet-gap: 8px;
  --desktop-gap: 8px; }
  .trending-searches .slider::-webkit-scrollbar {
    display: none; }

.trending-searches .slide:last-child {
  z-index: 2; }

.trending-searches .slide .btn-secondary {
  background: #EFF2F4;
  border-radius: 50px;
  border: 0 !important;
  padding: 0.875rem 0.375rem;
  color: #072A48;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.01em;
  width: 100% !important;
  height: 2.25rem !important; }
  .trending-searches .slide .btn-secondary:hover {
    background: #072A48;
    color: white; }
  @media only screen and (min-width: 992px) {
    .trending-searches .slide .btn-secondary {
      padding: 1rem 0.375rem;
      height: 2.625rem !important;
      font-size: 0.875rem; } }

.cart-callout-countdown {
  margin: 2.375rem 0 1.5rem;
  border: 1px solid #072A48;
  padding: 0 0.625rem 1rem; }
  @media (min-width: 992px) {
    .cart-callout-countdown {
      margin: 1.875rem 0 1rem;
      padding: 0 3.125rem 1rem; } }
  .cart-callout-countdown .highlight-text {
    color: #072A48;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin: -0.6875rem 0 1rem;
    background: #F0F0F1;
    text-align: center;
    border: 1px solid; }
  .cart-callout-countdown #cccCountdown {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start; }
    .cart-callout-countdown #cccCountdown .counter {
      margin: 0 0.625rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .cart-callout-countdown #cccCountdown .counter strong {
        margin: 0;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.01em;
        color: #072A48;
        font-size: 1.125rem;
        line-height: 1.125rem; }
      .cart-callout-countdown #cccCountdown .counter span {
        margin: 0;
        font-weight: 300;
        text-align: center;
        letter-spacing: 0.01em;
        color: #072A48;
        font-size: 0.625rem;
        line-height: 1.125rem; }

.additional-callout {
  background: #EFF2F4;
  padding: 0.25rem 1rem; }
  @media (min-width: 992px) {
    .additional-callout {
      padding: 0.25rem 1.5rem; } }
  .additional-callout p {
    margin: 0;
    color: #072A48;
    font-size: 0.625rem;
    line-height: 1.125rem;
    text-align: center; }

.widget-shop-related a {
  text-decoration: none; }

.widget-shop-related .product {
  display: block; }

.widget-shop-related .product-image {
  margin-bottom: 1rem;
  height: 15rem;
  width: auto; }
  .widget-shop-related .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin: auto; }

.widget-shop-related .product-details {
  display: flex;
  flex-flow: column;
  gap: 0.5rem; }

[class*=hero-wrapper] {
  padding: 40px 0;
  background: #425F77; }
  [class*=hero-wrapper] .container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] .container {
        flex-direction: row;
        gap: 40px;
        align-items: center; } }
  [class*=hero-wrapper] p, [class*=hero-wrapper] h3 {
    color: #fff;
    margin-bottom: 0; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] p, [class*=hero-wrapper] h3 {
        margin: 0; } }
  [class*=hero-wrapper] .hero-heading {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    position: relative;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] .hero-heading {
        font-size: 18px; }
        [class*=hero-wrapper] .hero-heading::after {
          background: #fff;
          content: "";
          height: 50px;
          position: absolute;
          right: -20px;
          top: 50%;
          transform: translateY(-50%);
          width: 1px; } }
  [class*=hero-wrapper] .hero-subheading {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    text-transform: capitalize; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] .hero-subheading {
        font-size: 22px; } }
  [class*=hero-wrapper] .hero-text {
    font-family: "HCo Gotham", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 33px; }
    [class*=hero-wrapper] .hero-text span {
      font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
      font-weight: 500; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] .hero-text {
        font-size: 16px; } }
  [class*=hero-wrapper] .hero-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
    font-family: "HCo Gotham", Arial, Helvetica, sans-serif; }
    @media (min-width: 992px) {
      [class*=hero-wrapper] .hero-actions {
        margin-bottom: 0;
        flex-direction: row;
        gap: 8px; } }
    [class*=hero-wrapper] .hero-actions .button + .button {
      margin: 0; }

.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: 0.75rem; }

[data-visible="hidden"] {
  border: 2px solid fuchsia; }
  [data-visible="hidden"]::before {
    display: block;
    padding: 20px;
    content: 'HIDDEN ON PRODUCTION';
    position: absolute;
    background-color: fuchsia;
    color: #fff; }

.pagebuilder .hiddenOverlay {
  display: block;
  position: relative; }
  .pagebuilder .hiddenOverlay:after {
    background: rgba(204, 213, 220, 0.9);
    content: "HIDDEN CONTENT";
    text-align: center;
    color: white;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }

.hiddenOverlay {
  display: none; }

/*  --------------------------------------------------------------------------  *\
    Migrated from Old Site
\*  --------------------------------------------------------------------------  */
.heroCarousel {
  position: relative; }
  .heroCarousel .dots button.dot:focus, .heroCarousel .dots button.dot:focus-visible {
    outline: 2px dashed white !important;
    outline-offset: 2px !important;
    opacity: 1 !important; }
  .heroCarousel-slide {
    display: flex;
    flex-direction: column;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .heroCarousel-slide a {
      width: 100%;
      text-decoration: none;
      margin-left: 0; }
    .heroCarousel-slide .button + .button {
      margin-left: 0; }
    .heroCarousel-slide > span {
      display: block;
      position: relative;
      height: 100%; }
    .heroCarousel-slide > .container {
      padding: 0; }
      @media (min-width: 768px) {
        .heroCarousel-slide > .container {
          padding: 0 2rem; } }
  .heroCarousel-image {
    min-height: 0 !important;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: 38.4375rem;
    display: none; }
    .heroCarousel-image.mobile-only {
      display: block; }
    @media (min-width: 768px) {
      .heroCarousel-image {
        display: block; }
        .heroCarousel-image.mobile-only {
          display: none; } }
  .heroCarousel-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #072A48;
    width: 100%;
    padding-left: 1.375rem;
    padding-right: 1.6875rem;
    padding-top: 2.5625rem;
    padding-bottom: 2.5rem; }
    @media (min-width: 768px) {
      .heroCarousel-content {
        max-width: 550px;
        align-items: flex-start;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: none; } }
    @media (min-width: 768px) and (max-width: 991.9px) {
      .heroCarousel-content {
        padding-left: 0; } }
  .heroCarousel-title {
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
    font-size: calc(1rem*2);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0.625rem; }
    @media (min-width: 768px) {
      .heroCarousel-title {
        font-size: calc(1rem*3); } }
  .heroCarousel-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 350;
    color: #fff;
    margin-bottom: 1.5rem;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.16px; }
  .heroCarousel-buttons {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .heroCarousel-buttons {
        flex-direction: row; } }
    .heroCarousel-buttons .button + .button {
      margin: 0 auto; }
      @media (min-width: 768px) {
        .heroCarousel-buttons .button + .button {
          margin: 0; } }
    .heroCarousel-buttons a {
      margin: 0 auto;
      padding: 0.625rem 1.375rem;
      width: 100%; }
      @media (min-width: 768px) {
        .heroCarousel-buttons a {
          margin: 0;
          width: auto; } }
      .heroCarousel-buttons a:first-of-type {
        margin-bottom: 0.75rem; }
        @media (min-width: 768px) {
          .heroCarousel-buttons a:first-of-type {
            margin-bottom: 0;
            margin-right: 0.5rem; } }
  .heroCarousel .dots {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%, 0); }
  .heroCarousel .controls-container {
    display: none; }
  .heroCarousel .container {
    padding: 0; }
    @media (min-width: 768px) {
      .heroCarousel .container {
        padding: 0 1.5rem; } }

.hero-wrap.hero-banner.fan-shop .hero .logo img {
  width: 70px;
  margin: auto; }

.hero-wrap.hero-banner .content-links-wrapper .content-links .link-img {
  margin: auto;
  max-height: none;
  width: 70px; }

.hero-wrap.hero-banner {
  margin: 0;
  position: relative; }
  .hero-wrap.hero-banner .hero {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: black;
    margin-bottom: 0.5rem; }
    @media (min-width: 998px) {
      .hero-wrap.hero-banner .hero {
        margin-bottom: 1rem; } }
    .hero-wrap.hero-banner .hero picture {
      object-fit: cover;
      display: block;
      position: absolute;
      inset: 0;
      height: 100%;
      width: 100%; }
      .hero-wrap.hero-banner .hero picture img {
        object-fit: cover;
        height: 100%;
        width: 100%; }
    .hero-wrap.hero-banner .hero img.tablet {
      display: none;
      object-fit: cover; }
      @media (min-width: 768px) {
        .hero-wrap.hero-banner .hero img.tablet {
          display: block;
          position: absolute;
          inset: 0;
          height: 100%;
          width: 100%; } }
    .hero-wrap.hero-banner .hero img.mobile-only {
      display: block;
      position: absolute;
      inset: 0;
      height: 100%;
      width: 100%;
      object-fit: cover; }
      @media (min-width: 768px) {
        .hero-wrap.hero-banner .hero img.mobile-only {
          display: none; } }
    .hero-wrap.hero-banner .hero .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); }
    .hero-wrap.hero-banner .hero .content-wrapper {
      padding: 1.5rem 1rem;
      position: relative;
      margin: auto;
      max-width: 90%;
      text-align: center;
      text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
      z-index: 1; }
      .hero-wrap.hero-banner .hero .content-wrapper .logo {
        margin: 0 0 1rem; }
        @media (max-width: 767px) {
          .hero-wrap.hero-banner .hero .content-wrapper .logo {
            text-align: left; } }
      @media (min-width: 768px) {
        .hero-wrap.hero-banner .hero .content-wrapper {
          padding: 3.75rem 1rem;
          width: 50rem;
          max-width: 75%; } }
      @media (min-width: 998px) {
        .hero-wrap.hero-banner .hero .content-wrapper {
          max-width: 62.5rem; } }
      .hero-wrap.hero-banner .hero .content-wrapper h1.page-heading {
        color: #fff;
        font-size: 28px;
        margin: 0 0 1rem;
        text-align: center; }
        @media (max-width: 767px) {
          .hero-wrap.hero-banner .hero .content-wrapper h1.page-heading {
            font-size: 1.25rem;
            font-weight: 500;
            text-align: left; } }
      .hero-wrap.hero-banner .hero .content-wrapper .copy {
        color: #fff;
        font-size: 16px; }
        @media (max-width: 767px) {
          .hero-wrap.hero-banner .hero .content-wrapper .copy {
            font-size: 0.875rem;
            text-align: left; } }
  .hero-wrap.hero-banner .breadcrumbs {
    display: flex !important;
    top: 8px !important;
    left: 16px; }
    .hero-wrap.hero-banner .breadcrumbs li {
      margin-right: 6px; }
      .hero-wrap.hero-banner .breadcrumbs li a {
        color: #fff;
        text-decoration: none; }
      .hero-wrap.hero-banner .breadcrumbs li:before {
        color: #fff; }
      .hero-wrap.hero-banner .breadcrumbs li.is-active:before {
        color: #fff; }
      .hero-wrap.hero-banner .breadcrumbs li.is-active .breadcrumb-label {
        color: #fff; }
    @media (max-width: 1199.9px) {
      .hero-wrap.hero-banner .breadcrumbs {
        display: none !important; } }
    @media (min-width: 1200px) {
      .hero-wrap.hero-banner .breadcrumbs {
        display: block;
        position: absolute;
        top: 0;
        text-align: left;
        z-index: 10; } }
  .hero-wrap.hero-banner .content-links-wrapper .content-links-header {
    color: #fff;
    margin: 1.125rem 0 0;
    font-weight: 500; }
  .hero-wrap.hero-banner .content-links-wrapper .content-links {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    list-style: none;
    margin: 1rem auto;
    gap: 1rem; }
    .hero-wrap.hero-banner .content-links-wrapper .content-links .link {
      background-color: rgba(255, 255, 255, 0.2);
      border: 2px solid #fff;
      border-radius: 2px;
      display: flex;
      flex: 0 0 auto;
      color: #fff;
      flex-flow: row wrap;
      align-items: center;
      justify-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      text-decoration: none;
      min-width: 12.5rem;
      max-width: 12.5rem;
      padding: 0.75rem 1.5rem;
      transition: all 0.3s; }
      .hero-wrap.hero-banner .content-links-wrapper .content-links .link:hover {
        background-color: rgba(255, 255, 255, 0.4); }
      .hero-wrap.hero-banner .content-links-wrapper .content-links .link:focus, .hero-wrap.hero-banner .content-links-wrapper .content-links .link:focus-visible {
        outline: 2px dashed white !important;
        outline-offset: 2px !important; }
    .hero-wrap.hero-banner .content-links-wrapper .content-links .link-img {
      display: inline-block;
      vertical-align: middle;
      max-height: 3.75rem; }
  @media (min-width: 768px) {
    .hero-wrap.hero-banner .content-links-wrapper .content-links {
      flex-flow: row wrap;
      align-items: normal; }
      .hero-wrap.hero-banner .content-links-wrapper .content-links .link {
        flex-flow: column wrap;
        justify-content: center;
        min-width: 0;
        padding: 0.75rem 1rem; }
      .hero-wrap.hero-banner .content-links-wrapper .content-links .link-text {
        display: block; }
      .hero-wrap.hero-banner .content-links-wrapper .content-links .link-img {
        margin: auto;
        max-height: none; } }
  .hero-wrap.hero-banner.fan-shop .hero h1.page-heading,
  .hero-wrap.hero-banner.fan-shop .hero .copy {
    text-align: center; }
  .hero-wrap.hero-banner.fan-shop .hero .logo {
    text-align: center; }
    .hero-wrap.hero-banner.fan-shop .hero .logo img {
      margin: auto; }
  .hero-wrap.hero-banner.fan-shop .hero .content-wrapper {
    padding: 6rem 1rem; }

/* -------------------------------------------------------------------------- */
/*                           HOMEPAGE HERO CAROUSEL                           */
/* -------------------------------------------------------------------------- */
.homepage-hero {
  position: relative;
  margin-top: 0;
  background: #072A48;
  z-index: 1;
  margin-bottom: 3rem;
  --animationDistance: 15px; }
  @media only screen and (min-width: 768px) {
    .homepage-hero {
      margin-bottom: 5rem; } }
  .homepage-hero h1 {
    font-size: 20px;
    margin-bottom: 16px;
    color: white;
    transition: all 0.3s ease; }
    @media only screen and (min-width: 768px) {
      .homepage-hero h1 {
        margin-bottom: 24px;
        font-size: 28px; } }
  .homepage-hero p {
    margin-bottom: 24px; }
    @media only screen and (min-width: 768px) {
      .homepage-hero p {
        margin-bottom: 32px; } }
  .homepage-hero .btn-secondary {
    background: white;
    padding: 12px 16px;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    width: fit-content; }
  .homepage-hero .content p {
    transition: all 0.3s ease;
    color: white;
    font-size: 1rem;
    line-height: 1.5rem; }
  .homepage-hero--slide {
    display: flex;
    flex-direction: column-reverse;
    position: relative; }
    .homepage-hero--slide .container {
      display: grid;
      grid-template-columns: 1fr; }
      @media only screen and (min-width: 768px) {
        .homepage-hero--slide .container {
          margin: 0;
          grid-template-columns: repeat(12, 1fr); } }
  .homepage-hero .container p {
    color: #fff; }
  @media only screen and (min-width: 992px) {
    .homepage-hero .container {
      margin: 0 auto; } }
  .homepage-hero picture {
    height: auto;
    z-index: 2; }
    .homepage-hero picture img {
      width: 100vw;
      object-fit: cover;
      top: 0;
      position: relative;
      height: 100%;
      min-height: 14.25rem;
      max-height: 14.25rem; }
      @media only screen and (min-width: 768px) {
        .homepage-hero picture img {
          max-height: 29.4375rem;
          position: absolute;
          max-height: none; } }
    .homepage-hero picture.mobile-overlay img {
      position: absolute; }
  .homepage-hero .homepage-hero--slide .container > div {
    z-index: 3;
    display: grid;
    align-content: center;
    padding: 2rem 0; }
    @media only screen and (min-width: 768px) {
      .homepage-hero .homepage-hero--slide .container > div {
        min-height: 29.4375rem;
        justify-items: left; } }
  .homepage-hero .homepage-hero--slide picture::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  @media only screen and (min-width: 768px) {
    .homepage-hero.left .homepage-hero--slide picture::after {
      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.5) 100%); } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.left .homepage-hero--slide .container > div,
    .homepage-hero.left .custom-dot-wrapper > div {
      grid-column: 1 / span 6;
      padding-left: 0;
      justify-items: left; } }
  @media only screen and (min-width: 992px) {
    .homepage-hero.left .homepage-hero--slide .container > div,
    .homepage-hero.left .custom-dot-wrapper > div {
      padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.center .homepage-hero--slide picture::after {
      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.5) 50%, rgba(0, 0, 0, 0) 100%); } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.center .homepage-hero--slide .container > div,
    .homepage-hero.center .custom-dot-wrapper > div {
      grid-column: 4 / span 6;
      text-align: center;
      justify-items: center; }
      .homepage-hero.center .homepage-hero--slide .container > div .slick-dots,
      .homepage-hero.center .custom-dot-wrapper > div .slick-dots {
        justify-content: center; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.right .homepage-hero--slide picture::after {
      background: linear-gradient(270deg, rgba(1, 1, 1, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.right .homepage-hero--slide .container > div,
    .homepage-hero.right .custom-dot-wrapper > div {
      grid-column: 7 / span 5;
      padding-left: 0; } }
  @media only screen and (min-width: 992px) {
    .homepage-hero.right .homepage-hero--slide .container > div,
    .homepage-hero.right .custom-dot-wrapper > div {
      padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-right .homepage-hero--slide picture::after, .homepage-hero.half-image-left .homepage-hero--slide picture::after {
      background: none; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-right .homepage-hero--slide, .homepage-hero.half-image-left .homepage-hero--slide {
      position: relative;
      flex-direction: row;
      flex-wrap: nowrap; }
      .homepage-hero.half-image-right .homepage-hero--slide .container, .homepage-hero.half-image-left .homepage-hero--slide .container {
        grid-template-columns: repeat(12, 1fr); }
        .homepage-hero.half-image-right .homepage-hero--slide .container > div, .homepage-hero.half-image-left .homepage-hero--slide .container > div {
          grid-column: 1 / span 5; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-right picture, .homepage-hero.half-image-left picture {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2; }
      .homepage-hero.half-image-right picture img, .homepage-hero.half-image-left picture img {
        width: 50%;
        max-width: 100%;
        max-height: 100%;
        right: 0; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-right .container > div,
    .homepage-hero.half-image-right .custom-dot-holder {
      grid-column: 1 / span 5 !important;
      padding-left: 0; } }
  @media only screen and (min-width: 992px) {
    .homepage-hero.half-image-right .container > div,
    .homepage-hero.half-image-right .custom-dot-holder {
      padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-right .homepage-hero--slide {
      flex-direction: row-reverse; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero.half-image-left .container > div,
    .homepage-hero.half-image-left .custom-dot-holder {
      padding-left: 0;
      grid-column: 7 / span 5 !important; } }
  @media only screen and (min-width: 992px) {
    .homepage-hero.half-image-left .container > div,
    .homepage-hero.half-image-left .custom-dot-holder {
      padding-left: 0; } }
  .homepage-hero.half-image-left picture img {
    left: 0; }

.hero-banner .breadcrumbs {
  top: 8px !important;
  left: 16px;
  display: flex !important; }
  .hero-banner .breadcrumbs a {
    text-decoration: none; }
  .hero-banner .breadcrumbs li {
    margin-right: 6px; }

/* -------------------------------------------------------------------------- */
/*                           Collections Detail HERO                          */
/* -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .hero-wrap.hero-banner.collection-detail .hero .content-wrapper {
    padding: 5.625rem 1rem; } }

.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
  row-gap: 0; }
  @media only screen and (min-width: 768px) {
    .grid-wrapper {
      grid-template-columns: repeat(12, 1fr);
      column-gap: 1rem; } }
  @media only screen and (min-width: 992px) {
    .grid-wrapper {
      grid-template-columns: repeat(12, 1fr);
      column-gap: 1.5rem; } }

.widget--section {
  margin-bottom: 2rem; }
  @media only screen and (min-width: 992px) {
    .widget--section {
      margin-bottom: 3rem; } }
  .widget--section.float-top {
    margin-top: -5rem; }
    @media only screen and (min-width: 768px) {
      .widget--section.float-top {
        margin-top: -9.375rem; } }
  .widget--section .grid-wrapper {
    align-items: center; }
    .widget--section .grid-wrapper .image-wrapper {
      grid-column: 1 / -1; }
      @media only screen and (min-width: 768px) {
        .widget--section .grid-wrapper .image-wrapper {
          grid-column: 1 / 8; } }
      .widget--section .grid-wrapper .image-wrapper picture, .widget--section .grid-wrapper .image-wrapper img {
        height: 11.4375rem;
        width: 100%;
        object-fit: cover; }
        @media only screen and (min-width: 768px) {
          .widget--section .grid-wrapper .image-wrapper picture, .widget--section .grid-wrapper .image-wrapper img {
            height: 21.875rem; } }
        @media only screen and (min-width: 992px) {
          .widget--section .grid-wrapper .image-wrapper picture, .widget--section .grid-wrapper .image-wrapper img {
            height: 25rem; } }
    .widget--section .grid-wrapper .content-wrapper {
      grid-column: 1 / -1;
      padding: 2rem 1.5rem; }
      @media only screen and (min-width: 768px) {
        .widget--section .grid-wrapper .content-wrapper {
          grid-column: 8 / -1; } }
      @media only screen and (min-width: 992px) {
        .widget--section .grid-wrapper .content-wrapper {
          padding: 4rem 4rem 4rem 2.25rem; } }
      .widget--section .grid-wrapper .content-wrapper h4 {
        text-transform: uppercase;
        margin-bottom: 0.5rem; }
      .widget--section .grid-wrapper .content-wrapper h3 {
        text-transform: capitalize;
        margin-bottom: 1rem; }
        @media only screen and (min-width: 992px) {
          .widget--section .grid-wrapper .content-wrapper h3 {
            margin-bottom: 1.5rem;
            font-size: 1.375rem; } }
    @media only screen and (min-width: 768px) {
      .widget--section .grid-wrapper.reverse .image-wrapper {
        grid-column: 6 / -1;
        grid-row: 1; } }
    @media only screen and (min-width: 768px) {
      .widget--section .grid-wrapper.reverse .content-wrapper {
        grid-column: 1 / 6;
        grid-row: 1; } }
    @media only screen and (min-width: 992px) {
      .widget--section .grid-wrapper.reverse .content-wrapper {
        padding: 4rem 2.25rem 4rem 4rem; } }
    .widget--section .grid-wrapper.bg-grey {
      background: #EFF2F4; }
    @media only screen and (max-width: 767.9px) {
      .widget--section .grid-wrapper.none .content-wrapper {
        padding: 2rem 0 0; } }

.widget--block-cards h2 {
  margin-bottom: 1.5rem; }
  @media only screen and (min-width: 992px) {
    .widget--block-cards h2 {
      text-align: center;
      margin-bottom: 2rem; } }

.widget--block-cards .grid-wrapper {
  row-gap: 1.5rem; }
  .widget--block-cards .grid-wrapper .block {
    display: flex;
    flex-direction: column;
    grid-column: 1 / -1; }
    .widget--block-cards .grid-wrapper .block .image-wrapper img {
      display: flex;
      width: 100%;
      object-fit: cover;
      object-position: top center; }
    .widget--block-cards .grid-wrapper .block .content-wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
      row-gap: 1rem;
      padding: 1.5rem 0; }
      .widget--block-cards .grid-wrapper .block .content-wrapper .inner-text {
        flex: 1;
        display: flex;
        flex-direction: column;
        row-gap: 16px; }
        .widget--block-cards .grid-wrapper .block .content-wrapper .inner-text p {
          margin: 0; }
        .widget--block-cards .grid-wrapper .block .content-wrapper .inner-text .h3 {
          font-family: "HCo Gotham SSm", Arial, Helvetica, sans-serif;
          font-size: 1.125rem !important;
          font-weight: 500 !important;
          line-height: 1.875rem; }
          @media (min-width: 768px) {
            .widget--block-cards .grid-wrapper .block .content-wrapper .inner-text .h3 {
              font-size: 1.375rem !important;
              line-height: 2.0625rem; } }
      .widget--block-cards .grid-wrapper .block .content-wrapper.bg {
        padding: 2rem; }
      .widget--block-cards .grid-wrapper .block .content-wrapper [class*="btn-"] {
        width: 100%; }
        @media (min-width: 768px) {
          .widget--block-cards .grid-wrapper .block .content-wrapper [class*="btn-"] {
            width: fit-content; } }
  @media only screen and (max-width: 767.99px) {
    .widget--block-cards .grid-wrapper {
      row-gap: 1rem; }
      .widget--block-cards .grid-wrapper.mobile-1 .block {
        grid-column: span 1; }
      .widget--block-cards .grid-wrapper.mobile-2 .block {
        grid-column: span 2; }
      .widget--block-cards .grid-wrapper.mobile-3 .block {
        grid-column: span 3; }
      .widget--block-cards .grid-wrapper.mobile-4 .block {
        grid-column: span 4; } }
  @media only screen and (min-width: 768px) {
    .widget--block-cards .grid-wrapper.desktop-1 .block {
      grid-column: span 12; }
    .widget--block-cards .grid-wrapper.desktop-2 .block {
      grid-column: span 6; }
    .widget--block-cards .grid-wrapper.desktop-3 .block {
      grid-column: span 4; }
    .widget--block-cards .grid-wrapper.desktop-4 .block {
      grid-column: span 3; } }

.widget--hero {
  position: relative;
  height: 33.75rem;
  margin-top: 0; }
  @media (min-width: 992px) {
    .widget--hero {
      height: 39.375rem; } }
  .widget--hero .container {
    padding-top: 2rem; }
    @media only screen and (min-width: 768px) {
      .widget--hero .container {
        padding-top: 4.375rem; } }
  .widget--hero .grid-wrapper * {
    grid-column: 1 / -1; }
    @media only screen and (min-width: 992px) {
      .widget--hero .grid-wrapper * {
        grid-column: 3 / 11; } }
  .widget--hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    filter: brightness(40%); }
    @media (min-width: 768px) {
      .widget--hero img {
        display: block; } }
  .widget--hero .container {
    z-index: 1;
    text-align: center; }
    .widget--hero .container * {
      color: white; }
    .widget--hero .container picture {
      margin-bottom: 1.375rem; }
      @media only screen and (min-width: 992px) {
        .widget--hero .container picture {
          margin-bottom: 1.875rem; } }
      .widget--hero .container picture img {
        height: 6rem;
        width: 3.875rem;
        object-fit: contain; }
        @media only screen and (min-width: 768px) {
          .widget--hero .container picture img {
            height: 7.875rem;
            width: 5.125rem; } }
    .widget--hero .container h1 {
      margin-bottom: 1.25rem; }
      @media only screen and (min-width: 992px) {
        .widget--hero .container h1 {
          margin-bottom: 2rem; } }
    .widget--hero .container h4 {
      margin-bottom: 1rem; }
      @media only screen and (min-width: 992px) {
        .widget--hero .container h4 {
          margin-bottom: 1.5rem; } }
    .widget--hero .container p {
      margin-bottom: 0; }

.shop-by-category h2 {
  display: inline-block; }

.shop-by-category .count {
  display: inline; }

.nuke-widget-3 .shop-by-category {
  position: relative; }
  .nuke-widget-3 .shop-by-category:after {
    content: "Delete Placement, Place 03-Categories";
    background-color: #20ef3c;
    position: absolute;
    bottom: 0;
    right: 48px;
    padding: 12px; }

.fanshop-select {
  background-color: #072A48;
  padding: 0.75rem 0;
  position: relative;
  z-index: 99999; }
  .fanshop-select .dots {
    display: none; }
  .fanshop-select .container {
    max-width: 62.5rem; }
    @media (max-width: 767.9px) {
      .fanshop-select .container {
        padding: 0 0.5rem; } }
  .fanshop-select a {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    text-decoration: none; }
    .fanshop-select a:hover, .fanshop-select a:focus {
      text-decoration: underline; }
    .fanshop-select a img {
      max-height: 1.875rem; }
    .fanshop-select a span {
      display: block;
      line-height: 1.15;
      margin-top: 0.375rem;
      text-align: center;
      font-size: 0.625rem; }
    @media (min-width: 768px) {
      .fanshop-select a {
        flex-flow: row wrap; }
        .fanshop-select a span {
          margin-left: 0.5rem;
          margin-top: 0;
          font-size: 0.75rem; } }

@media (max-width: 991.9px) {
  .nav-open .fanshop-select {
    min-height: 3.4375rem; } }

.hide {
  display: none !important; }

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important; } }

@media (min-width: 769px) {
  .hide-desktop {
    display: none !important; } }

.team-shop form {
  margin: 0;
  display: flex; }
  .team-shop form input {
    border-radius: 0.25rem 0 0 0.25rem;
    border-right: 0; }
  .team-shop form button {
    width: auto;
    border-radius: 0 0.25rem 0.25rem 0;
    border-left: 0; }
  .team-shop form i {
    font-size: 1.25rem;
    margin: 0 !important; }

@media (min-width: 768px) {
  #league-listing-container,
  #team-listing-container {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

#league-listing-container .section-heading,
#team-listing-container .section-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    #league-listing-container .section-heading,
    #team-listing-container .section-heading {
      font-size: 22px; } }

#league-listing-container .tabs,
#team-listing-container .tabs {
  border-bottom: 2px solid #CCD5DC;
  display: flex;
  justify-content: flex-start;
  margin-top: 0.75rem; }
  @media (min-width: 768px) {
    #league-listing-container .tabs,
    #team-listing-container .tabs {
      justify-content: center; } }
  @media (min-width: 1200px) {
    #league-listing-container .tabs,
    #team-listing-container .tabs {
      margin-top: 1rem; } }
  #league-listing-container .tabs .tab,
  #team-listing-container .tabs .tab {
    margin: 0 0 -2px;
    padding: 0 15px;
    border-top: none; }
    @media (min-width: 768px) {
      #league-listing-container .tabs .tab,
      #team-listing-container .tabs .tab {
        margin: 0 45px -2px; } }
    #league-listing-container .tabs .tab:first-of-type,
    #team-listing-container .tabs .tab:first-of-type {
      padding: 0 15px 0 5px; }
      @media (min-width: 768px) {
        #league-listing-container .tabs .tab:first-of-type,
        #team-listing-container .tabs .tab:first-of-type {
          padding: 0 15px; } }
    #league-listing-container .tabs .tab.is-active,
    #team-listing-container .tabs .tab.is-active {
      transform: translateY(0px);
      border: none;
      border-bottom: 2px solid #072A48; }
      #league-listing-container .tabs .tab.is-active .tab-title,
      #team-listing-container .tabs .tab.is-active .tab-title {
        color: #072A48;
        font-size: 0.875rem;
        font-weight: 500; }
        @media (min-width: 768px) {
          #league-listing-container .tabs .tab.is-active .tab-title,
          #team-listing-container .tabs .tab.is-active .tab-title {
            font-size: 1rem; } }
    #league-listing-container .tabs .tab .tab-title,
    #team-listing-container .tabs .tab .tab-title {
      padding: 0.75rem 0;
      text-transform: capitalize;
      color: #072A48;
      font-size: 0.875rem;
      font-weight: normal; }
      @media (min-width: 768px) {
        #league-listing-container .tabs .tab .tab-title,
        #team-listing-container .tabs .tab .tab-title {
          padding: 1.125rem 0;
          font-size: 1rem; } }

#league-listing-container .tabs-contents .tab-content .shop-all,
#team-listing-container .tabs-contents .tab-content .shop-all {
  margin: 25px 0 20px; }
  @media (min-width: 768px) {
    #league-listing-container .tabs-contents .tab-content .shop-all,
    #team-listing-container .tabs-contents .tab-content .shop-all {
      margin: 55px 0 45px;
      text-align: center; } }

#league-listing-container .teams,
#team-listing-container .teams {
  border: 1px solid #D1D1D1; }
  @media (min-width: 768px) {
    #league-listing-container .teams,
    #team-listing-container .teams {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      border: 0; } }
  @media (min-width: 768px) {
    #league-listing-container .teams div,
    #team-listing-container .teams div {
      max-width: 100px; } }
  #league-listing-container .teams div a,
  #team-listing-container .teams div a {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: center;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    line-height: 1.5; }
    @media (min-width: 768px) {
      #league-listing-container .teams div a,
      #team-listing-container .teams div a {
        flex-direction: column; } }
    #league-listing-container .teams div a img,
    #team-listing-container .teams div a img {
      height: 70px;
      max-width: 70px;
      object-fit: contain; }
    #league-listing-container .teams div a span,
    #team-listing-container .teams div a span {
      font-size: 0.75rem; }

#league-listing-container .mobile-only,
#team-listing-container .mobile-only {
  display: none; }
  @media (max-width: 1200px) {
    #league-listing-container .mobile-only,
    #team-listing-container .mobile-only {
      display: block; } }
  #league-listing-container .mobile-only .sidebarBlock,
  #team-listing-container .mobile-only .sidebarBlock {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
    background-color: #EFF2F4;
    padding-top: 2rem;
    padding-bottom: 2rem; }
    @media (max-width: 1200px) {
      #league-listing-container .mobile-only .sidebarBlock,
      #team-listing-container .mobile-only .sidebarBlock {
        padding: 0;
        padding-top: 0 !important; }
        #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle,
        #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle {
          margin-bottom: 0 !important;
          border-radius: 0; }
        #league-listing-container .mobile-only .sidebarBlock#facetedSearch,
        #team-listing-container .mobile-only .sidebarBlock#facetedSearch {
          margin-top: 1.09375rem !important; } }
    #league-listing-container .mobile-only .sidebarBlock > p,
    #team-listing-container .mobile-only .sidebarBlock > p {
      margin-bottom: 0;
      font-size: 1.125rem;
      font-weight: 400;
      color: #000; }
      @media (max-width: 1200px) {
        #league-listing-container .mobile-only .sidebarBlock > p,
        #team-listing-container .mobile-only .sidebarBlock > p {
          display: none; } }
    #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text,
    #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text p,
    #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text,
    #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text p {
      margin-bottom: 0;
      font-size: 1.125rem;
      font-weight: 400;
      color: #000; }
      @media (max-width: 767px) {
        #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text,
        #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text p,
        #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text,
        #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-text p {
          width: auto; } }
    @media (max-width: 767px) {
      #league-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-indicator,
      #team-listing-container .mobile-only .sidebarBlock .facetedSearch-toggle-indicator {
        width: auto;
        float: right;
        line-height: 1; } }
    @media (max-width: 767px) {
      #league-listing-container .mobile-only .sidebarBlock .toggleLink-text,
      #team-listing-container .mobile-only .sidebarBlock .toggleLink-text {
        font-size: 0; } }
    #league-listing-container .mobile-only .sidebarBlock .show-subcategories,
    #team-listing-container .mobile-only .sidebarBlock .show-subcategories {
      display: none; }
      @media (max-width: 1200px) {
        #league-listing-container .mobile-only .sidebarBlock .show-subcategories,
        #team-listing-container .mobile-only .sidebarBlock .show-subcategories {
          display: inline-block;
          float: right; } }
    #league-listing-container .mobile-only .sidebarBlock .sidebarBlock-heading,
    #team-listing-container .mobile-only .sidebarBlock .sidebarBlock-heading {
      font-size: 1.125rem;
      font-weight: 400;
      color: #000;
      margin-bottom: 1rem; }
  #league-listing-container .mobile-only .sidebarBlock + .sidebarBlock,
  #team-listing-container .mobile-only .sidebarBlock + .sidebarBlock {
    margin-top: 2.1875rem;
    border-top: none;
    padding-top: 2rem; }

#league-listing-container .disclaimer,
#team-listing-container .disclaimer {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center; }
  #league-listing-container .disclaimer > span,
  #team-listing-container .disclaimer > span {
    border: 1px solid #072A48;
    color: #072A48;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.8125rem 1.875rem;
    text-transform: uppercase; }

#team-listing-container {
  padding: 1.5rem 0 1.25rem; }
  @media (min-width: 768px) {
    #team-listing-container {
      padding: 3rem 1.5625rem 3.75rem; } }
  #team-listing-container .section-heading {
    margin-top: 0;
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      #team-listing-container .section-heading {
        text-align: center;
        margin-bottom: 1rem; } }
  #team-listing-container .disclaimer {
    margin-top: 3rem;
    text-align: center; }
    #team-listing-container .disclaimer > span {
      border: 1px solid #072A48;
      color: #072A48;
      display: inline-block;
      font-size: 1rem;
      font-weight: 700;
      padding: 0.8125rem 1.875rem;
      text-transform: uppercase; }

.fan-shop-disclaimer {
  background-color: #F0F0F1;
  margin-top: 2rem;
  float: left;
  clear: both;
  font-size: 0.75rem;
  line-height: 1.2rem;
  padding: 1.3125rem; }

.fan-shop-disclaimer-modal.modal {
  padding: 0;
  width: auto;
  margin: 2.5rem;
  background-color: transparent; }
  @media (min-width: 768px) {
    .fan-shop-disclaimer-modal.modal {
      width: 500px;
      margin: 0 auto; } }

.fan-shop-disclaimer-modal.modal .wrapper {
  max-width: none;
  padding: 0.75rem; }

.fan-shop-disclaimer-modal .wrapper {
  background-color: #072A48;
  color: #fff;
  padding: 0 2.25rem 1.5rem 2.25rem;
  overflow: auto;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 400px) {
    .fan-shop-disclaimer-modal .wrapper {
      padding: 0 1.25rem 0.5rem 1.25rem; } }
  @media (min-width: 768px) {
    .fan-shop-disclaimer-modal .wrapper {
      max-width: none;
      padding: 0.75rem 0.75rem; } }
  @media (min-width: 768px) {
    .fan-shop-disclaimer-modal .wrapper .inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px solid #C52033;
      padding: 0.75rem 1.75rem; } }
  @media (min-width: 1024px) {
    .fan-shop-disclaimer-modal .wrapper .inner {
      padding-left: 3.5rem; } }
  .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal {
    display: block;
    padding-left: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1.75rem;
    min-height: 15.625rem; }
    .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal a {
      color: #fff; }
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal a:hover {
        text-decoration: none; }
    .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal h3 {
      text-transform: none;
      margin-bottom: 0.75rem;
      text-align: left; }
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal h3 span {
        display: inline;
        font-size: 1.5rem;
        font-weight: 600; }
    .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal p {
      font-weight: 300;
      text-align: left; }
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal p b {
        font-weight: 600; }
    .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal table {
      margin-left: 0; }
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal table:before {
        display: none; }
    @media (max-width: 767px) {
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal {
        border: 1px solid #C52033;
        padding-right: 1.25rem;
        padding-left: 1.25rem; }
        .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal h3 {
          margin-top: 0;
          padding-top: 0;
          padding-left: 0;
          padding-bottom: 0;
          border: none; } }
    @media (max-width: 400px) {
      .fan-shop-disclaimer-modal .wrapper .inner.pdp-modal h3 span {
        font-size: 1.25rem; } }

.fan-shop-disclaimer-modal h3 {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: block; }
  @media (max-width: 767px) {
    .fan-shop-disclaimer-modal h3 {
      border: 1px solid #C52033;
      padding: 1rem;
      text-transform: uppercase;
      line-height: 1; }
      .fan-shop-disclaimer-modal h3 span {
        margin-top: 0.25rem;
        display: block;
        font-weight: 700;
        font-size: 3.25rem; } }
  @media (max-width: 400px) {
    .fan-shop-disclaimer-modal h3 {
      margin-top: 1.25rem;
      font-size: 1.25rem; }
      .fan-shop-disclaimer-modal h3 span {
        font-size: 2.75rem; } }
  @media (min-width: 768px) {
    .fan-shop-disclaimer-modal h3 {
      margin-top: 1.5rem;
      text-transform: uppercase;
      line-height: 1; }
      .fan-shop-disclaimer-modal h3 span {
        margin-top: 0.25rem;
        display: block;
        font-weight: 700;
        font-size: 3.25rem; } }

.fan-shop-disclaimer-modal p {
  text-align: center;
  color: #fff;
  max-width: 37.5rem; }
  @media (max-width: 767px) {
    .fan-shop-disclaimer-modal p {
      margin-bottom: 0.5rem; } }

.fan-shop-disclaimer-modal table {
  width: 100%; }
  @media (min-width: 768px) {
    .fan-shop-disclaimer-modal table {
      margin-left: 4rem;
      position: relative; }
      .fan-shop-disclaimer-modal table:before {
        content: "";
        display: block;
        position: absolute;
        left: -2rem;
        width: 2px;
        height: calc(100% - 2rem);
        top: 1rem;
        background-color: #fff;
        opacity: 0.5; } }
  @media (min-width: 1024px) {
    .fan-shop-disclaimer-modal table {
      margin-left: 6rem; } }
  .fan-shop-disclaimer-modal table th {
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #fff; }
  .fan-shop-disclaimer-modal table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .fan-shop-disclaimer-modal table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .fan-shop-disclaimer-modal table tbody tr:last-of-type {
      border-bottom: none; }
    @media (max-width: 400px) {
      .fan-shop-disclaimer-modal table tbody tr td {
        font-size: 0.75rem; } }

[data-teams-container] [data-team]:first-of-type > a {
  min-height: 3.75rem; }
  [data-teams-container] [data-team]:first-of-type > a span {
    color: #425F77 !important; }

@media (max-width: 768px) {
  [data-teams-container] {
    max-height: 17.1875rem;
    overflow: auto; }
    [data-teams-container].hide-mobile {
      display: none !important; } }

.banner {
  margin: 0 0 3rem;
  max-width: none; }
  @media (min-width: 998px) {
    .banner {
      margin-bottom: 5.5rem; } }
  .banner .flex-cont {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .banner .flex-cont {
        flex-direction: row; } }
  .banner .img-left,
  .banner .img-right {
    flex-direction: column; }
  .banner .content {
    text-align: left; }
  .banner h2 {
    margin-top: 0;
    margin-bottom: 8px;
    text-align: left;
    padding-top: 24px;
    padding-top: 0.5rem; }
  .banner p {
    margin-bottom: 24px; }
    .banner p.subheader {
      text-transform: uppercase;
      margin-bottom: 0;
      margin-top: 1rem; }
      @media only screen and (min-width: 768px) {
        .banner p.subheader {
          margin-bottom: 8px; } }
  .banner .img-cont {
    width: 100%; }
    @media (min-width: 768px) {
      .banner .img-cont {
        width: 50%;
        background-position: center;
        background-size: cover; } }
    .banner .img-cont img {
      width: 100%;
      display: block; }
      @media (min-width: 768px) {
        .banner .img-cont img {
          display: none; } }
  @media (min-width: 768px) {
    .banner .img-left {
      flex-direction: row; }
    .banner .img-right {
      flex-direction: row-reverse; }
    .banner .content {
      width: 60%;
      padding: 48px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
    .banner h2 {
      margin: 0 0 0.5rem;
      padding-top: 0; } }
  @media (min-width: 768px) {
    .banner .content {
      width: 50%;
      padding: 78px 4rem;
      background-color: #EFF2F4; }
    .banner h2 {
      margin-bottom: 1rem; }
    .banner p {
      margin-bottom: 2rem; } }

.category-hero {
  position: relative;
  overflow: hidden;
  background: #000; }
  .category-hero > p {
    margin-bottom: 0; }
  .category-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25); }
  .category-hero .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34.8125rem;
    max-width: 90%;
    text-align: center;
    text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }
    @media (min-width: 998px) {
      .category-hero .content-wrapper {
        max-width: 50%; } }
    .category-hero .content-wrapper .page-heading {
      color: #fff;
      margin-bottom: 0.75rem; }
    .category-hero .content-wrapper p {
      color: #fff;
      font-size: 1rem; }
  .category-hero.fan-shop-hero img.mobile-only {
    display: none; }
  @media (max-width: 767px) {
    .category-hero.fan-shop-hero img {
      display: none; }
      .category-hero.fan-shop-hero img.mobile-only {
        display: block;
        width: 100%;
        height: auto; } }
  .category-hero.fan-shop-hero .content-wrapper .page-heading {
    display: inline-block; }
  .category-hero.fan-shop-hero h1 {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip: rect(1px, 1px, 1px, 1px); }
  @media (max-width: 767px) {
    .category-hero.fan-shop-hero .content-wrapper img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1rem; } }
  .category-hero.brand-hero > p > img.mobile-only {
    display: none; }
  @media (max-width: 767px) {
    .category-hero.brand-hero > p > img {
      display: none; }
      .category-hero.brand-hero > p > img.mobile-only {
        display: block;
        width: 100%;
        height: auto; } }
  .category-hero.brand-hero .title {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #fff; }
  .category-hero.americana {
    display: none; }

.listing-heading {
  display: block;
  text-align: center; }
  .listing-heading .listing-title {
    display: block;
    font-family: "Karla", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #072A48;
    font-size: 1.5rem; }

#category-listing-container {
  margin-top: 1.875rem;
  margin-left: -1.09375rem;
  margin-right: -1.09375rem;
  width: auto;
  max-width: none;
  display: flex;
  flex-wrap: wrap; }
  #category-listing-container .subcategory-block {
    width: 33.33333%;
    padding: 0 1.09375rem;
    outline: none !important;
    margin-bottom: 2.1875rem; }
    @media (max-width: 1200px) {
      #category-listing-container .subcategory-block {
        width: 50%; } }
    @media (max-width: 767px) {
      #category-listing-container .subcategory-block {
        width: 100%; } }
    #category-listing-container .subcategory-block .wrapper {
      position: relative;
      cursor: pointer;
      transform: scale(1);
      transition: transform 300ms cubic-bezier(0, 0.25, 0.1, 1);
      overflow: hidden;
      background: #000; }
      #category-listing-container .subcategory-block .wrapper:before {
        content: '';
        padding-top: 100%;
        display: block; }
      #category-listing-container .subcategory-block .wrapper img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale(1.075);
        transition: transform 600ms cubic-bezier(0, 0.25, 0.1, 1); }
        @media (max-width: 1200px) {
          #category-listing-container .subcategory-block .wrapper img {
            transform: scale(1); } }
      #category-listing-container .subcategory-block .wrapper .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
      #category-listing-container .subcategory-block .wrapper .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: block;
        padding: 2rem;
        text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        #category-listing-container .subcategory-block .wrapper .content .heading {
          font-family: "Karla", Arial, Helvetica, sans-serif;
          font-weight: 600;
          font-size: 1.25rem;
          color: #fff;
          display: block;
          margin-bottom: 1rem; }
        #category-listing-container .subcategory-block .wrapper .content .subheading {
          font-family: "Karla", Arial, Helvetica, sans-serif;
          font-weight: 400;
          font-size: 1rem;
          color: #fff;
          display: block;
          margin-bottom: 1rem;
          min-height: 3rem; }
          #category-listing-container .subcategory-block .wrapper .content .subheading p {
            margin-bottom: 0; }
    #category-listing-container .subcategory-block:hover .wrapper {
      transform: scale(1.075); }
      @media (max-width: 1200px) {
        #category-listing-container .subcategory-block:hover .wrapper {
          transform: scale(1); } }
      #category-listing-container .subcategory-block:hover .wrapper img {
        transform: scale(1); }
      #category-listing-container .subcategory-block:hover .wrapper .content .photo-link {
        color: #fff; }
        #category-listing-container .subcategory-block:hover .wrapper .content .photo-link:after {
          opacity: 0; }
    #category-listing-container .subcategory-block:focus .wrapper .content .photo-link, #category-listing-container .subcategory-block:active .wrapper .content .photo-link {
      color: #CCD5DC; }
      #category-listing-container .subcategory-block:focus .wrapper .content .photo-link:after, #category-listing-container .subcategory-block:active .wrapper .content .photo-link:after {
        opacity: 0.25; }

.gift-carousel .card {
  display: flex;
  visibility: visible;
  flex-direction: column;
  justify-content: end;
  row-gap: 1.125rem; }
  .gift-carousel .card .content-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 1rem;
    height: 13.75rem;
    background: black; }
    @media only screen and (min-width: 768px) {
      .gift-carousel .card .content-wrapper {
        height: 14.5625rem; } }
    .gift-carousel .card .content-wrapper * {
      color: white;
      text-transform: uppercase; }
    .gift-carousel .card .content-wrapper .ribbon {
      padding: 0;
      background: #3A8AD0;
      white-space: nowrap;
      position: absolute;
      width: 0.9375rem;
      height: 9.375rem;
      z-index: 10;
      overflow: hidden;
      right: 0;
      top: -1.25rem;
      transform: rotate(-45deg); }
      @media only screen and (min-width: 768px) {
        .gift-carousel .card .content-wrapper .ribbon {
          right: 1.5625rem;
          top: -1.25rem; } }
      .gift-carousel .card .content-wrapper .ribbon:nth-child(2) {
        width: 0.5rem;
        top: -0.9375rem;
        right: 1.25rem; }
        @media only screen and (min-width: 768px) {
          .gift-carousel .card .content-wrapper .ribbon:nth-child(2) {
            top: -1.5625rem;
            right: 3.4375rem; } }
    .gift-carousel .card .content-wrapper .dt-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      opacity: .75;
      transition: .30s transform ease-in-out; }
    .gift-carousel .card .content-wrapper:hover .dt-img {
      transform: scale(1.1); }
  .gift-carousel .card a {
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none; }

.gift-carousel p {
  z-index: 1;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.25rem; }
  @media only screen and (min-width: 768px) {
    .gift-carousel p {
      font-size: 1rem; } }

.gift-carousel h2 {
  z-index: 1;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0;
  line-height: 1.375rem; }
  @media only screen and (min-width: 768px) {
    .gift-carousel h2 {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 998px) {
    .gift-carousel h2 {
      font-size: 1.375rem; } }

.gift-header {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCD5DC; }
  @media only screen and (min-width: 992px) {
    .gift-header {
      padding-bottom: 3rem;
      padding-top: 0; } }
  .gift-header .breadcrumb-wrapper {
    margin-bottom: 1rem; }

.wrapper {
  margin: 3rem 0;
  display: flex;
  flex-direction: column;
  column-gap: 4.375rem; }
  .wrapper aside {
    display: none; }
  @media only screen and (min-width: 768px) {
    .wrapper {
      flex-direction: row; }
      .wrapper aside {
        display: flex;
        flex-direction: column;
        row-gap: 1rem; }
        .wrapper aside a {
          text-transform: capitalize;
          text-decoration: none; } }

.home-category-blocks {
  display: flex; }
  .home-category-blocks * {
    color: #fff; }
  .home-category-blocks .home-category {
    width: 33.33333%;
    padding: 0 1.09375rem;
    outline: none !important; }
    .home-category-blocks .home-category .wrapper {
      position: relative;
      cursor: pointer;
      transform: scale(1);
      overflow: hidden;
      background: #000; }
      .home-category-blocks .home-category .wrapper:before {
        content: '';
        padding-top: 100%;
        display: block; }
      .home-category-blocks .home-category .wrapper img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale(1.075); }
        @media (max-width: 1200px) {
          .home-category-blocks .home-category .wrapper img {
            transform: scale(1); } }
      .home-category-blocks .home-category .wrapper .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
      .home-category-blocks .home-category .wrapper .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: block;
        padding: 2rem;
        text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .home-category-blocks .home-category .wrapper .content .heading {
          font-family: "Karla", Arial, Helvetica, sans-serif;
          font-weight: 600;
          font-size: 1.25rem;
          color: #fff;
          display: block;
          margin-bottom: 0.125rem; }
        .home-category-blocks .home-category .wrapper .content .subheading {
          font-family: "Karla", Arial, Helvetica, sans-serif;
          font-weight: 400;
          font-size: 1rem;
          color: #fff;
          display: block;
          margin-bottom: 1rem; }
    .home-category-blocks .home-category:hover .wrapper {
      transform: scale(1.075); }
      @media (max-width: 1200px) {
        .home-category-blocks .home-category:hover .wrapper {
          transform: scale(1); } }
      .home-category-blocks .home-category:hover .wrapper img {
        transform: scale(1); }
      .home-category-blocks .home-category:hover .wrapper .content .photo-link {
        color: #fff; }
        .home-category-blocks .home-category:hover .wrapper .content .photo-link:after {
          opacity: 0; }
    .home-category-blocks .home-category:focus .wrapper .content .photo-link, .home-category-blocks .home-category:active .wrapper .content .photo-link {
      color: #CCD5DC; }
      .home-category-blocks .home-category:focus .wrapper .content .photo-link:after, .home-category-blocks .home-category:active .wrapper .content .photo-link:after {
        opacity: 0.25; }

.ss-home-recs, .ss-profile-customers-also-viewed, .collection {
  position: relative;
  padding: 0 !important; }
  .ss-home-recs img, .ss-profile-customers-also-viewed img, .collection img {
    max-width: 100%; }
  .ss-home-recs figcaption, .ss-profile-customers-also-viewed figcaption, .collection figcaption {
    display: none; }
  .ss-home-recs .card, .ss-profile-customers-also-viewed .card, .collection .card {
    visibility: visible; }
  .ss-home-recs .price--discounted, .ss-home-recs .price--rrp, .ss-profile-customers-also-viewed .price--discounted, .ss-profile-customers-also-viewed .price--rrp, .collection .price--discounted, .collection .price--rrp {
    text-decoration: line-through; }
  .ss-home-recs .price-section, .ss-profile-customers-also-viewed .price-section, .collection .price-section {
    display: flex; }
  .ss-home-recs h2, .ss-profile-customers-also-viewed h2, .collection h2 {
    text-align: left !important; }
    @media (min-width: 768px) {
      .ss-home-recs h2, .ss-profile-customers-also-viewed h2, .collection h2 {
        text-align: center; } }

.ss-recs {
  border: 1px solid purple; }
  .ss-recs::after {
    bottom: 0;
    display: block;
    padding: 20px;
    content: 'REPLACE SEARCH SPRING CAROUSEL';
    position: absolute;
    background-color: purple;
    color: #fff; }

.ss-recs-item-controls-container {
  display: none; }

.top-picks {
  position: relative; }
  .top-picks .section {
    display: none; }
  .top-picks .section.active {
    display: block; }
  .top-picks .controls-container {
    display: none; }
  .top-picks h2 {
    text-align: left !important; }
    @media (min-width: 768px) {
      .top-picks h2 {
        position: absolute;
        top: -0.5rem; } }
    @media (min-width: 768px) {
      .top-picks h2 {
        text-align: center; } }
  .top-picks .heading-selectors {
    display: flex;
    border-bottom: 2px solid #D1D1D1;
    margin-bottom: 2.5rem;
    justify-content: end; }
    @media (max-width: 768px) {
      .top-picks .heading-selectors {
        justify-content: start; } }
    .top-picks .heading-selectors button {
      margin-bottom: 0;
      position: relative;
      display: block;
      padding: 0 1rem 0.75rem;
      background-color: transparent;
      top: 2px;
      text-decoration: none;
      color: #425F77;
      text-transform: capitalize;
      font-weight: 300;
      cursor: pointer;
      border: none; }
      .top-picks .heading-selectors button.active {
        font-weight: 700;
        border-bottom: 2px solid #425F77; }
      @media (min-width: 992px) {
        .top-picks .heading-selectors button {
          padding: 0 2.25rem 1rem !important;
          margin-right: 2.25rem; }
          .top-picks .heading-selectors button:last-child {
            margin-right: 0; } }
      @media (min-width: 768px) {
        .top-picks .heading-selectors button:first-child {
          padding-left: 16px; } }

#coupon-floater {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  padding: 0.5rem 0.5rem;
  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  transform: translateY(8rem);
  width: auto;
  height: auto;
  border-radius: 0;
  min-width: 3rem;
  min-height: 3rem;
  transition: transform 600ms cubic-bezier(0, 0.25, 0.1, 1) 1200ms, border-radius 150ms cubic-bezier(0, 0.25, 0.1, 1) 100ms;
  z-index: 99999; }
  #coupon-floater.active {
    transform: translateY(0); }
  #coupon-floater svg {
    fill: white;
    width: 3rem;
    height: 3rem;
    padding: 0.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 300ms; }
  #coupon-floater.minimized {
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer; }
    #coupon-floater.minimized svg {
      opacity: 1;
      cursor: pointer; }
    #coupon-floater.minimized > span {
      opacity: 0;
      pointer-events: none;
      padding: 0; }
    #coupon-floater.minimized #coupon-floater-close {
      opacity: 0; }
  #coupon-floater.expanding {
    transition: transform 600ms cubic-bezier(0, 0.25, 0.1, 1) 1200ms, border-radius 150ms cubic-bezier(0, 0.25, 0.1, 1) 0ms; }
    #coupon-floater.expanding svg {
      transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 0ms; }
    #coupon-floater.expanding > span {
      transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 150ms, width 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms, height 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms, padding 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms; }
    #coupon-floater.expanding #coupon-floater-close {
      transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 300ms; }
  #coupon-floater #coupon-floater-close {
    box-sizing: content-box;
    display: block;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    background: #e8effd;
    border-radius: 50%;
    transform: translate(37.5%, -37.5%);
    box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.125);
    opacity: 1;
    transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 0ms; }
    #coupon-floater #coupon-floater-close:before {
      content: '';
      width: 0.75rem;
      height: 0.125rem;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  #coupon-floater > span {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 1rem 1.5rem;
    transform: scale(1);
    opacity: 1;
    transition: opacity 150ms cubic-bezier(0, 0.25, 0.1, 1) 0ms, width 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms, height 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms, padding 300ms cubic-bezier(0, 0.25, 0.1, 1) 0ms;
    white-space: nowrap; }
    @media (max-width: 767px) {
      #coupon-floater > span {
        padding: 0.5rem 0.75rem; } }
  #coupon-floater span {
    color: white; }
    #coupon-floater span .code {
      text-transform: uppercase;
      font-weight: 700; }

@media (min-width: 768px) {
  .mobile-cat-select {
    display: none; } }

.mobile-cat-select .cat-wrapper {
  overflow-x: scroll;
  /* this will hide the scrollbar in mozilla based browsers */
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
  /* this will hide the scrollbar in internet explorers */
  -ms-overflow-style: none; }
  .mobile-cat-select .cat-wrapper::-webkit-scrollbar {
    width: 0 !important;
    display: none; }
  .mobile-cat-select .cat-wrapper ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0; }
    .mobile-cat-select .cat-wrapper ul li {
      text-align: center;
      margin: 0 16px 0 0;
      min-width: 48px;
      padding: 0; }
      .mobile-cat-select .cat-wrapper ul li a {
        color: #072A48;
        text-decoration: none;
        display: block; }
        .mobile-cat-select .cat-wrapper ul li a img {
          width: 100%;
          border-radius: 50%;
          min-width: 40px;
          min-height: 40px;
          aspect-ratio: 1;
          object-fit: cover; }
        .mobile-cat-select .cat-wrapper ul li a .name {
          margin: 4px 0 0;
          display: block;
          font-size: 0.5625rem; }

.blocker-container {
  position: relative;
  z-index: 2; }
  @media (min-width: 1200px) {
    .blocker-container {
      max-width: 75%; } }
  .blocker-container > ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    /* this will hide the scrollbar in mozilla based browsers */
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    /* this will hide the scrollbar in internet explorers */
    -ms-overflow-style: none; }
    @media (min-width: 992px) {
      .blocker-container > ul {
        flex-wrap: wrap;
        margin-bottom: 2.5rem;
        margin-right: 0;
        max-width: 75%; } }
    .blocker-container > ul .button {
      width: auto;
      flex: 0 0 auto;
      margin: 0 0.5rem 0.5rem 0;
      padding: 8px 12px;
      overflow: hidden;
      white-space: nowrap;
      border: 1px solid #CCD5DC; }
      .blocker-container > ul .button.active, .blocker-container > ul .button:active, .blocker-container > ul .button:hover, .blocker-container > ul .button:focus {
        background: #EFF2F4; }
    .blocker-container > ul a {
      font-weight: normal;
      text-decoration: none;
      font-size: 0.75rem; }
      @media (min-width: 992px) {
        .blocker-container > ul a {
          font-size: 0.875rem; } }

.logo-heading-container {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1rem;
  padding-bottom: 1rem; }
  .logo-heading-container.w-image {
    grid-template-rows: auto auto auto;
    row-gap: 0.25rem; }
    .logo-heading-container.w-image p {
      grid-column: 2;
      margin: -5px 0 0; }
      @media (min-width: 420px) {
        .logo-heading-container.w-image p {
          margin: -18 px 0 0; } }
      @media (min-width: 601px) {
        .logo-heading-container.w-image p {
          margin: 1px 0 0;
          grid-column: 3; } }
    @media (min-width: 601px) {
      .logo-heading-container.w-image {
        grid-template-columns: auto auto 1fr; } }
  .logo-heading-container p {
    margin: 0; }
    @media (min-width: 601px) {
      .logo-heading-container p {
        align-self: center; } }
  .logo-heading-container h1 {
    margin: 0;
    color: #072A48;
    align-self: center; }
  .logo-heading-container h2 {
    margin: 0; }
  .logo-heading-container img {
    width: 50px; }
    @media (min-width: 998px) {
      .logo-heading-container img {
        width: 62px; } }

.size-link {
  margin: 12px 0; }
  @media (min-width: 992px) {
    .size-link {
      margin-bottom: 1.25rem; } }
  .size-link h4 {
    color: #072A48;
    margin-bottom: 0.5rem; }
  .size-link span, .size-link a {
    display: inline-block;
    font-size: 0.75rem;
    padding: 8px 16px;
    margin: 0; }
  .size-link span {
    border: 1px solid #072A48;
    background: #072A48;
    color: #fff; }
  .size-link a {
    border: 1px solid #7A90A3;
    background: #fff;
    color: #072A48;
    transition: all 150ms ease;
    text-decoration: none; }
    .size-link a:hover {
      border: 1px solid #D1D1D1;
      background: #D1D1D1;
      color: #072A48; }

.size-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .size-header label {
    margin: 0; }

#size-chart-link {
  font-size: 0.875rem; }

.page-content.size-chart .tab-content {
  display: none; }

.page-content.size-chart.size-chart {
  width: 100%;
  max-width: 57.5rem;
  margin-left: auto;
  margin-right: auto; }
  .page-content.size-chart.size-chart .page-heading {
    margin-bottom: 24px; }
  .page-content.size-chart.size-chart .tab-title {
    display: block; }
  .page-content.size-chart.size-chart img {
    max-width: 100%; }
  .page-content.size-chart.size-chart li {
    margin: 0;
    padding-left: 0; }
    .page-content.size-chart.size-chart li a {
      text-decoration: none; }
  .page-content.size-chart.size-chart span.page-heading {
    font-weight: 400;
    color: #072A48;
    font-size: 1.875rem;
    display: block;
    text-align: center; }
  .page-content.size-chart.size-chart .tab-content.is-active {
    display: flex;
    flex-direction: column; }
  .page-content.size-chart.size-chart .tabs {
    border-bottom: 1px solid #979797;
    display: flex;
    max-width: 34.1875rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem; }
    @media (max-width: 767px) {
      .page-content.size-chart.size-chart .tabs {
        flex-direction: column; } }
    .page-content.size-chart.size-chart .tabs .tab {
      border-top: 1px solid #979797;
      border-right: 1px solid #979797;
      float: none;
      width: auto;
      text-align: center;
      flex-grow: 1; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart .tabs .tab {
          border-left: 1px solid #979797; } }
      .page-content.size-chart.size-chart .tabs .tab:first-of-type {
        border-left: 1px solid #979797; }
      .page-content.size-chart.size-chart .tabs .tab.is-active {
        background-color: #C52033;
        margin-bottom: 0;
        transform: translateY(0px);
        border: 1px solid #C52033;
        border-bottom: none; }
        .page-content.size-chart.size-chart .tabs .tab.is-active.tab-title {
          color: white;
          text-transform: uppercase;
          font-size: 1.125rem;
          font-weight: 700; }
      .page-content.size-chart.size-chart .tabs .tab.tab-title {
        color: #444444;
        text-transform: uppercase;
        font-size: 1.125rem;
        font-weight: 600;
        text-align: center;
        padding: 0.75rem 1.125rem; }
  .page-content.size-chart.size-chart .sub-tabs {
    width: 100%;
    display: flex;
    margin-left: 0;
    margin-bottom: 0;
    justify-content: center; }
    .page-content.size-chart.size-chart .sub-tabs .tab {
      border: none;
      margin-right: 20px; }
      .page-content.size-chart.size-chart .sub-tabs .tab.tab-title {
        color: #212121;
        font-weight: 400;
        font-size: 1rem;
        padding-left: 3.0625rem;
        padding-right: 3.0625rem; }
        @media (max-width: 767px) {
          .page-content.size-chart.size-chart .sub-tabs .tab.tab-title {
            padding-left: 1rem;
            padding-right: 1rem; } }
      .page-content.size-chart.size-chart .sub-tabs .tab.is-active .tab-title {
        color: #C52033;
        font-weight: 700;
        font-size: 1rem; }
        .page-content.size-chart.size-chart .sub-tabs .tab.is-active .tab-title:after {
          content: '';
          display: block;
          height: 2px;
          width: 100%;
          background-color: #C52033; }
  .page-content.size-chart.size-chart h2 {
    max-width: 53.25rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 1.5rem; }
  .page-content.size-chart.size-chart .is-active .long-table-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap > span {
      display: none; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap .inner-wrap {
      overflow-x: scroll; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap table {
      min-width: 56.25rem; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap:after {
      content: '';
      display: block;
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      right: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), white);
      z-index: 9;
      pointer-events: none;
      opacity: 0;
      transition: opacity 300ms ease; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap.fade-active:after {
      opacity: 1; }
    .page-content.size-chart.size-chart .is-active .long-table-wrap > span {
      display: inline-block;
      text-transform: uppercase;
      margin-left: auto;
      margin-right: auto;
      width: auto;
      margin-bottom: 0.5rem;
      font-weight: 600; }
  .page-content.size-chart.size-chart table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.25rem;
    border-spacing: 0;
    border-collapse: collapse; }
    .page-content.size-chart.size-chart table.equal-width {
      table-layout: fixed; }
    .page-content.size-chart.size-chart table thead {
      background-color: #444444; }
    .page-content.size-chart.size-chart table th:first-of-type {
      padding: 0.875rem 0 0.875rem 1.5rem; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table th:first-of-type {
          padding-left: 0.5rem; } }
    .page-content.size-chart.size-chart table th {
      text-align: left;
      font-weight: 600;
      color: #FFFFFF;
      font-size: 0.9375rem;
      text-transform: uppercase;
      line-height: 1;
      padding: 0.875rem 0 0.875rem 0; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table th {
          font-size: 0.75rem; } }
    .page-content.size-chart.size-chart table th:last-of-type {
      padding: 0.875rem 1.5rem 0.875rem 0; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table th:last-of-type {
          padding-right: 0.5rem; } }
    .page-content.size-chart.size-chart table tr {
      border-bottom: 1px solid #979797;
      border-left: 1px solid #979797;
      border-right: 1px solid #979797;
      padding: 0.875rem 1.5rem; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table tr {
          border-left: none;
          border-right: none; } }
    .page-content.size-chart.size-chart table td:first-of-type {
      font-weight: 500;
      font-size: 0.9375rem;
      line-height: 1;
      padding: 0.875rem 0 0.875rem 1.5rem; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table td:first-of-type {
          padding-left: 0;
          font-size: 0.75rem; } }
    .page-content.size-chart.size-chart table td {
      font-weight: 400;
      font-size: 0.9375rem;
      line-height: 1;
      padding: 0.875rem 0 0.875rem 0; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table td {
          font-size: 0.75rem; } }
    .page-content.size-chart.size-chart table td:last-of-type {
      padding: 0.875rem 1.5rem 0.875rem 0; }
      @media (max-width: 767px) {
        .page-content.size-chart.size-chart table td:last-of-type {
          padding-right: 0; } }
  .page-content.size-chart.size-chart .sizing-copy {
    max-width: 66.25rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.25rem; }
    .page-content.size-chart.size-chart .sizing-copy h2 {
      max-width: none;
      text-align: center;
      margin-top: 4.5rem;
      margin-bottom: 3.125rem; }
    .page-content.size-chart.size-chart .sizing-copy .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .page-content.size-chart.size-chart .sizing-copy .content-wrapper img {
        width: 50%;
        max-width: 30.125rem;
        height: auto; }
        @media (max-width: 1200px) {
          .page-content.size-chart.size-chart .sizing-copy .content-wrapper img {
            width: 100%; } }
      .page-content.size-chart.size-chart .sizing-copy .content-wrapper .copy {
        width: 50%;
        padding-left: 6.6875rem; }
        @media (max-width: 1200px) {
          .page-content.size-chart.size-chart .sizing-copy .content-wrapper .copy {
            width: 100%;
            padding: 3.75rem 0; } }
        .page-content.size-chart.size-chart .sizing-copy .content-wrapper .copy h3 {
          margin-top: 0;
          font-family: "Montserrat", Arial, Helvetica, sans-serif;
          font-size: 1.125rem;
          font-weight: 400; }
        .page-content.size-chart.size-chart .sizing-copy .content-wrapper .copy h4 {
          margin-top: 1rem;
          text-transform: uppercase;
          margin-bottom: 0.25rem; }
        .page-content.size-chart.size-chart .sizing-copy .content-wrapper .copy p {
          margin-bottom: 1rem; }
  .page-content.size-chart.size-chart .fit-diagrams {
    max-width: 79.1875rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.25rem; }
    .page-content.size-chart.size-chart .fit-diagrams.max-3 {
      max-width: 59.8125rem;
      margin-bottom: 0; }
      .page-content.size-chart.size-chart .fit-diagrams.max-3 .content-wrapper .fit-item {
        width: 33.33333%;
        margin-bottom: 1.625rem; }
        @media (max-width: 767px) {
          .page-content.size-chart.size-chart .fit-diagrams.max-3 .content-wrapper .fit-item {
            width: 100%; } }
    .page-content.size-chart.size-chart .fit-diagrams h2 {
      max-width: none;
      text-align: center;
      margin-top: 4.5rem;
      margin-bottom: 3.125rem; }
    .page-content.size-chart.size-chart .fit-diagrams .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item {
        margin-left: -0.5px;
        margin-right: -0.5px;
        width: 33.33333%;
        border: 1px solid #D7D7D7;
        padding-top: 1.5rem; }
        @media (max-width: 767px) {
          .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item {
            width: 100%;
            margin-bottom: 1.625rem; } }
        .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item img {
          margin-bottom: 2.25rem;
          width: 100%;
          height: auto;
          padding: 0 20px;
          object-fit: contain; }
        .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item .copy-wrap {
          padding-left: 1.1875rem;
          padding-right: 1.1875rem; }
          .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item .copy-wrap p {
            padding-bottom: 0.75rem; }
          .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item .copy-wrap .title {
            font-family: "Montserrat", Arial, Helvetica, sans-serif;
            color: #212121;
            font-weight: 400;
            font-size: 1.125rem;
            margin-bottom: 0.9375rem;
            display: block; }
          .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item .copy-wrap ul {
            font-family: "Karla", Arial, Helvetica, sans-serif;
            color: #212121;
            font-weight: 400;
            font-size: 0.875rem;
            list-style-type: none;
            position: relative;
            margin-left: 0;
            margin-bottom: 3rem;
            padding-left: 0.5rem; }
            .page-content.size-chart.size-chart .fit-diagrams .content-wrapper .fit-item .copy-wrap ul li:before {
              content: '-';
              display: inline-block;
              position: absolute;
              left: 0; }
  .page-content.size-chart.size-chart.ladies-polos .page-heading {
    margin-bottom: 1rem; }
  .page-content.size-chart.size-chart.ladies-polos .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.ladies-polos > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.ladies-polos #tab-big, .page-content.size-chart.size-chart.ladies-polos #tab-men, .page-content.size-chart.size-chart.ladies-polos #tab-youth {
    display: none; }
  .page-content.size-chart.size-chart.ladies-polos #tab-women {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.ladies-polos #tab-women .fit-diagrams {
      order: 1;
      margin-bottom: 6.75rem; }
      .page-content.size-chart.size-chart.ladies-polos #tab-women .fit-diagrams h2 {
        margin-top: 2.25rem; }
    .page-content.size-chart.size-chart.ladies-polos #tab-women .max-3 {
      display: none; }
    .page-content.size-chart.size-chart.ladies-polos #tab-women table {
      display: none; }
      .page-content.size-chart.size-chart.ladies-polos #tab-women table.equal-width {
        display: table;
        order: 2; }
    .page-content.size-chart.size-chart.ladies-polos #tab-women .sizing-copy {
      order: 3; }
  .page-content.size-chart.size-chart.ladies-other .page-heading {
    margin-bottom: 3.75rem; }
  .page-content.size-chart.size-chart.ladies-other .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.ladies-other > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.ladies-other #tab-big, .page-content.size-chart.size-chart.ladies-other #tab-men, .page-content.size-chart.size-chart.ladies-other #tab-youth {
    display: none; }
  .page-content.size-chart.size-chart.ladies-other #tab-women {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.ladies-other #tab-women .fit-diagrams {
      display: none; }
    .page-content.size-chart.size-chart.ladies-other #tab-women .max-3 {
      display: none; }
    .page-content.size-chart.size-chart.ladies-other #tab-women table {
      display: none; }
      .page-content.size-chart.size-chart.ladies-other #tab-women table.equal-width {
        display: table;
        order: 2; }
    .page-content.size-chart.size-chart.ladies-other #tab-women .sizing-copy {
      order: 3; }
  .page-content.size-chart.size-chart.men-polos .page-heading {
    margin-bottom: 1rem; }
  .page-content.size-chart.size-chart.men-polos .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.men-polos > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.men-polos #tab-big, .page-content.size-chart.size-chart.men-polos #tab-women, .page-content.size-chart.size-chart.men-polos #tab-youth {
    display: none; }
  .page-content.size-chart.size-chart.men-polos #tab-men {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.men-polos #tab-men .fit-diagrams {
      order: 1;
      margin-bottom: 6.75rem; }
      .page-content.size-chart.size-chart.men-polos #tab-men .fit-diagrams h2 {
        margin-top: 2.25rem; }
    .page-content.size-chart.size-chart.men-polos #tab-men .max-3 {
      display: none; }
    .page-content.size-chart.size-chart.men-polos #tab-men table {
      display: none; }
      .page-content.size-chart.size-chart.men-polos #tab-men table.equal-width {
        display: table;
        order: 2; }
    .page-content.size-chart.size-chart.men-polos #tab-men .sizing-copy {
      order: 3; }
  .page-content.size-chart.size-chart.men-shirts .page-heading {
    margin-bottom: 1rem; }
  .page-content.size-chart.size-chart.men-shirts .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.men-shirts > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.men-shirts #tab-big, .page-content.size-chart.size-chart.men-shirts #tab-women, .page-content.size-chart.size-chart.men-shirts #tab-youth {
    display: none; }
  .page-content.size-chart.size-chart.men-shirts #tab-men {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.men-shirts #tab-men .fit-diagrams {
      order: 1;
      margin-bottom: 6.75rem;
      display: none; }
      .page-content.size-chart.size-chart.men-shirts #tab-men .fit-diagrams h2 {
        margin-top: 2.25rem; }
      .page-content.size-chart.size-chart.men-shirts #tab-men .fit-diagrams.max-3 {
        display: block; }
    .page-content.size-chart.size-chart.men-shirts #tab-men table {
      display: none; }
      .page-content.size-chart.size-chart.men-shirts #tab-men table.equal-width {
        display: table;
        order: 2; }
    .page-content.size-chart.size-chart.men-shirts #tab-men .sizing-copy {
      order: 3; }
  .page-content.size-chart.size-chart.men-bigtall .page-heading {
    margin-bottom: 1rem; }
  .page-content.size-chart.size-chart.men-bigtall .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.men-bigtall > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.men-bigtall #tab-men, .page-content.size-chart.size-chart.men-bigtall #tab-women, .page-content.size-chart.size-chart.men-bigtall #tab-youth {
    display: none; }
  .page-content.size-chart.size-chart.men-bigtall #tab-big {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.men-bigtall #tab-big #tab-men-big.is-active, .page-content.size-chart.size-chart.men-bigtall #tab-big #tab-men-tall.is-active {
      display: flex;
      flex-direction: column; }
  .page-content.size-chart.size-chart.youth .page-heading {
    margin-bottom: 1rem; }
  .page-content.size-chart.size-chart.youth .tab-content > h2 {
    display: none; }
  .page-content.size-chart.size-chart.youth > .tabs {
    display: none; }
  .page-content.size-chart.size-chart.youth #tab-big, .page-content.size-chart.size-chart.youth #tab-men, .page-content.size-chart.size-chart.youth #tab-women {
    display: none; }
  .page-content.size-chart.size-chart.youth #tab-youth {
    display: flex;
    flex-direction: column; }
    .page-content.size-chart.size-chart.youth #tab-youth .fit-diagrams {
      order: 1;
      margin-bottom: 6.75rem; }
      .page-content.size-chart.size-chart.youth #tab-youth .fit-diagrams h2 {
        margin-top: 2.25rem; }
    .page-content.size-chart.size-chart.youth #tab-youth .max-3 {
      display: none; }
    .page-content.size-chart.size-chart.youth #tab-youth table {
      display: none; }
      .page-content.size-chart.size-chart.youth #tab-youth table.equal-width {
        display: table;
        order: 2; }
    .page-content.size-chart.size-chart.youth #tab-youth .sizing-copy {
      order: 3; }

#sizeChart {
  overflow: scroll;
  padding: 4rem 0rem; }
  #sizeChart .modal-close {
    transform: unset;
    color: #072A48;
    border-color: #072A48;
    top: 8px;
    right: 8px; }
    #sizeChart .modal-close:hover {
      color: #D1D1D1;
      border-color: #D1D1D1;
      background: #072A48; }

#sizeChart.modal {
  top: 50% !important;
  transform: translate(-50%, -50%);
  min-height: auto; }

label {
  position: relative;
  overflow: visible !important; }

[data-product-attribute] .badge {
  display: none; }

.collections .content .wrapper .page-sidebar.list {
  display: block;
  order: 2; }
  .collections .content .wrapper .page-sidebar.list .subcategories {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .collections .content .wrapper .page-sidebar.list .subcategories li {
      padding: 0;
      margin: 0 0 16px;
      line-height: 1.5; }
      .collections .content .wrapper .page-sidebar.list .subcategories li a {
        font-size: 0.875rem;
        text-decoration: none; }

@media (min-width: 1200px) {
  .collections .content .wrapper {
    grid-template-columns: auto 75%; }
    .collections .content .wrapper .page-sidebar.list {
      order: 1;
      padding: 0; }
      .collections .content .wrapper .page-sidebar.list h2 {
        display: none; } }

@media (min-width: 1200px) {
  .collections .content .wrapper .collections-content {
    order: 1; } }

.collections .content .wrapper .collections-content .collection h2 {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 500; }
  @media (min-width: 1200px) {
    .collections .content .wrapper .collections-content .collection h2 {
      font-size: 1.125rem; } }

.collections .content .wrapper .collections-content .collection p {
  font-size: 0.875rem;
  font-weight: 400; }

.collections .content .wrapper .collections-content .collection:nth-child(2) {
  margin-top: 1.5rem; }

.collections .content .wrapper .collections-content .collection .collections-slider {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .collections .content .wrapper .collections-content .collection .collections-slider {
      grid-template-columns: repeat(4, 1fr); } }
  .collections .content .wrapper .collections-content .collection .collections-slider .product .card {
    margin: 0 0.3125rem; }
    .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure .card-image {
      max-height: none; }
    .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all {
      background: #EFF2F4; }
      .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all a {
        position: relative;
        text-align: center;
        display: flex;
        text-transform: uppercase; }
        .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all a .link {
          font-size: 14px;
          font-weight: 500;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: -12px auto 0 -16px; }
          .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all a .link .icon {
            position: absolute;
            margin-left: 3px;
            top: 4px;
            transition: margin-left 0.25s ease; }
        .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all a:hover {
          color: #072A48; }
          .collections .content .wrapper .collections-content .collection .collections-slider .product .card .card-figure.shop-all a:hover .link .icon {
            margin-left: 8px; }

.collections .seo-widget {
  margin-top: 3rem; }

.collections .trending-searches {
  padding: 0; }
  .collections .trending-searches .controls-container {
    display: block; }
  @media (max-width: 767.9px) {
    .collections .trending-searches h2 {
      padding: 0.375rem 0 1.5rem;
      margin: 0; } }

.country-select {
  display: flex;
  position: relative;
  margin-right: 0.625rem;
  margin-left: 0.375rem; }
  .country-select select {
    background: none;
    border: 0;
    font-size: 0.875rem;
    width: 100%;
    cursor: pointer; }
  .country-select i {
    position: absolute;
    right: 0;
    top: 5px;
    pointer-events: none;
    font-size: 0.75rem;
    display: none; }
  @media (min-width: 992px) {
    .country-select {
      margin-left: 0; }
      .country-select i {
        display: block; } }

.page-type-page header h1 {
  text-align: center; }

.page-type-page .content-page img {
  max-width: 100%;
  height: auto; }

.page-type-page .content-page ul {
  list-style: circle;
  margin-left: 1.25rem; }
  .page-type-page .content-page ul li {
    padding-left: 0.625rem; }
  .page-type-page .content-page ul > ul {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }

.page-type-page .content-page p a {
  min-height: 44px;
  display: block; }

.page-type-page .content-page h2, .page-type-page .content-page h3, .page-type-page .content-page h4, .page-type-page .content-page h5 {
  margin-top: 2em; }

.page-type-page .content-page .shipping-table {
  width: 100%; }
  .page-type-page .content-page .shipping-table thead tr th {
    text-align: left; }
  .page-type-page .content-page .shipping-table tbody tr:nth-of-type(odd) {
    background-color: #EFF2F4; }

.page.gift-ideas .hero-with-links .content-wrapper {
  max-width: none; }

.page.gift-ideas [data-ss-gift-ideas-container] {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem; }
  .page.gift-ideas [data-ss-gift-ideas-container] .feeds-grid--header {
    margin: 3.75rem 0;
    text-align: center; }
  .page.gift-ideas [data-ss-gift-ideas-container] [data-ss-gift-ideas] {
    margin: 3rem 0; }
  @media (min-width: 992px) {
    .page.gift-ideas [data-ss-gift-ideas-container] {
      margin-top: 6rem;
      margin-bottom: 6rem; }
      .page.gift-ideas [data-ss-gift-ideas-container] .feeds-grid--header {
        margin: 6rem 0; } }

.page.gift-ideas .widget--block-cards.custom a {
  text-decoration: none; }
  .page.gift-ideas .widget--block-cards.custom a:hover, .page.gift-ideas .widget--block-cards.custom a:focus {
    text-decoration: underline; }
    .page.gift-ideas .widget--block-cards.custom a:hover .image-wrapper img, .page.gift-ideas .widget--block-cards.custom a:focus .image-wrapper img {
      transform: scale(1.15); }

.page.gift-ideas .widget--block-cards.custom .image-wrapper {
  overflow: hidden; }
  .page.gift-ideas .widget--block-cards.custom .image-wrapper img {
    height: auto;
    transition: all .3s; }

.page.gift-ideas .widget--block-cards.custom .content-wrapper {
  padding: 0.75rem 0; }

.promo-bar {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: white;
  text-align: center;
  background: #072A48;
  padding: 1rem;
  font-size: 14px; }
  @media (min-width: 768px) {
    .promo-bar {
      font-size: 18px; } }

.pro-shop-hero {
  margin-top: -25px !important; }
  .pro-shop-hero .container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  @media (min-width: 768px) {
    .pro-shop-hero .slide.center .container > div {
      grid-column: 3 / span 8; } }
  @media (min-width: 768px) {
    .pro-shop-hero .slide.center .container > div {
      grid-template-columns: 1fr 1fr 1fr;
      padding-bottom: 13.1875rem; }
      .pro-shop-hero .slide.center .container > div .logo, .pro-shop-hero .slide.center .container > div h1 {
        grid-column: 1 / span 3;
        text-align: center; } }
  .pro-shop-hero .slide::after {
    display: none; }
  .pro-shop-hero p:empty {
    display: none; }
  .pro-shop-hero picture img {
    position: absolute; }
  .pro-shop-hero a.btn-secondary {
    color: #072A48;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-shadow: none;
    width: 140px;
    padding: 12px 16px;
    white-space: nowrap;
    border: none !important;
    margin-bottom: 8px; }
    .pro-shop-hero a.btn-secondary:last-child {
      margin-bottom: 36px; }
    @media (min-width: 768px) {
      .pro-shop-hero a.btn-secondary {
        width: 153px;
        margin: 0;
        line-height: 150%; }
        .pro-shop-hero a.btn-secondary:last-child {
          margin-bottom: 0; } }
  .pro-shop-hero h1 {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    /* 117.857% */
    letter-spacing: 2.24px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .pro-shop-hero h1 {
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
        /* 68.75% */
        letter-spacing: 3.84px;
        text-transform: uppercase;
        margin-bottom: 33px; } }
  .pro-shop-hero .logo img {
    width: 160px; }
    @media (min-width: 768px) {
      .pro-shop-hero .logo img {
        width: 260px; } }
  @media (min-width: 768px) {
    .pro-shop-hero .logo {
      margin-bottom: 24px; } }

.category-thumbnails h2 {
  font-size: 18px;
  font-weight: 500; }
  @media (min-width: 768px) {
    .category-thumbnails h2 {
      font-size: 22px; } }

@media (min-width: 768px) {
  .category-thumbnails [data-desktop-slides="3"] .name {
    font-size: 18px; } }

.collection-picker.darker-bg {
  background: #EFF2F4;
  padding: 2.5rem 0; }
  @media (min-width: 768px) {
    .collection-picker.darker-bg {
      padding: 5rem 0; } }

.collection-picker h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  /* 150% */
  text-transform: capitalize; }
  @media (min-width: 768px) {
    .collection-picker h2 {
      font-size: 22px; } }

.collection-picker p {
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  max-width: 620px; }
  @media (min-width: 992px) {
    .collection-picker p {
      width: 50%;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; } }

.collection-picker .content {
  position: relative; }

.collection-picker .btn-primary {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .collection-picker .btn-primary {
      margin-bottom: 0;
      position: absolute;
      right: 0;
      bottom: 0; } }

.collection-picker img {
  max-width: 100%; }

.collection-picker .banner-content {
  margin-bottom: 24px; }
  .collection-picker .banner-content img {
    aspect-ratio: 280 / 189;
    height: auto;
    object-fit: cover; }
    @media (min-width: 768px) {
      .collection-picker .banner-content img {
        aspect-ratio: unset;
        width: 100%;
        object-fit: contain; } }

.collection-picker .controls-container {
  display: none !important; }

.collection-picker .slider {
  column-gap: 8px; }
  @media (min-width: 992px) {
    .collection-picker .slider {
      column-gap: 1px; } }
  .collection-picker .slider .card {
    margin: 0; }
    .collection-picker .slider .card .also-available {
      font-size: 0.875rem; }
    .collection-picker .slider .card .cnt {
      min-height: 100px; }

#scene-image-modal {
  display: none;
  /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999 !important;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  /* Semi-transparent background */
  justify-content: center;
  align-items: center;
  text-align: center;
  /* Center the content horizontally */ }

#scene-image-modal img {
  max-width: 90%;
  max-height: 80%;
  margin: auto;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%); }

#scene-close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 60px;
  color: white;
  cursor: pointer; }