@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0;
}
article,
aside,
footer,
header,
nav,
section { display: block;
}
h1 { font-size: 2em; margin: 0.67em 0;
}
figcaption,
figure { display: block;
}
figure { margin: 1em 40px;
}
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
main { display: block;
}
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b,
strong { font-weight: inherit;
}
b,
strong { font-weight: bolder;
}
code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic;
}
mark { background-color: #ff0; color: #000;
}
small { font-size: 80%;
}
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sub { bottom: -0.25em;
}
sup { top: -0.5em;
}
audio,
video { display: inline-block;
}
audio:not([controls]) { display: none; height: 0;
}
img { border-style: none;
}
svg:not(:root) { overflow: hidden;
}
button,
input,
optgroup,
select,
textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button { overflow: visible;
}
button,
select { text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] { -webkit-appearance: button; }
button,
[type=button],
[type=reset],
[type=submit] { }
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner { border-style: none; padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring { outline: 1px dotted ButtonText;
}
input { overflow: visible;
}
[type=checkbox],
[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height: auto;
}
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none;
}
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
fieldset { padding: 0.35em 0.75em 0.625em;
}
legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto;
}
details { display: block;
}
summary { display: list-item;
}
menu { display: block;
}
canvas { display: inline-block;
}
template { display: none;
}
[hidden] { display: none;
}
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;
}
.slick-list:focus { outline: none;
}
.slick-list.dragging { cursor: pointer; cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;
}
.slick-track:before, .slick-track:after { content: ""; display: table;
}
.slick-track:after { clear: both;
}
.slick-loading .slick-track { visibility: hidden;
}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none;
}
[dir=rtl] .slick-slide { float: right;
}
.slick-slide img { display: block;
}
.slick-slide.slick-loading img { display: none;
}
.slick-slide.dragging img { pointer-events: none;
}
.slick-initialized .slick-slide { display: block;
}
.slick-loading .slick-slide { visibility: hidden;
}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none;
}
.slider--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.slider--flex .slick-list { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%;
}
.slider--flex .slick-track { height: 100%; min-width: 100%;
}
.slider--flex .slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.slider--flex .slick-dots { position: absolute; bottom: -2rem; width: 100%;
}
.slider--flex-align-items.slick-initialized .slick-slide { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; height: auto;
}
.slider--flex-align-items .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.slick-arrow { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; width: 2.5rem; height: 2.5rem; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0.5em;
}
.slick-arrow:first-of-type { left: 0;
}
.slick-arrow:last-of-type { right: 0;
}
.slick-prev { left: 0;
}
.slick-next { right: 0;
}
.slider--arrows-outer.slick-has-arrows.slider--arrows-size-large { padding-left: 4.5rem; padding-right: 4.5rem;
}
.slider--arrows-outer.slick-has-arrows.slider--arrows-size-regular, .slider--arrows-outer.slick-has-arrows.slider--arrows-size-small { padding-left: 3.125rem; padding-right: 3.125rem;
}
.slider--arrows-center .slick-arrow { position: absolute; top: calc(50% + var(--arrows-adjustment-y, 0px)); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);
}
.slider--arrows-tile-center .slick-arrow { top: 40%;
}
.slider--arrows-size-large .slick-arrow { width: 4.5rem; height: 4.5rem; font-size: 3rem; padding: 0;
}
.slider--arrows-size-small .slick-arrow { font-size: 1.125rem;
}
.slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; padding-left: 0;
}
.slick-dots .slick-active button:after { height: 1.125rem; width: 1.125rem; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in;
}
.slick-dots li { font-size: 0;
}
.slick-dots button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 1.45rem; height: 1.45rem; border-radius: 50%; font-size: 0; cursor: pointer;
}
.slick-dots button:after { display: block; width: 0.75rem; height: 0.75rem; border-radius: inherit; border: solid 0.0625rem; background-color: currentColor; content: "";
}
.slider--dots-outer .slick-dots { margin-top: 1rem;
}
.slider--dots-inner .slick-dots { position: absolute; left: 0; right: 0;
}
.slider--dots-left .slick-dots { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.slider--dots-right .slick-dots { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
}
.slider--meta-dots ul.slick-dots { overflow: hidden;
}
.slider--meta-dots ul.slick-dots .back-to-start { font-size: 1.25rem; opacity: 0.25; line-height: 1rem; font-family: "Arial Unicode MS";
}
.slider--meta-dots ul.slick-dots .back-to-start:hover { opacity: 1; cursor: pointer;
}
.slider--meta-dots .slick-dots li { -webkit-transition: width 0s ease-out 0.1s, margin 0s ease-out 0.1s, padding 0.2s ease-out, -webkit-transform 0.2s ease-in; transition: width 0s ease-out 0.1s, margin 0s ease-out 0.1s, padding 0.2s ease-out, -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in, width 0s ease-out 0.1s, margin 0s ease-out 0.1s, padding 0.2s ease-out; transition: transform 0.2s ease-in, width 0s ease-out 0.1s, margin 0s ease-out 0.1s, padding 0.2s ease-out, -webkit-transform 0.2s ease-in; -webkit-transform: translate(0); transform: translate(0);
}
.slider--meta-dots .slick-dots li.offscreen { width: 0px; margin: 0; padding: 0;
}
.slider--meta-dots .slick-dots li.offscreen--left { -webkit-transform: translate(-100vw); transform: translate(-100vw);
}
.slider--meta-dots .slick-dots li.offscreen--right { -webkit-transform: translate(100vw); transform: translate(100vw);
}
.slider--meta-dots .meta-dots { position: absolute; bottom: -25px; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0;
}
.slider--meta-dots .meta-dots li { position: relative; display: inline-block; height: 15px; width: 40px; margin: 0 5px; padding: 0; cursor: pointer;
}
.slider--meta-dots .meta-dot { content: ""; height: 3px; width: 100%; padding: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); background: #000; border-radius: 3px; outline: none; opacity: 0.25;
}
.slider--meta-dots .meta-dot:hover { opacity: 1;
}
.slider--meta-dots .meta-dot.active { opacity: 1;
}
[class*=slider--pre-layout]:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden;
}
.slider--pre-layout-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%;
}
.slider--pre-layout-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%;
}
.slider--pre-layout-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.3333333333%; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%;
}
.slider--pre-layout-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%;
}
.slider--pre-layout-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%;
}
.slider--pre-layout-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.6666666667%; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%;
}
.slider--pre-layout-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.2857142857%; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%;
}
.slider--pre-layout-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%;
}
@media (min-width: 64.0625rem) { .slider--pre-layout-lg-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-lg-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-lg-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.3333333333%; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%; } .slider--pre-layout-lg-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-lg-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-lg-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.6666666667%; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%; } .slider--pre-layout-lg-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.2857142857%; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%; } .slider--pre-layout-lg-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -0.5rem; margin-right: -0.5rem; }
}
@media (max-width: 64rem) { .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -0.25rem; margin-right: -0.25rem; }
}
@media (min-width: 48.0625rem) { .slider--flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .slider--dots-inner .slick-dots { bottom: 2.975rem; } .slider--pre-layout-md-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-md-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-md-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.3333333333%; -ms-flex: 3 0 33.3333333333%; flex: 3 0 33.3333333333%; } .slider--pre-layout-md-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-md-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-md-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.6666666667%; -ms-flex: 6 0 16.6666666667%; flex: 6 0 16.6666666667%; } .slider--pre-layout-md-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.2857142857%; -ms-flex: 7 0 14.2857142857%; flex: 7 0 14.2857142857%; } .slider--pre-layout-md-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } .d-carousel--peeking .slick-list, .carousel--peeking-d .slick-list { overflow: visible; } .d-carousel--peeking .slick-slide, .carousel--peeking-d .slick-slide { opacity: 0.5; -webkit-transition: opacity 0.15s 0.15s ease-in-out; transition: opacity 0.15s 0.15s ease-in-out; } .d-carousel--peeking .slick-active, .carousel--peeking-d .slick-active { opacity: 1; }
}
@media (max-width: 48rem) { .slider--dots-inner .slick-dots { bottom: 0.75rem; } .m-carousel--peeking .slick-list, .carousel--peeking-m .slick-list { overflow: visible; } .m-carousel--peeking .slick-slide, .carousel--peeking-m .slick-slide { opacity: 0.5; -webkit-transition: opacity 0.15s 0.15s ease-in-out; transition: opacity 0.15s 0.15s ease-in-out; } .m-carousel--peeking .slick-active, .carousel--peeking-m .slick-active { opacity: 1; }
}
[data-action=Account-Recommendation] .product-tile__swatches a { display: none;
}
[data-action=Account-Recommendation] .product-tile__swatches a:nth-child(-n+6) { display: block;
}
.fixit-container { position: relative;
}
.fixit-element.fixit--active { position: fixed; top: 0;
}
.fixit-element.fixit--active:not(.fixit--respond-to-parent) { width: 100%;
}
.fixit-element.fixit--bottom, .fixit-element.fixit--docked { top: auto; bottom: 0;
}
.fixit-element.fixit--frozen, .fixit-element.fixit--docked { position: absolute;
}
.fixit-element--overlay { z-index: 1010;
}
html { overflow-x: hidden; font-size: 1rem; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; line-height: 1.38; -ms-overflow-style: -ms-autohiding-scrollbar;
}
html::-webkit-scrollbar { width: 1rem;
}
html::-webkit-scrollbar-track { background-color: #FFF;
}
html::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF;
}
html::-webkit-scrollbar-button { display: none;
}
body { min-width: 320px; overflow-anchor: none; font-size: 1rem; font-weight: 300; color: #000; background-color: #FFF;
}
h1 { margin: 0;
}
hr { border: none !important; width: 90%; margin: auto; min-height: 1px;
}
iframe { border: none;
}
img,
video { display: block; max-width: 100%; max-height: 100%;
}
a { color: inherit; text-decoration: none;
}
a[href=""], a[href="javascript:;"] { cursor: default;
}
fieldset { border: none; margin: 0; padding: 0;
}
legend { display: block; width: 100%;
}
address { font-style: normal;
}
ul, ol, li { list-style: none;
}
hr { border: solid 0.0625rem;
}
*:focus { outline-color: #65A300; outline-style: solid; outline-width: 0.125rem;
}
.set--hide-click-focus *:focus { outline: none;
}
*,
*:before,
*:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;
}
.list--reset { padding-left: 0;
}
.list--reset li { list-style-type: none;
}
.set--w-100 { width: 100%;
}
.set--w-75 { width: 75%;
}
.set--w-33 { width: 33.3333%;
}
.set--w-50 { width: 50%;
}
.set--w-25 { width: 25%;
}
.set--h-100 { height: 100%;
}
.set--h-75 { height: 75%;
}
.set--h-50 { height: 50%;
}
.set--h-25 { height: 25%;
}
.scrollable { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.scroll-container--y { max-height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.scroll-container--y::-webkit-scrollbar { display: none;
}
.blur-up { -webkit-transition: -webkit-filter ease-out 107ms; transition: -webkit-filter ease-out 107ms; transition: filter ease-out 107ms; transition: filter ease-out 107ms, -webkit-filter ease-out 107ms;
}
.blur-up.lazyload, .blur-up.lazyloading { -webkit-filter: blur(4px); filter: blur(4px);
}
.blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0);
}
.opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms;
}
.opacity-up.lazyload, .opacity-up.lazyloading { opacity: 0;
}
.opacity-up.lazyloaded { opacity: 1;
}
.partial-opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms;
}
.partial-opacity-up.lazyload, .partial-opacity-up.lazyloading { opacity: 0.8;
}
.partial-opacity-up.lazyloaded { opacity: 1;
}
.none-up.lazyload, .none-up.lazyloading { opacity: 0;
}
[class*=object-fit] { width: 100%; height: 100%;
}
.object-fit--cover { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;";
}
.object-fit--contain { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;";
}
@media (min-width: 48.0625rem) { .scrollable--small-up { overflow: auto; -webkit-overflow-scrolling: touch; } .d-scroll-container--y { max-height: calc(100vh - 110px); overflow-y: scroll; } .d-scroll-container--y::-webkit-scrollbar { width: 1rem; } .d-scroll-container--y::-webkit-scrollbar-track { background-color: #FFF; } .d-scroll-container--y::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .d-scroll-container--y::-webkit-scrollbar-button { display: none; }
}
.row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.col, [class^=col-],
[class*=" col-"] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px;
}
.flex-justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.flex-justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
}
.flex-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.flex-justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.flex-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;
}
.flex-align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.flex-align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.flex-align-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline;
}
.flex-align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
}
.flex-flow-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row;
}
.flex-flow-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse;
}
.flex-flow-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column;
}
.flex-flow-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse;
}
.flex-flow-wrap { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap;
}
.flex-flow-wrap-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-flow: wrap-reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse;
}
.flex-flow-nowrap { -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap;
}
.flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
}
.flex-direction-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;
}
.flex-direction-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.flex-direction-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.flex-no-gutters { margin-left: 0; margin-right: 0;
}
.flex-no-gutters > .col,
.flex-no-gutters > [class*=col-] { padding-left: 0; padding-right: 0;
}
.row:not(.flex-no-gutters) { margin-left: -0.25rem; margin-right: -0.25rem;
}
.col,
[class*=col-] { padding-left: 0.25rem; padding-right: 0.25rem;
}
.col-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%;
}
.off-1 { margin-left: 8.3333333333%;
}
.col-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%;
}
.off-2 { margin-left: 16.6666666667%;
}
.col-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;
}
.off-3 { margin-left: 25%;
}
.col-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%;
}
.off-4 { margin-left: 33.3333333333%;
}
.col-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%;
}
.off-5 { margin-left: 41.6666666667%;
}
.col-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;
}
.off-6 { margin-left: 50%;
}
.col-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%;
}
.off-7 { margin-left: 58.3333333333%;
}
.col-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%;
}
.off-8 { margin-left: 66.6666666667%;
}
.col-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;
}
.off-9 { margin-left: 75%;
}
.col-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%;
}
.off-10 { margin-left: 83.3333333333%;
}
.col-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%;
}
.off-11 { margin-left: 91.6666666667%;
}
.col-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;
}
.off-reset { margin-left: 0;
}
.col,
.col-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;
}
@media only screen and (min-width: 30rem) { .col-sm-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-sm-1 { margin-left: 8.3333333333%; } .col-sm-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-sm-2 { margin-left: 16.6666666667%; } .col-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-sm-3 { margin-left: 25%; } .col-sm-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-sm-4 { margin-left: 33.3333333333%; } .col-sm-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-sm-5 { margin-left: 41.6666666667%; } .col-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-sm-6 { margin-left: 50%; } .col-sm-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-sm-7 { margin-left: 58.3333333333%; } .col-sm-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-sm-8 { margin-left: 66.6666666667%; } .col-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-sm-9 { margin-left: 75%; } .col-sm-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-sm-10 { margin-left: 83.3333333333%; } .col-sm-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-sm-11 { margin-left: 91.6666666667%; } .col-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-sm-reset { margin-left: 0; } .col-sm, .col-sm-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
}
@media only screen and (min-width: 48.0625rem) { .col-md-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-md-1 { margin-left: 8.3333333333%; } .col-md-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-md-2 { margin-left: 16.6666666667%; } .col-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-md-3 { margin-left: 25%; } .col-md-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-md-4 { margin-left: 33.3333333333%; } .col-md-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-md-5 { margin-left: 41.6666666667%; } .col-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-md-6 { margin-left: 50%; } .col-md-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-md-7 { margin-left: 58.3333333333%; } .col-md-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-md-8 { margin-left: 66.6666666667%; } .col-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-md-9 { margin-left: 75%; } .col-md-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-md-10 { margin-left: 83.3333333333%; } .col-md-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-md-11 { margin-left: 91.6666666667%; } .col-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-md-reset { margin-left: 0; } .col-md, .col-md-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
}
@media only screen and (min-width: 64.0625rem) { .row:not(.flex-no-gutters) { margin-left: -0.5rem; margin-right: -0.5rem; } .col, [class*=col-] { padding-left: 0.5rem; padding-right: 0.5rem; } .col-lg-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-lg-1 { margin-left: 8.3333333333%; } .col-lg-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-lg-2 { margin-left: 16.6666666667%; } .col-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-lg-3 { margin-left: 25%; } .col-lg-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-lg-4 { margin-left: 33.3333333333%; } .col-lg-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-lg-5 { margin-left: 41.6666666667%; } .col-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-lg-6 { margin-left: 50%; } .col-lg-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-lg-7 { margin-left: 58.3333333333%; } .col-lg-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-lg-8 { margin-left: 66.6666666667%; } .col-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-lg-9 { margin-left: 75%; } .col-lg-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-lg-10 { margin-left: 83.3333333333%; } .col-lg-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-lg-11 { margin-left: 91.6666666667%; } .col-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-lg-reset { margin-left: 0; } .col-lg, .col-lg-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
}
@media only screen and (min-width: 77.5625rem) { .col-xl-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .off-xl-1 { margin-left: 8.3333333333%; } .col-xl-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .off-xl-2 { margin-left: 16.6666666667%; } .col-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-xl-3 { margin-left: 25%; } .col-xl-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .off-xl-4 { margin-left: 33.3333333333%; } .col-xl-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .off-xl-5 { margin-left: 41.6666666667%; } .col-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-xl-6 { margin-left: 50%; } .col-xl-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .off-xl-7 { margin-left: 58.3333333333%; } .col-xl-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .off-xl-8 { margin-left: 66.6666666667%; } .col-xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-xl-9 { margin-left: 75%; } .col-xl-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .off-xl-10 { margin-left: 83.3333333333%; } .col-xl-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .off-xl-11 { margin-left: 91.6666666667%; } .col-xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-xl-reset { margin-left: 0; } .col-xl, .col-xl-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
}
.fix--overflow > * { max-width: 100%;
}
.flex-flow-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
[class*=col-] > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
[class*=col-].flex-no-gutters { padding-left: 0; padding-right: 0;
}
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.flex-col, .flex-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.flex--inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;
}
.flex-grow-1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.flex--0 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0;
}
.flex--10 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%;
}
.flex--20 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%;
}
.flex--30 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%;
}
.flex--40 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%;
}
.flex--45 { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%;
}
.flex--50 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%;
}
.flex--55 { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%;
}
.flex--60 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%;
}
.flex--70 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%;
}
.flex--80 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%;
}
.flex--90 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%;
}
.flex--100 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.flex-wrap--align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
}
.flex-linebreak { content: ""; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
.flex-wrapper--0-auto > * { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
.float--left { float: left;
}
.float--right { float: right;
}
.order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0;
}
.order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;
}
.order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;
}
.order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3;
}
.order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4;
}
.order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5;
}
.order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6;
}
.order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7;
}
.order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8;
}
.order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9;
}
.order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10;
}
@media (min-width: 48.0625rem) { .order--small-up-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order--small-up-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order--small-up-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order--small-up-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order--small-up-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order--small-up-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order--small-up-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order--small-up-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order--small-up-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order--small-up-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order--small-up-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; }
}
@media (max-width: 48rem) { .order--small-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order--small-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order--small-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order--small-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order--small-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order--small-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order--small-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order--small-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order--small-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order--small-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order--small-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; }
}
.page { overflow: hidden; min-height: 100vh; -webkit-tap-highlight-color: rgba(101, 163, 0, 0.2);
}
.main { min-height: 20rem;
}
[class*=max-width--] { margin-right: auto; margin-left: auto;
}
.max-width { max-width: 30rem;
}
.max-width--unit { max-width: 0.0625rem;
}
.max-width--xxsmall { max-width: 20rem;
}
.max-width--xsmall { max-width: 30rem;
}
.max-width--small { max-width: 48rem;
}
.max-width--medium { max-width: 64rem;
}
.max-width--xmedium { max-width: 77.5rem;
}
.max-width--large { max-width: 90rem;
}
.max-width--large-1 { max-width: 98rem;
}
.max-width--large-2 { max-width: 107.5rem;
}
.max-width--large-3 { max-width: 115rem;
}
.max-width--xlarge { max-width: 120rem;
}
.container { max-width: 90rem; margin-right: auto; margin-left: auto;
}
.bg--transparent { background-color: rgba(0, 0, 0, 0);
}
.bg--white { background-color: #FFF;
}
.bg--black { background-color: #000;
}
.bg--grey-1 { background-color: #F2F2F2;
}
.bg--grey-2 { background-color: #E6E9ED;
}
.bg--grey-3 { background-color: #E6E6E6;
}
.bg--grey-4 { background-color: #97A1B0;
}
.bg--grey-5 { background-color: #707B8C;
}
.bg--grey-50 { background-color: #767676;
}
.bg--grey-6 { background-color: #485363;
}
.bg--grey-7 { background-color: #32323B;
}
.bg--red { background-color: #df1642;
}
.bg--blue { background-color: #4D96E7;
}
.bg--navy { background-color: #0f3e72;
}
.bg--green { background-color: #65A300;
}
.bg--green-2 { background-color: #73bd00;
}
.bg--beige { background-color: #f5f5dc;
}
.bg--sales-red { background-color: #dc3a18;
}
.bg--facebook-blue { background-color: #3b5998;
}
.bg--google-blue { background-color: #4285F4;
}
.bg--google-red { background-color: #DB4437;
}
.bg--instagram-pink { background-color: #C62A81;
}
.bg--instagram-orange { background-color: #F06430;
}
.bg--paypal-blue { background-color: #009cde;
}
.bg--paypal-silver { background-color: #eeeeee;
}
.bg--primary { background-color: #65A300;
}
.bg--secondary { background-color: #00A3B2;
}
.bg--tertiary { background-color: #E7B04D;
}
.bg--accent-primary { background-color: #0DFFCB;
}
.bg--accent-secondary { background-color: #DAFF79;
}
.bg--accent-tertiary { background-color: #28BAFF;
}
.bg--beginner { background-color: #FFF;
}
.bg--intermediate { background-color: #f69b35;
}
.bg--advanced { background-color: #ef6c6e;
}
.bg--color-off-black { background-color: #212121;
}
.bg--transparent-glass { background-color: rgba(0, 0, 0, 0.5);
}
.bg--transparent-glass-1 { background-color: rgba(0, 0, 0, 0.4);
}
.bg--transparent-glass-2 { background-color: rgba(0, 0, 0, 0.5);
}
.bg--transparent-glass-3 { background-color: rgba(0, 0, 0, 0.65);
}
.bg--transparent-glass-4 { background-color: rgba(0, 0, 0, 0.75);
}
.bg--white-glass { background-color: rgba(255, 255, 255, 0.5);
}
.bg--white-glass-1 { background-color: rgba(255, 255, 255, 0.4);
}
.bg--white-glass-2 { background-color: rgba(255, 255, 255, 0.5);
}
.bg--white-glass-3 { background-color: rgba(255, 255, 255, 0.65);
}
.bg--white-glass-4 { background-color: rgba(255, 255, 255, 0.75);
}
.bg--black-glass { background-color: rgba(0, 0, 0, 0.5);
}
.bg--black-glass-1 { background-color: rgba(0, 0, 0, 0.4);
}
.bg--black-glass-2 { background-color: rgba(0, 0, 0, 0.5);
}
.bg--black-glass-3 { background-color: rgba(0, 0, 0, 0.65);
}
.bg--black-glass-4 { background-color: rgba(0, 0, 0, 0.75);
}
.bg--grey-1-glass { background-color: rgba(242, 242, 242, 0.5);
}
.bg--grey-1-glass-1 { background-color: rgba(242, 242, 242, 0.4);
}
.bg--grey-1-glass-2 { background-color: rgba(242, 242, 242, 0.5);
}
.bg--grey-1-glass-3 { background-color: rgba(242, 242, 242, 0.65);
}
.bg--grey-1-glass-4 { background-color: rgba(242, 242, 242, 0.75);
}
.bg--grey-2-glass { background-color: rgba(230, 233, 237, 0.5);
}
.bg--grey-2-glass-1 { background-color: rgba(230, 233, 237, 0.4);
}
.bg--grey-2-glass-2 { background-color: rgba(230, 233, 237, 0.5);
}
.bg--grey-2-glass-3 { background-color: rgba(230, 233, 237, 0.65);
}
.bg--grey-2-glass-4 { background-color: rgba(230, 233, 237, 0.75);
}
.bg--grey-3-glass { background-color: rgba(230, 230, 230, 0.5);
}
.bg--grey-3-glass-1 { background-color: rgba(230, 230, 230, 0.4);
}
.bg--grey-3-glass-2 { background-color: rgba(230, 230, 230, 0.5);
}
.bg--grey-3-glass-3 { background-color: rgba(230, 230, 230, 0.65);
}
.bg--grey-3-glass-4 { background-color: rgba(230, 230, 230, 0.75);
}
.bg--grey-4-glass { background-color: rgba(151, 161, 176, 0.5);
}
.bg--grey-4-glass-1 { background-color: rgba(151, 161, 176, 0.4);
}
.bg--grey-4-glass-2 { background-color: rgba(151, 161, 176, 0.5);
}
.bg--grey-4-glass-3 { background-color: rgba(151, 161, 176, 0.65);
}
.bg--grey-4-glass-4 { background-color: rgba(151, 161, 176, 0.75);
}
.bg--grey-5-glass { background-color: rgba(112, 123, 140, 0.5);
}
.bg--grey-5-glass-1 { background-color: rgba(112, 123, 140, 0.4);
}
.bg--grey-5-glass-2 { background-color: rgba(112, 123, 140, 0.5);
}
.bg--grey-5-glass-3 { background-color: rgba(112, 123, 140, 0.65);
}
.bg--grey-5-glass-4 { background-color: rgba(112, 123, 140, 0.75);
}
.bg--grey-50-glass { background-color: rgba(118, 118, 118, 0.5);
}
.bg--grey-50-glass-1 { background-color: rgba(118, 118, 118, 0.4);
}
.bg--grey-50-glass-2 { background-color: rgba(118, 118, 118, 0.5);
}
.bg--grey-50-glass-3 { background-color: rgba(118, 118, 118, 0.65);
}
.bg--grey-50-glass-4 { background-color: rgba(118, 118, 118, 0.75);
}
.bg--grey-6-glass { background-color: rgba(72, 83, 99, 0.5);
}
.bg--grey-6-glass-1 { background-color: rgba(72, 83, 99, 0.4);
}
.bg--grey-6-glass-2 { background-color: rgba(72, 83, 99, 0.5);
}
.bg--grey-6-glass-3 { background-color: rgba(72, 83, 99, 0.65);
}
.bg--grey-6-glass-4 { background-color: rgba(72, 83, 99, 0.75);
}
.bg--grey-7-glass { background-color: rgba(50, 50, 59, 0.5);
}
.bg--grey-7-glass-1 { background-color: rgba(50, 50, 59, 0.4);
}
.bg--grey-7-glass-2 { background-color: rgba(50, 50, 59, 0.5);
}
.bg--grey-7-glass-3 { background-color: rgba(50, 50, 59, 0.65);
}
.bg--grey-7-glass-4 { background-color: rgba(50, 50, 59, 0.75);
}
.bg--red-glass { background-color: rgba(223, 22, 66, 0.5);
}
.bg--red-glass-1 { background-color: rgba(223, 22, 66, 0.4);
}
.bg--red-glass-2 { background-color: rgba(223, 22, 66, 0.5);
}
.bg--red-glass-3 { background-color: rgba(223, 22, 66, 0.65);
}
.bg--red-glass-4 { background-color: rgba(223, 22, 66, 0.75);
}
.bg--blue-glass { background-color: rgba(77, 150, 231, 0.5);
}
.bg--blue-glass-1 { background-color: rgba(77, 150, 231, 0.4);
}
.bg--blue-glass-2 { background-color: rgba(77, 150, 231, 0.5);
}
.bg--blue-glass-3 { background-color: rgba(77, 150, 231, 0.65);
}
.bg--blue-glass-4 { background-color: rgba(77, 150, 231, 0.75);
}
.bg--navy-glass { background-color: rgba(15, 62, 114, 0.5);
}
.bg--navy-glass-1 { background-color: rgba(15, 62, 114, 0.4);
}
.bg--navy-glass-2 { background-color: rgba(15, 62, 114, 0.5);
}
.bg--navy-glass-3 { background-color: rgba(15, 62, 114, 0.65);
}
.bg--navy-glass-4 { background-color: rgba(15, 62, 114, 0.75);
}
.bg--green-glass { background-color: rgba(101, 163, 0, 0.5);
}
.bg--green-glass-1 { background-color: rgba(101, 163, 0, 0.4);
}
.bg--green-glass-2 { background-color: rgba(101, 163, 0, 0.5);
}
.bg--green-glass-3 { background-color: rgba(101, 163, 0, 0.65);
}
.bg--green-glass-4 { background-color: rgba(101, 163, 0, 0.75);
}
.bg--green-2-glass { background-color: rgba(115, 189, 0, 0.5);
}
.bg--green-2-glass-1 { background-color: rgba(115, 189, 0, 0.4);
}
.bg--green-2-glass-2 { background-color: rgba(115, 189, 0, 0.5);
}
.bg--green-2-glass-3 { background-color: rgba(115, 189, 0, 0.65);
}
.bg--green-2-glass-4 { background-color: rgba(115, 189, 0, 0.75);
}
.bg--beige-glass { background-color: rgba(245, 245, 220, 0.5);
}
.bg--beige-glass-1 { background-color: rgba(245, 245, 220, 0.4);
}
.bg--beige-glass-2 { background-color: rgba(245, 245, 220, 0.5);
}
.bg--beige-glass-3 { background-color: rgba(245, 245, 220, 0.65);
}
.bg--beige-glass-4 { background-color: rgba(245, 245, 220, 0.75);
}
.bg--sales-red-glass { background-color: rgba(220, 58, 24, 0.5);
}
.bg--sales-red-glass-1 { background-color: rgba(220, 58, 24, 0.4);
}
.bg--sales-red-glass-2 { background-color: rgba(220, 58, 24, 0.5);
}
.bg--sales-red-glass-3 { background-color: rgba(220, 58, 24, 0.65);
}
.bg--sales-red-glass-4 { background-color: rgba(220, 58, 24, 0.75);
}
.bg--facebook-blue-glass { background-color: rgba(59, 89, 152, 0.5);
}
.bg--facebook-blue-glass-1 { background-color: rgba(59, 89, 152, 0.4);
}
.bg--facebook-blue-glass-2 { background-color: rgba(59, 89, 152, 0.5);
}
.bg--facebook-blue-glass-3 { background-color: rgba(59, 89, 152, 0.65);
}
.bg--facebook-blue-glass-4 { background-color: rgba(59, 89, 152, 0.75);
}
.bg--google-blue-glass { background-color: rgba(66, 133, 244, 0.5);
}
.bg--google-blue-glass-1 { background-color: rgba(66, 133, 244, 0.4);
}
.bg--google-blue-glass-2 { background-color: rgba(66, 133, 244, 0.5);
}
.bg--google-blue-glass-3 { background-color: rgba(66, 133, 244, 0.65);
}
.bg--google-blue-glass-4 { background-color: rgba(66, 133, 244, 0.75);
}
.bg--google-red-glass { background-color: rgba(219, 68, 55, 0.5);
}
.bg--google-red-glass-1 { background-color: rgba(219, 68, 55, 0.4);
}
.bg--google-red-glass-2 { background-color: rgba(219, 68, 55, 0.5);
}
.bg--google-red-glass-3 { background-color: rgba(219, 68, 55, 0.65);
}
.bg--google-red-glass-4 { background-color: rgba(219, 68, 55, 0.75);
}
.bg--instagram-pink-glass { background-color: rgba(198, 42, 129, 0.5);
}
.bg--instagram-pink-glass-1 { background-color: rgba(198, 42, 129, 0.4);
}
.bg--instagram-pink-glass-2 { background-color: rgba(198, 42, 129, 0.5);
}
.bg--instagram-pink-glass-3 { background-color: rgba(198, 42, 129, 0.65);
}
.bg--instagram-pink-glass-4 { background-color: rgba(198, 42, 129, 0.75);
}
.bg--instagram-orange-glass { background-color: rgba(240, 100, 48, 0.5);
}
.bg--instagram-orange-glass-1 { background-color: rgba(240, 100, 48, 0.4);
}
.bg--instagram-orange-glass-2 { background-color: rgba(240, 100, 48, 0.5);
}
.bg--instagram-orange-glass-3 { background-color: rgba(240, 100, 48, 0.65);
}
.bg--instagram-orange-glass-4 { background-color: rgba(240, 100, 48, 0.75);
}
.bg--paypal-blue-glass { background-color: rgba(0, 156, 222, 0.5);
}
.bg--paypal-blue-glass-1 { background-color: rgba(0, 156, 222, 0.4);
}
.bg--paypal-blue-glass-2 { background-color: rgba(0, 156, 222, 0.5);
}
.bg--paypal-blue-glass-3 { background-color: rgba(0, 156, 222, 0.65);
}
.bg--paypal-blue-glass-4 { background-color: rgba(0, 156, 222, 0.75);
}
.bg--paypal-silver-glass { background-color: rgba(238, 238, 238, 0.5);
}
.bg--paypal-silver-glass-1 { background-color: rgba(238, 238, 238, 0.4);
}
.bg--paypal-silver-glass-2 { background-color: rgba(238, 238, 238, 0.5);
}
.bg--paypal-silver-glass-3 { background-color: rgba(238, 238, 238, 0.65);
}
.bg--paypal-silver-glass-4 { background-color: rgba(238, 238, 238, 0.75);
}
.bg--primary-glass { background-color: rgba(101, 163, 0, 0.5);
}
.bg--primary-glass-1 { background-color: rgba(101, 163, 0, 0.4);
}
.bg--primary-glass-2 { background-color: rgba(101, 163, 0, 0.5);
}
.bg--primary-glass-3 { background-color: rgba(101, 163, 0, 0.65);
}
.bg--primary-glass-4 { background-color: rgba(101, 163, 0, 0.75);
}
.bg--secondary-glass { background-color: rgba(0, 163, 178, 0.5);
}
.bg--secondary-glass-1 { background-color: rgba(0, 163, 178, 0.4);
}
.bg--secondary-glass-2 { background-color: rgba(0, 163, 178, 0.5);
}
.bg--secondary-glass-3 { background-color: rgba(0, 163, 178, 0.65);
}
.bg--secondary-glass-4 { background-color: rgba(0, 163, 178, 0.75);
}
.bg--tertiary-glass { background-color: rgba(231, 176, 77, 0.5);
}
.bg--tertiary-glass-1 { background-color: rgba(231, 176, 77, 0.4);
}
.bg--tertiary-glass-2 { background-color: rgba(231, 176, 77, 0.5);
}
.bg--tertiary-glass-3 { background-color: rgba(231, 176, 77, 0.65);
}
.bg--tertiary-glass-4 { background-color: rgba(231, 176, 77, 0.75);
}
.bg--accent-primary-glass { background-color: rgba(13, 255, 203, 0.5);
}
.bg--accent-primary-glass-1 { background-color: rgba(13, 255, 203, 0.4);
}
.bg--accent-primary-glass-2 { background-color: rgba(13, 255, 203, 0.5);
}
.bg--accent-primary-glass-3 { background-color: rgba(13, 255, 203, 0.65);
}
.bg--accent-primary-glass-4 { background-color: rgba(13, 255, 203, 0.75);
}
.bg--accent-secondary-glass { background-color: rgba(218, 255, 121, 0.5);
}
.bg--accent-secondary-glass-1 { background-color: rgba(218, 255, 121, 0.4);
}
.bg--accent-secondary-glass-2 { background-color: rgba(218, 255, 121, 0.5);
}
.bg--accent-secondary-glass-3 { background-color: rgba(218, 255, 121, 0.65);
}
.bg--accent-secondary-glass-4 { background-color: rgba(218, 255, 121, 0.75);
}
.bg--accent-tertiary-glass { background-color: rgba(40, 186, 255, 0.5);
}
.bg--accent-tertiary-glass-1 { background-color: rgba(40, 186, 255, 0.4);
}
.bg--accent-tertiary-glass-2 { background-color: rgba(40, 186, 255, 0.5);
}
.bg--accent-tertiary-glass-3 { background-color: rgba(40, 186, 255, 0.65);
}
.bg--accent-tertiary-glass-4 { background-color: rgba(40, 186, 255, 0.75);
}
.bg--beginner-glass { background-color: rgba(255, 255, 255, 0.5);
}
.bg--beginner-glass-1 { background-color: rgba(255, 255, 255, 0.4);
}
.bg--beginner-glass-2 { background-color: rgba(255, 255, 255, 0.5);
}
.bg--beginner-glass-3 { background-color: rgba(255, 255, 255, 0.65);
}
.bg--beginner-glass-4 { background-color: rgba(255, 255, 255, 0.75);
}
.bg--intermediate-glass { background-color: rgba(246, 155, 53, 0.5);
}
.bg--intermediate-glass-1 { background-color: rgba(246, 155, 53, 0.4);
}
.bg--intermediate-glass-2 { background-color: rgba(246, 155, 53, 0.5);
}
.bg--intermediate-glass-3 { background-color: rgba(246, 155, 53, 0.65);
}
.bg--intermediate-glass-4 { background-color: rgba(246, 155, 53, 0.75);
}
.bg--advanced-glass { background-color: rgba(239, 108, 110, 0.5);
}
.bg--advanced-glass-1 { background-color: rgba(239, 108, 110, 0.4);
}
.bg--advanced-glass-2 { background-color: rgba(239, 108, 110, 0.5);
}
.bg--advanced-glass-3 { background-color: rgba(239, 108, 110, 0.65);
}
.bg--advanced-glass-4 { background-color: rgba(239, 108, 110, 0.75);
}
.bg--color-off-black-glass { background-color: rgba(33, 33, 33, 0.5);
}
.bg--color-off-black-glass-1 { background-color: rgba(33, 33, 33, 0.4);
}
.bg--color-off-black-glass-2 { background-color: rgba(33, 33, 33, 0.5);
}
.bg--color-off-black-glass-3 { background-color: rgba(33, 33, 33, 0.65);
}
.bg--color-off-black-glass-4 { background-color: rgba(33, 33, 33, 0.75);
}
.bg--grey-7,
.bg--black { color: #FFF;
}
.bg--white { color: #000;
}
.bg--grey-out::after { content: ""; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #32323B; z-index: 1; opacity: 0.2;
}
[class^=border]:not(.no-border) { border-style: solid;
}
.border--transparent { border-color: rgba(0, 0, 0, 0);
}
.border--white { border-color: #FFF;
}
.border--black { border-color: #000;
}
.border--grey-1 { border-color: #F2F2F2;
}
.border--grey-2 { border-color: #E6E9ED;
}
.border--grey-3 { border-color: #E6E6E6;
}
.border--grey-4 { border-color: #97A1B0;
}
.border--grey-5 { border-color: #707B8C;
}
.border--grey-50 { border-color: #767676;
}
.border--grey-6 { border-color: #485363;
}
.border--grey-7 { border-color: #32323B;
}
.border--red { border-color: #df1642;
}
.border--blue { border-color: #4D96E7;
}
.border--navy { border-color: #0f3e72;
}
.border--green { border-color: #65A300;
}
.border--green-2 { border-color: #73bd00;
}
.border--beige { border-color: #f5f5dc;
}
.border--sales-red { border-color: #dc3a18;
}
.border--facebook-blue { border-color: #3b5998;
}
.border--google-blue { border-color: #4285F4;
}
.border--google-red { border-color: #DB4437;
}
.border--instagram-pink { border-color: #C62A81;
}
.border--instagram-orange { border-color: #F06430;
}
.border--paypal-blue { border-color: #009cde;
}
.border--paypal-silver { border-color: #eeeeee;
}
.border--primary { border-color: #65A300;
}
.border--secondary { border-color: #00A3B2;
}
.border--tertiary { border-color: #E7B04D;
}
.border--accent-primary { border-color: #0DFFCB;
}
.border--accent-secondary { border-color: #DAFF79;
}
.border--accent-tertiary { border-color: #28BAFF;
}
.border--beginner { border-color: #FFF;
}
.border--intermediate { border-color: #f69b35;
}
.border--advanced { border-color: #ef6c6e;
}
.border--color-off-black { border-color: #212121;
}
.border-width--0px { border-width: 0px;
}
.border-width--1px { border-width: 1px;
}
.border-width--2px { border-width: 2px;
}
.border-width--3px { border-width: 3px;
}
.border-width--4px { border-width: 4px;
}
.border-width--5px { border-width: 5px;
}
.border-width--6px { border-width: 6px;
}
.border-width--7px { border-width: 7px;
}
.border-width--8px { border-width: 8px;
}
.border-width--9px { border-width: 9px;
}
.border-width--10px { border-width: 10px;
}
.border-width--11px { border-width: 11px;
}
.border-width--12px { border-width: 12px;
}
.border-width--13px { border-width: 13px;
}
.border-width--14px { border-width: 14px;
}
.border-width--15px { border-width: 15px;
}
.border-width--16px { border-width: 16px;
}
.border-style--dashed { border-style: dashed;
}
[class^=outline]:not(.no-outline) { outline-style: solid;
}
.outline { outline-offset: -4px;
}
.outline--transparent { outline-color: rgba(0, 0, 0, 0);
}
.outline--white { outline-color: #FFF;
}
.outline--black { outline-color: #000;
}
.outline--grey-1 { outline-color: #F2F2F2;
}
.outline--grey-2 { outline-color: #E6E9ED;
}
.outline--grey-3 { outline-color: #E6E6E6;
}
.outline--grey-4 { outline-color: #97A1B0;
}
.outline--grey-5 { outline-color: #707B8C;
}
.outline--grey-50 { outline-color: #767676;
}
.outline--grey-6 { outline-color: #485363;
}
.outline--grey-7 { outline-color: #32323B;
}
.outline--red { outline-color: #df1642;
}
.outline--blue { outline-color: #4D96E7;
}
.outline--navy { outline-color: #0f3e72;
}
.outline--green { outline-color: #65A300;
}
.outline--green-2 { outline-color: #73bd00;
}
.outline--beige { outline-color: #f5f5dc;
}
.outline--sales-red { outline-color: #dc3a18;
}
.outline--facebook-blue { outline-color: #3b5998;
}
.outline--google-blue { outline-color: #4285F4;
}
.outline--google-red { outline-color: #DB4437;
}
.outline--instagram-pink { outline-color: #C62A81;
}
.outline--instagram-orange { outline-color: #F06430;
}
.outline--paypal-blue { outline-color: #009cde;
}
.outline--paypal-silver { outline-color: #eeeeee;
}
.outline--primary { outline-color: #65A300;
}
.outline--secondary { outline-color: #00A3B2;
}
.outline--tertiary { outline-color: #E7B04D;
}
.outline--accent-primary { outline-color: #0DFFCB;
}
.outline--accent-secondary { outline-color: #DAFF79;
}
.outline--accent-tertiary { outline-color: #28BAFF;
}
.outline--beginner { outline-color: #FFF;
}
.outline--intermediate { outline-color: #f69b35;
}
.outline--advanced { outline-color: #ef6c6e;
}
.outline--color-off-black { outline-color: #212121;
}
.outline-width--0px { outline-width: 0px;
}
.outline-width--1px { outline-width: 1px;
}
.outline-width--2px { outline-width: 2px;
}
.outline-width--3px { outline-width: 3px;
}
.outline-width--4px { outline-width: 4px;
}
.outline-width--5px { outline-width: 5px;
}
.outline-width--6px { outline-width: 6px;
}
.outline-width--7px { outline-width: 7px;
}
.outline-width--8px { outline-width: 8px;
}
.outline-width--9px { outline-width: 9px;
}
.outline-width--10px { outline-width: 10px;
}
.outline-width--11px { outline-width: 11px;
}
.outline-width--12px { outline-width: 12px;
}
.outline-width--13px { outline-width: 13px;
}
.outline-width--14px { outline-width: 14px;
}
.outline-width--15px { outline-width: 15px;
}
.outline-width--16px { outline-width: 16px;
}
.outline-offset--0px { outline-offset: 0px;
}
.outline-offset--1px { outline-offset: 1px;
}
.outline-offset--2px { outline-offset: 2px;
}
.outline-offset--3px { outline-offset: 3px;
}
.outline-offset--4px { outline-offset: 4px;
}
.outline-offset--5px { outline-offset: 5px;
}
.outline-offset--6px { outline-offset: 6px;
}
.outline-offset--7px { outline-offset: 7px;
}
.outline-offset--8px { outline-offset: 8px;
}
.outline-offset--9px { outline-offset: 9px;
}
.outline-offset--10px { outline-offset: 10px;
}
.outline-offset--11px { outline-offset: 11px;
}
.outline-offset--12px { outline-offset: 12px;
}
.outline-offset--13px { outline-offset: 13px;
}
.outline-offset--14px { outline-offset: 14px;
}
.outline-offset--15px { outline-offset: 15px;
}
.outline-offset--16px { outline-offset: 16px;
}
.outline-offset--tiny { outline-offset: -8px;
}
.outline-offset--small { outline-offset: -12px;
}
.outline-offset--medium { outline-offset: -16px;
}
.outline-offset--large { outline-offset: -20px;
}
.outline-offset--huge { outline-offset: -24px;
}
.outline-style--dashed { outline-style: dashed;
}
.buffer--colossal, .buffer--inner--colossal { padding-top: 3.75rem;
}
.buffer--titan, .buffer--inner--titan { padding-top: 2.5rem;
}
.buffer--giant, .buffer--inner--giant { padding-top: 1.75rem;
}
.buffer--huge, .buffer--inner--huge { padding-top: 1.5rem;
}
.buffer--large, .buffer--inner--large { padding-top: 1.25rem;
}
.buffer--medium, .buffer--inner--medium { padding-top: 1rem;
}
.buffer--small, .buffer--inner--small { padding-top: 0.75rem;
}
.buffer--tiny, .buffer--inner--tiny { padding-top: 0.5rem;
}
.buffer--mini, .buffer--inner--mini { padding-top: 0.5rem;
}
.buffer--micro, .buffer--inner--micro { padding-top: 0.25rem;
}
.buffer--colossal, .buffer--inner--colossal { padding-bottom: 3.75rem;
}
.buffer--titan, .buffer--inner--titan { padding-bottom: 2.5rem;
}
.buffer--giant, .buffer--inner--giant { padding-bottom: 1.75rem;
}
.buffer--huge, .buffer--inner--huge { padding-bottom: 1.5rem;
}
.buffer--large, .buffer--inner--large { padding-bottom: 1.25rem;
}
.buffer--medium, .buffer--inner--medium { padding-bottom: 1rem;
}
.buffer--small, .buffer--inner--small { padding-bottom: 0.75rem;
}
.buffer--tiny, .buffer--inner--tiny { padding-bottom: 0.5rem;
}
.buffer--mini, .buffer--inner--mini { padding-bottom: 0.5rem;
}
.buffer--micro, .buffer--inner--micro { padding-bottom: 0.25rem;
}
.buffer--outer--colossal { margin-top: 3.75rem;
}
.buffer--outer--titan { margin-top: 2.5rem;
}
.buffer--outer--giant { margin-top: 1.75rem;
}
.buffer--outer--huge { margin-top: 1.5rem;
}
.buffer--outer--large { margin-top: 1.25rem;
}
.buffer--outer--medium { margin-top: 1rem;
}
.buffer--outer--small { margin-top: 0.75rem;
}
.buffer--outer--tiny { margin-top: 0.5rem;
}
.buffer--outer--mini { margin-top: 0.5rem;
}
.buffer--outer--micro { margin-top: 0.25rem;
}
.buffer--outer--colossal { margin-bottom: 3.75rem;
}
.buffer--outer--titan { margin-bottom: 2.5rem;
}
.buffer--outer--giant { margin-bottom: 1.75rem;
}
.buffer--outer--huge { margin-bottom: 1.5rem;
}
.buffer--outer--large { margin-bottom: 1.25rem;
}
.buffer--outer--medium { margin-bottom: 1rem;
}
.buffer--outer--small { margin-bottom: 0.75rem;
}
.buffer--outer--tiny { margin-bottom: 0.5rem;
}
.buffer--outer--mini { margin-bottom: 0.5rem;
}
.buffer--outer--micro { margin-bottom: 0.25rem;
}
.gutter--colossal, .gutter--inner--colossal { padding-left: 3.75rem;
}
.gutter--titan, .gutter--inner--titan { padding-left: 2.5rem;
}
.gutter--giant, .gutter--inner--giant { padding-left: 1.75rem;
}
.gutter--huge, .gutter--inner--huge { padding-left: 1.5rem;
}
.gutter--large, .gutter--inner--large { padding-left: 1.25rem;
}
.gutter--medium, .gutter--inner--medium { padding-left: 1rem;
}
.gutter--small, .gutter--inner--small { padding-left: 0.75rem;
}
.gutter--tiny, .gutter--inner--tiny { padding-left: 0.5rem;
}
.gutter--mini, .gutter--inner--mini { padding-left: 0.5rem;
}
.gutter--micro, .gutter--inner--micro { padding-left: 0.25rem;
}
.gutter--colossal, .gutter--inner--colossal { padding-right: 3.75rem;
}
.gutter--titan, .gutter--inner--titan { padding-right: 2.5rem;
}
.gutter--giant, .gutter--inner--giant { padding-right: 1.75rem;
}
.gutter--huge, .gutter--inner--huge { padding-right: 1.5rem;
}
.gutter--large, .gutter--inner--large { padding-right: 1.25rem;
}
.gutter--medium, .gutter--inner--medium { padding-right: 1rem;
}
.gutter--small, .gutter--inner--small { padding-right: 0.75rem;
}
.gutter--tiny, .gutter--inner--tiny { padding-right: 0.5rem;
}
.gutter--mini, .gutter--inner--mini { padding-right: 0.5rem;
}
.gutter--micro, .gutter--inner--micro { padding-right: 0.25rem;
}
.gutter--outer--colossal { margin-left: 3.75rem;
}
.gutter--outer--titan { margin-left: 2.5rem;
}
.gutter--outer--giant { margin-left: 1.75rem;
}
.gutter--outer--huge { margin-left: 1.5rem;
}
.gutter--outer--large { margin-left: 1.25rem;
}
.gutter--outer--medium { margin-left: 1rem;
}
.gutter--outer--small { margin-left: 0.75rem;
}
.gutter--outer--tiny { margin-left: 0.5rem;
}
.gutter--outer--mini { margin-left: 0.5rem;
}
.gutter--outer--micro { margin-left: 0.25rem;
}
.gutter--outer--colossal { margin-right: 3.75rem;
}
.gutter--outer--titan { margin-right: 2.5rem;
}
.gutter--outer--giant { margin-right: 1.75rem;
}
.gutter--outer--huge { margin-right: 1.5rem;
}
.gutter--outer--large { margin-right: 1.25rem;
}
.gutter--outer--medium { margin-right: 1rem;
}
.gutter--outer--small { margin-right: 0.75rem;
}
.gutter--outer--tiny { margin-right: 0.5rem;
}
.gutter--outer--mini { margin-right: 0.5rem;
}
.gutter--outer--micro { margin-right: 0.25rem;
}
.margin--remove-small { margin: -0.5rem;
}
.margin--top--auto { margin-top: auto;
}
.margin--0-auto { margin: 0 auto;
}
.margin--top-0 { margin-top: 0;
}
.margin--bottom-0 { margin-bottom: 0;
}
.margin--left-0 { margin-left: 0;
}
.margin--right-0 { margin-right: 0;
}
.margin--top--colossal { margin-top: 3.75rem;
}
.margin--top--titan { margin-top: 2.5rem;
}
.margin--top--giant { margin-top: 1.75rem;
}
.margin--top--huge { margin-top: 1.5rem;
}
.margin--top--large { margin-top: 1.25rem;
}
.margin--top--medium { margin-top: 1rem;
}
.margin--top--small { margin-top: 0.75rem;
}
.margin--top--tiny { margin-top: 0.5rem;
}
.margin--top--mini { margin-top: 0.5rem;
}
.margin--top--micro { margin-top: 0.25rem;
}
.margin--bottom--colossal { margin-bottom: 3.75rem;
}
.margin--bottom--titan { margin-bottom: 2.5rem;
}
.margin--bottom--giant { margin-bottom: 1.75rem;
}
.margin--bottom--huge { margin-bottom: 1.5rem;
}
.margin--bottom--large { margin-bottom: 1.25rem;
}
.margin--bottom--medium { margin-bottom: 1rem;
}
.margin--bottom--small { margin-bottom: 0.75rem;
}
.margin--bottom--tiny { margin-bottom: 0.5rem;
}
.margin--bottom--mini { margin-bottom: 0.5rem;
}
.margin--bottom--micro { margin-bottom: 0.25rem;
}
.margin--right--colossal { margin-right: 3.75rem;
}
.margin--right--titan { margin-right: 2.5rem;
}
.margin--right--giant { margin-right: 1.75rem;
}
.margin--right--huge { margin-right: 1.5rem;
}
.margin--right--large { margin-right: 1.25rem;
}
.margin--right--medium { margin-right: 1rem;
}
.margin--right--small { margin-right: 0.75rem;
}
.margin--right--tiny { margin-right: 0.5rem;
}
.margin--right--mini { margin-right: 0.5rem;
}
.margin--right--micro { margin-right: 0.25rem;
}
.margin--left--colossal { margin-left: 3.75rem;
}
.margin--left--titan { margin-left: 2.5rem;
}
.margin--left--giant { margin-left: 1.75rem;
}
.margin--left--huge { margin-left: 1.5rem;
}
.margin--left--large { margin-left: 1.25rem;
}
.margin--left--medium { margin-left: 1rem;
}
.margin--left--small { margin-left: 0.75rem;
}
.margin--left--tiny { margin-left: 0.5rem;
}
.margin--left--mini { margin-left: 0.5rem;
}
.margin--left--micro { margin-left: 0.25rem;
}
.padding--top--colossal { padding-top: 3.75rem;
}
.padding--top--titan { padding-top: 2.5rem;
}
.padding--top--giant { padding-top: 1.75rem;
}
.padding--top--huge { padding-top: 1.5rem;
}
.padding--top--large { padding-top: 1.25rem;
}
.padding--top--medium { padding-top: 1rem;
}
.padding--top--small { padding-top: 0.75rem;
}
.padding--top--tiny { padding-top: 0.5rem;
}
.padding--top--mini { padding-top: 0.5rem;
}
.padding--top--micro { padding-top: 0.25rem;
}
.padding--bottom--colossal { padding-bottom: 3.75rem;
}
.padding--bottom--titan { padding-bottom: 2.5rem;
}
.padding--bottom--giant { padding-bottom: 1.75rem;
}
.padding--bottom--huge { padding-bottom: 1.5rem;
}
.padding--bottom--large { padding-bottom: 1.25rem;
}
.padding--bottom--medium { padding-bottom: 1rem;
}
.padding--bottom--small { padding-bottom: 0.75rem;
}
.padding--bottom--tiny { padding-bottom: 0.5rem;
}
.padding--bottom--mini { padding-bottom: 0.5rem;
}
.padding--bottom--micro { padding-bottom: 0.25rem;
}
.padding--right--colossal { padding-right: 3.75rem;
}
.padding--right--titan { padding-right: 2.5rem;
}
.padding--right--giant { padding-right: 1.75rem;
}
.padding--right--huge { padding-right: 1.5rem;
}
.padding--right--large { padding-right: 1.25rem;
}
.padding--right--medium { padding-right: 1rem;
}
.padding--right--small { padding-right: 0.75rem;
}
.padding--right--tiny { padding-right: 0.5rem;
}
.padding--right--mini { padding-right: 0.5rem;
}
.padding--right--micro { padding-right: 0.25rem;
}
.padding--left--colossal { padding-left: 3.75rem;
}
.padding--left--titan { padding-left: 2.5rem;
}
.padding--left--giant { padding-left: 1.75rem;
}
.padding--left--huge { padding-left: 1.5rem;
}
.padding--left--large { padding-left: 1.25rem;
}
.padding--left--medium { padding-left: 1rem;
}
.padding--left--small { padding-left: 0.75rem;
}
.padding--left--tiny { padding-left: 0.5rem;
}
.padding--left--mini { padding-left: 0.5rem;
}
.padding--left--micro { padding-left: 0.25rem;
}
.set--w-0 { width: 0;
}
.set--w-10 { width: 10%;
}
.set--w-20 { width: 20%;
}
.set--w-30 { width: 30%;
}
.set--w-40 { width: 40%;
}
.set--w-45 { width: 45%;
}
.set--w-50 { width: 50%;
}
.set--w-55 { width: 55%;
}
.set--w-60 { width: 60%;
}
.set--w-70 { width: 70%;
}
.set--w-80 { width: 80%;
}
.set--w-90 { width: 90%;
}
.set--w-100 { width: 100%;
}
.set--h-0 { height: 0;
}
.set--h-10 { height: 10%;
}
.set--h-20 { height: 20%;
}
.set--h-30 { height: 30%;
}
.set--h-40 { height: 40%;
}
.set--h-45 { height: 45%;
}
.set--h-50 { height: 50%;
}
.set--h-55 { height: 55%;
}
.set--h-60 { height: 60%;
}
.set--h-70 { height: 70%;
}
.set--h-80 { height: 80%;
}
.set--h-90 { height: 90%;
}
.set--h-100 { height: 100%;
}
.gap--colossal { gap: 3.75rem;
}
.gap--titan { gap: 2.5rem;
}
.gap--giant { gap: 1.75rem;
}
.gap--huge { gap: 1.5rem;
}
.gap--large { gap: 1.25rem;
}
.gap--medium { gap: 1rem;
}
.gap--small { gap: 0.75rem;
}
.gap--tiny { gap: 0.5rem;
}
.gap--mini { gap: 0.5rem;
}
.gap--micro { gap: 0.25rem;
}
.frame--round,
.circle { border-radius: 50%;
}
.drop-shadow { -webkit-box-shadow: 0px 2px 4px 1px #E6E6E6; box-shadow: 0px 2px 4px 1px #E6E6E6;
}
.col-f { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%;
}
.flex-justify-evenly { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;
}
.position--absolute { position: absolute;
}
.position--relative { position: relative;
}
@media (min-width: 90.0625rem) { .col-lg-f { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
}
@media (min-width: 48.0625rem) { .page { overflow: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main { width: 100%; } .container { padding-right: 3.4375rem; padding-left: 3.4375rem; } .d-bg--transparent { background-color: rgba(0, 0, 0, 0); } .d-bg--white { background-color: #FFF; } .d-bg--black { background-color: #000; } .d-bg--grey-1 { background-color: #F2F2F2; } .d-bg--grey-2 { background-color: #E6E9ED; } .d-bg--grey-3 { background-color: #E6E6E6; } .d-bg--grey-4 { background-color: #97A1B0; } .d-bg--grey-5 { background-color: #707B8C; } .d-bg--grey-50 { background-color: #767676; } .d-bg--grey-6 { background-color: #485363; } .d-bg--grey-7 { background-color: #32323B; } .d-bg--red { background-color: #df1642; } .d-bg--blue { background-color: #4D96E7; } .d-bg--navy { background-color: #0f3e72; } .d-bg--green { background-color: #65A300; } .d-bg--green-2 { background-color: #73bd00; } .d-bg--beige { background-color: #f5f5dc; } .d-bg--sales-red { background-color: #dc3a18; } .d-bg--facebook-blue { background-color: #3b5998; } .d-bg--google-blue { background-color: #4285F4; } .d-bg--google-red { background-color: #DB4437; } .d-bg--instagram-pink { background-color: #C62A81; } .d-bg--instagram-orange { background-color: #F06430; } .d-bg--paypal-blue { background-color: #009cde; } .d-bg--paypal-silver { background-color: #eeeeee; } .d-bg--primary { background-color: #65A300; } .d-bg--secondary { background-color: #00A3B2; } .d-bg--tertiary { background-color: #E7B04D; } .d-bg--accent-primary { background-color: #0DFFCB; } .d-bg--accent-secondary { background-color: #DAFF79; } .d-bg--accent-tertiary { background-color: #28BAFF; } .d-bg--beginner { background-color: #FFF; } .d-bg--intermediate { background-color: #f69b35; } .d-bg--advanced { background-color: #ef6c6e; } .d-bg--color-off-black { background-color: #212121; } .d-bg--transparent-glass { background-color: rgba(0, 0, 0, 0.5); } .d-bg--transparent-glass-1 { background-color: rgba(0, 0, 0, 0.4); } .d-bg--transparent-glass-2 { background-color: rgba(0, 0, 0, 0.5); } .d-bg--transparent-glass-3 { background-color: rgba(0, 0, 0, 0.65); } .d-bg--transparent-glass-4 { background-color: rgba(0, 0, 0, 0.75); } .d-bg--white-glass { background-color: rgba(255, 255, 255, 0.5); } .d-bg--white-glass-1 { background-color: rgba(255, 255, 255, 0.4); } .d-bg--white-glass-2 { background-color: rgba(255, 255, 255, 0.5); } .d-bg--white-glass-3 { background-color: rgba(255, 255, 255, 0.65); } .d-bg--white-glass-4 { background-color: rgba(255, 255, 255, 0.75); } .d-bg--black-glass { background-color: rgba(0, 0, 0, 0.5); } .d-bg--black-glass-1 { background-color: rgba(0, 0, 0, 0.4); } .d-bg--black-glass-2 { background-color: rgba(0, 0, 0, 0.5); } .d-bg--black-glass-3 { background-color: rgba(0, 0, 0, 0.65); } .d-bg--black-glass-4 { background-color: rgba(0, 0, 0, 0.75); } .d-bg--grey-1-glass { background-color: rgba(242, 242, 242, 0.5); } .d-bg--grey-1-glass-1 { background-color: rgba(242, 242, 242, 0.4); } .d-bg--grey-1-glass-2 { background-color: rgba(242, 242, 242, 0.5); } .d-bg--grey-1-glass-3 { background-color: rgba(242, 242, 242, 0.65); } .d-bg--grey-1-glass-4 { background-color: rgba(242, 242, 242, 0.75); } .d-bg--grey-2-glass { background-color: rgba(230, 233, 237, 0.5); } .d-bg--grey-2-glass-1 { background-color: rgba(230, 233, 237, 0.4); } .d-bg--grey-2-glass-2 { background-color: rgba(230, 233, 237, 0.5); } .d-bg--grey-2-glass-3 { background-color: rgba(230, 233, 237, 0.65); } .d-bg--grey-2-glass-4 { background-color: rgba(230, 233, 237, 0.75); } .d-bg--grey-3-glass { background-color: rgba(230, 230, 230, 0.5); } .d-bg--grey-3-glass-1 { background-color: rgba(230, 230, 230, 0.4); } .d-bg--grey-3-glass-2 { background-color: rgba(230, 230, 230, 0.5); } .d-bg--grey-3-glass-3 { background-color: rgba(230, 230, 230, 0.65); } .d-bg--grey-3-glass-4 { background-color: rgba(230, 230, 230, 0.75); } .d-bg--grey-4-glass { background-color: rgba(151, 161, 176, 0.5); } .d-bg--grey-4-glass-1 { background-color: rgba(151, 161, 176, 0.4); } .d-bg--grey-4-glass-2 { background-color: rgba(151, 161, 176, 0.5); } .d-bg--grey-4-glass-3 { background-color: rgba(151, 161, 176, 0.65); } .d-bg--grey-4-glass-4 { background-color: rgba(151, 161, 176, 0.75); } .d-bg--grey-5-glass { background-color: rgba(112, 123, 140, 0.5); } .d-bg--grey-5-glass-1 { background-color: rgba(112, 123, 140, 0.4); } .d-bg--grey-5-glass-2 { background-color: rgba(112, 123, 140, 0.5); } .d-bg--grey-5-glass-3 { background-color: rgba(112, 123, 140, 0.65); } .d-bg--grey-5-glass-4 { background-color: rgba(112, 123, 140, 0.75); } .d-bg--grey-50-glass { background-color: rgba(118, 118, 118, 0.5); } .d-bg--grey-50-glass-1 { background-color: rgba(118, 118, 118, 0.4); } .d-bg--grey-50-glass-2 { background-color: rgba(118, 118, 118, 0.5); } .d-bg--grey-50-glass-3 { background-color: rgba(118, 118, 118, 0.65); } .d-bg--grey-50-glass-4 { background-color: rgba(118, 118, 118, 0.75); } .d-bg--grey-6-glass { background-color: rgba(72, 83, 99, 0.5); } .d-bg--grey-6-glass-1 { background-color: rgba(72, 83, 99, 0.4); } .d-bg--grey-6-glass-2 { background-color: rgba(72, 83, 99, 0.5); } .d-bg--grey-6-glass-3 { background-color: rgba(72, 83, 99, 0.65); } .d-bg--grey-6-glass-4 { background-color: rgba(72, 83, 99, 0.75); } .d-bg--grey-7-glass { background-color: rgba(50, 50, 59, 0.5); } .d-bg--grey-7-glass-1 { background-color: rgba(50, 50, 59, 0.4); } .d-bg--grey-7-glass-2 { background-color: rgba(50, 50, 59, 0.5); } .d-bg--grey-7-glass-3 { background-color: rgba(50, 50, 59, 0.65); } .d-bg--grey-7-glass-4 { background-color: rgba(50, 50, 59, 0.75); } .d-bg--red-glass { background-color: rgba(223, 22, 66, 0.5); } .d-bg--red-glass-1 { background-color: rgba(223, 22, 66, 0.4); } .d-bg--red-glass-2 { background-color: rgba(223, 22, 66, 0.5); } .d-bg--red-glass-3 { background-color: rgba(223, 22, 66, 0.65); } .d-bg--red-glass-4 { background-color: rgba(223, 22, 66, 0.75); } .d-bg--blue-glass { background-color: rgba(77, 150, 231, 0.5); } .d-bg--blue-glass-1 { background-color: rgba(77, 150, 231, 0.4); } .d-bg--blue-glass-2 { background-color: rgba(77, 150, 231, 0.5); } .d-bg--blue-glass-3 { background-color: rgba(77, 150, 231, 0.65); } .d-bg--blue-glass-4 { background-color: rgba(77, 150, 231, 0.75); } .d-bg--navy-glass { background-color: rgba(15, 62, 114, 0.5); } .d-bg--navy-glass-1 { background-color: rgba(15, 62, 114, 0.4); } .d-bg--navy-glass-2 { background-color: rgba(15, 62, 114, 0.5); } .d-bg--navy-glass-3 { background-color: rgba(15, 62, 114, 0.65); } .d-bg--navy-glass-4 { background-color: rgba(15, 62, 114, 0.75); } .d-bg--green-glass { background-color: rgba(101, 163, 0, 0.5); } .d-bg--green-glass-1 { background-color: rgba(101, 163, 0, 0.4); } .d-bg--green-glass-2 { background-color: rgba(101, 163, 0, 0.5); } .d-bg--green-glass-3 { background-color: rgba(101, 163, 0, 0.65); } .d-bg--green-glass-4 { background-color: rgba(101, 163, 0, 0.75); } .d-bg--green-2-glass { background-color: rgba(115, 189, 0, 0.5); } .d-bg--green-2-glass-1 { background-color: rgba(115, 189, 0, 0.4); } .d-bg--green-2-glass-2 { background-color: rgba(115, 189, 0, 0.5); } .d-bg--green-2-glass-3 { background-color: rgba(115, 189, 0, 0.65); } .d-bg--green-2-glass-4 { background-color: rgba(115, 189, 0, 0.75); } .d-bg--beige-glass { background-color: rgba(245, 245, 220, 0.5); } .d-bg--beige-glass-1 { background-color: rgba(245, 245, 220, 0.4); } .d-bg--beige-glass-2 { background-color: rgba(245, 245, 220, 0.5); } .d-bg--beige-glass-3 { background-color: rgba(245, 245, 220, 0.65); } .d-bg--beige-glass-4 { background-color: rgba(245, 245, 220, 0.75); } .d-bg--sales-red-glass { background-color: rgba(220, 58, 24, 0.5); } .d-bg--sales-red-glass-1 { background-color: rgba(220, 58, 24, 0.4); } .d-bg--sales-red-glass-2 { background-color: rgba(220, 58, 24, 0.5); } .d-bg--sales-red-glass-3 { background-color: rgba(220, 58, 24, 0.65); } .d-bg--sales-red-glass-4 { background-color: rgba(220, 58, 24, 0.75); } .d-bg--facebook-blue-glass { background-color: rgba(59, 89, 152, 0.5); } .d-bg--facebook-blue-glass-1 { background-color: rgba(59, 89, 152, 0.4); } .d-bg--facebook-blue-glass-2 { background-color: rgba(59, 89, 152, 0.5); } .d-bg--facebook-blue-glass-3 { background-color: rgba(59, 89, 152, 0.65); } .d-bg--facebook-blue-glass-4 { background-color: rgba(59, 89, 152, 0.75); } .d-bg--google-blue-glass { background-color: rgba(66, 133, 244, 0.5); } .d-bg--google-blue-glass-1 { background-color: rgba(66, 133, 244, 0.4); } .d-bg--google-blue-glass-2 { background-color: rgba(66, 133, 244, 0.5); } .d-bg--google-blue-glass-3 { background-color: rgba(66, 133, 244, 0.65); } .d-bg--google-blue-glass-4 { background-color: rgba(66, 133, 244, 0.75); } .d-bg--google-red-glass { background-color: rgba(219, 68, 55, 0.5); } .d-bg--google-red-glass-1 { background-color: rgba(219, 68, 55, 0.4); } .d-bg--google-red-glass-2 { background-color: rgba(219, 68, 55, 0.5); } .d-bg--google-red-glass-3 { background-color: rgba(219, 68, 55, 0.65); } .d-bg--google-red-glass-4 { background-color: rgba(219, 68, 55, 0.75); } .d-bg--instagram-pink-glass { background-color: rgba(198, 42, 129, 0.5); } .d-bg--instagram-pink-glass-1 { background-color: rgba(198, 42, 129, 0.4); } .d-bg--instagram-pink-glass-2 { background-color: rgba(198, 42, 129, 0.5); } .d-bg--instagram-pink-glass-3 { background-color: rgba(198, 42, 129, 0.65); } .d-bg--instagram-pink-glass-4 { background-color: rgba(198, 42, 129, 0.75); } .d-bg--instagram-orange-glass { background-color: rgba(240, 100, 48, 0.5); } .d-bg--instagram-orange-glass-1 { background-color: rgba(240, 100, 48, 0.4); } .d-bg--instagram-orange-glass-2 { background-color: rgba(240, 100, 48, 0.5); } .d-bg--instagram-orange-glass-3 { background-color: rgba(240, 100, 48, 0.65); } .d-bg--instagram-orange-glass-4 { background-color: rgba(240, 100, 48, 0.75); } .d-bg--paypal-blue-glass { background-color: rgba(0, 156, 222, 0.5); } .d-bg--paypal-blue-glass-1 { background-color: rgba(0, 156, 222, 0.4); } .d-bg--paypal-blue-glass-2 { background-color: rgba(0, 156, 222, 0.5); } .d-bg--paypal-blue-glass-3 { background-color: rgba(0, 156, 222, 0.65); } .d-bg--paypal-blue-glass-4 { background-color: rgba(0, 156, 222, 0.75); } .d-bg--paypal-silver-glass { background-color: rgba(238, 238, 238, 0.5); } .d-bg--paypal-silver-glass-1 { background-color: rgba(238, 238, 238, 0.4); } .d-bg--paypal-silver-glass-2 { background-color: rgba(238, 238, 238, 0.5); } .d-bg--paypal-silver-glass-3 { background-color: rgba(238, 238, 238, 0.65); } .d-bg--paypal-silver-glass-4 { background-color: rgba(238, 238, 238, 0.75); } .d-bg--primary-glass { background-color: rgba(101, 163, 0, 0.5); } .d-bg--primary-glass-1 { background-color: rgba(101, 163, 0, 0.4); } .d-bg--primary-glass-2 { background-color: rgba(101, 163, 0, 0.5); } .d-bg--primary-glass-3 { background-color: rgba(101, 163, 0, 0.65); } .d-bg--primary-glass-4 { background-color: rgba(101, 163, 0, 0.75); } .d-bg--secondary-glass { background-color: rgba(0, 163, 178, 0.5); } .d-bg--secondary-glass-1 { background-color: rgba(0, 163, 178, 0.4); } .d-bg--secondary-glass-2 { background-color: rgba(0, 163, 178, 0.5); } .d-bg--secondary-glass-3 { background-color: rgba(0, 163, 178, 0.65); } .d-bg--secondary-glass-4 { background-color: rgba(0, 163, 178, 0.75); } .d-bg--tertiary-glass { background-color: rgba(231, 176, 77, 0.5); } .d-bg--tertiary-glass-1 { background-color: rgba(231, 176, 77, 0.4); } .d-bg--tertiary-glass-2 { background-color: rgba(231, 176, 77, 0.5); } .d-bg--tertiary-glass-3 { background-color: rgba(231, 176, 77, 0.65); } .d-bg--tertiary-glass-4 { background-color: rgba(231, 176, 77, 0.75); } .d-bg--accent-primary-glass { background-color: rgba(13, 255, 203, 0.5); } .d-bg--accent-primary-glass-1 { background-color: rgba(13, 255, 203, 0.4); } .d-bg--accent-primary-glass-2 { background-color: rgba(13, 255, 203, 0.5); } .d-bg--accent-primary-glass-3 { background-color: rgba(13, 255, 203, 0.65); } .d-bg--accent-primary-glass-4 { background-color: rgba(13, 255, 203, 0.75); } .d-bg--accent-secondary-glass { background-color: rgba(218, 255, 121, 0.5); } .d-bg--accent-secondary-glass-1 { background-color: rgba(218, 255, 121, 0.4); } .d-bg--accent-secondary-glass-2 { background-color: rgba(218, 255, 121, 0.5); } .d-bg--accent-secondary-glass-3 { background-color: rgba(218, 255, 121, 0.65); } .d-bg--accent-secondary-glass-4 { background-color: rgba(218, 255, 121, 0.75); } .d-bg--accent-tertiary-glass { background-color: rgba(40, 186, 255, 0.5); } .d-bg--accent-tertiary-glass-1 { background-color: rgba(40, 186, 255, 0.4); } .d-bg--accent-tertiary-glass-2 { background-color: rgba(40, 186, 255, 0.5); } .d-bg--accent-tertiary-glass-3 { background-color: rgba(40, 186, 255, 0.65); } .d-bg--accent-tertiary-glass-4 { background-color: rgba(40, 186, 255, 0.75); } .d-bg--beginner-glass { background-color: rgba(255, 255, 255, 0.5); } .d-bg--beginner-glass-1 { background-color: rgba(255, 255, 255, 0.4); } .d-bg--beginner-glass-2 { background-color: rgba(255, 255, 255, 0.5); } .d-bg--beginner-glass-3 { background-color: rgba(255, 255, 255, 0.65); } .d-bg--beginner-glass-4 { background-color: rgba(255, 255, 255, 0.75); } .d-bg--intermediate-glass { background-color: rgba(246, 155, 53, 0.5); } .d-bg--intermediate-glass-1 { background-color: rgba(246, 155, 53, 0.4); } .d-bg--intermediate-glass-2 { background-color: rgba(246, 155, 53, 0.5); } .d-bg--intermediate-glass-3 { background-color: rgba(246, 155, 53, 0.65); } .d-bg--intermediate-glass-4 { background-color: rgba(246, 155, 53, 0.75); } .d-bg--advanced-glass { background-color: rgba(239, 108, 110, 0.5); } .d-bg--advanced-glass-1 { background-color: rgba(239, 108, 110, 0.4); } .d-bg--advanced-glass-2 { background-color: rgba(239, 108, 110, 0.5); } .d-bg--advanced-glass-3 { background-color: rgba(239, 108, 110, 0.65); } .d-bg--advanced-glass-4 { background-color: rgba(239, 108, 110, 0.75); } .d-bg--color-off-black-glass { background-color: rgba(33, 33, 33, 0.5); } .d-bg--color-off-black-glass-1 { background-color: rgba(33, 33, 33, 0.4); } .d-bg--color-off-black-glass-2 { background-color: rgba(33, 33, 33, 0.5); } .d-bg--color-off-black-glass-3 { background-color: rgba(33, 33, 33, 0.65); } .d-bg--color-off-black-glass-4 { background-color: rgba(33, 33, 33, 0.75); } .d-border { border-style: solid; } .d-border--transparent { border-color: rgba(0, 0, 0, 0); } .d-border--white { border-color: #FFF; } .d-border--black { border-color: #000; } .d-border--grey-1 { border-color: #F2F2F2; } .d-border--grey-2 { border-color: #E6E9ED; } .d-border--grey-3 { border-color: #E6E6E6; } .d-border--grey-4 { border-color: #97A1B0; } .d-border--grey-5 { border-color: #707B8C; } .d-border--grey-50 { border-color: #767676; } .d-border--grey-6 { border-color: #485363; } .d-border--grey-7 { border-color: #32323B; } .d-border--red { border-color: #df1642; } .d-border--blue { border-color: #4D96E7; } .d-border--navy { border-color: #0f3e72; } .d-border--green { border-color: #65A300; } .d-border--green-2 { border-color: #73bd00; } .d-border--beige { border-color: #f5f5dc; } .d-border--sales-red { border-color: #dc3a18; } .d-border--facebook-blue { border-color: #3b5998; } .d-border--google-blue { border-color: #4285F4; } .d-border--google-red { border-color: #DB4437; } .d-border--instagram-pink { border-color: #C62A81; } .d-border--instagram-orange { border-color: #F06430; } .d-border--paypal-blue { border-color: #009cde; } .d-border--paypal-silver { border-color: #eeeeee; } .d-border--primary { border-color: #65A300; } .d-border--secondary { border-color: #00A3B2; } .d-border--tertiary { border-color: #E7B04D; } .d-border--accent-primary { border-color: #0DFFCB; } .d-border--accent-secondary { border-color: #DAFF79; } .d-border--accent-tertiary { border-color: #28BAFF; } .d-border--beginner { border-color: #FFF; } .d-border--intermediate { border-color: #f69b35; } .d-border--advanced { border-color: #ef6c6e; } .d-border--color-off-black { border-color: #212121; } .d-bg--grey-7, .d-bg--black { color: #FFF; } .d-bg--white { color: #000; } .d-buffer--colossal, .d-buffer--inner--colossal { padding-top: 3.75rem; } .d-buffer--titan, .d-buffer--inner--titan { padding-top: 2.5rem; } .d-buffer--giant, .d-buffer--inner--giant { padding-top: 1.75rem; } .d-buffer--huge, .d-buffer--inner--huge { padding-top: 1.5rem; } .d-buffer--large, .d-buffer--inner--large { padding-top: 1.25rem; } .d-buffer--medium, .d-buffer--inner--medium { padding-top: 1rem; } .d-buffer--small, .d-buffer--inner--small { padding-top: 0.75rem; } .d-buffer--tiny, .d-buffer--inner--tiny { padding-top: 0.5rem; } .d-buffer--mini, .d-buffer--inner--mini { padding-top: 0.5rem; } .d-buffer--micro, .d-buffer--inner--micro { padding-top: 0.25rem; } .d-buffer--colossal, .d-buffer--inner--colossal { padding-bottom: 3.75rem; } .d-buffer--titan, .d-buffer--inner--titan { padding-bottom: 2.5rem; } .d-buffer--giant, .d-buffer--inner--giant { padding-bottom: 1.75rem; } .d-buffer--huge, .d-buffer--inner--huge { padding-bottom: 1.5rem; } .d-buffer--large, .d-buffer--inner--large { padding-bottom: 1.25rem; } .d-buffer--medium, .d-buffer--inner--medium { padding-bottom: 1rem; } .d-buffer--small, .d-buffer--inner--small { padding-bottom: 0.75rem; } .d-buffer--tiny, .d-buffer--inner--tiny { padding-bottom: 0.5rem; } .d-buffer--mini, .d-buffer--inner--mini { padding-bottom: 0.5rem; } .d-buffer--micro, .d-buffer--inner--micro { padding-bottom: 0.25rem; } .d-buffer--outer--colossal { margin-top: 3.75rem; } .d-buffer--outer--titan { margin-top: 2.5rem; } .d-buffer--outer--giant { margin-top: 1.75rem; } .d-buffer--outer--huge { margin-top: 1.5rem; } .d-buffer--outer--large { margin-top: 1.25rem; } .d-buffer--outer--medium { margin-top: 1rem; } .d-buffer--outer--small { margin-top: 0.75rem; } .d-buffer--outer--tiny { margin-top: 0.5rem; } .d-buffer--outer--mini { margin-top: 0.5rem; } .d-buffer--outer--micro { margin-top: 0.25rem; } .d-buffer--outer--colossal { margin-bottom: 3.75rem; } .d-buffer--outer--titan { margin-bottom: 2.5rem; } .d-buffer--outer--giant { margin-bottom: 1.75rem; } .d-buffer--outer--huge { margin-bottom: 1.5rem; } .d-buffer--outer--large { margin-bottom: 1.25rem; } .d-buffer--outer--medium { margin-bottom: 1rem; } .d-buffer--outer--small { margin-bottom: 0.75rem; } .d-buffer--outer--tiny { margin-bottom: 0.5rem; } .d-buffer--outer--mini { margin-bottom: 0.5rem; } .d-buffer--outer--micro { margin-bottom: 0.25rem; } .d-gutter--colossal, .d-gutter--inner--colossal { padding-left: 3.75rem; } .d-gutter--titan, .d-gutter--inner--titan { padding-left: 2.5rem; } .d-gutter--giant, .d-gutter--inner--giant { padding-left: 1.75rem; } .d-gutter--huge, .d-gutter--inner--huge { padding-left: 1.5rem; } .d-gutter--large, .d-gutter--inner--large { padding-left: 1.25rem; } .d-gutter--medium, .d-gutter--inner--medium { padding-left: 1rem; } .d-gutter--small, .d-gutter--inner--small { padding-left: 0.75rem; } .d-gutter--tiny, .d-gutter--inner--tiny { padding-left: 0.5rem; } .d-gutter--mini, .d-gutter--inner--mini { padding-left: 0.5rem; } .d-gutter--micro, .d-gutter--inner--micro { padding-left: 0.25rem; } .d-gutter--colossal, .d-gutter--inner--colossal { padding-right: 3.75rem; } .d-gutter--titan, .d-gutter--inner--titan { padding-right: 2.5rem; } .d-gutter--giant, .d-gutter--inner--giant { padding-right: 1.75rem; } .d-gutter--huge, .d-gutter--inner--huge { padding-right: 1.5rem; } .d-gutter--large, .d-gutter--inner--large { padding-right: 1.25rem; } .d-gutter--medium, .d-gutter--inner--medium { padding-right: 1rem; } .d-gutter--small, .d-gutter--inner--small { padding-right: 0.75rem; } .d-gutter--tiny, .d-gutter--inner--tiny { padding-right: 0.5rem; } .d-gutter--mini, .d-gutter--inner--mini { padding-right: 0.5rem; } .d-gutter--micro, .d-gutter--inner--micro { padding-right: 0.25rem; } .d-gutter--outer--colossal { margin-left: 3.75rem; } .d-gutter--outer--titan { margin-left: 2.5rem; } .d-gutter--outer--giant { margin-left: 1.75rem; } .d-gutter--outer--huge { margin-left: 1.5rem; } .d-gutter--outer--large { margin-left: 1.25rem; } .d-gutter--outer--medium { margin-left: 1rem; } .d-gutter--outer--small { margin-left: 0.75rem; } .d-gutter--outer--tiny { margin-left: 0.5rem; } .d-gutter--outer--mini { margin-left: 0.5rem; } .d-gutter--outer--micro { margin-left: 0.25rem; } .d-gutter--outer--colossal { margin-right: 3.75rem; } .d-gutter--outer--titan { margin-right: 2.5rem; } .d-gutter--outer--giant { margin-right: 1.75rem; } .d-gutter--outer--huge { margin-right: 1.5rem; } .d-gutter--outer--large { margin-right: 1.25rem; } .d-gutter--outer--medium { margin-right: 1rem; } .d-gutter--outer--small { margin-right: 0.75rem; } .d-gutter--outer--tiny { margin-right: 0.5rem; } .d-gutter--outer--mini { margin-right: 0.5rem; } .d-gutter--outer--micro { margin-right: 0.25rem; } .d-margin--top--colossal { margin-top: 3.75rem; } .d-margin--top--titan { margin-top: 2.5rem; } .d-margin--top--giant { margin-top: 1.75rem; } .d-margin--top--huge { margin-top: 1.5rem; } .d-margin--top--large { margin-top: 1.25rem; } .d-margin--top--medium { margin-top: 1rem; } .d-margin--top--small { margin-top: 0.75rem; } .d-margin--top--tiny { margin-top: 0.5rem; } .d-margin--top--mini { margin-top: 0.5rem; } .d-margin--top--micro { margin-top: 0.25rem; } .d-margin--top--auto { margin-top: auto; } .d-margin--bottom--colossal { margin-bottom: 3.75rem; } .d-margin--bottom--titan { margin-bottom: 2.5rem; } .d-margin--bottom--giant { margin-bottom: 1.75rem; } .d-margin--bottom--huge { margin-bottom: 1.5rem; } .d-margin--bottom--large { margin-bottom: 1.25rem; } .d-margin--bottom--medium { margin-bottom: 1rem; } .d-margin--bottom--small { margin-bottom: 0.75rem; } .d-margin--bottom--tiny { margin-bottom: 0.5rem; } .d-margin--bottom--mini { margin-bottom: 0.5rem; } .d-margin--bottom--micro { margin-bottom: 0.25rem; } .d-margin--right--colossal { margin-right: 3.75rem; } .d-margin--right--titan { margin-right: 2.5rem; } .d-margin--right--giant { margin-right: 1.75rem; } .d-margin--right--huge { margin-right: 1.5rem; } .d-margin--right--large { margin-right: 1.25rem; } .d-margin--right--medium { margin-right: 1rem; } .d-margin--right--small { margin-right: 0.75rem; } .d-margin--right--tiny { margin-right: 0.5rem; } .d-margin--right--mini { margin-right: 0.5rem; } .d-margin--right--micro { margin-right: 0.25rem; } .d-margin--left--colossal { margin-left: 3.75rem; } .d-margin--left--titan { margin-left: 2.5rem; } .d-margin--left--giant { margin-left: 1.75rem; } .d-margin--left--huge { margin-left: 1.5rem; } .d-margin--left--large { margin-left: 1.25rem; } .d-margin--left--medium { margin-left: 1rem; } .d-margin--left--small { margin-left: 0.75rem; } .d-margin--left--tiny { margin-left: 0.5rem; } .d-margin--left--mini { margin-left: 0.5rem; } .d-margin--left--micro { margin-left: 0.25rem; } .d-padding--top--colossal { padding-top: 3.75rem; } .d-padding--top--titan { padding-top: 2.5rem; } .d-padding--top--giant { padding-top: 1.75rem; } .d-padding--top--huge { padding-top: 1.5rem; } .d-padding--top--large { padding-top: 1.25rem; } .d-padding--top--medium { padding-top: 1rem; } .d-padding--top--small { padding-top: 0.75rem; } .d-padding--top--tiny { padding-top: 0.5rem; } .d-padding--top--mini { padding-top: 0.5rem; } .d-padding--top--micro { padding-top: 0.25rem; } .d-padding--bottom--colossal { padding-bottom: 3.75rem; } .d-padding--bottom--titan { padding-bottom: 2.5rem; } .d-padding--bottom--giant { padding-bottom: 1.75rem; } .d-padding--bottom--huge { padding-bottom: 1.5rem; } .d-padding--bottom--large { padding-bottom: 1.25rem; } .d-padding--bottom--medium { padding-bottom: 1rem; } .d-padding--bottom--small { padding-bottom: 0.75rem; } .d-padding--bottom--tiny { padding-bottom: 0.5rem; } .d-padding--bottom--mini { padding-bottom: 0.5rem; } .d-padding--bottom--micro { padding-bottom: 0.25rem; } .d-padding--right--colossal { padding-right: 3.75rem; } .d-padding--right--titan { padding-right: 2.5rem; } .d-padding--right--giant { padding-right: 1.75rem; } .d-padding--right--huge { padding-right: 1.5rem; } .d-padding--right--large { padding-right: 1.25rem; } .d-padding--right--medium { padding-right: 1rem; } .d-padding--right--small { padding-right: 0.75rem; } .d-padding--right--tiny { padding-right: 0.5rem; } .d-padding--right--mini { padding-right: 0.5rem; } .d-padding--right--micro { padding-right: 0.25rem; } .d-padding--left--colossal { padding-left: 3.75rem; } .d-padding--left--titan { padding-left: 2.5rem; } .d-padding--left--giant { padding-left: 1.75rem; } .d-padding--left--huge { padding-left: 1.5rem; } .d-padding--left--large { padding-left: 1.25rem; } .d-padding--left--medium { padding-left: 1rem; } .d-padding--left--small { padding-left: 0.75rem; } .d-padding--left--tiny { padding-left: 0.5rem; } .d-padding--left--mini { padding-left: 0.5rem; } .d-padding--left--micro { padding-left: 0.25rem; } .d-set--w-0 { width: 0; } .d-set--w-10 { width: 10%; } .d-set--w-20 { width: 20%; } .d-set--w-30 { width: 30%; } .d-set--w-40 { width: 40%; } .d-set--w-45 { width: 45%; } .d-set--w-50 { width: 50%; } .d-set--w-55 { width: 55%; } .d-set--w-60 { width: 60%; } .d-set--w-70 { width: 70%; } .d-set--w-80 { width: 80%; } .d-set--w-90 { width: 90%; } .d-set--w-100 { width: 100%; } .d-set--h-0 { height: 0; } .d-set--h-10 { height: 10%; } .d-set--h-20 { height: 20%; } .d-set--h-30 { height: 30%; } .d-set--h-40 { height: 40%; } .d-set--h-45 { height: 45%; } .d-set--h-50 { height: 50%; } .d-set--h-55 { height: 55%; } .d-set--h-60 { height: 60%; } .d-set--h-70 { height: 70%; } .d-set--h-80 { height: 80%; } .d-set--h-90 { height: 90%; } .d-set--h-100 { height: 100%; } .d-gap--colossal { gap: 3.75rem; } .d-gap--titan { gap: 2.5rem; } .d-gap--giant { gap: 1.75rem; } .d-gap--huge { gap: 1.5rem; } .d-gap--large { gap: 1.25rem; } .d-gap--medium { gap: 1rem; } .d-gap--small { gap: 0.75rem; } .d-gap--tiny { gap: 0.5rem; } .d-gap--mini { gap: 0.5rem; } .d-gap--micro { gap: 0.25rem; }
}
@media (max-width: 48rem) { .container { padding-right: 1.5rem; padding-left: 1.5rem; } .flex-col--mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .m-bg--transparent { background-color: rgba(0, 0, 0, 0); } .m-bg--white { background-color: #FFF; } .m-bg--black { background-color: #000; } .m-bg--grey-1 { background-color: #F2F2F2; } .m-bg--grey-2 { background-color: #E6E9ED; } .m-bg--grey-3 { background-color: #E6E6E6; } .m-bg--grey-4 { background-color: #97A1B0; } .m-bg--grey-5 { background-color: #707B8C; } .m-bg--grey-50 { background-color: #767676; } .m-bg--grey-6 { background-color: #485363; } .m-bg--grey-7 { background-color: #32323B; } .m-bg--red { background-color: #df1642; } .m-bg--blue { background-color: #4D96E7; } .m-bg--navy { background-color: #0f3e72; } .m-bg--green { background-color: #65A300; } .m-bg--green-2 { background-color: #73bd00; } .m-bg--beige { background-color: #f5f5dc; } .m-bg--sales-red { background-color: #dc3a18; } .m-bg--facebook-blue { background-color: #3b5998; } .m-bg--google-blue { background-color: #4285F4; } .m-bg--google-red { background-color: #DB4437; } .m-bg--instagram-pink { background-color: #C62A81; } .m-bg--instagram-orange { background-color: #F06430; } .m-bg--paypal-blue { background-color: #009cde; } .m-bg--paypal-silver { background-color: #eeeeee; } .m-bg--primary { background-color: #65A300; } .m-bg--secondary { background-color: #00A3B2; } .m-bg--tertiary { background-color: #E7B04D; } .m-bg--accent-primary { background-color: #0DFFCB; } .m-bg--accent-secondary { background-color: #DAFF79; } .m-bg--accent-tertiary { background-color: #28BAFF; } .m-bg--beginner { background-color: #FFF; } .m-bg--intermediate { background-color: #f69b35; } .m-bg--advanced { background-color: #ef6c6e; } .m-bg--color-off-black { background-color: #212121; } .m-bg--transparent-glass { background-color: rgba(0, 0, 0, 0.5); } .m-bg--transparent-glass-1 { background-color: rgba(0, 0, 0, 0.4); } .m-bg--transparent-glass-2 { background-color: rgba(0, 0, 0, 0.5); } .m-bg--transparent-glass-3 { background-color: rgba(0, 0, 0, 0.65); } .m-bg--transparent-glass-4 { background-color: rgba(0, 0, 0, 0.75); } .m-bg--white-glass { background-color: rgba(255, 255, 255, 0.5); } .m-bg--white-glass-1 { background-color: rgba(255, 255, 255, 0.4); } .m-bg--white-glass-2 { background-color: rgba(255, 255, 255, 0.5); } .m-bg--white-glass-3 { background-color: rgba(255, 255, 255, 0.65); } .m-bg--white-glass-4 { background-color: rgba(255, 255, 255, 0.75); } .m-bg--black-glass { background-color: rgba(0, 0, 0, 0.5); } .m-bg--black-glass-1 { background-color: rgba(0, 0, 0, 0.4); } .m-bg--black-glass-2 { background-color: rgba(0, 0, 0, 0.5); } .m-bg--black-glass-3 { background-color: rgba(0, 0, 0, 0.65); } .m-bg--black-glass-4 { background-color: rgba(0, 0, 0, 0.75); } .m-bg--grey-1-glass { background-color: rgba(242, 242, 242, 0.5); } .m-bg--grey-1-glass-1 { background-color: rgba(242, 242, 242, 0.4); } .m-bg--grey-1-glass-2 { background-color: rgba(242, 242, 242, 0.5); } .m-bg--grey-1-glass-3 { background-color: rgba(242, 242, 242, 0.65); } .m-bg--grey-1-glass-4 { background-color: rgba(242, 242, 242, 0.75); } .m-bg--grey-2-glass { background-color: rgba(230, 233, 237, 0.5); } .m-bg--grey-2-glass-1 { background-color: rgba(230, 233, 237, 0.4); } .m-bg--grey-2-glass-2 { background-color: rgba(230, 233, 237, 0.5); } .m-bg--grey-2-glass-3 { background-color: rgba(230, 233, 237, 0.65); } .m-bg--grey-2-glass-4 { background-color: rgba(230, 233, 237, 0.75); } .m-bg--grey-3-glass { background-color: rgba(230, 230, 230, 0.5); } .m-bg--grey-3-glass-1 { background-color: rgba(230, 230, 230, 0.4); } .m-bg--grey-3-glass-2 { background-color: rgba(230, 230, 230, 0.5); } .m-bg--grey-3-glass-3 { background-color: rgba(230, 230, 230, 0.65); } .m-bg--grey-3-glass-4 { background-color: rgba(230, 230, 230, 0.75); } .m-bg--grey-4-glass { background-color: rgba(151, 161, 176, 0.5); } .m-bg--grey-4-glass-1 { background-color: rgba(151, 161, 176, 0.4); } .m-bg--grey-4-glass-2 { background-color: rgba(151, 161, 176, 0.5); } .m-bg--grey-4-glass-3 { background-color: rgba(151, 161, 176, 0.65); } .m-bg--grey-4-glass-4 { background-color: rgba(151, 161, 176, 0.75); } .m-bg--grey-5-glass { background-color: rgba(112, 123, 140, 0.5); } .m-bg--grey-5-glass-1 { background-color: rgba(112, 123, 140, 0.4); } .m-bg--grey-5-glass-2 { background-color: rgba(112, 123, 140, 0.5); } .m-bg--grey-5-glass-3 { background-color: rgba(112, 123, 140, 0.65); } .m-bg--grey-5-glass-4 { background-color: rgba(112, 123, 140, 0.75); } .m-bg--grey-50-glass { background-color: rgba(118, 118, 118, 0.5); } .m-bg--grey-50-glass-1 { background-color: rgba(118, 118, 118, 0.4); } .m-bg--grey-50-glass-2 { background-color: rgba(118, 118, 118, 0.5); } .m-bg--grey-50-glass-3 { background-color: rgba(118, 118, 118, 0.65); } .m-bg--grey-50-glass-4 { background-color: rgba(118, 118, 118, 0.75); } .m-bg--grey-6-glass { background-color: rgba(72, 83, 99, 0.5); } .m-bg--grey-6-glass-1 { background-color: rgba(72, 83, 99, 0.4); } .m-bg--grey-6-glass-2 { background-color: rgba(72, 83, 99, 0.5); } .m-bg--grey-6-glass-3 { background-color: rgba(72, 83, 99, 0.65); } .m-bg--grey-6-glass-4 { background-color: rgba(72, 83, 99, 0.75); } .m-bg--grey-7-glass { background-color: rgba(50, 50, 59, 0.5); } .m-bg--grey-7-glass-1 { background-color: rgba(50, 50, 59, 0.4); } .m-bg--grey-7-glass-2 { background-color: rgba(50, 50, 59, 0.5); } .m-bg--grey-7-glass-3 { background-color: rgba(50, 50, 59, 0.65); } .m-bg--grey-7-glass-4 { background-color: rgba(50, 50, 59, 0.75); } .m-bg--red-glass { background-color: rgba(223, 22, 66, 0.5); } .m-bg--red-glass-1 { background-color: rgba(223, 22, 66, 0.4); } .m-bg--red-glass-2 { background-color: rgba(223, 22, 66, 0.5); } .m-bg--red-glass-3 { background-color: rgba(223, 22, 66, 0.65); } .m-bg--red-glass-4 { background-color: rgba(223, 22, 66, 0.75); } .m-bg--blue-glass { background-color: rgba(77, 150, 231, 0.5); } .m-bg--blue-glass-1 { background-color: rgba(77, 150, 231, 0.4); } .m-bg--blue-glass-2 { background-color: rgba(77, 150, 231, 0.5); } .m-bg--blue-glass-3 { background-color: rgba(77, 150, 231, 0.65); } .m-bg--blue-glass-4 { background-color: rgba(77, 150, 231, 0.75); } .m-bg--navy-glass { background-color: rgba(15, 62, 114, 0.5); } .m-bg--navy-glass-1 { background-color: rgba(15, 62, 114, 0.4); } .m-bg--navy-glass-2 { background-color: rgba(15, 62, 114, 0.5); } .m-bg--navy-glass-3 { background-color: rgba(15, 62, 114, 0.65); } .m-bg--navy-glass-4 { background-color: rgba(15, 62, 114, 0.75); } .m-bg--green-glass { background-color: rgba(101, 163, 0, 0.5); } .m-bg--green-glass-1 { background-color: rgba(101, 163, 0, 0.4); } .m-bg--green-glass-2 { background-color: rgba(101, 163, 0, 0.5); } .m-bg--green-glass-3 { background-color: rgba(101, 163, 0, 0.65); } .m-bg--green-glass-4 { background-color: rgba(101, 163, 0, 0.75); } .m-bg--green-2-glass { background-color: rgba(115, 189, 0, 0.5); } .m-bg--green-2-glass-1 { background-color: rgba(115, 189, 0, 0.4); } .m-bg--green-2-glass-2 { background-color: rgba(115, 189, 0, 0.5); } .m-bg--green-2-glass-3 { background-color: rgba(115, 189, 0, 0.65); } .m-bg--green-2-glass-4 { background-color: rgba(115, 189, 0, 0.75); } .m-bg--beige-glass { background-color: rgba(245, 245, 220, 0.5); } .m-bg--beige-glass-1 { background-color: rgba(245, 245, 220, 0.4); } .m-bg--beige-glass-2 { background-color: rgba(245, 245, 220, 0.5); } .m-bg--beige-glass-3 { background-color: rgba(245, 245, 220, 0.65); } .m-bg--beige-glass-4 { background-color: rgba(245, 245, 220, 0.75); } .m-bg--sales-red-glass { background-color: rgba(220, 58, 24, 0.5); } .m-bg--sales-red-glass-1 { background-color: rgba(220, 58, 24, 0.4); } .m-bg--sales-red-glass-2 { background-color: rgba(220, 58, 24, 0.5); } .m-bg--sales-red-glass-3 { background-color: rgba(220, 58, 24, 0.65); } .m-bg--sales-red-glass-4 { background-color: rgba(220, 58, 24, 0.75); } .m-bg--facebook-blue-glass { background-color: rgba(59, 89, 152, 0.5); } .m-bg--facebook-blue-glass-1 { background-color: rgba(59, 89, 152, 0.4); } .m-bg--facebook-blue-glass-2 { background-color: rgba(59, 89, 152, 0.5); } .m-bg--facebook-blue-glass-3 { background-color: rgba(59, 89, 152, 0.65); } .m-bg--facebook-blue-glass-4 { background-color: rgba(59, 89, 152, 0.75); } .m-bg--google-blue-glass { background-color: rgba(66, 133, 244, 0.5); } .m-bg--google-blue-glass-1 { background-color: rgba(66, 133, 244, 0.4); } .m-bg--google-blue-glass-2 { background-color: rgba(66, 133, 244, 0.5); } .m-bg--google-blue-glass-3 { background-color: rgba(66, 133, 244, 0.65); } .m-bg--google-blue-glass-4 { background-color: rgba(66, 133, 244, 0.75); } .m-bg--google-red-glass { background-color: rgba(219, 68, 55, 0.5); } .m-bg--google-red-glass-1 { background-color: rgba(219, 68, 55, 0.4); } .m-bg--google-red-glass-2 { background-color: rgba(219, 68, 55, 0.5); } .m-bg--google-red-glass-3 { background-color: rgba(219, 68, 55, 0.65); } .m-bg--google-red-glass-4 { background-color: rgba(219, 68, 55, 0.75); } .m-bg--instagram-pink-glass { background-color: rgba(198, 42, 129, 0.5); } .m-bg--instagram-pink-glass-1 { background-color: rgba(198, 42, 129, 0.4); } .m-bg--instagram-pink-glass-2 { background-color: rgba(198, 42, 129, 0.5); } .m-bg--instagram-pink-glass-3 { background-color: rgba(198, 42, 129, 0.65); } .m-bg--instagram-pink-glass-4 { background-color: rgba(198, 42, 129, 0.75); } .m-bg--instagram-orange-glass { background-color: rgba(240, 100, 48, 0.5); } .m-bg--instagram-orange-glass-1 { background-color: rgba(240, 100, 48, 0.4); } .m-bg--instagram-orange-glass-2 { background-color: rgba(240, 100, 48, 0.5); } .m-bg--instagram-orange-glass-3 { background-color: rgba(240, 100, 48, 0.65); } .m-bg--instagram-orange-glass-4 { background-color: rgba(240, 100, 48, 0.75); } .m-bg--paypal-blue-glass { background-color: rgba(0, 156, 222, 0.5); } .m-bg--paypal-blue-glass-1 { background-color: rgba(0, 156, 222, 0.4); } .m-bg--paypal-blue-glass-2 { background-color: rgba(0, 156, 222, 0.5); } .m-bg--paypal-blue-glass-3 { background-color: rgba(0, 156, 222, 0.65); } .m-bg--paypal-blue-glass-4 { background-color: rgba(0, 156, 222, 0.75); } .m-bg--paypal-silver-glass { background-color: rgba(238, 238, 238, 0.5); } .m-bg--paypal-silver-glass-1 { background-color: rgba(238, 238, 238, 0.4); } .m-bg--paypal-silver-glass-2 { background-color: rgba(238, 238, 238, 0.5); } .m-bg--paypal-silver-glass-3 { background-color: rgba(238, 238, 238, 0.65); } .m-bg--paypal-silver-glass-4 { background-color: rgba(238, 238, 238, 0.75); } .m-bg--primary-glass { background-color: rgba(101, 163, 0, 0.5); } .m-bg--primary-glass-1 { background-color: rgba(101, 163, 0, 0.4); } .m-bg--primary-glass-2 { background-color: rgba(101, 163, 0, 0.5); } .m-bg--primary-glass-3 { background-color: rgba(101, 163, 0, 0.65); } .m-bg--primary-glass-4 { background-color: rgba(101, 163, 0, 0.75); } .m-bg--secondary-glass { background-color: rgba(0, 163, 178, 0.5); } .m-bg--secondary-glass-1 { background-color: rgba(0, 163, 178, 0.4); } .m-bg--secondary-glass-2 { background-color: rgba(0, 163, 178, 0.5); } .m-bg--secondary-glass-3 { background-color: rgba(0, 163, 178, 0.65); } .m-bg--secondary-glass-4 { background-color: rgba(0, 163, 178, 0.75); } .m-bg--tertiary-glass { background-color: rgba(231, 176, 77, 0.5); } .m-bg--tertiary-glass-1 { background-color: rgba(231, 176, 77, 0.4); } .m-bg--tertiary-glass-2 { background-color: rgba(231, 176, 77, 0.5); } .m-bg--tertiary-glass-3 { background-color: rgba(231, 176, 77, 0.65); } .m-bg--tertiary-glass-4 { background-color: rgba(231, 176, 77, 0.75); } .m-bg--accent-primary-glass { background-color: rgba(13, 255, 203, 0.5); } .m-bg--accent-primary-glass-1 { background-color: rgba(13, 255, 203, 0.4); } .m-bg--accent-primary-glass-2 { background-color: rgba(13, 255, 203, 0.5); } .m-bg--accent-primary-glass-3 { background-color: rgba(13, 255, 203, 0.65); } .m-bg--accent-primary-glass-4 { background-color: rgba(13, 255, 203, 0.75); } .m-bg--accent-secondary-glass { background-color: rgba(218, 255, 121, 0.5); } .m-bg--accent-secondary-glass-1 { background-color: rgba(218, 255, 121, 0.4); } .m-bg--accent-secondary-glass-2 { background-color: rgba(218, 255, 121, 0.5); } .m-bg--accent-secondary-glass-3 { background-color: rgba(218, 255, 121, 0.65); } .m-bg--accent-secondary-glass-4 { background-color: rgba(218, 255, 121, 0.75); } .m-bg--accent-tertiary-glass { background-color: rgba(40, 186, 255, 0.5); } .m-bg--accent-tertiary-glass-1 { background-color: rgba(40, 186, 255, 0.4); } .m-bg--accent-tertiary-glass-2 { background-color: rgba(40, 186, 255, 0.5); } .m-bg--accent-tertiary-glass-3 { background-color: rgba(40, 186, 255, 0.65); } .m-bg--accent-tertiary-glass-4 { background-color: rgba(40, 186, 255, 0.75); } .m-bg--beginner-glass { background-color: rgba(255, 255, 255, 0.5); } .m-bg--beginner-glass-1 { background-color: rgba(255, 255, 255, 0.4); } .m-bg--beginner-glass-2 { background-color: rgba(255, 255, 255, 0.5); } .m-bg--beginner-glass-3 { background-color: rgba(255, 255, 255, 0.65); } .m-bg--beginner-glass-4 { background-color: rgba(255, 255, 255, 0.75); } .m-bg--intermediate-glass { background-color: rgba(246, 155, 53, 0.5); } .m-bg--intermediate-glass-1 { background-color: rgba(246, 155, 53, 0.4); } .m-bg--intermediate-glass-2 { background-color: rgba(246, 155, 53, 0.5); } .m-bg--intermediate-glass-3 { background-color: rgba(246, 155, 53, 0.65); } .m-bg--intermediate-glass-4 { background-color: rgba(246, 155, 53, 0.75); } .m-bg--advanced-glass { background-color: rgba(239, 108, 110, 0.5); } .m-bg--advanced-glass-1 { background-color: rgba(239, 108, 110, 0.4); } .m-bg--advanced-glass-2 { background-color: rgba(239, 108, 110, 0.5); } .m-bg--advanced-glass-3 { background-color: rgba(239, 108, 110, 0.65); } .m-bg--advanced-glass-4 { background-color: rgba(239, 108, 110, 0.75); } .m-bg--color-off-black-glass { background-color: rgba(33, 33, 33, 0.5); } .m-bg--color-off-black-glass-1 { background-color: rgba(33, 33, 33, 0.4); } .m-bg--color-off-black-glass-2 { background-color: rgba(33, 33, 33, 0.5); } .m-bg--color-off-black-glass-3 { background-color: rgba(33, 33, 33, 0.65); } .m-bg--color-off-black-glass-4 { background-color: rgba(33, 33, 33, 0.75); } .m-border { border-style: solid; } .m-border--transparent { border-color: rgba(0, 0, 0, 0); } .m-border--white { border-color: #FFF; } .m-border--black { border-color: #000; } .m-border--grey-1 { border-color: #F2F2F2; } .m-border--grey-2 { border-color: #E6E9ED; } .m-border--grey-3 { border-color: #E6E6E6; } .m-border--grey-4 { border-color: #97A1B0; } .m-border--grey-5 { border-color: #707B8C; } .m-border--grey-50 { border-color: #767676; } .m-border--grey-6 { border-color: #485363; } .m-border--grey-7 { border-color: #32323B; } .m-border--red { border-color: #df1642; } .m-border--blue { border-color: #4D96E7; } .m-border--navy { border-color: #0f3e72; } .m-border--green { border-color: #65A300; } .m-border--green-2 { border-color: #73bd00; } .m-border--beige { border-color: #f5f5dc; } .m-border--sales-red { border-color: #dc3a18; } .m-border--facebook-blue { border-color: #3b5998; } .m-border--google-blue { border-color: #4285F4; } .m-border--google-red { border-color: #DB4437; } .m-border--instagram-pink { border-color: #C62A81; } .m-border--instagram-orange { border-color: #F06430; } .m-border--paypal-blue { border-color: #009cde; } .m-border--paypal-silver { border-color: #eeeeee; } .m-border--primary { border-color: #65A300; } .m-border--secondary { border-color: #00A3B2; } .m-border--tertiary { border-color: #E7B04D; } .m-border--accent-primary { border-color: #0DFFCB; } .m-border--accent-secondary { border-color: #DAFF79; } .m-border--accent-tertiary { border-color: #28BAFF; } .m-border--beginner { border-color: #FFF; } .m-border--intermediate { border-color: #f69b35; } .m-border--advanced { border-color: #ef6c6e; } .m-border--color-off-black { border-color: #212121; } .m-bg--grey-7, .m-bg--black { color: #FFF; } .m-bg--white { color: #000; } .m-buffer--colossal, .m-buffer--inner--colossal { padding-top: 3.75rem; } .m-buffer--titan, .m-buffer--inner--titan { padding-top: 2.5rem; } .m-buffer--giant, .m-buffer--inner--giant { padding-top: 1.75rem; } .m-buffer--huge, .m-buffer--inner--huge { padding-top: 1.5rem; } .m-buffer--large, .m-buffer--inner--large { padding-top: 1.25rem; } .m-buffer--medium, .m-buffer--inner--medium { padding-top: 1rem; } .m-buffer--small, .m-buffer--inner--small { padding-top: 0.75rem; } .m-buffer--tiny, .m-buffer--inner--tiny { padding-top: 0.5rem; } .m-buffer--mini, .m-buffer--inner--mini { padding-top: 0.5rem; } .m-buffer--micro, .m-buffer--inner--micro { padding-top: 0.25rem; } .m-buffer--colossal, .m-buffer--inner--colossal { padding-bottom: 3.75rem; } .m-buffer--titan, .m-buffer--inner--titan { padding-bottom: 2.5rem; } .m-buffer--giant, .m-buffer--inner--giant { padding-bottom: 1.75rem; } .m-buffer--huge, .m-buffer--inner--huge { padding-bottom: 1.5rem; } .m-buffer--large, .m-buffer--inner--large { padding-bottom: 1.25rem; } .m-buffer--medium, .m-buffer--inner--medium { padding-bottom: 1rem; } .m-buffer--small, .m-buffer--inner--small { padding-bottom: 0.75rem; } .m-buffer--tiny, .m-buffer--inner--tiny { padding-bottom: 0.5rem; } .m-buffer--mini, .m-buffer--inner--mini { padding-bottom: 0.5rem; } .m-buffer--micro, .m-buffer--inner--micro { padding-bottom: 0.25rem; } .m-buffer--outer--colossal { margin-top: 3.75rem; } .m-buffer--outer--titan { margin-top: 2.5rem; } .m-buffer--outer--giant { margin-top: 1.75rem; } .m-buffer--outer--huge { margin-top: 1.5rem; } .m-buffer--outer--large { margin-top: 1.25rem; } .m-buffer--outer--medium { margin-top: 1rem; } .m-buffer--outer--small { margin-top: 0.75rem; } .m-buffer--outer--tiny { margin-top: 0.5rem; } .m-buffer--outer--mini { margin-top: 0.5rem; } .m-buffer--outer--micro { margin-top: 0.25rem; } .m-buffer--outer--colossal { margin-bottom: 3.75rem; } .m-buffer--outer--titan { margin-bottom: 2.5rem; } .m-buffer--outer--giant { margin-bottom: 1.75rem; } .m-buffer--outer--huge { margin-bottom: 1.5rem; } .m-buffer--outer--large { margin-bottom: 1.25rem; } .m-buffer--outer--medium { margin-bottom: 1rem; } .m-buffer--outer--small { margin-bottom: 0.75rem; } .m-buffer--outer--tiny { margin-bottom: 0.5rem; } .m-buffer--outer--mini { margin-bottom: 0.5rem; } .m-buffer--outer--micro { margin-bottom: 0.25rem; } .m-gutter--colossal, .m-gutter--inner--colossal { padding-left: 3.75rem; } .m-gutter--titan, .m-gutter--inner--titan { padding-left: 2.5rem; } .m-gutter--giant, .m-gutter--inner--giant { padding-left: 1.75rem; } .m-gutter--huge, .m-gutter--inner--huge { padding-left: 1.5rem; } .m-gutter--large, .m-gutter--inner--large { padding-left: 1.25rem; } .m-gutter--medium, .m-gutter--inner--medium { padding-left: 1rem; } .m-gutter--small, .m-gutter--inner--small { padding-left: 0.75rem; } .m-gutter--tiny, .m-gutter--inner--tiny { padding-left: 0.5rem; } .m-gutter--mini, .m-gutter--inner--mini { padding-left: 0.5rem; } .m-gutter--micro, .m-gutter--inner--micro { padding-left: 0.25rem; } .m-gutter--colossal, .m-gutter--inner--colossal { padding-right: 3.75rem; } .m-gutter--titan, .m-gutter--inner--titan { padding-right: 2.5rem; } .m-gutter--giant, .m-gutter--inner--giant { padding-right: 1.75rem; } .m-gutter--huge, .m-gutter--inner--huge { padding-right: 1.5rem; } .m-gutter--large, .m-gutter--inner--large { padding-right: 1.25rem; } .m-gutter--medium, .m-gutter--inner--medium { padding-right: 1rem; } .m-gutter--small, .m-gutter--inner--small { padding-right: 0.75rem; } .m-gutter--tiny, .m-gutter--inner--tiny { padding-right: 0.5rem; } .m-gutter--mini, .m-gutter--inner--mini { padding-right: 0.5rem; } .m-gutter--micro, .m-gutter--inner--micro { padding-right: 0.25rem; } .m-gutter--outer--colossal { margin-left: 3.75rem; } .m-gutter--outer--titan { margin-left: 2.5rem; } .m-gutter--outer--giant { margin-left: 1.75rem; } .m-gutter--outer--huge { margin-left: 1.5rem; } .m-gutter--outer--large { margin-left: 1.25rem; } .m-gutter--outer--medium { margin-left: 1rem; } .m-gutter--outer--small { margin-left: 0.75rem; } .m-gutter--outer--tiny { margin-left: 0.5rem; } .m-gutter--outer--mini { margin-left: 0.5rem; } .m-gutter--outer--micro { margin-left: 0.25rem; } .m-gutter--outer--colossal { margin-right: 3.75rem; } .m-gutter--outer--titan { margin-right: 2.5rem; } .m-gutter--outer--giant { margin-right: 1.75rem; } .m-gutter--outer--huge { margin-right: 1.5rem; } .m-gutter--outer--large { margin-right: 1.25rem; } .m-gutter--outer--medium { margin-right: 1rem; } .m-gutter--outer--small { margin-right: 0.75rem; } .m-gutter--outer--tiny { margin-right: 0.5rem; } .m-gutter--outer--mini { margin-right: 0.5rem; } .m-gutter--outer--micro { margin-right: 0.25rem; } .m-margin--top--colossal { margin-top: 3.75rem; } .m-margin--top--titan { margin-top: 2.5rem; } .m-margin--top--giant { margin-top: 1.75rem; } .m-margin--top--huge { margin-top: 1.5rem; } .m-margin--top--large { margin-top: 1.25rem; } .m-margin--top--medium { margin-top: 1rem; } .m-margin--top--small { margin-top: 0.75rem; } .m-margin--top--tiny { margin-top: 0.5rem; } .m-margin--top--mini { margin-top: 0.5rem; } .m-margin--top--micro { margin-top: 0.25rem; } .m-margin--top--auto { margin-top: auto; } .m-margin--bottom--colossal { margin-bottom: 3.75rem; } .m-margin--bottom--titan { margin-bottom: 2.5rem; } .m-margin--bottom--giant { margin-bottom: 1.75rem; } .m-margin--bottom--huge { margin-bottom: 1.5rem; } .m-margin--bottom--large { margin-bottom: 1.25rem; } .m-margin--bottom--medium { margin-bottom: 1rem; } .m-margin--bottom--small { margin-bottom: 0.75rem; } .m-margin--bottom--tiny { margin-bottom: 0.5rem; } .m-margin--bottom--mini { margin-bottom: 0.5rem; } .m-margin--bottom--micro { margin-bottom: 0.25rem; } .m-margin--right--colossal { margin-right: 3.75rem; } .m-margin--right--titan { margin-right: 2.5rem; } .m-margin--right--giant { margin-right: 1.75rem; } .m-margin--right--huge { margin-right: 1.5rem; } .m-margin--right--large { margin-right: 1.25rem; } .m-margin--right--medium { margin-right: 1rem; } .m-margin--right--small { margin-right: 0.75rem; } .m-margin--right--tiny { margin-right: 0.5rem; } .m-margin--right--mini { margin-right: 0.5rem; } .m-margin--right--micro { margin-right: 0.25rem; } .m-margin--left--colossal { margin-left: 3.75rem; } .m-margin--left--titan { margin-left: 2.5rem; } .m-margin--left--giant { margin-left: 1.75rem; } .m-margin--left--huge { margin-left: 1.5rem; } .m-margin--left--large { margin-left: 1.25rem; } .m-margin--left--medium { margin-left: 1rem; } .m-margin--left--small { margin-left: 0.75rem; } .m-margin--left--tiny { margin-left: 0.5rem; } .m-margin--left--mini { margin-left: 0.5rem; } .m-margin--left--micro { margin-left: 0.25rem; } .m-padding--top--colossal { padding-top: 3.75rem; } .m-padding--top--titan { padding-top: 2.5rem; } .m-padding--top--giant { padding-top: 1.75rem; } .m-padding--top--huge { padding-top: 1.5rem; } .m-padding--top--large { padding-top: 1.25rem; } .m-padding--top--medium { padding-top: 1rem; } .m-padding--top--small { padding-top: 0.75rem; } .m-padding--top--tiny { padding-top: 0.5rem; } .m-padding--top--mini { padding-top: 0.5rem; } .m-padding--top--micro { padding-top: 0.25rem; } .m-padding--bottom--colossal { padding-bottom: 3.75rem; } .m-padding--bottom--titan { padding-bottom: 2.5rem; } .m-padding--bottom--giant { padding-bottom: 1.75rem; } .m-padding--bottom--huge { padding-bottom: 1.5rem; } .m-padding--bottom--large { padding-bottom: 1.25rem; } .m-padding--bottom--medium { padding-bottom: 1rem; } .m-padding--bottom--small { padding-bottom: 0.75rem; } .m-padding--bottom--tiny { padding-bottom: 0.5rem; } .m-padding--bottom--mini { padding-bottom: 0.5rem; } .m-padding--bottom--micro { padding-bottom: 0.25rem; } .m-padding--right--colossal { padding-right: 3.75rem; } .m-padding--right--titan { padding-right: 2.5rem; } .m-padding--right--giant { padding-right: 1.75rem; } .m-padding--right--huge { padding-right: 1.5rem; } .m-padding--right--large { padding-right: 1.25rem; } .m-padding--right--medium { padding-right: 1rem; } .m-padding--right--small { padding-right: 0.75rem; } .m-padding--right--tiny { padding-right: 0.5rem; } .m-padding--right--mini { padding-right: 0.5rem; } .m-padding--right--micro { padding-right: 0.25rem; } .m-padding--left--colossal { padding-left: 3.75rem; } .m-padding--left--titan { padding-left: 2.5rem; } .m-padding--left--giant { padding-left: 1.75rem; } .m-padding--left--huge { padding-left: 1.5rem; } .m-padding--left--large { padding-left: 1.25rem; } .m-padding--left--medium { padding-left: 1rem; } .m-padding--left--small { padding-left: 0.75rem; } .m-padding--left--tiny { padding-left: 0.5rem; } .m-padding--left--mini { padding-left: 0.5rem; } .m-padding--left--micro { padding-left: 0.25rem; } .m-set--w-0 { width: 0; } .m-set--w-10 { width: 10%; } .m-set--w-20 { width: 20%; } .m-set--w-30 { width: 30%; } .m-set--w-40 { width: 40%; } .m-set--w-45 { width: 45%; } .m-set--w-50 { width: 50%; } .m-set--w-55 { width: 55%; } .m-set--w-60 { width: 60%; } .m-set--w-70 { width: 70%; } .m-set--w-80 { width: 80%; } .m-set--w-90 { width: 90%; } .m-set--w-100 { width: 100%; } .m-set--h-0 { height: 0; } .m-set--h-10 { height: 10%; } .m-set--h-20 { height: 20%; } .m-set--h-30 { height: 30%; } .m-set--h-40 { height: 40%; } .m-set--h-45 { height: 45%; } .m-set--h-50 { height: 50%; } .m-set--h-55 { height: 55%; } .m-set--h-60 { height: 60%; } .m-set--h-70 { height: 70%; } .m-set--h-80 { height: 80%; } .m-set--h-90 { height: 90%; } .m-set--h-100 { height: 100%; } .m-gap--colossal { gap: 3.75rem; } .m-gap--titan { gap: 2.5rem; } .m-gap--giant { gap: 1.75rem; } .m-gap--huge { gap: 1.5rem; } .m-gap--large { gap: 1.25rem; } .m-gap--medium { gap: 1rem; } .m-gap--small { gap: 0.75rem; } .m-gap--tiny { gap: 0.5rem; } .m-gap--mini { gap: 0.5rem; } .m-gap--micro { gap: 0.25rem; }
}
@media (min-width: 48.0625rem) and (max-width: 77.5rem) { .flex-col--tablet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .t-slot-layout--stack > div:not(.slot-title) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .t-slot-layout--flat > div:not(.slot-title) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .t-slot-layout--2x2 > div:not(.slot-title) { display: grid; grid-template-areas: "nw ne" "sw se"; }
}
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { opacity: 0; visibility: hidden;
}
.header:after { position: absolute;
}
.page:after { position: fixed;
}
.loader-container { position: relative;
}
.set--overlay { position: relative; cursor: pointer;
}
.set--overlay-all:after { z-index: 1080;
}
.loader,
.set--overlay:after { position: absolute;
}
.loader,
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { top: 0; left: 0; width: 100%; height: 100%;
}
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
}
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { content: "";
}
.loader { z-index: 10000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden;
}
.loader.set--alt { background-color: rgba(0, 0, 0, 0.7);
}
.loader.set--alt .loader-indicator { background-image: url("../images/loading-white.svg");
}
.loader:not(.set--alt) { background-color: rgba(255, 255, 255, 0.6);
}
.loader:not(.set--alt) .loader-indicator { background-image: url("../images/loading.svg");
}
.loader.set--fixed { position: fixed;
}
.loader.set--visible { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 320ms; transition-duration: 320ms; opacity: 1; visibility: inherit;
}
.loader-indicator { z-index: 1; width: 100%; height: 100%; max-width: 20rem; max-height: 20rem; background-size: contain; background-position: center; background-repeat: no-repeat;
}
.loader-message { max-width: 20.625rem; padding: 0 1rem; text-align: center; font-weight: 700; color: #00A3B2; background-color: rgba(255, 255, 255, 0.75);
}
button { background-color: transparent; border: none; border-radius: 0; color: inherit; cursor: pointer; font: inherit;
}
.button { display: inline-block; padding: 0.75em 1.25em; margin: 0.5em; border-style: solid; border-width: 1px; border-radius: 0; font-size: 0.75rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; -webkit-transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); white-space: nowrap; line-height: 1.67; max-width: 100%; cursor: pointer;
}
.button:hover:not([disabled]):not(.disabled):not(.hover--plain) { opacity: 0.65;
}
.button[disabled], .button.disabled { background-color: #E6E9ED; border-color: #E6E9ED; color: #707B8C; cursor: not-allowed;
}
.button--soft__disable { opacity: 0.75; position: relative;
}
.button--soft__disable::after { content: ""; border-top: 1px solid #000; z-index: 99; width: 85px; -webkit-transform: rotate(38deg); transform: rotate(38deg); position: absolute; left: -12px; top: 50%;
}
.button--snug { margin: 0; max-width: 100%;
}
.button--wide { min-width: 20rem;
}
.button--w-144 { min-width: 9rem;
}
.button--w-240 { width: 15rem;
}
.button--small { padding: 0.5em 1em;
}
.button--large { padding: 0.85em 2.5em;
}
.button--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.button--fluid { padding-right: 0; padding-left: 0;
}
.button--primary { background-color: #000; border-color: #000; color: #FFF;
}
.button--primary:hover:not([disabled]):not(.disabled), .button--primary:focus:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFF; color: #000;
}
.button--primary.full-bleed { margin: 0; max-width: none;
}
.button--primary.marg-bottom { margin-bottom: 1.25rem;
}
.button--primary-outline { color: #000;
}
.button--primary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; border-color: #000; color: #FFF;
}
.button--secondary { background-color: #FFF; border-color: #000; color: #000;
}
.button--secondary:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; color: #FFF; border-color: #FFF;
}
.button--secondary-outline { color: #000;
}
.button--secondary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; border-color: #000; color: #FFF;
}
.button--link { border: 1px solid transparent; border-bottom: 1px solid #000;
}
.button--secondary--link { border: 1px solid transparent; color: #FFF; border-bottom: 1px solid #FFF;
}
.button--cross-close { position: absolute; top: 1em; right: 1em; width: 2.5em; height: 2.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; z-index: 2; -webkit-transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
.button--cross-close:hover { background-color: #E6E6E6;
}
.product-add__button { margin-left: 0; margin-right: 0;
}
.chip { display: inline-block; min-width: 3em; padding: 0.3em 0.5em; border: solid 0.0625rem #97A1B0; border-radius: 0; text-align: center; font-weight: 700;
}
.chip:hover { border-color: #32323B;
}
.chip.selected { border-color: #65A300; background-color: #65A300; color: #FFF;
}
.pill { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0.3em 0.85em; border: solid 0.0625rem; border-radius: 0; text-transform: uppercase; white-space: nowrap; border: 1px solid #E6E6E6;
}
.pill:hover { background-color: #000; border-color: #FFF; color: #FFF;
}
.pill--icon-left { padding-left: 0.35em;
}
.pill--icon-right { padding-right: 0.5em;
}
.pill__icon--swatch { border: solid 0.0625rem #FFF;
}
.pill__icon--left { margin-right: 0.5em;
}
.pill__icon--right { margin-left: 1em;
}
.pill--icon-search { height: 35px;
}
.pill--remove-filter { background-color: #F2F2F2; text-transform: none; padding: 0 0.75em; color: #212121; height: 1.75rem;
}
.pill--remove-filter .icon { margin-right: -0.25rem;
}
.pill--remove-filter:hover { background-color: #E6E6E6; color: #000;
}
.pill--sort-by:hover,
.pill--sort-by:focus-within { background-color: #FFF; color: #000; border: 1px solid #000;
}
.link, .link--primary { -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out;
}
.link:hover, .link--primary:hover { opacity: 0.7;
}
.link--primary { display: inline-block; text-decoration: underline; font-weight: 500;
}
.link--underline { text-decoration: underline;
}
.link--underline-hover { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent;
}
.link--underline-hover:hover, .link--underline-hover:focus { text-decoration: underline; -webkit-text-decoration-color: inherit; text-decoration-color: inherit;
}
.link--highlight-hover:hover, .link--highlight-hover:focus { color: #65A300;
}
.cursor--pointer:hover { cursor: pointer;
}
.cursor--not-allowed:hover { cursor: not-allowed;
}
.icon { display: inline-block; width: 1em; height: 1em; margin: 0 0.35em; vertical-align: middle; fill: currentColor;
}
.icon svg { width: 100%; height: 100%; fill: inherit;
}
.icon--colossal { width: 3.75rem;
}
.icon--titan { width: 2.5rem;
}
.icon--giant { width: 1.75rem;
}
.icon--huge { width: 1.5rem;
}
.icon--large { width: 1.25rem;
}
.icon--medium { width: 1rem;
}
.icon--small { width: 0.75rem;
}
.icon--tiny { width: 0.5rem;
}
.icon--mini { width: 0.5rem;
}
.icon--micro { width: 0.25rem;
}
.icon--colossal { height: 3.75rem;
}
.icon--titan { height: 2.5rem;
}
.icon--giant { height: 1.75rem;
}
.icon--huge { height: 1.5rem;
}
.icon--large { height: 1.25rem;
}
.icon--medium { height: 1rem;
}
.icon--small { height: 0.75rem;
}
.icon--tiny { height: 0.5rem;
}
.icon--mini { height: 0.5rem;
}
.icon--micro { height: 0.25rem;
}
@media (max-width: 48rem) { .m-icon--colossal { width: 3.75rem; } .m-icon--titan { width: 2.5rem; } .m-icon--giant { width: 1.75rem; } .m-icon--huge { width: 1.5rem; } .m-icon--large { width: 1.25rem; } .m-icon--medium { width: 1rem; } .m-icon--small { width: 0.75rem; } .m-icon--tiny { width: 0.5rem; } .m-icon--mini { width: 0.5rem; } .m-icon--micro { width: 0.25rem; } .m-icon--colossal { height: 3.75rem; } .m-icon--titan { height: 2.5rem; } .m-icon--giant { height: 1.75rem; } .m-icon--huge { height: 1.5rem; } .m-icon--large { height: 1.25rem; } .m-icon--medium { height: 1rem; } .m-icon--small { height: 0.75rem; } .m-icon--tiny { height: 0.5rem; } .m-icon--mini { height: 0.5rem; } .m-icon--micro { height: 0.25rem; }
}
.icon--social { height: 88px; width: 88px;
}
.icon--color-swatch { height: 35px; width: 35px; margin: 0;
}
.icon--rotate-h { -webkit-transform: scaleX(-1); transform: scaleX(-1);
}
.icon--rotate-up { -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.icon--rotate-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}
.icon--set-left { margin-right: 0.6em;
}
.icon--set-left-short { margin-right: 0.35em;
}
.icon--set-right { margin-left: 0.6em;
}
.icon--set-right-short { margin-left: 0.35em;
}
.icon--inline-align-center { vertical-align: middle;
}
.toggle--active .icon--toggle-flip { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg);
}
input[type=password],
input[type=date],
input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=number],
select,
textarea { font-family: inherit; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: solid 1px #d2d2d2; outline: none;
}
input[type=password]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #97A1B0;
}
input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #97A1B0;
}
input[type=password]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #97A1B0;
}
input[type=password]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #97A1B0;
}
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder { color: #97A1B0;
}
input[type=password]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #E6E6E6;
}
input[type=password]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #E6E6E6;
}
input[type=password]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #E6E6E6;
}
input[type=password]:focus::-ms-input-placeholder, input[type=date]:focus::-ms-input-placeholder, input[type=text]:focus::-ms-input-placeholder, input[type=tel]:focus::-ms-input-placeholder, input[type=email]:focus::-ms-input-placeholder, input[type=search]:focus::-ms-input-placeholder, input[type=number]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: #E6E6E6;
}
input[type=password]:focus::placeholder,
input[type=date]:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=search]:focus::placeholder,
input[type=number]:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder { color: #E6E6E6;
}
input[type=password].disabled, input[type=password][disabled],
input[type=date].disabled,
input[type=date][disabled],
input[type=text].disabled,
input[type=text][disabled],
input[type=tel].disabled,
input[type=tel][disabled],
input[type=email].disabled,
input[type=email][disabled],
input[type=search].disabled,
input[type=search][disabled],
input[type=number].disabled,
input[type=number][disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] { color: #97A1B0; cursor: not-allowed;
}
input[type=password]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=date]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=text]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=tel]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=email]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=search]:not([disabled]):not([readonly]):not(.is-invalid):focus,
input[type=number]:not([disabled]):not([readonly]):not(.is-invalid):focus,
select:not([disabled]):not([readonly]):not(.is-invalid):focus,
textarea:not([disabled]):not([readonly]):not(.is-invalid):focus { border-color: #32323B;
}
input[type=file] { cursor: pointer;
}
input[type=file].disabled, input[type=file][disabled] { cursor: not-allowed;
}
input::-webkit-contacts-auto-fill-button { position: relative; right: 1.5rem;
}
textarea { display: block; width: 100%; resize: none;
}
select { color: inherit;
}
select::-webkit-outer-spin-button, select::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
}
select::-ms-expand { display: none;
}
option { color: #000;
}
.form-intro__title { margin-bottom: 0.75em;
}
.form-intro__copy { margin-bottom: 1.75em;
}
.form-control-disclaimer { margin-top: 0.75em;
}
.form-control-description { margin-top: 0.25em; font-size: 0.875rem; color: #707B8C;
}
.reset { margin-top: 2.5rem;
}
.show-hide { position: relative;
}
.show-hide .icon { position: absolute; right: 10px; top: 50%; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.form-control { width: 100%; height: 2.5rem; padding-right: 0.625rem; padding-left: 0.625rem; background-color: #FFF;
}
.form-control.is-invalid { border-color: #df1642; background-color: white; color: #df1642;
}
.form-control.remove--border-styles { border-radius: 0; border-color: transparent;
}
.form-control-loyalty--L { display: none; position: absolute; height: 2.5rem; top: 50%; left: 0.5rem; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 2.6; border-top: 1px solid transparent;
}
.form-control-show-L { display: block;
}
.form-control-loyalty { position: relative;
}
.form-control-loyalty input { padding-left: 1rem;
}
.form-control--small { height: 2.5rem;
}
.form-control--tall { height: 3rem;
}
.form-control--textarea { padding-top: 1rem; padding-bottom: 1rem; height: auto; min-height: 4.5rem;
}
.form-control--radio-button { display: inline-block; margin-right: 0.5rem; margin-bottom: 0.5rem; width: 60px; overflow: hidden;
}
.custom-select,
.form-control--select { padding-right: 2rem; background-size: 0.85em 0.85em; background-repeat: no-repeat; background-position: calc(100% - 0.5em) center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.4 4.7L12 12.4 3.6 4.7 0 8.1l12 11 12-11z'/%3E%3C/svg%3E"); -webkit-transition: color 107ms ease-in-out; transition: color 107ms ease-in-out;
}
.custom-select:-internal-autofill-selected,
.form-control--select:-internal-autofill-selected { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.4 4.7L12 12.4 3.6 4.7 0 8.1l12 11 12-11z'/%3E%3C/svg%3E") !important;
}
.weaveupSelect { cursor: pointer; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23000' d='M.146 2.146a.5.5 0 0 1 .638-.057l.07.057 4.333 4.335 4.334-4.335a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L5.54 7.54a.5.5 0 0 1-.638.058l-.07-.058L.147 2.854a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top; background-size: 2em 1em; background-position: calc(100% - 0.5em) center;
}
.form-control-label { display: inline-block; font-family: "avenir-demi", sans-serif; margin-bottom: 0.25rem; color: #767676; font-size: 0.75rem;
}
.required .form-control-label:after { content: "*"; color: #df1642;
}
.form-control-label--bold { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 500; color: #000; font-size: 0.875rem; margin-bottom: 20px;
}
.form-check { position: relative;
}
.form-check.billing-save { margin-bottom: 15px;
}
.form-check-input { position: absolute; top: 0; left: 0; opacity: 0;
}
.form-check-input.stock-toggle { opacity: 1; position: relative;
}
.form-check-input.paymentInput { z-index: 1; width: 100%; height: 100%;
}
[class*=form-check-label] { display: block; position: relative; padding-left: 1.9em; line-height: 1.3; -webkit-transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
[class*=form-check-label]:before, [class*=form-check-label]:after { position: absolute;
}
[class*=form-check-label]:before { top: 0; left: 0; border: solid 0.0625rem #707B8C; border-radius: 0; content: ""; width: 1.25em; height: 1.25em;
}
[class*=form-check-label]:after { top: 0.2125em; left: 0.2em; width: 0.85em; height: 0.85em;
}
.margin--top--small { margin-top: 0.75rem;
}
.form-check-label:after { opacity: 0; line-height: 0.85; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%2365A300' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E");
}
.form-check-label--radio { cursor: pointer;
}
.form-check-label--toggle { cursor: pointer; border-radius: 0.75rem; border: 1px solid #000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0.5px; text-transform: uppercase; height: 1.5rem;
}
.form-check-label--toggle:before { border-radius: 50%; background-color: #000; height: 1rem; width: 1rem; margin: 0.1875rem 0.25rem; left: 0%; -webkit-transition: left 0.15s; transition: left 0.15s;
}
.form-check-label--toggle span { vertical-align: middle;
}
.form-check-label--toggle span:first-child { color: #FFF;
}
.form-check-label--toggle span:last-child { color: #000;
}
.form-check-input:checked + .form-check-label--toggle { background-color: #000;
}
.form-check-input:checked + .form-check-label--toggle:before { background-color: #FFF; left: calc(100% - 1.5rem); right: 0;
}
.form-check-input:checked + .form-check-label,
.form-check-label.set--checked { color: inherit;
}
.form-check-input:checked + .form-check-label:before,
.form-check-label.set--checked:before { background-color: #000; border-color: #000;
}
.form-check-input:checked + .form-check-label:after,
.form-check-label.set--checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E");
}
.form-check-label.no-checkbox { padding-left: 0px; display: inline-block;
}
.form-check-label.no-checkbox:before, .form-check-label.no-checkbox:after { display: none;
}
.form-check-input:checked + .form-check-label--radio:before,
.form-check-label--radio.set--checked:before { -webkit-box-shadow: inset 0 0 0 1rem #000; box-shadow: inset 0 0 0 1rem #000;
}
.form-check-input + .form-check-label--student { border: 1px solid #d2d2d2; padding: 0.75em 1.25em; padding-left: 1.9em;
}
.form-check-input:checked + .form-check-label--student { border: 2px solid #000;
}
.form-check-input:checked + .form-check-label--student::after { margin-top: 0.625rem; margin-left: 0.25rem;
}
.form-check-input + .form-check-label--radio-button { border: 1px solid #d2d2d2; padding: 0.75em; width: 100%; text-align: center;
}
.form-check-input:checked + .form-check-label--radio-button { border: 2px solid #000; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.form-check-input:checked + .form-check-label--radio-button:after { margin-top: 0.625rem; margin-left: 0.25rem;
}
.form-check-input:focus + [class*=form-check-label],
[class*=form-check-label]:focus { outline: none;
}
.form-check-input:focus + [class*=form-check-label]:before,
[class*=form-check-label]:focus:before { border-color: #000;
}
.form-check-input:disabled + [class*=form-check-label]:before,
[class*=form-check-label].disabled:before { background-color: #F2F2F2; border-color: #E6E9ED;
}
.form-check-input:disabled + [class*=form-check-label]:after,
[class*=form-check-label].disabled:after { color: #E6E9ED;
}
.form-check-input.error + [class*=form-check-label]:before { border-color: #df1642;
}
.form-check-label--billing-radio { display: block; position: relative; padding: 0px 0px 11px 40px; margin-top: 16px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.form-check-label--billing-radio:before { height: 22px; width: 22px; top: 4px; border-radius: 50%; border-color: #000; background: #FFF;
}
.form-check-input:checked + .form-check-label--billing-radio:before { border: 7px solid #73bd00;
}
.form-group { margin-bottom: 1.25rem;
}
.form-group--no-spacing { margin-bottom: 0;
}
.form-check-list__item:not(:last-child) { margin-bottom: 1rem;
}
.form-divider--top { border-top: 1px solid #E6E9ED;
}
.form-divider--bottom { border-bottom: 1px solid #E6E9ED;
}
.form-rule--top { border-top: 1px solid #000;
}
.form-rule--bottom { border-bottom: 1px solid #000;
}
.form-section:not(:first-child) { margin-top: 1.6rem;
}
.form-actions { margin-top: 2rem;
}
.success-feedback,
.invalid-feedback,
.form-invalid-feedback { display: block; margin-top: 0.25rem; font-size: 0.875rem;
}
.success-feedback:not(.set--visible),
.invalid-feedback:not(.set--visible),
.form-invalid-feedback:not(.set--visible) { position: absolute; opacity: 0; visibility: hidden;
}
.invalid-feedback,
.form-invalid-feedback { color: #df1642;
}
.success-feedback { color: #65A300;
}
.suggested-feedback { display: block; margin-top: 0.25rem; font-size: 0.875rem; color: #e77615;
}
.suggested-feedback .suggestion { cursor: pointer; text-decoration: underline;
}
.form-invalid-feedback { margin-bottom: 1em;
}
.set--form-pending [type=submit] { cursor: wait;
}
.form-group--constraints .constraints-list { background: #f6f6f6; padding: 25px;
}
.form-group--constraints .constraints-list .constraint-heading { margin-bottom: 20px;
}
.form-group--constraints .constraints-list .form-control__constraint { line-height: 1.5rem;
}
.form-group--constraints .constraints-list .form-control__constraint .icon { display: none;
}
.form-group--constraints .constraints-list .form-control__constraint.set--constraint-pass .icon { display: inline-block;
}
.form-group--constraints .invalid-feedback.set--visible { display: none;
}
.set--constraint-fail { color: #df1642;
}
.set--constraint-pass { color: #65A300;
}
@media (-ms-high-contrast: active) { .form-check-label:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-label--radio:after { border: solid 0.5rem; }
}
.step-msg { color: #df1642; top: 100%; background: #FFF;
}
.input-counter-container { position: relative; border: 1px solid #d2d2d2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 80px; width: 100%;
}
.input-counter-container:hover .min-qty { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; z-index: 1;
}
.input-counter-container .min-qty { font-size: 0.85rem; -webkit-transition: all 0.5s; transition: all 0.5s; position: absolute; border: 1px solid; padding: 5px 10px; text-align: center; opacity: 0; bottom: -45px; background: white; width: 7.9375rem; left: -15px;
}
.input-counter-container .min-qty:after, .input-counter-container .min-qty:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.input-counter-container .min-qty:after { border-bottom-color: white; border-width: 10px; margin-left: -10px;
}
.input-counter-container .min-qty:before { border-bottom-color: black; border-width: 12px; margin-left: -12px;
}
.input-counter-container .increment { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; cursor: pointer; color: #2C302C;
}
.input-counter-container .increment svg { margin: 0; display: inherit;
}
.input-counter-container .input-increase { right: 11px; left: inherit;
}
.input-counter-container .input-decrease { left: 11px; right: inherit;
}
.input-counter-container input { border: none; width: 63px; height: 48px; margin: 0 auto; font-weight: 400; text-align: center; font-size: 16px; color: #212121;
}
.input-counter-container input[type=number] { -moz-appearance: textfield;
}
.input-counter-container input::-webkit-outer-spin-button,
.input-counter-container input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0px;
}
[data-action=Cart-Show] input.quantity { width: 96px; height: 40px; font-size: 14px;
}
#deptSearch,
#siteSearch { border: none; border-bottom: 1px solid #000;
}
.re-search__icon { position: relative; margin-bottom: 16px;
}
.re-search__icon .re-searchbar_field { width: 100%; height: 35px; border: 1px solid #767676; color: #767676; padding: 9px 50px 9px 16px; border-radius: 21px; font-size: 0.75rem; line-height: 1.125rem;
}
.re-search__icon .refinement-searchbar__icon { position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
@media (max-width: 48rem) { .refinement-searchbar__icon { margin-top: -0.5rem; } .re-search__icon { white-space: normal; margin-bottom: 1rem; margin-right: 0.875rem; } .re-searchbar_field { width: 100%; margin-right: -2.5rem; }
}
input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid #000; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms;
}
input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px;
}
input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}
input.stock-toggle:checked:before { content: "ON"; left: 4px;
}
input.stock-toggle:checked:after { right: 5px; left: unset; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
.gift-certificate-balance { margin: 40px auto;
}
.video-asset { width: 100%; opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out;
}
.video-asset.video-asset--fit { width: 100%; height: 100%;
}
.video-asset.video-asset--natural { max-width: 100%; height: auto;
}
.video-asset.video-asset--ratio-wide { width: 100%;
}
.video-asset--natural video.vjs-tech { position: initial;
}
.video-asset--ratio-wide { position: relative;
}
.video-asset--ratio-wide:before { display: block; content: ""; padding-bottom: 56.25%; width: 100%;
}
.video-asset--overlay-poster { background-color: transparent;
}
.video-asset--overlay-poster .vjs-tech { opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out;
}
.video-asset__overlay { -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
}
.set--video-playing.set--video-overlay-hide-playing .video-asset__overlay, .set--video-playing.set--video-overlay-show-hover:not(:hover) .video-asset__overlay, .set--video-played.set--video-overlay-hide-permanent .video-asset__overlay { opacity: 0; visibility: hidden;
}
.set--video-manual .video-asset__overlay, .set--video-has-controls .video-asset__overlay { pointer-events: none;
}
.set--video-manual .video-asset__overlay > *, .set--video-has-controls .video-asset__overlay > * { pointer-events: initial;
}
.set--video-no-controls.set--video-autoplay .video-asset { pointer-events: none;
}
.set--video-ready .video-asset { opacity: 1;
}
.set--video-played .vjs-tech { opacity: 1;
}
.header { z-index: 14; position: relative; background-color: #FFF; cursor: initial; border-bottom: 1px solid #E6E6E6;
}
.header.set--overlay { -webkit-box-shadow: none; box-shadow: none;
}
@media (max-width: 48rem) { .header .modalBg { background-color: rgba(0, 0, 0, 0.7); }
}
.header__logo { height: 2.5rem;
}
.header__logo-img { width: 100%; fill: currentColor;
}
.header__skip-to-main { position: absolute; top: 1rem; left: 2rem; z-index: 1000;
}
.header__skip-to-main:not(:focus) { pointer-events: none; opacity: 0;
}
.header__hamburger-menu { padding-right: 1em;
}
.header__search--toggle { display: none;
}
.page-header__title-text { text-transform: lowercase;
}
@media (min-width: 64.0625rem) { .header__utility-item:not(:last-child) { margin-right: 0.75rem; }
}
@media (min-width: 48.0625rem) { .header__main { padding: 1em 2.5em; } .header__main__row-1 { padding: 1.5em 2.5em 1em; } .header__main__row-2 { padding: 0 2.5em; } .header__logo { max-width: 12.25rem; -webkit-flex-shrink: 0.8; -ms-flex-negative: 0.8; flex-shrink: 0.8; } .page-header__title { padding: 0 3.5em 2.5em; padding-top: 0; padding-bottom: 0; } .header-flyout__anchor--image { padding-top: 4px; }
}
@media (max-width: 48rem) { .header__main { padding: 1em 0.5em 0.25em; } .header__logo__wrapper .header__logo { position: absolute; left: calc(50% - 4rem); right: calc(50% - 4rem); max-width: 8rem; } .header-flyout__anchor--image { height: 12px; }
}
@supports not (-ms-high-contrast: none) { @media (min-width: 64.0625rem) { .header.fixit--active > nav { display: grid; grid-template-areas: "logo cats search store utility"; grid-template-columns: 14.5rem auto 1fr auto auto; } .header.fixit--active > nav .header__main__row-1, .header.fixit--active > nav .header__main__row-2 { display: contents; } .header.fixit--active > nav .header__logo__wrapper { grid-area: logo; max-width: 100%; padding-left: 3rem; padding-right: 2rem; } .header.fixit--active > nav .header__logo { max-width: 100%; padding: 2px; } .header.fixit--active > nav .header__search__wrapper { grid-area: search; max-width: 100%; width: 36rem; align-self: center; justify-self: center; padding-top: 0; padding-left: calc(90px - 1rem); padding-bottom: 0.25rem; padding-right: 83px; font-size: 0.875rem; } .header.fixit--active > nav .header__utility__wrapper { grid-area: utility; max-width: 100%; align-self: center; justify-self: end; padding-right: 3rem; } .header.fixit--active > nav .header__utility__wrapper .icon { margin: 0 0.45em; } .header.fixit--active > nav a.header__utility-item { margin: 0 !important; padding-left: 0; } .header.fixit--active > nav .header__login { margin-left: 0.65rem !important; } .header.fixit--active > nav .header__login span { display: none; } .header.fixit--active > nav .header__my-store { grid-area: store; max-width: 100%; align-self: center; justify-self: end; } .header.fixit--active > nav #navigation { grid-area: cats; } .header.fixit--active > nav #navigation .header-flyout__list.level-1 { padding: 0; } .header.fixit--active > nav #navigation .header-flyout__item.level-1:not(:first-of-type):not(:last-of-type) { display: none; } .header.fixit--active > nav #navigation .header-flyout__anchor.level-1 { padding: 1em; line-height: 2; } .header.fixit--active > nav #navigation .header-flyout__container.level-2 { -webkit-transform: translateX(-12rem); transform: translateX(-12rem); } .header.fixit--active > nav .my-store__hours, .header.fixit--active > nav .header__wishlist { display: none; } .header.fixit--active > nav .site-search__field { padding-bottom: 0.25rem; } .header.fixit--active > nav .site-search__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header.fixit--active > nav .site-search__button svg { font-size: 1.25rem; } .header.fixit--active > nav .esw-country-selector br, .header.fixit--active > nav .esw-country-selector span.change-uscountry { display: none; } .header.fixit--active > nav .header-links { top: 1.5rem; } } @media (max-width: 64rem) { .header.fixit--active .header__search__wrapper { height: 1px; overflow: hidden; } .header.fixit--active .header__search__wrapper:focus-within { height: auto; overflow: visible; } .header.fixit--active .header__search__wrapper:focus-within ~ .header__utility__wrapper .header__search--toggle { display: none; } .header.fixit--active .header__main__row-2 { padding: 0; } .header.fixit--active .header__search--toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
}
#flyout-customizable-fabric { min-width: 8rem;
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .header-flyout__anchor.level-1 { padding: 0.5rem; }
}
@media (min-width: 64.0625rem) { .header-flyout:hover .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover), .header-flyout.mega--active .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: 0.6; } .header-flyout__anchor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; } .header-flyout__anchor.level-1 { padding: 1em 1em 2em; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; height: 4rem; } .header-flyout__anchor--view-all { text-decoration: underline; } .header-flyout__list { max-width: 21rem; padding-right: 2rem; min-width: 16rem; } .header-flyout__list.level-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: unset; } .header-flyout__list-level-2 { -webkit-flex-basis: 20rem; -ms-flex-preferred-size: 20rem; flex-basis: 20rem; max-width: 20rem; } .header-flyout__list:not(.level-1) .header-flyout__item { padding: 0.5em 0; } .header-flyout__list-title { padding-bottom: 0.5rem; } .header-flyout__item { background-color: #FFF; font-size: 0.875rem; } .header-flyout__item.level-3 { font-size: 0.875rem; } .header-flyout__anchor { font-size: 0.875rem; font-family: "avenir-regular", sans-serif; } .header-flyout__anchor.level-1 { display: block; } .header-flyout__anchor.level-1.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #65A300; box-shadow: inset 0 -0.25rem #65A300; } .header-flyout__anchor:not(.level-1) .icon { visibility: hidden; } .header-flyout__anchor:not(.level-1):hover, .header-flyout__anchor:not(.level-1).mega-item--active { font-family: "avenir-bold", sans-serif; } .header-flyout__anchor:not(.level-1):hover > .icon, .header-flyout__anchor:not(.level-1).mega-item--active > .icon { visibility: visible; } .header-flyout__container { background-color: #FFF; } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: calc(100% - 3.375rem); overflow: visible; } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: auto; height: auto; background-color: #FFF; padding: 2em 1em; min-width: 25vw; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; font-family: "avenir-bold", sans-serif; } .header-flyout__container:not(.level-1).mega-item--active > .icon { visibility: visible; } .header-flyout__container:not(.level-1).mega-item--active > .header-flyout__back.level-2 { display: none; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__container:not(.level-1).level-2 { top: 4rem; width: 100vw; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-left: -2.5rem; padding-left: 3.5rem; padding-top: 2.5rem; -webkit-box-shadow: 0px 4px 4px 1px #E6E6E6; box-shadow: 0px 4px 4px 1px #E6E6E6; max-width: 120rem; max-height: 40rem; height: calc(100vh - 12.5rem); overflow: hidden; } .header-flyout__container:not(.level-1).level-2 > .header-flyout__scrollable { max-width: unset; -ms-overflow-style: none; scrollbar-width: none; } .header-flyout__container:not(.level-1).level-2 > .header-flyout__scrollable::-webkit-scrollbar { display: none; } .header-flyout__container:not(.level-1):not(.level-2) { left: 31rem; border-left: 1px solid #E6E6E6; height: 100%; min-height: 100%; margin-left: 0; padding-top: 2rem; padding-left: calc(0.1 * (100vw - 767px) + 1rem); max-height: 28rem; } .header-flyout__container:not(.level-1):not(.level-2).mega-item--active > .header-flyout__back { opacity: 1; position: absolute; width: 2rem; left: 1.5rem; top: 2.5rem; } .header-flyout__container:not(.level-1).level-3 { left: 22rem; width: 100%; } .header-flyout__promos { border-left: 1px solid #E6E6E6; } .header-flyout__promos > section { height: 100%; } .header-flyout__promos--top-categories { max-width: 28.375rem; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: calc(0.1 * (100vw - 767px) + 1rem); border-right: 1px solid #E6E6E6; } .header-flyout__promos--top-categories .html-slot-container, .header-flyout__promos--top-categories .module-container { width: 14rem; } .header-flyout__promos--videos, .header-flyout__promos--seasonal, .header-flyout__promos--projects, .header-flyout__promos--new-arrivals, .header-flyout__promos--joann-plus, .header-flyout__promos--classes, .header-flyout__promos--coupons-and-deals, .header-flyout__promos--shopping-promos { padding: 0 5.25rem; } .header-flyout__promos--coupons-and-deals { border-left: 1px solid #E6E6E6; } #flyout-coupons-and-deals.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #df1642; box-shadow: inset 0 -0.25rem #df1642; } .header__utility__wrapper { position: relative; } .header-links { z-index: 11; position: absolute; right: 0; top: 3.5rem; height: auto; background-color: #FFF; display: none; min-width: 250px; cursor: default; } .header-links:hover, .header__account:hover .header-links, .header__login:hover ~ .header-links { display: block; } .header-flyout__secondary-link { margin: 1rem 1.25rem; white-space: nowrap; cursor: pointer; }
}
@media (min-width: 120.0625rem) { .header-flyout__container:not(.level-1):not(.level-2) { padding-left: 8rem; } .header-flyout__container:not(.level-1):not(.level-2).level-4 { max-width: 67.25rem; } .header-flyout__promos--top-categories { max-width: 28.375rem; -webkit-flex-basis: 28.375rem; -ms-flex-preferred-size: 28.375rem; flex-basis: 28.375rem; padding-left: 8rem; }
}
@media (min-width: 48.0625rem) and (max-width: 77.5rem) { .header-flyout__promos--shopping-promos { display: none; }
}
@media (max-width: 64rem) { .header-flyout { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: #FFF; overflow: hidden; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; padding-right: 2.5em; background: #65A300; } .header-flyout:not(.flyout-toggle--active) { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; } .header-flyout.flyout-toggle--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } .header-flyout.flyout-toggle--active .header-flyout__close { opacity: 1; } .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1, .header-flyout.flyout-toggle--active .header-flyout__secondary-link { -webkit-transform: translateX(0); transform: translateX(0); } .header-flyout .header__logo { height: 2rem; } .header-links { display: none; background: red; z-index: 11; position: absolute; right: 0; top: 3.5rem; height: auto; background-color: #FFF; display: none; min-width: 250px; cursor: default; } .header__account:hover .header-links { display: block; } .header-flyout__head { position: relative; background-color: #FFF; padding-bottom: 0; padding-top: 1.25rem; } .header-flyout__close { z-index: 2; margin-left: auto; opacity: 0; -webkit-transition: opacity 213ms ease-out 213ms; transition: opacity 213ms ease-out 213ms; } .header-flyout__back { left: 0; bottom: 100%; opacity: 0; background-color: #FFF; padding: 1rem 1.25rem; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .header-flyout__back .icon { margin-right: 1.5rem; } .header-flyout__container { background-color: #FFF; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: calc(100% - 3.375rem); } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: calc(100vh - 3.5rem); background-color: #FFF; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 1; visibility: inherit; } .header-flyout__container:not(.level-1).mega-item--active > .header-flyout__back { margin-top: 20px; opacity: 1; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-delay: 213ms; transition-delay: 213ms; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__container:not(.level-1) .header-flyout__anchor { padding: 1rem 1.25rem 1rem 3.5rem; } .header-flyout__anchor--coupons-and-deals .icon { margin-left: 0; } .header-flyout__list.level-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header-flyout__list-title { padding: 1rem 1.25rem 1rem 3.5rem; } .header-flyout__item { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .header-flyout__item--coupons-and-deals { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .header-flyout__scrollable { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 8rem); padding-bottom: 8rem; -webkit-overflow-scrolling: touch; } @supports (-webkit-touch-callout: none) { .header-flyout__scrollable { -webkit-overflow-scrolling: auto; } } .header-flyout__anchor, .header-flyout__back, .header-flyout__secondary-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 0.5rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-flyout__anchor.level-1, .header-flyout__secondary-link { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 107ms; transition-delay: 107ms; } .header-flyout__anchor.level-1.mobile-only, .header-flyout__secondary-link.mobile-only { padding-left: 0; } .header-flyout__anchor--parent { font-weight: 700; } .header__minicart-wrapper { padding-left: 0.25rem; } .header-flyout__tertiary .header__logo { display: none; }
}
@media (min-width: 48.0625rem) { .header-flyout__scrollable.set--h-100 { overflow-y: scroll; overflow-x: hidden; max-width: 22rem; } .header-flyout__scrollable.set--h-100::-webkit-scrollbar { width: 1rem; } .header-flyout__scrollable.set--h-100::-webkit-scrollbar-track { background-color: #FFF; } .header-flyout__scrollable.set--h-100::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .header-flyout__scrollable.set--h-100::-webkit-scrollbar-button { display: none; }
}
.site-search { position: relative;
}
input[type=search].site-search__field { width: 100%; padding: 0.5em; background-color: #FFF;
}
.site-search__button { position: absolute; top: 0; right: 0; width: 2rem; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.site-search__button-icon { margin: 0;
}
.site-search__suggestions-container { z-index: 1; position: absolute; min-width: 55vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-height: 750px; overflow-x: hidden;
}
.site-search__suggestions-container::-webkit-scrollbar { display: none;
}
.site-search__suggestions-container-v2 { z-index: 1; position: absolute; min-width: 55vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-height: 750px; overflow-x: hidden;
}
.site-search__suggestions-container-v2::-webkit-scrollbar { display: none;
}
.site-search__suggestions-list { padding: 2.5rem 0; background-color: #FFF; overflow: auto; -webkit-overflow-scrolling: touch;
}
button.site-search__suggestions-close { top: 2rem; right: 1rem;
}
button.site-search__suggestions-close:hover, button.site-search__suggestions-close:focus { background-color: #E6E6E6;
}
.site-search__suggestions-title { margin-bottom: 1rem;
}
.site-search__suggestions-name { text-align: center;
}
.site-search__suggestions-item { margin: 1.25rem 0; font-size: 0.875rem; display: block;
}
.site-search__suggestions-matches--products { margin-left: -0.5rem; margin-right: -0.5rem;
}
.site-search__suggestions-image-wrap { overflow: hidden;
}
.site-search__suggestions-image { max-height: none; margin: 0.5em;
}
#trendingSearchSuggestions { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; display: inline; overflow: hidden; padding: 0.5rem; color: #707B8C;
}
#trendingSearchSuggestions li { height: 0; overflow: hidden; -webkit-transition: height 0.5s ease-out; transition: height 0.5s ease-out;
}
#trendingSearchSuggestions:before { content: "Search: "; float: left; margin-right: 0.5rem;
}
@media (min-width: 48.0625rem) { .site-search { position: relative; } .site-search__suggestions-section.site-search__suggestions-section--categories-v2 { margin-left: 18rem; } .site-search__suggestions-section--projects-and-classes-v2 { margin-left: 18rem; } .site-search__suggestions-section.site-search__suggestions-section--recent-searches-v2 { margin-left: 18rem; } .site-search__suggestions-section.site-search__suggestions-section--popular-searches-v2 { margin-left: 18rem; } .site-search__suggestions-container { min-width: 48rem; } .site-search__suggestions-container-v2 { min-width: 80rem; } .site-search__suggestions-list { -webkit-box-shadow: 0px 4px 4px 1px #E6E6E6; box-shadow: 0px 4px 4px 1px #E6E6E6; } .site-search__body > div { padding: 0 2.5rem; } .site-search__body > div:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; border-right: 1px solid #E6E6E6; } .site-search__body-v2 > div { padding: 0 2.5rem; } .site-search__body-v2 > div:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; border-right: 1px solid #E6E6E6; } .site-search__suggestions-section:not(:last-of-type):after { content: " "; display: block; width: 90%; margin: 1.5rem auto; border: 0.5px solid #E6E6E6; }
}
@media (max-width: 48rem) { .header__search__wrapper { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; max-width: 100vw; width: 100vw; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0.5em; } .site-search__suggestions-container { width: 100vw; max-height: calc(100vh - 8rem); overflow: scroll; } .site-search__suggestions-container-v2 { width: 100vw; max-height: calc(100vh - 8rem); overflow: scroll; } .site-search__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-search__suggestions-section:after { content: " "; display: block; width: 90%; margin: 1.5rem auto; border: 0.5px solid #E6E6E6; }
}
.site-search__select-department { width: auto; padding-top: 0.5em; cursor: pointer;
}
.dept-search__dropdown { position: absolute; display: none; z-index: 99; left: -0.5rem; padding: 0.5rem; width: 16rem; margin-top: 10px;
}
.site-search__select-department.toggle--active .dept-search__dropdown { display: block;
}
.form-check-label--dept-search { padding-top: 0.5rem; padding-left: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.5rem; cursor: pointer;
}
.form-check-label--dept-search:before { display: none;
}
.form-check-label--dept-search:hover { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
input:checked + .form-check-label--dept-search { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
@media (min-width: 48.0625rem) { #deptSearch ~ #trendingSearchSuggestions { left: 4rem; }
}
.header__minicart { position: relative;
}
.header__minicart.set--has-items .header__minicart-link--no-items { display: none;
}
.header__minicart:not(.set--has-items) .header__minicart-link--has-items { display: none;
}
.header__minicart-link { position: relative;
}
.header__minicart-link--active { position: absolute; width: 2.54875rem; height: 1.5rem; z-index: 1; display: none;
}
@media (min-width: 48.0625rem) { .toggle--active .header__minicart-link--active { display: block; }
}
.header__minicart-qty { position: absolute; top: 0; left: 72%; min-width: 1rem; height: 1rem; padding-right: 0.25em; padding-left: 0.25em; background-color: #FFF; border-radius: 1rem; color: #000; font-size: 12px;
}
.minicart__header,
.minicart__footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
.minicart__header { padding: 1.4rem 0rem; position: relative; top: -3rem; background-color: #000; width: 481px; -webkit-transform: translate(-16px, 0px); transform: translate(-16px, 0px);
}
.minicart__header .minicart__promo.minicart_header { padding: 2rem 0;
}
.minicart__header .minicart-close__btn { position: relative; top: 2rem; left: 0.5rem;
}
.minicart__promo { position: static; width: 481px; height: 3.4375rem; -webkit-transform: translate(-16.5px, -56px); transform: translate(-16.5px, -56px);
}
@media (max-width: 48rem) { .minicart__promo { width: 110%; }
}
.minicart__promo::after { display: block; content: "";
}
.minicart__promo .approaching-discounts { background-color: rgba(118, 186, 14, 0.06); color: #242424; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 17px; font-weight: 800;
}
.minicart__promo .approaching-discounts__item { font-size: 18px; padding: 0.7625rem 3.5rem 0.7625rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
@media (max-width: 48rem) { .minicart__promo .approaching-discounts__item { padding: 0.7625rem 2.5rem 0.7625rem; }
}
.minicart__header-anchor--tagline { margin-right: 0.2875rem;
}
.minicart__line-item,
.product-line-item__minicart { padding-bottom: 0.9375rem; border-bottom: solid 1px #E6E6E6; overflow-x: hidden;
}
.minicart__line-item:last-of-type,
.product-line-item__minicart:last-of-type { border-bottom: none; padding-bottom: 0;
}
.minicart__line-item--label { padding-bottom: 0.9375rem;
}
.minicart__line-items { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-overflow-scrolling: touch; min-height: 20.25rem; max-height: calc(100vh - 18.5rem); overflow-y: auto;
}
.minicart__line-items::-webkit-scrollbar { width: 1rem;
}
.minicart__line-items::-webkit-scrollbar-track { background-color: #FFF;
}
.minicart__line-items::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF;
}
.minicart__line-items::-webkit-scrollbar-button { display: none;
}
.minicart__line-items .product-line-item { padding-bottom: 0; padding-top: 1.275rem;
}
.minicart__footer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #000;
}
.minicart__footer-promo { padding-top: 1.25rem; padding-bottom: 1.25rem;
}
.minicart__footer-message { margin-top: 1em;
}
.minicart__footer-actions { margin: 0 auto; padding: 0.5rem 0rem 1.6rem; width: 80%;
}
.minicart__footer-actions button { max-width: 100%; margin-left: 0; margin-right: 0;
}
.minicart__footer-section--copy { max-width: 30rem; margin: 0 auto; padding-bottom: 0.5rem;
}
.minicart__footer-section--price { float: right;
}
.store__dropdown__services .store-services > p,
.store__dropdown__services .store-services > a { line-height: 28px; margin-bottom: 0; display: block;
}
.store__dropdown__address-title { padding: 0.5em 0;
}
.store__dropdown { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility 0s, -webkit-transform 213ms ease-in-out; transition: visibility 0s, -webkit-transform 213ms ease-in-out; transition: transform 213ms ease-in-out, visibility 0s; transition: transform 213ms ease-in-out, visibility 0s, -webkit-transform 213ms ease-in-out;
}
.store__dropdown.dropdown--open { -webkit-transform: translateX(0); transform: translateX(0);
}
.store__dropdown-close { margin: 0.5em;
}
.store__dropdown__services--space { line-height: 1.8;
}
@media (min-width: 48.0625rem) { .store__details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 0.75rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .store__dropdown { position: absolute; right: 0; min-width: 30rem; }
}
@media (max-width: 48rem) { .store__details { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 0.875rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .my-store { margin-right: 2em; font-size: 0.875rem; } .store__dropdown { position: fixed; z-index: 11; top: 0; left: 0; bottom: 0; right: 0; } .store__dropdown__info, .store__dropdown__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
}
.pre-header__content:not(.slick-initialized) .pre-header__slide:not(:first-of-type) { display: none;
}
.pre-header { position: relative; margin: auto; max-width: 100vw; width: 100%;
}
.pre-header .text__container { font-size: inherit;
}
.pre-header .text__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: inherit !important; font-family: "avenir-demi", sans-serif; color: #FFF; line-height: 1.67; letter-spacing: 0.5px;
}
.pre-header .text__content > * { padding: 0 0.5em; line-height: 1.2rem; white-space: nowrap; font-family: "avenir-regular", sans-serif; font-size: inherit !important; color: #FFF; -webkit-box-flex: 0; -webkit-flex: 0 1 0; flex: 0 1 0; -ms-flex: 0 1 0;
}
.pre-header .button { margin: 0 !important; padding: 0 !important; width: auto !important; font-size: inherit;
}
.pre-header .slick-arrow { font-size: 0.75rem; background: #000;
}
.pre-header .slick-arrow svg { width: 1.25rem; height: 1.25rem;
}
[data-component=add-coupon] { cursor: pointer;
}
@media (min-width: 48.0625rem) { .pre-header { max-width: 100vw; } .pre-header .text__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; } .pre-header .text__content > * { white-space: normal; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: unset; } .pre-header .slick-arrow { font-size: 0.875rem; }
}
@media (max-width: 48rem) { .pre-header .text__content { font-size: inherit; }
}
.footer__info-group .footer__heading { margin: 1em 0; font-size: 0.875rem; font-family: "avenir-bold", sans-serif;
}
.footer__info-group .footer__heading .icon { float: right; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
}
.footer__info-group .footer__heading.toggle--active .icon { -webkit-transform: scale(-1); transform: scale(-1);
}
.footer__info-group li:not(:last-child) { margin-bottom: 0.5em;
}
.footer__info-group a:hover { text-decoration: underline;
}
@media (min-width: 120.0625rem) { .footer__info-group--social-icons { margin-left: -0.625rem; }
}
.footer__info-group--social-icons .content-asset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1em;
}
@media (min-width: 48.0625rem) { .footer__info-group .header__logo { margin-left: 1rem; }
}
@media (max-width: 48rem) { .footer__info-group .header__logo { margin-left: -0.375rem; }
}
.footer__info-group .qrcode__img { height: 9.5rem; margin-left: 1rem;
}
.footer__social-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem;
}
@media (min-width: 48.0625rem) { .footer { padding-bottom: 2.75rem; } .footer__heading { margin: 1.25em 0; } .footer__main-content { margin-top: 2.75rem; margin-bottom: 3rem; } .footer__secondary-content { margin-top: 2.5rem; } .footer__heading { margin-bottom: 1em; } .footer__copyright-title:after { display: inline-block; margin: 0 0.25rem 0 0.75rem; content: "|"; } .footer__info-group--desktop-des { min-width: 15rem; }
}
@media (max-width: 48rem) { .footer { padding-bottom: 2.5rem; } .footer__secondary-content { margin-top: 1.75rem; } .footer__info-group { border-bottom: solid 1px #E6E6E6; } .footer__info-group li:not(:last-child) { margin-bottom: 1.5em; } .footer__info-group--social-icons .content-asset { padding-top: 2em; } .footer__heading { padding-top: 0.75em; padding-bottom: 0.75em; } .footer__links-list.toggle--active { margin-bottom: 1rem; } .footer__links-list:not(.toggle--active) { display: none; } .footer__copyright { font-size: 0.875rem; } .footer__copyright-title, .footer__copyright-description { display: block; } .footer__copyright-title { margin-bottom: 0.5em; } .footer__copyright-additional { margin-top: 2em; } .footer__social { margin-bottom: 2.75rem; } .footer__info-group--phone-des { max-width: 15rem; } .footer__info-group--phone-btn { background: black; color: white; border-radius: 0.3rem; } .footer__info-group--phone-btn { border-radius: 0.3rem; }
}
.footerEmailSignup .content { margin: 0 auto;
}
.footerEmailSignup .contact-section { margin-bottom: 30px; padding-bottom: 10px;
}
.footerEmailSignup .left-pad { padding-left: 10px;
}
.footerEmailSignup .phone { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
.footerEmailSignup .comm-form-icon { position: absolute;
}
.footerEmailSignup .row-content { padding-left: 50px; margin-bottom: 25px;
}
.footerEmailSignup .heading { margin-bottom: 10px;
}
.footerEmailSignup .form-check-label:not(.text-color--black) { color: #767676; display: inline-block;
}
.footerEmailSignup .sub-heading { margin-bottom: 40px;
}
.footerEmailSignup .option-container { position: relative; margin-bottom: 10px;
}
.footerEmailSignup .cancel { margin-left: 20px;
}
.footerEmailSignup .popup-section--body.active { display: block;
}
.footerEmailSignup .shipping-address-line-2:not(.toggle--active):before,
.footerEmailSignup .billing-address-line-2:not(.toggle--active):before { content: "+"; display: inline; margin-right: 0.75rem;
}
.footerEmailSignup .shipping-address-line-2 + input,
.footerEmailSignup .billing-address-line-2 + input { display: none;
}
.footerEmailSignup .shipping-address-line-2.toggle--active + input,
.footerEmailSignup .billing-address-line-2.toggle--active + input { display: inline-block;
}
.footerEmailSignup .billing-address-line-2 .black { color: #000;
}
.footerEmailSignup .billing-address-line-2 .sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif;
}
@media (max-width: 48rem) { .footerEmailSignup .phone, .footerEmailSignup .mobile-break { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footerEmailSignup .field3 { width: 100%; } .footerEmailSignup .mobile-100 { width: 100%; } .footerEmailSignup .button.set--w-33 { width: 50%; margin-right: 30px; }
}
.price { color: #000; font-size: 1.5rem;
}
.price .strike-through { opacity: 0.6;
}
.price .price__item .value:empty { margin-right: 0;
}
.price .starting,
.price .range,
.price .sales { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.price .tiered table { border-top: solid 0.0625rem #E6E6E6; margin: 0; width: 100%;
}
.price .tiered table tr:nth-child(odd) { background-color: #E6E9ED;
}
.price .tiered td,
.price .tiered span.price { font-size: 0.875rem; font-weight: 500;
}
.price .tiered td { padding: 0.313rem;
}
.price .tiered td.quantity { font-weight: normal; text-align: right;
}
.price .tiered td.value { text-align: left;
}
.price .tiered .table-header { font-size: 1.125rem; padding: 0.313rem;
}
.price .tiered .column-header { font-size: 1rem; padding: 0.313rem; font-weight: normal;
}
.price .tiered .column-header.quantity { text-align: right;
}
.price .savings { font-size: 0.75rem; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end;
}
@media (min-width: 48.0625rem) { .price .savings { margin-left: 1rem; font-size: 0.875rem; }
}
.pdp-main__price { padding: 0 0 20px;
}
.pdp-main__price .price .strike-through { opacity: 1; font-size: 1rem; line-height: 1.25rem; color: #767676;
}
.pdp-main__price .price.flex-flow-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.pdp-main__price .price .price__item .value.sales--price { font-size: 1.25rem; line-height: 1.375rem; font-weight: 600; color: #dc3a18; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.pdp-main__price .price .sales { font-size: 1.25rem; line-height: 1.375rem; color: #212121;
}
.pdp-main__price .price .price__sales { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.pdp-main__price .price .savings { display: inline-block; margin-left: 0; color: #212121; font-size: 0.875rem; line-height: 1.375rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; margin-left: 16px;
}
.pdp-main__price .price .savings .price-diff { font-size: 0.875rem; background-color: #eff5e5; padding: 0 4px;
}
.pdp-main__price .price .savings .price-final-sale { color: #dc3a18; background-color: #FBEBE7; font-size: 0.875rem; padding: 0 4px; text-transform: uppercase;
}
.pdp-main__price .price__unitofmeasure { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-top: 5px; font-size: 0.9375rem; color: #212121;
}
.pdp-main__price .price__unitofmeasure.price-esw { margin-left: 0.5em;
}
.taxmessage-esw { font-family: "avenir-regular", sans-serif; color: #000;
}
.breadcrumbs { margin: 1rem; display: block; text-align: center;
}
.breadcrumbs .plp-breadcrumb-count { margin-left: 7px;
}
.breadcrumbs__separator { display: inline-block; margin: 0 0.5em;
}
.breadcrumbs--spaced { margin-top: 1rem;
}
.breadcrumbs__wrapper { margin-top: 1rem;
}
.breadcrumbs__item:not(:last-child) { font-size: 0.75rem; margin: 0 0.5em 10px 0.5em; display: inline;
}
.breadcrumbs__item:first-child { margin-left: 0;
}
.breadcrumbs__item:last-of-type:not(:first-of-type) { font-size: 1.5rem; display: block;
}
.pdp-breadcrumbs { margin-bottom: 17px;
}
@media (min-width: 48.0625rem) { .pdp-breadcrumbs { margin-bottom: 14px; }
}
.pdp-breadcrumbs__item { color: #212121;
}
.pdp-breadcrumbs__item:not(:last-child) { margin: 0;
}
.pdp-breadcrumbs__item:last-of-type:not(:first-of-type) { display: inline; font-size: 0.75rem; line-height: 1.125rem; margin: 0;
}
.pdp-breadcrumbs__item:last-child { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.pdp-breadcrumbs__separator { font-size: 0.875rem;
}
.pdp-breadcrumbs .product-breadcrumbs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.pdp-breadcrumbs .breadcrumbs__item { text-transform: none;
}
.plp__breadcrumb--item { margin-top: 16px;
}
.tooltip { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-left: 0.25rem; vertical-align: middle;
}
.tooltip--field-label { margin-bottom: 0.25rem;
}
.tooltip__trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; cursor: pointer;
}
.tooltip__trigger-icon { width: 100%; height: 100%; width: 15px;
}
.tooltip__content { z-index: 2; position: absolute; min-width: 14.5rem; padding: 1em; border: solid 0.0625rem #32323B; border-radius: 0; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); opacity: 0; visibility: hidden;
}
.tooltip__content:before, .tooltip__content:after { position: absolute; width: 0; height: 0; content: "";
}
.tooltip__content.set--top { bottom: calc(100% + 1.125rem); -webkit-transform: translateY(0.5rem) scale(0.8); transform: translateY(0.5rem) scale(0.8);
}
.tooltip__content.set--top.set--right { -webkit-transform-origin: bottom right; transform-origin: bottom right; border-bottom-right-radius: 0;
}
.tooltip__content.set--top.set--left { -webkit-transform-origin: bottom left; transform-origin: bottom left; border-bottom-left-radius: 0;
}
.tooltip__content.set--top:before { top: calc(100% + 0.0625rem); border-top: 0.7125rem solid #32323B;
}
.tooltip__content.set--right { right: -0.25rem;
}
.tooltip__content.set--right:before { right: 0.75rem; border-left: 0.8125rem solid transparent;
}
.tooltip__content.set--left { left: -0.25rem;
}
.tooltip__content.set--left:before { left: 0.75rem; border-right: 0.8125rem solid transparent;
}
.tooltip__content.set--center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.tooltip__content.set--bottom { top: calc(100% + 0.75rem); -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem);
}
.tooltip__content.set--bottom.set--right { -webkit-transform-origin: top right; transform-origin: top right; border-top-right-radius: 0;
}
.tooltip__content.set--bottom.set--left { -webkit-transform-origin: top left; transform-origin: top left; border-top-left-radius: 0;
}
.tooltip__content.set--bottom:before { bottom: calc(100% + 0.0625rem); border-bottom: 0.7125rem solid #32323B;
}
.tooltip__content.set--tooltip-active { opacity: 1; visibility: inherit;
}
.tooltip__content.set--tooltip-active:not(.set--center) { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);
}
.tooltip__content.set--tooltip-active.set--center { -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1);
}
@media (max-width: 48rem) { .tooltip--field-cart .tooltip__content.set--tooltip-active:not(.set--center) { -webkit-transform: translateY(0) scale(0.8); transform: translateY(0) scale(0.8); }
}
@media screen and (min-width: 360px) { .tooltip--field-checkout { position: relative; left: 0.5rem; }
}
.tab-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 2rem; -webkit-box-shadow: inset 0 -0.0625rem 0 0 #E6E6E6; box-shadow: inset 0 -0.0625rem 0 0 #E6E6E6;
}
.tab-nav--nounderline { -webkit-box-shadow: none; box-shadow: none;
}
.tab-nav__item { padding-top: 0.5em; padding-bottom: 0.75em; text-align: center; font-weight: 500; -webkit-transition-property: color, -webkit-box-shadow; transition-property: color, -webkit-box-shadow; transition-property: box-shadow, color; transition-property: box-shadow, color, -webkit-box-shadow; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); cursor: pointer; max-width: 20rem;
}
.tab-nav__item:hover:not(.toggle--active) { color: #97A1B0;
}
.tab-nav .tab-nav__item { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;
}
.tab-nav__item.toggle--active, .tab-nav__item-check.toggle--active + .tab-nav__item { -webkit-box-shadow: inset 0 -0.25rem 0 0 #65A300; box-shadow: inset 0 -0.25rem 0 0 #65A300;
}
.tab-nav__item--underline { margin: 0 2.5rem;
}
.tab-nav .tab-nav__item--underline { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
}
.tab-nav__item-check { position: absolute; opacity: 0;
}
.tab-content { position: relative;
}
.tab-content__panel:not(.toggle--active) { display: none;
}
.pdp-recommendations-tabs .tab-nav__item.toggle--active { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif;
}
.product__horizontal-rec-zone:not(.toggle--active) { opacity: 0; visibility: hidden; max-height: 0; overflow: hidden;
}
.reviews .product-tab__item:not(.toggle--active),
.questions .product-tab__item:not(.toggle--active) { opacity: 0; visibility: hidden; max-height: 0; overflow: hidden;
}
.inline-prompt-container { position: relative;
}
.inline-prompt { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); color: #000; white-space: normal; -webkit-transition: opacity 107ms ease-out, visibility 107ms ease-out; transition: opacity 107ms ease-out, visibility 107ms ease-out; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.inline-prompt:not(.toggle--active) { opacity: 0; visibility: hidden;
}
.inline-prompt__close { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
}
.inline-prompt__body { max-width: 30rem; height: 4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.inline-prompt__footer { margin-top: 1rem;
}
@media (min-width: 48.0625rem) { .inline-prompt__close { margin-bottom: 2rem; }
}
@media (max-width: 48rem) { .inline-prompt__close { margin-top: 1rem; } .inline-prompt__body { margin-top: 10rem; } .inline-prompt__footer .button { font-size: 0.625rem; }
}
.contact-us-comment textarea.form-control { height: 10rem;
}
.dropdown-box { position: relative;
}
.dropdown-box__trigger { border: solid 0.0625rem #E6E9ED;
}
.dropdown-box__list { z-index: 2; position: absolute; top: calc(100% - 0.0625rem); left: 0; min-width: 16rem; background-color: #FFF; border: solid 1px #000;
}
.dropdown-box__list:not(.toggle--active) { opacity: 0; visibility: hidden;
}
.dropdown-box__anchor { display: block; white-space: nowrap; padding: 0.25rem 1rem; font-size: 0.875rem;
}
.dropdown-box__anchor:hover, .dropdown-box__anchor:focus { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.dropdown-box__anchor.selected { background-color: #FFF; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; color: #000;
}
@media (max-width: 48rem) { .dropdown-box__list--small-expanded { position: relative; top: initial; border: none; } .dropdown-box__list--small-expanded:not(.toggle--active) { opacity: 1; visibility: inherit; }
}
isapplepay { display: none !important;
}
.swatch--color { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 50%; border: 1px solid #d2d2d2; height: 3.5rem; width: 3.5rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem; margin: 0.5rem; -webkit-transition: -webkit-transform 0.15s ease-out; transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; position: relative;
}
.swatch--color.selected { -webkit-box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000; box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000;
}
.swatch--color:hover:not(.disabled):not(.unselectable) { -webkit-box-shadow: 0 0 0 6px #FFF, 0 0 0 7px #d2d2d2; box-shadow: 0 0 0 6px #FFF, 0 0 0 7px #d2d2d2;
}
.swatch--color.soft__disable img { opacity: 0.5;
}
.swatch--color.soft__disable::after { content: ""; display: block; border-top: 1px solid #000; width: 100%; -webkit-transform: rotate(45deg) translate(0%, 75%) scale(1.25); transform: rotate(45deg) translate(0%, 75%) scale(1.25);
}
.swatch--color.disabled, .swatch--color.unselectable { cursor: pointer; position: -webkit-sticky; position: sticky;
}
.swatch--color.disabled img, .swatch--color.unselectable img { opacity: 0.2;
}
.swatch--color.disabled::after, .swatch--color.unselectable::after { content: ""; display: block; border-top: 1px solid #000; z-index: 99; width: 100%; -webkit-transform: rotate(-45deg) translate(0%, 75%) scale(1.25); transform: rotate(-45deg) translate(0%, 75%) scale(1.25);
}
.swatch--color .info { z-index: 1;
}
.swatch--color:hover .info { opacity: 1;
}
.swatch--color .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; position: absolute; border: 1px solid #000; padding: 0.5rem; text-align: center; min-width: 4.5rem; opacity: 0; background: #FFF; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; pointer-events: none;
}
.swatch--color .info:after, .swatch--color .info:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.swatch--color .info--arrow-up { -webkit-transform: translateY(100%); transform: translateY(100%);
}
.swatch--color .info--arrow-up:after, .swatch--color .info--arrow-up:before { bottom: 100%; left: 50%;
}
.swatch--color .info--arrow-up:after { border-bottom-color: #FFF; border-width: 10px; margin-left: -10px;
}
.swatch--color .info--arrow-up:before { border-bottom-color: #000; border-width: 12px; margin-left: -12px;
}
.swatch--color .info--arrow-down { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-box-shadow: 0 0 2px #97A1B0; box-shadow: 0 0 2px #97A1B0; border: 1px solid #FFF; height: 80%; width: auto;
}
.swatch--color .info--arrow-down:after, .swatch--color .info--arrow-down:before { top: 100%; right: 50%;
}
.swatch--color .info--arrow-down:after { border-top-color: #FFF; border-width: 10px; margin-right: -10px;
}
.swatch--color .info--arrow-down:before { border-top-color: #FFF; border-width: 12px; margin-right: -12px;
}
.swatch__icon--color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: inherit; height: inherit; border-radius: 50%; -o-object-fit: cover; object-fit: cover;
}
.swatch--color-small { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -webkit-flex: 0 0 1.25rem; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem;
}
.swatch--color-large { width: 2.1875rem; height: 2.1875rem; -webkit-box-flex: 0; -webkit-flex: 0 0 2.1875rem; -ms-flex: 0 0 2.1875rem; flex: 0 0 2.1875rem;
}
.swatch--color-transparent { background-color: rgba(0, 0, 0, 0);
}
.swatch--color-white { background-color: #FFF;
}
.swatch--color-black { background-color: #000;
}
.swatch--color-grey-1 { background-color: #F2F2F2;
}
.swatch--color-grey-2 { background-color: #E6E9ED;
}
.swatch--color-grey-3 { background-color: #E6E6E6;
}
.swatch--color-grey-4 { background-color: #97A1B0;
}
.swatch--color-grey-5 { background-color: #707B8C;
}
.swatch--color-grey-50 { background-color: #767676;
}
.swatch--color-grey-6 { background-color: #485363;
}
.swatch--color-grey-7 { background-color: #32323B;
}
.swatch--color-red { background-color: #df1642;
}
.swatch--color-blue { background-color: #4D96E7;
}
.swatch--color-navy { background-color: #0f3e72;
}
.swatch--color-green { background-color: #65A300;
}
.swatch--color-green-2 { background-color: #73bd00;
}
.swatch--color-beige { background-color: #f5f5dc;
}
.swatch--color-sales-red { background-color: #dc3a18;
}
.swatch--color-facebook-blue { background-color: #3b5998;
}
.swatch--color-google-blue { background-color: #4285F4;
}
.swatch--color-google-red { background-color: #DB4437;
}
.swatch--color-instagram-pink { background-color: #C62A81;
}
.swatch--color-instagram-orange { background-color: #F06430;
}
.swatch--color-paypal-blue { background-color: #009cde;
}
.swatch--color-paypal-silver { background-color: #eeeeee;
}
.swatch--color-primary { background-color: #65A300;
}
.swatch--color-secondary { background-color: #00A3B2;
}
.swatch--color-tertiary { background-color: #E7B04D;
}
.swatch--color-accent-primary { background-color: #0DFFCB;
}
.swatch--color-accent-secondary { background-color: #DAFF79;
}
.swatch--color-accent-tertiary { background-color: #28BAFF;
}
.swatch--color-beginner { background-color: #FFF;
}
.swatch--color-intermediate { background-color: #f69b35;
}
.swatch--color-advanced { background-color: #ef6c6e;
}
.swatch--color-color-off-black { background-color: #212121;
}
.refinement__swatch-color-item { padding: 0.25rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem; min-width: 3.5rem;
}
.product-line-item { position: relative; padding: 16px 0 24px; border-bottom: solid 1px #d2d2d2; }
.product-line-item.set--in-wishlist .product-line-item__wishlist-add { display: none;
}
.product-line-item.set--in-wishlist .product-line-item__wishlist-remove { display: inline-block;
}
.product-line-item--wishlist.set--removed-wishlist .product-line-item__wishlist-revert { display: block;
}
.product-line-item--wishlist.set--removed-wishlist .product-line-item__main { display: none;
}
.product-line-item--shipment { margin-bottom: 1.25rem; padding-bottom: 1.5rem; border-bottom: dashed 0.0625rem #E6E9ED;
}
.product-line-item__media-link { display: block;
}
.product-line-item__header { margin-bottom: 0.25em;
}
.product-line-item__quantity { position: relative;
}
.product-line-item__quantity .input-counter-container .input-increase { right: 5px;
}
.product-line-item__quantity .input-counter-container .input-decrease { left: 5px;
}
.product-line-item__footer { margin-top: 1.25rem;
}
.product-line-item__attribute:not(:last-child), .product-line-item__action:not(:last-child) { margin-bottom: 0.25em;
}
.product-line-item__saveforlater { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.product-line-item__saveforlater-show { display: inline-block;
}
.product-line-item__saveforlater .icon { margin-left: 0; width: 18px; height: 18px;
}
.product-line-item__saveforlaterbtn { width: 96.2%;
}
@media (max-width: 48rem) { .product-line-item__saveforlaterbtn { width: 100%; }
}
.product-line-item__actions { margin-top: 1.25rem; white-space: nowrap;
}
.product-line-item__wishlist-remove { display: none;
}
.product-line-item__wishlist-revert { display: none;
}
.product-line-item__total-price { text-align: right;
}
.product-line-item__total-price .pricing { font-size: 0.875rem; font-weight: 500;
}
.product-line-item--save-for-later:first-of-type { margin-top: 1.3125rem; border-top: 1px solid #000;
}
.product-line-item--save-for-later:last-of-type { border-bottom: 1px solid #000;
}
.product-line-item--save-for-later .savings { display: none;
}
.product-line-item--save-for-later .price .value { font-size: 0.875rem; display: block;
}
.product-line-item--save-for-later .price__sales { font-weight: 700; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif;
}
@media (min-width: 48.0625rem) { .product-line-item--save-for-later .product-line-item__image { margin-right: 1.5rem; max-width: 6.875rem; }
}
.product-line-item--saveforlater__details { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
.product-line-item--order + .address-summary { display: none;
}
.product-line-item .product-line-item__promotions--callout { display: none;
}
.product-line-item .product-line-item__promotions-wrapper, .product-line-item .product-line-item__promotions-bolt-bulk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; line-height: 1rem; color: #23923B; background-color: rgba(118, 186, 14, 0.06); border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 8px; margin-top: 16px; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
@media (min-width: 64.0625rem) { .product-line-item .product-line-item__promotions-wrapper, .product-line-item .product-line-item__promotions-bolt-bulk { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
}
.product-line-item .product-line-item__promotions--applied .icon { width: 16px; height: 16px;
}
.product-line-item .product-line-item__promotion-id { font-size: 0.8125rem; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; line-height: 1rem; color: #242424;
}
@media (min-width: 64.0625rem) { .product-line-item .product-line-item__promotion-id { margin-bottom: 4px; }
}
@media (min-width: 64.0625rem) { .cart__line-item:nth-of-type(1) { border-top: 1px solid #d2d2d2; }
}
.cart__line-item .product-line-item__details { font-size: 0.875rem;
}
@media (max-width: 48rem) { .cart__line-item .product-line-item__availability { text-align: left; }
}
.cart__line-item .product-line-item__name { font-size: 0.9375rem; line-height: 1.125rem;
}
.cart__line-item .product-line-item__details--copy { margin-left: 8px;
}
@media (min-width: 48.0625rem) { .cart__line-item .product-line-item__details--copy { margin-left: 0; }
}
.cart__line-item .product-line-item__details--copy.disabled:after { content: ""; position: absolute; visibility: visible; width: 12.5rem; height: 9.6875rem; background-color: rgba(255, 255, 255, 0.5); opacity: 50%; pointer-events: none;
}
.cart__line-item--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
@media (max-width: 48rem) { .cart__line-item--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
}
@media (max-width: 64rem) { .cart__line-item--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 0; }
}
.line-item__shipping--form { margin-bottom: 1.9375rem;
}
@media (min-width: 64.0625rem) { .product-line-item--order .product-line-item__qty-pricing, .product-line-item--minicart .product-line-item__qty-pricing, .product-line-item--wishlist .product-line-item__qty-pricing { margin-top: 1.25rem; }
}
@media (max-width: 64rem) { .product-line-item__qty-pricing { margin-top: 1rem; } .product-line-item__actions { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; }
}
@media (min-width: 48.0625rem) { .product-line-item__qty-pricing { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-line-item__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-line-item__action:not(:last-child) { margin-right: 1rem; } .product-line-item__details--minicart { padding-bottom: 1.3125rem; }
}
@media (max-width: 48rem) { .product-line-item__actions { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } .product-line-item--minicart { padding-right: 1rem; padding-left: 1rem; } .product-line-item__total-price .pricing { font-size: 1rem; font-weight: 500; }
}
.cart__line-item--shipping { margin: 12px 0;
}
@media (min-width: 64.0625rem) { .cart__line-item--shipping { margin: 0; }
}
.cart__line-item--shipping__item.pickup-item { padding-top: 15px;
}
.cart__line-item--shipping__item.pickup-item .min-qty { display: none;
}
.cart__line-item--shipping input { display: none;
}
.cart__line-item--shipping .name,
.cart__line-item--shipping .ship-details { -webkit-box-decoration-break: clone; box-decoration-break: clone; margin-left: 30px; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem;
}
.cart__line-item--shipping .name.ship-details__nearby-stores,
.cart__line-item--shipping .ship-details.ship-details__nearby-stores { margin: 16px 0 0 0; color: #000; text-align: left;
}
.cart__line-item--shipping .name.ship-details__nearby-stores .icon,
.cart__line-item--shipping .ship-details.ship-details__nearby-stores .icon { width: 20px; height: 20px; margin: 0 8px 0 0;
}
.cart__line-item--shipping label { position: relative; cursor: pointer;
}
.cart__line-item--shipping input[type=radio] + label::before { content: ""; display: inline-block; height: 20px; width: 20px; background: transparent; vertical-align: middle; position: absolute; top: 1px; background: #FFF; cursor: pointer; border: 1px solid #242424; border-radius: 100%; left: 0px; -webkit-box-shadow: 0 0 0 4px #FFF inset; box-shadow: 0 0 0 4px #FFF inset;
}
.cart__line-item--shipping input[type=radio]:checked + label::before { background: #242424;
}
.cart__line-item--shipping input[type=radio]:disabled + label { border-color: #949494; color: #767676; cursor: not-allowed;
}
.cart__line-item--shipping input[type=radio]:disabled + label::before { background: #f0f0f0; border: 1px solid #949494; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed;
}
.cart__line-item--shipping .limitedstock { color: #dc3a18;
}
.product-badges__wrapper { pointer-events: none;
}
.product-badges { position: absolute; top: 0; left: 0; right: 0;
}
.product-badges--customizable { z-index: 1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
}
.product-badge { margin: 0.25rem 0; padding: 0.25rem 0.5rem; color: #FFF; background-color: #65A300; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75rem; display: inline-block;
}
.product-badge--free-shipping { background-color: #000;
}
.product-badge--new { background-color: #65A300;
}
.product-badge--online-only { background-color: #000;
}
.product-badge--joann-only { background-color: #65A300;
}
.product-badge--mine { position: fixed; margin-top: 1%;
}
.product-promo { margin: 0; padding: 0.25rem 0.5rem; color: #FFF; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center;
}
.product-promo:nth-of-type(1) { background-color: #dc3a18;
}
.product-promo:nth-of-type(2) { background-color: #dc3a18;
}
.product-promo:nth-of-type(3) { background-color: #dc3a18;
}
@media (min-width: 48.0625rem) { .product-badges { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; right: 0; bottom: 0; } .product-promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; left: 0; right: 0; bottom: -0.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
}
@media (max-width: 48rem) { .product-badge__item:nth-child(n+2) { display: none; } .product-badges__wrapper { opacity: 0.75; } .product-badges { bottom: -0.5rem; position: absolute; left: 0; } .product-promo { font-size: x-small; } .product-badges { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .product-badges--justforyou { position: absolute; bottom: 0.75rem; } .product-badge__outer--new { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 1.5rem; width: 5.5rem; margin-top: 0px; text-align: center; position: absolute; left: -1.5rem; top: 0; bottom: unset; opacity: 1; } .product-badge--new { width: 100%; }
}
.card-number-wrapper::after { content: ""; position: absolute; right: 3px; background-repeat: no-repeat; background-image: url("../../images/credit.png"); background-size: contain; width: 48px; height: 30px; top: 5px;
}
.credit-card-icon { width: 48px; height: 30px;
}
.credit-card-icon::after { content: ""; position: absolute; left: 0; background-repeat: no-repeat; background-image: url("../../images/credit.png"); background-size: contain; width: 48px; height: 30px; top: 0;
}
.card-number-wrapper,
.credit-card-icon { position: relative;
}
.card-number-wrapper[data-type=visa]::after, .card-number-wrapper[data-type=VI]::after,
.credit-card-icon[data-type=visa]::after,
.credit-card-icon[data-type=VI]::after { background-image: url("../../images/icon-credit-card-visa-bordered.png"); background-size: contain;
}
.card-number-wrapper[data-type=mastercard]::after, .card-number-wrapper[data-type=MC]::after,
.credit-card-icon[data-type=mastercard]::after,
.credit-card-icon[data-type=MC]::after { background-image: url("../../images/icon-credit-card-mastercard.svg"); background-size: contain;
}
.card-number-wrapper[data-type=amex]::after, .card-number-wrapper[data-type=AX]::after,
.credit-card-icon[data-type=amex]::after,
.credit-card-icon[data-type=AX]::after { background-image: url("../../images/icon-credit-card-amex.svg"); background-size: contain;
}
.card-number-wrapper[data-type=discover]::after, .card-number-wrapper[data-type=DI]::after,
.credit-card-icon[data-type=discover]::after,
.credit-card-icon[data-type=DI]::after { background-image: url("../../images/icon-credit-card-discover.svg"); background-size: contain;
}
.card-number-wrapper[data-type=maestro]::after,
.credit-card-icon[data-type=maestro]::after { background-image: url("../../images/payment-types.png"); background-size: auto; background-position: -95px -156px;
}
.card-number-wrapper[data-type=klarna]::after,
.credit-card-icon[data-type=klarna]::after { background-image: url("../../images/icon-klarna.svg"); background-size: contain;
}
.card-number-wrapper[data-type=apple]::after,
.credit-card-icon[data-type=apple]::after { background-image: url("../../images/icon-apple.svg"); background-size: contain;
}
.consent-notification { z-index: 100; position: fixed; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.consent-notification:not(.toggle--active) { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden;
}
.consent-notification__close { position: absolute; right: 0; top: 0; margin-right: 1rem; margin-top: 1rem;
}
@media (min-width: 48.0625rem) { .consent-notification { padding: 2.5625rem 2rem 3.5rem 2rem; border: solid 0.125rem; border-bottom: none; border-right: 0; border-left: 0; } .consent-notification__copy { max-width: 30.875rem; margin-left: 2.75rem; margin-right: 2rem; } .consent-notification__actions { min-width: 14rem; } .consent-notification.form-actions { margin-top: 0; }
}
@media (max-width: 48rem) { .consent-notification { padding: 2rem 2rem 2.5rem; border-top: solid 0.125rem; } .consent-notification.form-actions { width: 100%; } .consent-notification__copy { margin-top: 1rem; } .consent-notification__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tracking-consent { text-align: center; } .consent-notification__close { font-size: 1.5rem; } .consent-notification__btn-wrapper { max-width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; } .notification-flex-item { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
}
.product-add__container { margin-top: auto; text-align: center;
}
.pdp-main { padding: 1rem 0;
}
.pdp-main .loader { position: fixed;
}
.pdp-main__section--addtobag { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
@media (max-width: 48rem) { .pdp-main__section--addtobag[data-viewport-observer=below] .product-add__container { position: fixed; bottom: 0; left: 0; right: 0; z-index: 3; background: #FFF; padding: 0.5rem; }
}
.pdp-main__section--addtobag .product-add__button { padding: 0.875rem; margin-bottom: 0; text-align: center;
}
.pdp-main__section--addtobag .product-na-add__button { max-width: 255px; padding: 0.875rem; margin-bottom: 0; text-align: center; white-space: normal;
}
.product-attribute { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 10px;
}
.product-attribute--qty { position: relative; max-width: 130px; margin-bottom: 0;
}
@media (min-width: 48.0625rem) { .product-attribute--qty { max-width: 106px; }
}
.product-attribute--qty + .pdp-main__section--addtobag { padding-left: 16px;
}
.product-attribute__swatch { height: 3.5rem; width: 3.5rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem;
}
.product-attribute--variationAttribute .product-attribute__contents { max-height: 16rem; overflow: scroll; overflow-x: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar { width: 1rem;
}
.product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-track { background-color: #FFF;
}
.product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF;
}
.product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-button { display: none;
}
@media (max-width: 48rem) { .product-attribute--variationAttribute .product-attribute__contents { overflow-x: scroll; padding: 2rem 0; margin-top: -1rem; overflow-y: hidden; }
}
@media screen and (min-width: 360px) { .product-attribute--variationAttribute .product-attribute__contents { margin-left: 0.3rem; }
}
@media (min-width: 48.0625rem) { .product-attribute--variationAttribute .product-attribute__contents { padding-left: 1rem; padding-top: 2.5rem; }
}
.size-chart { margin-top: 0.5rem;
}
.product-availability__label { margin-right: 0.625em;
}
.product-pickup { margin-top: 1rem;
}
.product-tabs__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 50px 0 30px;
}
.product-tab__item { display: none;
}
.product-tab__item.set--mobile-tab, .product-tab__item.set--mobile-tab-bv { display: block; border-bottom: 1px solid #d1d1d1; padding-bottom: 2rem;
}
.product-tab__button { padding: 16px 0; border-bottom: 1px solid #d1d1d1; width: 100%;
}
.product-tab__button h2 { font-size: 1.25rem; line-height: 1.5rem; color: #212121;
}
.product-tab__button svg { color: #777777;
}
.product-tab__button:first-of-type { border-top: 1px solid #d1d1d1;
}
.product-tab__button .icon { float: right;
}
.product-tab__button .icon-close { display: none;
}
.product-tab__button.set--mobile-tab, .product-tab__button.set--mobile-tab-bv { border-bottom: 0;
}
.product-tab__button.set--mobile-tab .icon-open, .product-tab__button.set--mobile-tab-bv .icon-open { display: none;
}
.product-tab__button.set--mobile-tab .icon-close, .product-tab__button.set--mobile-tab-bv .icon-close { display: block;
}
.product-tab__button.set--mobile-tab, .product-tab__button.set--mobile-tab-bv { display: block;
}
.pdp-recommendations-tabs-title { margin-left: 2.5625rem; margin-top: 1.75rem;
}
.pdp-recommendations-tabs-title:first-of-type { margin-left: 0;
}
.non-discount { margin-bottom: 10px;
}
.pdp-chemical-warning { margin-top: 0.75rem;
}
.product-common__wishlist { position: absolute; z-index: 2; top: 1%; right: 0;
}
.product-common__social-item:not(:last-child) { margin-right: 1.0375rem;
}
.product-common__social-button { cursor: pointer;
}
.product-common__social-icons { display: none; position: absolute; top: 1.5rem;
}
.product-common__social-button.toggle--active + .product-common__social-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.pdp-main { padding-bottom: 16px; }
.pdp-main__class-description { padding: 1.125rem 0;
}
.pdp-main__class { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
}
.pdp-main__marketing { margin-top: 1.5rem; max-width: 100%;
}
@media (min-width: 48.0625rem) { .pdp-main__marketing { max-width: 23.4375rem; margin-right: 0.5rem; margin-top: 2rem; }
}
.pdp-main__section { color: #212121;
}
.pdp-main__section .product-attribute__label { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap;
}
.pdp-main__section .product-attribute__label .international-pdp-metric-pdf { text-decoration: underline;
}
.pdp-main__section--payment.pdp-divider { margin-top: 0;
}
.pdp-main__section--payment .product-add__button { margin-top: 0;
}
.pdp-main__brand-wrapper { margin-bottom: 20px;
}
.pdp-main__brand-item { padding: 0 0 12px;
}
.pdp-main__promotions-wrapper { background-color: #f7fbf1; border: 1px solid #d2d2d2; border-radius: 10px; margin-bottom: 16px;
}
.pdp-main__promotions-wrapper.empty-promotion { border: none; margin: 0;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text,
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist,
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container { color: #212121 !important;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex { padding-right: 10px !important; margin-right: 10px !important;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex.bv_ratings_summary { border-right: 1px solid #949494 !important;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex.bv_ratings_summary svg { max-width: 15px !important; max-height: 15px !important;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex .bv_avgRating_component_container,
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex .bv_numReviews_text { text-decoration: none !important;
}
.pdp-main__number-rating [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container { padding-right: 10px !important;
}
.pdp-main .kosm-pdp #klarna-section-info::part(osm-container),
.pdp-main .kosm-pdp #klarna-section-info ::part(osm-container) { border: none; border-top: 1px solid #d2d2d2; padding-top: 12px; padding-left: 0; padding-bottom: 12px; border-radius: 0;
}
.pdp-main .kosm-pdp #klarna-section-info::part(osm-message),
.pdp-main .kosm-pdp #klarna-section-info ::part(osm-message) { position: relative; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.125rem; color: #212121;
}
.pdp-main .kosm-pdp #klarna-section-info::part(osm-cta),
.pdp-main .kosm-pdp #klarna-section-info ::part(osm-cta) { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1rem; color: #212121;
}
.product-promotions:last-child .product-promotions__item:last-child { border-bottom: 0;
}
.product-promotions__item { font-size: 1rem; line-height: 1.375rem; position: inherit; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 600; padding: 12px; border-bottom: 1px solid #d2d2d2;
}
.product-promotions__item:empty { padding: 0; border: 0;
}
.product-promotions__text-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.375rem; text-align: left;
}
.product-promotions__btn { font-size: 0.875rem; line-height: 1.375rem; margin: 16px 0 0 16px; border: 2px solid #73bd00; padding: 5px 14px; background-color: #FFF; color: #393939; text-decoration: none; border-radius: 17px; position: relative;
}
.product-promotions__btn-label { position: absolute; width: 100%; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.5rem; pointer-events: none;
}
.product-buy-more { padding: 20px 0; border-top: 1px solid #d2d2d2; font-size: 1rem; line-height: 1.375rem;
}
.product-buy-more__title { font-size: 1rem; line-height: 1.375rem; margin-bottom: 12px; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 600;
}
.product-buy-more__item { margin-bottom: 4px;
}
.pdp-class--bg { padding: 0.2rem 0.875rem; margin-right: 0.5rem; max-width: 5.62rem;
}
.pdp-class__beginner--bg { background-color: #FFF;
}
.pdp-class__intermediate--bg { background-color: #f69b35;
}
.pdp-class__advanced--bg { background-color: #ef6c6e;
}
.pdp-class__time { margin-left: 0.4375rem;
}
.pdp-class__time .icon { vertical-align: text-bottom;
}
.pdp-class__carousel { margin-top: 1.5rem; padding-right: 50px;
}
.pdp-class__carousel .slick-list { margin: 0 -0.9375rem;
}
.pdp-class__carousel .slick-slide { margin: 0 0.9375rem;
}
.pdp-class__carousel .slick-next { right: -2.5rem; width: 6rem; font-size: 2rem;
}
.pdp-class__carousel .slick-prev { display: none !important; left: -2.5rem;
}
.pdp-class__card { width: 148px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 1rem; border: 2px solid #97A1B0; position: relative; margin: 0 auto;
}
.pdp-class__card button { background: #d2d2d2;
}
.pdp-class__card.active { border: 2px solid #212121; background-color: #212121; color: #FFF;
}
.pdp-class__card.active .pdp-class__card--details { background-color: #FFF; color: #000;
}
.pdp-class__card.active .pdp-class__schedule--content { background-color: #000; color: #FFF;
}
.pdp-class__card.full { border: 2px solid #97A1B0; color: #97A1B0;
}
.pdp-class__card.full .pdp-class__card--details { background-color: #F2F2F2; color: #707B8C;
}
.pdp-class__card.full .pdp-class__card-date { color: #000;
}
.pdp-class__card.full .pdp-class__card--full { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
@media (max-width: 48rem) { .pdp-class__card { width: inherit; } .slick-list { overflow: visible; }
}
.pdp-class__card--full { height: 1.5rem; width: 3.0625rem; background-color: #dc3a18; color: #FFF; text-align: center; left: 0; position: absolute; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: none;
}
.pdp-class__card--date { cursor: pointer;
}
.pdp-class__card--details { margin-top: 1.25rem; padding: 0.625rem; background-color: #F2F2F2;
}
.pdp-class__schedule--action { padding: 0.5625rem 0;
}
.pdp-class__schedule--action .icon-close { display: none;
}
.pdp-class__schedule--action.set--class-schedule .icon-close { display: inline;
}
.pdp-class__schedule--action.set--class-schedule .icon-open { display: none;
}
.pdp-class__schedule--content { display: none;
}
.pdp-class__schedule--content.set--class-schedule { display: block;
}
.pdp-class__supplies--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.pdp-class__supplies--list { margin-top: 1.0625rem;
}
.pdp-class__supplies--list li::before { content: ""; height: 1rem; width: 1rem; background-image: url(../../images/checkmark.png); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 0.625rem; vertical-align: sub;
}
.pdp-class__actionables { margin-top: 2rem;
}
.pdp-collections { margin-bottom: 4.43rem; margin-top: 2.5rem;
}
.pdp-collections-header { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.4375rem;
}
.pdp-collections-action { padding-bottom: 4rem;
}
.kidsWarnings { margin: 0 0.5rem;
}
.pdp-project__actionables--button .icon,
.pdp-class__actionables--button .icon { vertical-align: middle;
}
.product-attribute--cuts { -webkit-flex-basis: 12rem; -ms-flex-preferred-size: 12rem; flex-basis: 12rem;
}
@media (min-width: 48.0625rem) { .product-attribute--last:not(.product-attribute--color) { max-width: 100%; } .product-attribute--cuts { margin-bottom: 0.25rem; } .product-attribute__head-qty { position: relative; } .product-attribute--variationAttribute .product-attribute__contents.product-attribute--swatches--many { padding-top: 2.5rem; } .pdp-class__time { margin-left: 0.5rem; } .pdp-main__class-description, .pdp-class__beginner, .pdp-class__intermediate, .pdp-class__advanced { font-size: 0.875rem; } .pdp-class__supplies--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pdp-collections { margin-bottom: 3.5rem; } .pdp-collections .product-list { padding-top: 0; padding-bottom: 55px; } .pdp__recommendations .product-list { padding-top: 0; } .pdp-collections-action { padding-bottom: 3.4375rem; } .pdp-class__actionables--button { max-width: 19.125rem; }
}
.pdp-tiered__table--content td { padding: 0 8px 4px;
}
.pdp-tiered__table--wrapper { margin: 0 -8px;
}
@media (max-width: 48rem) { .pdp-main__class-description, .pdp-class__beginner, .pdp-class__intermediate, .pdp-class__advanced { font-size: 0.75rem; } .pdp-class__supplies { margin-top: 1.75rem; } .pdp-class__supplies:first-of-type { margin-top: 0; } .pdp-class__actionables { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-attribute--swatches--many { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-attribute--cuts { padding-left: 2rem; padding-bottom: 0.25rem; } .product-list { max-width: 100vw; }
}
@media print { .pdp.pdp--project .product-gallery__item:not(.slick-current) { display: none; } .pdp.pdp--project .slick-track, .pdp.pdp--project .pdp-main img { min-width: 400px; } .pdp.pdp--project .product-tabs__content .product-tab__button { display: none; } .pdp.pdp--project .product-tabs__content .product-tab__item.tab-description { display: block; } .pdp.pdp--project .pdp__recommendations { display: none; } span#kampyleButtonContainer { display: none; } .header__container.header__container--banner { display: none; }
}
.quantity_selector { height: 20px; width: 20px;
}
.moreLikeThisText { font-size: 0.75rem;
}
.careers__header { position: relative; background-color: #F2F2F2; border-bottom: 1px solid #E6E6E6; z-index: 3;
}
.careers__header + .marketing-landing__main { min-height: 315px;
}
.careers__header nav.dropdown-menu--careers { width: 100%; max-width: 1920px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.85rem; padding: 0 2.5rem;
}
.careers__header .dropdown-menu__section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer;
}
.careers__header .careers-dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 1920px; margin: auto; z-index: 3; background-color: #FFF; padding: 1.5em; padding-left: 0;
}
.careers__header .careers-dropdown li { padding: 0.5em 0;
}
.careers__header .careers-dropdown__menu { min-height: 275px; max-width: 33%; border-right: 1px solid #E6E6E6; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.careers__header .dropdown-menu__container--career-areas:not(.mega-item--active) { display: none;
}
.careers__header .dropdown-menu__header { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem;
}
.careers__header .dropdown-menu__button { max-width: 200px; padding: 0.75em 0 0.5em; border-bottom-width: 0.25em; border-bottom-style: solid; border-bottom-color: transparent;
}
.careers__header .dropdown-menu__item { padding-left: 2.5em;
}
.careers__header .dropdown-menu__item:not(.no-hover):hover { background: #F2F2F2;
}
.careers__header .dropdown-menu__ada-expand { opacity: 0; pointer-events: none; padding: 0;
}
.careers__header .dropdown-menu__ada-expand:focus { opacity: 1; pointer-events: all;
}
.careers__header .dropdown-menu__banner__wrapper { position: absolute; width: 100%; left: 0;
}
@media (min-width: 48.0625rem) { .careers__header .dropdown-menu__section:first-of-type { margin-right: auto; padding: 0 1em; } .careers__header .dropdown-menu__button:hover, .careers__header .dropdown-menu__button.mega-item--active { border-bottom-color: #000; } .careers__header .dropdown-menu__banner__wrapper { top: 2.5rem; }
}
@media (max-width: 48rem) { .careers__header nav.dropdown-menu--careers { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } .careers__header .careers-dropdown { display: block; min-height: 100vh; padding: 0; } .careers__header .careers-dropdown__menu { max-width: 100%; border-right: none; } .careers__header .careers-dropdown__promo { display: none; } .careers__header .dropdown-menu__target { z-index: 3; } .careers__header .dropdown-menu__button { max-width: 100%; padding: 0.75em 0.75em 0.5em; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .careers__header .navigation--careers:not(.mobile-menu--open) ~ .dropdown-menu__section { display: none; } .careers__header .dropdown-icon--arrow-down { display: inline-block; margin-left: 1em; } .careers__header .mobile-menu--open .dropdown-icon--arrow-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 0.15s ease-in; transition: -webkit-transform 0.15s ease-in; transition: transform 0.15s ease-in; transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .careers__header .dropdown-menu__banner__wrapper { top: 0; }
}
.back-to-top-mobile__button { position: fixed; top: 7.5rem; left: 50%; z-index: 9; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; -webkit-transition: top 0.15s ease-out; transition: top 0.15s ease-out; display: none;
}
.cart__main--cart .back-to-top-mobile__button { top: 3.5rem;
}
.checkout__stages .back-to-top-mobile__button { top: 3.5rem;
}
[data-action=Home-Show] .back-to-top-mobile__button { top: 4.5rem;
}
.back-to-top-desktop__button { position: fixed; bottom: 14%; right: -1rem; width: 3rem; height: 3.5rem; padding: 1px 6px; font-size: xx-small; cursor: pointer; z-index: 99; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: right 0.15s ease-out; transition: right 0.15s ease-out; opacity: 1; display: none;
}
.back-to-top__anchor[data-viewport-observer=below] .back-to-top-desktop__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.back-to-top__anchor[data-viewport-observer=below] .back-to-top-mobile__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
[data-scroll-percentage="0"] .back-to-top-desktop__button,
[data-scroll-percentage="10"] .back-to-top-desktop__button,
[data-scroll-percentage="20"] .back-to-top-desktop__button,
[data-scroll-percentage="30"] .back-to-top-desktop__button,
[data-scroll-percentage="40"] .back-to-top-desktop__button { right: -16rem;
}
[data-scroll-percentage="0"] .back-to-top-mobile__button,
[data-scroll-percentage="10"] .back-to-top-mobile__button,
[data-scroll-percentage="20"] .back-to-top-mobile__button,
[data-scroll-percentage="30"] .back-to-top-mobile__button,
[data-scroll-percentage="40"] .back-to-top-mobile__button { top: -4rem;
}
.heading-type--zetta { font-size: 8.875rem;
}
.heading-type--yotta { font-size: 7.375rem;
}
.heading-type--exa { font-size: 6.25rem;
}
.heading-type--h1 { font-size: 5.125rem;
}
.heading-type--h2 { font-size: 4.375rem;
}
.heading-type--h3 { font-size: 3.5rem;
}
.heading-type--h4 { font-size: 3rem;
}
.heading-type--h5 { font-size: 2.5rem;
}
.heading-type--h6 { font-size: 2rem;
}
.font-size--medium { font-size: 1rem; letter-spacing: 0.25px;
}
.font-size--medium-sm { font-size: 0.9375rem; letter-spacing: 0.25px;
}
.font-size--colossal { font-size: 3.75rem; letter-spacing: 0.25px;
}
.font-size--titan { font-size: 2.5rem; letter-spacing: 0.25px;
}
.font-size--giant { font-size: 1.75rem; letter-spacing: 0.25px;
}
.font-size--huge { font-size: 1.5rem; letter-spacing: 0.25px;
}
.font-size--large, .body-type--kilo { font-size: 1.25rem; letter-spacing: 0.25px;
}
.font-size--small { font-size: 0.875rem; letter-spacing: 0.25px;
}
.font-size--mini,
.font-size--tiny { font-size: 0.75rem; letter-spacing: 0.5px;
}
.font-size--micro { font-size: 0.625rem; letter-spacing: 0.5px;
}
@media (max-width: 48rem) { .m-font-size--medium { font-size: 1rem; letter-spacing: 0.25px; } .m-font-size--colossal { font-size: 3.75rem; letter-spacing: 0.25px; } .m-font-size--titan { font-size: 2.5rem; letter-spacing: 0.25px; } .m-font-size--giant { font-size: 1.75rem; letter-spacing: 0.25px; } .m-font-size--huge { font-size: 1.5rem; letter-spacing: 0.25px; } .m-font-size--large, .body-type--kilo { font-size: 1.25rem; letter-spacing: 0.25px; } .m-font-size--small { font-size: 0.875rem; letter-spacing: 0.25px; } .m-font-size--mini, .m-font-size--tiny { font-size: 0.75rem; letter-spacing: 0.5px; } .m-font-size--micro { font-size: 0.625rem; letter-spacing: 0.5px; }
}
.letter-spacing--2px { letter-spacing: 2px;
}
[class*=fluid-type] { line-height: normal;
}
.fluid-type--giant-h5 { font-size: 1.75rem;
}
@media screen and (min-width: 48rem) { .fluid-type--giant-h5 { font-size: calc(1.75rem + 0.75 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--giant-h5 { font-size: 2.5rem; }
}
.fluid-type--large-h5 { font-size: 1.25rem;
}
@media screen and (min-width: 48rem) { .fluid-type--large-h5 { font-size: calc(1.25rem + 1.25 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--large-h5 { font-size: 2.5rem; }
}
.fluid-type--huge-h6 { font-size: 1.5rem;
}
@media screen and (min-width: 48rem) { .fluid-type--huge-h6 { font-size: calc(1.5rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--huge-h6 { font-size: 2rem; }
}
.fluid-type--large-giant { font-size: 1.25rem;
}
@media screen and (min-width: 48rem) { .fluid-type--large-giant { font-size: calc(1.25rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--large-giant { font-size: 1.75rem; }
}
.fluid-type--large-huge { font-size: 1.25rem;
}
@media screen and (min-width: 48rem) { .fluid-type--large-huge { font-size: calc(1.25rem + 0.25 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--large-huge { font-size: 1.5rem; }
}
.fluid-type--medium-large { font-size: 1rem;
}
@media screen and (min-width: 48rem) { .fluid-type--medium-large { font-size: calc(1rem + 0.25 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--medium-large { font-size: 1.25rem; }
}
.fluid-type--small-medium { font-size: 0.875rem;
}
@media screen and (min-width: 48rem) { .fluid-type--small-medium { font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .fluid-type--small-medium { font-size: 1rem; }
}
.font-family--sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif;
}
.font-family--sans-bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif;
}
.font-family--sans-condensed { font-family: "avenir-condensed", Montserrat, Helvetica, Arial, sans-serif;
}
.font-family--sans-demi { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.font-family--cursive { font-family: "felisha-regular";
}
.font-family--serif { font-family: "felisha-regular", Unna, Times, serif;
}
.font-family--cursive { font-family: "felisha-regular";
}
@media (max-width: 48rem) { .m-font-family--sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-condensed { font-family: "avenir-condensed", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-demi { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--cursive { font-family: "felisha-regular"; } .m-font-family--serif { font-family: "felisha-regular", Unna, Times, serif; } .m-font-family--cursive { font-family: "felisha-regular"; }
}
.cms-generic-copy--dont-apply-this-nonsense { line-height: 1.63;
}
.cms-generic-copy--dont-apply-this-nonsense h1, .cms-generic-copy--dont-apply-this-nonsense h2, .cms-generic-copy--dont-apply-this-nonsense h3, .cms-generic-copy--dont-apply-this-nonsense h4, .cms-generic-copy--dont-apply-this-nonsense h5, .cms-generic-copy--dont-apply-this-nonsense h6 { margin-bottom: 0.5em; line-height: 0.85; text-transform: uppercase;
}
.cms-generic-copy--dont-apply-this-nonsense h1:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h2:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h3:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h4:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h5:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h6:not(:first-child) { margin-top: 1.5em;
}
.cms-generic-copy--dont-apply-this-nonsense a { text-decoration: underline; font-weight: 500;
}
.cms-generic-copy--dont-apply-this-nonsense a:hover, .cms-generic-copy--dont-apply-this-nonsense a:focus { opacity: 0.7;
}
.cms-generic-copy--dont-apply-this-nonsense ul,
.cms-generic-copy--dont-apply-this-nonsense ol,
.cms-generic-copy--dont-apply-this-nonsense p + p { margin-top: 0.5rem;
}
.cms-generic-copy--dont-apply-this-nonsense ol,
.cms-generic-copy--dont-apply-this-nonsense ul { margin-bottom: 0.5rem; padding-left: 1em; list-style-type: none;
}
.cms-generic-copy--dont-apply-this-nonsense ol li,
.cms-generic-copy--dont-apply-this-nonsense ul li { position: relative;
}
.cms-generic-copy--dont-apply-this-nonsense ol li:before,
.cms-generic-copy--dont-apply-this-nonsense ul li:before { color: #65A300; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto;
}
.cms-generic-copy--dont-apply-this-nonsense ol li:not(:last-child),
.cms-generic-copy--dont-apply-this-nonsense ul li:not(:last-child) { margin-bottom: 0.25em;
}
.cms-generic-copy--dont-apply-this-nonsense ol { counter-reset: orderedItem;
}
.cms-generic-copy--dont-apply-this-nonsense ol > li { counter-increment: orderedItem;
}
.cms-generic-copy--dont-apply-this-nonsense ol > li:before { display: inline-block; min-width: 1em; left: -1.5em; text-align: right; content: counter(orderedItem) ".";
}
.cms-generic-copy--dont-apply-this-nonsense ul > li:before { left: -0.55em; font-size: 2em; line-height: 0.65; content: "•";
}
.cms-generic-copy--dont-apply-this-nonsense table { width: 100%; margin-bottom: 1rem; margin-top: 1rem; border: solid 0.0625rem; border-collapse: collapse;
}
.cms-generic-copy--dont-apply-this-nonsense th, .cms-generic-copy--dont-apply-this-nonsense td { border: solid 0.0625rem; padding: 0.5rem;
}
.cms-generic-copy--dont-apply-this-nonsense th { background-color: #E6E9ED;
}
.text-line--collapse { line-height: 0;
}
.text-line--reset { line-height: 1;
}
.text-line--reduce { line-height: 0.85;
}
.text-line--small { line-height: 1.19;
}
.text-line--medium { line-height: 1.38;
}
.text-line--large { line-height: 1.5;
}
.text-line--huge { line-height: 1.63;
}
.text-line--giant { line-height: 1.75;
}
.text-line--titan { line-height: 1.9;
}
@media (max-width: 48rem) { .m-text-line--collapse { line-height: 0; } .m-text-line--reset { line-height: 1; } .m-text-line--reduce { line-height: 0.85; } .m-text-line--small { line-height: 1.19; } .m-text-line--medium { line-height: 1.38; } .m-text-line--large { line-height: 1.5; } .m-text-line--huge { line-height: 1.63; } .m-text-line--giant { line-height: 1.75; } .m-text-line--titan { line-height: 1.9; }
}
.text-align--left { text-align: left;
}
.text-align--center { text-align: center;
}
.text-align--right { text-align: right;
}
.text-align--justify { text-align: justify;
}
@media (max-width: 48rem) { .m-text-align--left { text-align: left; } .m-text-align--center { text-align: center; } .m-text-align--right { text-align: right; } .m-text-align--justify { text-align: justify; }
}
@media (min-width: 48.0625rem) { .d-text-align--left { text-align: left; } .d-text-align--center { text-align: center; } .d-text-align--right { text-align: right; } .d-text-align--justify { text-align: justify; }
}
.font-weight--light { font-weight: 300;
}
.font-weight--normal { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-weight: 400;
}
.font-weight--semibold { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 500;
}
.font-weight--normalbold { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-weight: 600;
}
.font-weight--bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-weight: 700;
}
.font-weight--extrabold { font-weight: 800;
}
.font-style--italic { font-style: italic;
}
.text--underline { text-decoration: underline;
}
.text--strike { text-decoration: line-through;
}
.text--uppercase { text-transform: uppercase;
}
.text--lowercase { text-transform: lowercase;
}
.text--capitalize { text-transform: capitalize;
}
.text--initial { text-transform: initial;
}
.text--nowrap { white-space: nowrap;
}
.text--stroke { display: inline-block; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: inherit; -webkit-text-stroke-width: 0.0625rem;
}
@media (min-width: 48.0625rem) { .d-text--uppercase { text-transform: uppercase; }
}
.word-spacing--large { word-spacing: 100vw;
}
.text-color--transparent { color: rgba(0, 0, 0, 0);
}
.text-color--white { color: #FFF;
}
.text-color--black { color: #000;
}
.text-color--grey-1 { color: #F2F2F2;
}
.text-color--grey-2 { color: #E6E9ED;
}
.text-color--grey-3 { color: #E6E6E6;
}
.text-color--grey-4 { color: #97A1B0;
}
.text-color--grey-5 { color: #707B8C;
}
.text-color--grey-50 { color: #767676;
}
.text-color--grey-6 { color: #485363;
}
.text-color--grey-7 { color: #32323B;
}
.text-color--red { color: #df1642;
}
.text-color--blue { color: #4D96E7;
}
.text-color--navy { color: #0f3e72;
}
.text-color--green { color: #65A300;
}
.text-color--green-2 { color: #73bd00;
}
.text-color--beige { color: #f5f5dc;
}
.text-color--sales-red { color: #dc3a18;
}
.text-color--facebook-blue { color: #3b5998;
}
.text-color--google-blue { color: #4285F4;
}
.text-color--google-red { color: #DB4437;
}
.text-color--instagram-pink { color: #C62A81;
}
.text-color--instagram-orange { color: #F06430;
}
.text-color--paypal-blue { color: #009cde;
}
.text-color--paypal-silver { color: #eeeeee;
}
.text-color--primary { color: #65A300;
}
.text-color--secondary { color: #00A3B2;
}
.text-color--tertiary { color: #E7B04D;
}
.text-color--accent-primary { color: #0DFFCB;
}
.text-color--accent-secondary { color: #DAFF79;
}
.text-color--accent-tertiary { color: #28BAFF;
}
.text-color--beginner { color: #FFF;
}
.text-color--intermediate { color: #f69b35;
}
.text-color--advanced { color: #ef6c6e;
}
.text-color--color-off-black { color: #212121;
}
.text-color--initial { color: initial;
}
@media (min-width: 48.0625rem) { .text-align--small-up-center { text-align: center; }
}
@media (max-width: 64rem) { .text-align--medium-center { text-align: center; }
}
@media (max-width: 48rem) { .text-align--small-center { text-align: center; }
}
.hidden { display: none !important;
}
.sr-only,
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.set--visible { opacity: 1; visibility: inherit;
}
.set--invisible { opacity: 0; visibility: hidden;
}
.set--no-opacity { opacity: 0;
}
.pointer--none { pointer-events: none;
}
img[src=""] { opacity: 0; visibility: hidden;
}
@media (min-width: 30.0625rem) { .display--xsmall-only { display: none !important; }
}
@media (min-width: 48.0625rem) { .display--small-only { display: none !important; }
}
@media (min-width: 64.0625rem) { .display--medium-only, .display--medium-down { display: none !important; }
}
@media (max-width: 64rem) { .display--medium-up { display: none !important; }
}
@media (max-width: 77.5rem) { .display--xmedium-up { display: none !important; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .display--hide-medium { display: none !important; }
}
@media (max-width: 48rem) { .display--small-up, .display--medium-only { display: none !important; }
}
.component-overlay-container { position: relative; max-width: 100%;
}
.component-overlay { position: absolute; overflow: hidden;
}
.component-overlay--start { top: 0; left: 0;
}
.component-overlay--center { top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.component-v-align--top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.component-v-align--center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: auto; margin-bottom: auto;
}
.component-v-align--bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: auto;
}
.component-h-align--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.component-h-align--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto;
}
.component-h-align--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto;
}
.component-image { -o-object-position: var(--focal-point-x) var(--focal-point-y); object-position: var(--focal-point-x) var(--focal-point-y);
}
.module-container { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.module-container__description { margin-top: 0.5em;
}
.module-grid { margin-top: -0.75rem; margin-bottom: -0.75rem;
}
.module-grid__item { margin-top: 0.75rem; margin-bottom: 0.75rem;
}
@media (min-width: 64.0625rem) { .module-container--spacing-top-large { padding-top: 6rem; } .module-container--spacing-bottom-large { padding-bottom: 6rem; } .module-container--spacing-top-regular { padding-top: 4.25rem; } .module-container--spacing-bottom-regular { padding-bottom: 4.25rem; } .module-container--spacing-top-small { padding-top: 2.25rem; } .module-container--spacing-bottom-small { padding-bottom: 2.25rem; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .module-container--spacing-top-large { padding-top: 4.25rem; } .module-container--spacing-bottom-large { padding-bottom: 4.25rem; } .module-container--spacing-top-regular { padding-top: 2.5rem; } .module-container--spacing-bottom-regular { padding-bottom: 2.5rem; } .module-container--spacing-top-small { padding-top: 1.25rem; } .module-container--spacing-bottom-small { padding-bottom: 1.25rem; }
}
@media (max-width: 64rem) { .component-image--md-focal { -o-object-position: var(--focal-point-x-md) var(--focal-point-y-md); object-position: var(--focal-point-x-md) var(--focal-point-y-md); }
}
@media (min-width: 48.0625rem) { .component-overlay--small-up { position: absolute; overflow: hidden; } .component-max-w--10 { max-width: 10%; } .component-max-w--20 { max-width: 20%; } .component-max-w--30 { max-width: 30%; } .component-max-w--40 { max-width: 40%; } .component-max-w--50 { max-width: 50%; } .component-max-w--60 { max-width: 60%; } .component-max-w--70 { max-width: 70%; } .component-max-w--80 { max-width: 80%; } .component-max-w--90 { max-width: 90%; } .component-max-w--100 { max-width: 100%; } .module-container__header:not(:last-child) { margin-bottom: 2.25rem; }
}
@media (max-width: 48rem) { .component-overlay--small { position: absolute; overflow: hidden; } .component-image--sm-focal { -o-object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); } .module-container--spacing-top-large { padding-top: 2.5rem; } .module-container--spacing-bottom-large { padding-bottom: 2.5rem; } .module-container--spacing-top-regular { padding-top: 1.75rem; } .module-container--spacing-bottom-regular { padding-bottom: 1.75rem; } .module-container--spacing-top-small { padding-top: 1rem; } .module-container--spacing-bottom-small { padding-bottom: 1rem; } .module-container__header:not(:last-child) { margin-bottom: 1.25rem; }
}
html.cancel-scroll--force { overflow: hidden; height: 100%;
}
html.cancel-scroll { overflow-x: hidden; overflow-y: hidden;
}
.cancel-scroll body { overflow: hidden;
}
.cancel-scroll--force body { overflow: hidden; height: 100%;
}
.window-modal { z-index: 10000; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-overflow-scrolling: touch; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility;
}
.window-modal.modal-active { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 213ms; transition-duration: 213ms;
}
.window-modal:not(.modal-active) { pointer-events: none; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden;
}
.window-modal.modal-in-background { z-index: 9999; background-color: rgba(0, 0, 0, 0.2); pointer-events: none;
}
.window-modal__content { position: relative; width: 100%; min-height: 6.25rem; background-color: #FFF; -webkit-transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, transform, opacity, visibility; transition-property: top, bottom, right, left, height, transform, opacity, visibility, -webkit-transform; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms;
}
.modal-active .window-modal__content { -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.modal-in-background .window-modal__content > * { opacity: 0.5;
}
.window-modal__content > .modal-container--static { display: block;
}
.window-modal__close { z-index: 10; position: absolute; top: 1em; right: 1em; width: 2.5em; height: 2.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
.window-modal__close:hover { background-color: #E6E6E6;
}
.window-modal__close:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill='%23000' d='M36.533 3.533L33 0 18.267 14.733 3.533 0 0 3.533l14.733 14.734L0 33l3.533 3.533L18.267 21.8 33 36.533 36.533 33 21.8 18.267z' /%3E%3C/svg%3E"); width: 0.875rem; height: 0.875rem; display: inline-block;
}
.modal-container--static { display: none;
}
.modal--full .window-modal__content { max-width: none;
}
.modal--right .window-modal__content { margin-right: 0; min-height: 100vh; max-width: 30rem;
}
.modal--left .window-modal__content { margin-left: 0; min-height: 100vh; max-width: 30rem;
}
.modal--flex .window-modal__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.modal--hideable.modal-in-background { opacity: 0; visibility: hidden;
}
.modal--generic__title { line-height: 1.06;
}
.modal--generic__description { margin-top: 0.75em; line-height: 1.5;
}
.modal--generic__description.center { text-align: center; font-size: 0.875rem;
}
.modal--generic__content { margin-top: 2rem;
}
.modal--generic__actions { margin-top: auto;
}
.modal--generic__actions .button.reset { max-width: 100%; margin-left: 0; margin-right: 0;
}
.modal--generic__action { margin-top: 2.5rem;
}
.modal--generic__scrollable { max-height: 17.5rem; padding-bottom: 1.25rem;
}
.modal--quickview .window-modal__content { max-width: 60rem;
}
.modal--store-locator .window-modal__content { max-width: 38rem; padding: 2rem;
}
.modal--minicart { overflow-x: hidden; overflow-y: hidden;
}
@media (max-width: 48rem) { .modal--minicart { overflow-y: hidden; }
}
.modal--minicart .window-modal__content { padding: 2.5rem 1rem 0.5rem 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
@media (min-width: 48.0625rem) { .modal--minicart .window-modal__content { -webkit-transform: translateX(15%); transform: translateX(15%); opacity: 0; visibility: hidden; } .modal-active .modal--minicart .window-modal__content { -webkit-transition-delay: 107ms; transition-delay: 107ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } .modal-in-background .modal--minicart .window-modal__content { -webkit-transform: scale(0.9) translateX(2rem); transform: scale(0.9) translateX(2rem); }
}
@media (max-width: 48rem) { .modal--minicart .window-modal__content { width: 100vw; }
}
.modal--minicart .window-modal__close { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill='%23FFF' d='M36.533 3.533L33 0 18.267 14.733 3.533 0 0 3.533l14.733 14.734L0 33l3.533 3.533L18.267 21.8 33 36.533 36.533 33 21.8 18.267z' /%3E%3C/svg%3E"); width: 1.075rem; height: 1.075rem; position: absolute; top: 1.4rem;
}
.modal--minicart .window-modal__close:hover { background-color: #000;
}
.modal--more-colors .window-modal__content,
.modal--newPayment .window-modal__content { padding: 40px; max-width: 600px;
}
.modal--bvPhotoReview .window-modal__content { padding: 60px; max-width: 600px; width: 600px;
}
@media (max-width: 48rem) { .modal--bvPhotoReview .window-modal__content { padding: 50px; max-width: 600px; width: 350px; margin-top: -8rem !important; margin-left: 1.2rem; }
}
.modal--login .window-modal__content { padding: 2rem 4.5rem;
}
.modal--generic .window-modal__content { max-width: 29rem; min-height: 21.25rem; padding: 2.5rem;
}
.modal--generic.wide { padding: 90px 0;
}
.modal--generic.wide .window-modal__content { max-width: 95%; margin-left: auto; margin-right: auto;
}
@media (min-width: 48.0625rem) { .modal--generic.wide .window-modal__content { max-width: 50em; }
}
.modal--coupon-wallet .window-modal__content { scroll-margin-top: 0; scroll-padding-top: 0;
}
.modal--coupon-wallet .window-modal__content .print-coupon__btn { display: none;
}
@media (min-width: 48.0625rem) { .cancel-scroll--sm-up body { overflow: hidden; } .window-modal__content { width: calc(100% - 20rem); margin: auto; -webkit-transform: translateY(15%); transform: translateY(15%); opacity: 0; visibility: hidden; } .modal-active .window-modal__content { -webkit-transition-delay: 107ms; transition-delay: 107ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } .modal-in-background .window-modal__content { -webkit-transform: scale(0.9) translateY(2rem); transform: scale(0.9) translateY(2rem); } input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid #000; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms; } input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px; } input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); } input.stock-toggle:checked:before { content: "ON"; left: 4px; } input.stock-toggle:checked:after { right: 5px; left: unset; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); } .modal--generic .window-modal__content { max-width: 29rem; min-height: 21.25rem; padding: 2.5rem; } .modal--narvar .window-modal__content { max-width: 49rem; min-height: 12rem; padding: 4rem 2.5rem 4rem 2.5rem; } .modal--prompt .window-modal__content { max-width: 26rem; min-height: 16rem; padding: 2rem; } .modal--auth { padding: 2rem; }
}
@media (max-width: 48rem) { html.cancel-scroll { overflow: hidden; height: 100%; } .window-modal__content { top: 100%; margin-top: auto; } .modal-active .window-modal__content { top: 0; } .modal-in-background .window-modal__content { -webkit-transform: translateY(55%); transform: translateY(55%); } .modal--generic .window-modal__content { min-height: 20rem; padding-top: 2.5rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 3.75rem; } .modal--narvar .window-modal__content { margin: 0 auto; max-width: 22rem; min-height: 16rem; padding: 3.5rem 0.5rem; } .modal--prompt .window-modal__content { min-height: 16rem; padding-top: 2rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 3.75rem; } .modal--product-zoom .window-modal__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal--small-full { background-color: #FFF; } .modal--small-full .window-modal__content { min-height: 100%; padding-bottom: 3.75rem; }
}
#modal-addressVerification .address-validation-tile { padding: 20px;
}
#modal-addressVerification .address-validation-tile.suggested { border: 2px solid #000;
}
@media (min-width: 48.0625rem) { #modal-addressVerification .window-modal__content { max-width: 37.125rem; }
}
@media (max-width: 48rem) { #modal-addressVerification .window-modal__content { margin-top: 0; max-width: 90%; margin: 0 auto; }
}
#modal-addressVerification .address-validation-title { margin: 0.325em 0;
}
@media (max-width: 48rem) { #modal-addressVerification .address-validation-title { text-align: center; }
}
#modal-addressVerification .address-validation-tile { margin: 1.5em 0;
}
@media (max-width: 48rem) { #modal-addressVerification .address-validation-tile { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
}
#modal-addressVerification .address-validation-tile--caption { margin-bottom: 0.625rem;
}
#modal-addressVerification .address-validation-tile--caption--content { line-height: 1.3; margin: 1.5em 0; min-height: 3.75rem;
}
@media (max-width: 48rem) { #modal-addressVerification .address-validation-tile--caption--content { margin: 1em 0; min-height: auto; }
}
#modal-addressVerification .address-validation-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
@media (min-width: 48.0625rem) { #modal-addressVerification .address-validation-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}
#modal-addressVerification .button { margin-left: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 9.0625rem;
}
a[data-modal-trigger] { pointer-events: none;
}
.product-tile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.product-tile .product-tile__media-container img { max-width: 100%; height: auto; aspect-ratio: 300/340; max-height: 400px;
}
.product-tile .product-tile__name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.product-tile .price { font-size: 0.875rem; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: 0;
}
.product-tile .price .tiered { font-size: 0.875em;
}
.product-tile .price .tiered .value { font-weight: bold;
}
.product-tile .price .value.sales--price { color: #dc3a18;
}
.product-tile .price .savings { display: none;
}
.product-tile .price .price__original { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif;
}
.product-tile.plp-video .product-tile__footer,
.product-tile.plp-video .price { display: none;
}
.product-tile.plp-video .product-tile__media-container:before { content: " "; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; background-image: url("../images/video-play-button.png"); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1;
}
.search-results .product-tile { border-bottom: 1px solid #d2d2d2;
}
.product-tile--default { position: relative; overflow: hidden;
}
.product-tile--overlay { padding: 1.25rem;
}
.product-tile__anchor { display: block;
}
.product-tile__header { position: relative;
}
.product-tile__body { position: relative; padding-top: 1rem; padding-bottom: 0.5rem;
}
.product-tile__footer { position: relative; min-height: 3.5rem; margin-top: auto;
}
.product-tile__media--default,
.product-tile__media--square { display: block; overflow: hidden;
}
.product-tile__media--default:hover .product-tile__image, .product-tile__media--default:focus .product-tile__image,
.product-tile__media--square:hover .product-tile__image,
.product-tile__media--square:focus .product-tile__image { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; mix-blend-mode: initial;
}
.product-tile__media--default:hover .product-tile__image--secondary, .product-tile__media--default:focus .product-tile__image--secondary,
.product-tile__media--square:hover .product-tile__image--secondary,
.product-tile__media--square:focus .product-tile__image--secondary { opacity: 1; visibility: inherit;
}
.product-tile__media--default:before,
.product-tile__media--square:before { background-color: #F2F2F2;
}
.product-tile__media--default { position: relative;
}
.product-tile__media--default:before { display: block; content: ""; padding-bottom: 113.3333333333%; width: 100%;
}
.product-tile__media--square { position: relative;
}
.product-tile__media--square:before { display: block; content: ""; padding-bottom: 100%; width: 100%;
}
.product-tile__media--carousel { margin-bottom: 2rem;
}
.product-tile__media--carousel .slick-track { background-color: #F2F2F2;
}
.product-tile__media--carousel .product-tile__carousel-image:not(:hover) { mix-blend-mode: darken;
}
.product-tile__media--carousel .slick-dots { pointer-events: none;
}
.product-tile__media--carousel .slick-dots li { color: #E6E6E6;
}
.product-tile__media--carousel .slick-dots li.slick-active { color: #73bd00;
}
.product-tile__image { max-height: none; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; mix-blend-mode: darken;
}
.product-tile__image.product-tile--fabric { -webkit-transform: scale(1.3); transform: scale(1.3);
}
.product-tile__image--secondary { opacity: 0; visibility: hidden;
}
.product-tile__body-section { font-size: 0.75rem;
}
.product-tile__body-section:not(:first-child) { margin-top: 0.5rem; padding-bottom: 0.5rem; overflow: auto;
}
.product-tile__swatches { margin-top: 16px; padding-bottom: 0.5rem;
}
.product-tile__swatches + .product-tile__footer { margin-top: auto;
}
.product-tile__swatch-count { white-space: nowrap;
}
.product-tile__swatch:not(:last-child) { margin-right: 0.5rem;
}
.product-tile__swatch:first-of-type { margin-left: 0;
}
.product-tile__quickview { position: absolute; top: 0; right: 1rem; margin-top: 100%; -webkit-transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem)); opacity: 0;
}
.product-tile:hover .product-tile__quickview, .product-tile__quickview:focus { opacity: 1;
}
.product-tile__wishlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 10px; right: 6px; padding: 0.5em;
}
.product-tile__wishlist .product-tile__wishlist-add { fill: #FFF;
}
.product-tile__wishlist.set--in-wishlist .product-tile__wishlist-add { display: none;
}
.product-tile__wishlist.set--in-wishlist .product-tile__wishlist-remove { display: block; fill: #dc3a18;
}
.product-tile__wishlist-remove { display: none;
}
.project-recommendations-container .price { display: none;
}
.project-recommendations-container .product-tile__swatches { display: none;
}
.project-recommendations-container .product-add__container { display: none;
}
.search-recommendations-container .product-tile__availability { display: none;
}
.product-tile__availability,
.product-tile__availability-placeholder { min-height: 3.5rem;
}
.product-tile__InStorePickupMsg,
.product-tile__InStorePickupMsg-placeholder { min-height: 1rem;
}
.pdp__recommendations .product-tile__swatches,
.pdp__recommendations .product-tile__availability,
.pdp__recommendations .product-tile__availability-placeholder,
.vertical-slider .product-tile__swatches,
.vertical-slider .product-tile__availability,
.vertical-slider .product-tile__availability-placeholder { display: none;
}
.pdp__recommendations .product-tile__name,
.vertical-slider .product-tile__name { height: 3.5rem;
}
.pdp-collections .product-tile__swatches { display: none;
}
.pdp-collections .product-tile__availability-placeholder,
.pdp-collections .product-tile__availability { display: none;
}
.pdp-collections .product-tile__name { height: 3.5rem;
}
.pdp-collections .product-add__container .product-add__button--set.product-add__button { margin-top: 51px;
}
@media (min-width: 48.0625rem) { .pdp-collections .product-add__container .product-add__button--set.product-add__button { margin-top: 22px; }
}
@media (min-width: 48.0625rem) { .product-tile .product-add__container { -webkit-transition: all 0.4s; transition: all 0.4s; } .product-tile .product-add__container .product-add__button { margin: 0; } .product-tile .product-add__container .product-na-add__button { margin: 0; white-space: normal; } .product-tile__availability .status.available .text-color--red { display: none; } .product-tile__availability .status.unavailable .text-color--green { display: none; } .product-tile__media--carousel { margin-bottom: 0; }
}
@media (max-width: 48rem) { .product-tile__availability .icon { display: none; } .product-na-add__button { margin: 0.5rem 0; padding: 0.35rem 1.25rem; white-space: normal; } .product-tile__media--carousel .slick-dots button::after { height: 0.75rem; width: 0.75rem; }
}
.product-list .product-tile__footer__ratings__pickupinStoreMsg { height: 3.5rem;
}
.product-list .product-tile__name { height: 3.5rem;
}
.product-list .product-tile__swatches { height: 2.5rem;
}
.quickview__main { padding-top: 1.25rem; padding-bottom: 1.25rem;
}
.quickview__attribute-list,
.quickview__availability { margin-top: 1.5rem;
}
.quickview__promotions { margin-bottom: 0.75rem;
}
@media (min-width: 48.0625rem) { .quickview__footer { margin-top: auto; }
}
@media (max-width: 48rem) { .quickview__footer { margin-top: 2rem; }
}
@media (min-width: 64.0625rem) { .content-grid { margin-top: -0.5rem; margin-bottom: -0.5rem; } .content-grid__item { margin-top: 0.5rem; margin-bottom: 0.5rem; } [class*=masonry-grid__column]:not(:last-child) { margin-bottom: 1rem; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .content-grid { margin-top: -0.25rem; margin-bottom: -0.25rem; } .content-grid__item { margin-top: 0.25rem; margin-bottom: 0.25rem; } [class*=masonry-grid__column]:not(:last-child) { margin-bottom: 0.5rem; }
}
@media (min-width: 48.0625rem) { .masonry-grid--4up { position: relative; } .masonry-grid--4up:before { display: block; content: ""; padding-bottom: 64.8120300752%; width: 100%; } .masonry-grid--3up { position: relative; } .masonry-grid--3up:before { display: block; content: ""; padding-bottom: 47.5187969925%; width: 100%; } .masonry-grid__column-grow-1 { -webkit-box-flex: 1; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } .masonry-grid__column-grow-2 { -webkit-box-flex: 2; -webkit-flex: 2 1 50%; -ms-flex: 2 1 50%; flex: 2 1 50%; } .masonry-grid__column-grow-3 { -webkit-box-flex: 3; -webkit-flex: 3 1 75%; -ms-flex: 3 1 75%; flex: 3 1 75%; } .masonry-grid__column-grow-4 { -webkit-box-flex: 4; -webkit-flex: 4 1 100%; -ms-flex: 4 1 100%; flex: 4 1 100%; }
}
@media (max-width: 48rem) { .content-grid__item, .masonry-grid__item { margin-bottom: 1.25rem; }
}
.promo-banner { padding-top: 0.25rem; padding-bottom: 0.25rem;
}
.promo-banner__actions { margin-left: 0.25rem;
}
.promo-banner__cta:not(:last-child) { margin-right: 0.25rem;
}
.hero .slick-arrow,
.hero .icon--hero { height: 4rem; width: 4rem; cursor: pointer;
}
.hero .slick-dots { border: 1px solid transparent;
}
.selector-for-fusion-slot1.max-width--full { width: 100%;
}
@media (min-width: 64.0625rem) { .hero.hero-banner-only-mobile { padding: 0 40px; max-width: 100%; }
}
.hero.hero-banner-only-mobile .text__container { width: 100%;
}
.hero.hero-banner-only-mobile .hero__content { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
@media (max-width: ) { .hero.hero-banner-only-mobile .hero__content:not(.slick-initialized) .items-container { min-width: 100%; }
}
.hero.hero-banner-only-mobile .slick-arrow { height: auto; width: 3rem;
}
.hero.hero-banner-only-mobile .slick-arrow .icon--hero { height: 1rem; width: 3rem;
}
.hero.hero-banner-only-mobile .text__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem;
}
.hero.hero-banner-only-mobile .slick-list { width: 100%;
}
.hero.hero-banner-only-mobile .slick-list .slick-track { height: 100%;
}
.hero.hero-banner-only-mobile .items-container { padding: 0 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
@media (min-width: 64.0625rem) { .hero.hero-banner-only-mobile .items-container { position: relative; padding: 0 10px; max-width: 33.3%; }
}
@media (min-width: 64.0625rem) { .hero.hero-banner-only-mobile .items-container:not(:last-child)::after { content: ""; height: 40%; width: 1px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background-color: #212121; }
}
.hero.hero-banner-only-mobile .items-container .cta-text { margin-left: 8px; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-weight: 600; text-decoration: underline;
}
@media (min-width: 64.0625rem) { .hero.hero-banner-only-mobile .items-container span, .hero.hero-banner-only-mobile .items-container .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (min-width: 48.0625rem) { .hero .content-hpos--left .text-and-image__container:not(.defaults--off):not([class*=gutter--outer]) { margin-left: 7vw; } .hero .content-hpos--right .text-and-image__container:not(.defaults--off):not([class*=gutter--outer]) { margin-right: 7vw; } .hero .content-vpos--top .text-and-image__container:not(.defaults--off):not([class*=buffer--outer]) { margin-top: 5vw; } .hero .content-vpos--bottom .text-and-image__container:not(.defaults--off):not([class*=buffer--outer]) { margin-bottom: 5vw; }
}
.content-tile { position: relative;
}
.content-tile:hover .content-tile__title,
.content-tile:hover .content-tile__description { opacity: 0.75;
}
.content-tile--ratio-inherit { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.content-tile__aspect-ratio--inherit { min-height: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative;
}
.content-tile__aspect-ratio--inherit:before { display: block; content: ""; padding-bottom: 103.125%; width: 100%;
}
.content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: calc(2.5rem + 1 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 3.5rem; }
}
.content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: calc(2rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 2.5rem; }
}
.content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.25rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: calc(1.25rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.75rem; }
}
.content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: calc(2.5rem + 2.625 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 5.125rem; }
}
.content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: calc(2.5rem + 1 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 3.5rem; }
}
.content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: calc(2rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 2.5rem; }
}
.content-tile__aspect-ratio--square { position: relative;
}
.content-tile__aspect-ratio--square:before { display: block; content: ""; padding-bottom: 104.1666666667%; width: 100%;
}
.content-tile__aspect-ratio--wide { position: relative;
}
.content-tile__aspect-ratio--wide:before { display: block; content: ""; padding-bottom: 71.4285714286%; width: 100%;
}
.content-tile__aspect-ratio--tall { position: relative;
}
.content-tile__aspect-ratio--tall:before { display: block; content: ""; padding-bottom: 140%; width: 100%;
}
.content-tile__content-wrap { z-index: 1;
}
.content-tile__title,
.content-tile__description { -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out;
}
.content-tile__actions { margin-right: -0.25rem; margin-left: -0.25rem;
}
.content-tile__cta { margin-right: 0.25rem; margin-left: 0.25rem;
}
.content-tile__cta:not(:last-child) { margin-bottom: 0.75rem;
}
@media (min-width: 64.0625rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2.75rem; padding-left: 2.75rem; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; }
}
@media (min-width: 48.0625rem) { .content-tile--style-default .content-tile__content-wrap.set--text-overlay, .content-tile--style-default .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; } .content-tile--style-default .content-tile__description { margin-top: 0.5em; } .content-tile--style-default .content-tile__actions:not(:first-child) { margin-top: 1rem; } .content-tile--style-feature .content-tile__description { margin-top: 0.8125rem; } .content-tile--style-feature .content-tile__actions:not(:first-child) { margin-top: 2rem; } .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-large { padding-top: 1.875rem; padding-bottom: 1.875rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-large { padding-top: 1rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-large { padding-bottom: 1rem; }
}
@media (max-width: 48rem) { .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-small { padding: 1.35rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-small { padding-top: 0.75rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-small { padding-bottom: 0.75rem; } .content-tile__description { margin-top: 0.35rem; } .content-tile__actions:not(:first-child) { margin-top: 0.825rem; }
}
.hero,
.hero__aspect-ratio { position: relative;
}
.hero--size-large .hero__title { font-size: 4.375rem;
}
@media screen and (min-width: 48rem) { .hero--size-large .hero__title { font-size: calc(4.375rem + 4.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .hero--size-large .hero__title { font-size: 8.875rem; }
}
.hero--size-regular .hero__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .hero--size-regular .hero__title { font-size: calc(2.5rem + 2.625 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .hero--size-regular .hero__title { font-size: 5.125rem; }
}
.hero--size-small .hero__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .hero--size-small .hero__title { font-size: calc(2rem + 1 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .hero--size-small .hero__title { font-size: 3rem; }
}
.hero__actions { margin-right: -0.5rem; margin-left: -0.5rem;
}
.hero__cta { margin-right: 0.5rem; margin-left: 0.5rem;
}
.hero__cta:not(:last-child) { margin-bottom: 1.25rem;
}
@media (min-width: 90.0625rem) { .hero__aspect-ratio:before { display: block; content: ""; } .hero__aspect-ratio--main:before { height: 43.75rem; } .hero__aspect-ratio--slim:before { height: 31.25rem; } .hero__aspect-ratio--hairline:before { height: 18.75rem; }
}
@media (min-width: 48.0625rem) and (max-width: 90rem) { .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ""; padding-bottom: 48.6111111111%; width: 100%; } .hero__aspect-ratio--slim { position: relative; } .hero__aspect-ratio--slim:before { display: block; content: ""; padding-bottom: 34.7222222222%; width: 100%; } .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--hairline:before { display: block; content: ""; padding-bottom: 20.8333333333%; width: 100%; }
}
@media (min-width: 48.0625rem) { .hero__content-wrap { padding-top: 3.75rem; padding-bottom: 3.75rem; } .hero__description { margin-top: 0.5em; max-width: 40rem; } .text-align--center .hero__description { margin-left: auto; margin-right: auto; } .text-align--right .hero__description { margin-left: auto; } .hero__actions { margin-top: 1.75rem; } .hero__aspect-ratio__content .slick-dots { padding-top: 10px; }
}
@media (max-width: 48rem) { .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ""; padding-bottom: 142.9333333333%; width: 100%; } .hero__aspect-ratio--slim, .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--slim:before, .hero__aspect-ratio--hairline:before { display: block; content: ""; padding-bottom: 42.6666666667%; width: 100%; } .hero__content-wrap { padding-top: 2rem; padding-bottom: 2rem; } .hero-carousel .hero__content-wrap.set--text-after, .hero-carousel .hero__content-wrap.set--text-after-small { padding-bottom: 4rem; } .hero__description { margin-top: 0.875em; } .hero__actions { margin-top: 1.95rem; }
}
.descriptive-card { border: solid 0.0625rem #E6E9ED;
}
.descriptive-card--size-large .descriptive-card__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .descriptive-card--size-large .descriptive-card__title { font-size: calc(2.5rem + 1.875 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .descriptive-card--size-large .descriptive-card__title { font-size: 4.375rem; }
}
.descriptive-card--size-regular .descriptive-card__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .descriptive-card--size-regular .descriptive-card__title { font-size: calc(2rem + 1 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .descriptive-card--size-regular .descriptive-card__title { font-size: 3rem; }
}
.descriptive-card--size-small .descriptive-card__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .descriptive-card--size-small .descriptive-card__title { font-size: calc(2rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .descriptive-card--size-small .descriptive-card__title { font-size: 2.5rem; }
}
.descriptive-card__actions { margin-right: -0.75rem; margin-left: -0.75rem;
}
.descriptive-card__cta { margin-right: 0.75rem; margin-left: 0.75rem;
}
.descriptive-card__cta:not(:last-child) { margin-bottom: 1.5rem;
}
@media (min-width: 48.0625rem) { .descriptive-card:not(:last-child) { margin-bottom: 5.25rem; } .descriptive-card__media { position: relative; } .descriptive-card__media:before { display: block; content: ""; padding-bottom: 61.2403100775%; width: 100%; } .descriptive-card__background { padding-top: 1.8rem; padding-bottom: 2.25rem; } .descriptive-card__description { margin-top: 0.25em; } .descriptive-card__actions { margin-top: 1.5rem; }
}
@media (max-width: 48rem) { .descriptive-card:not(:last-child) { margin-bottom: 1.875rem; } .descriptive-card__media { position: relative; } .descriptive-card__media:before { display: block; content: ""; padding-bottom: 62.5%; width: 100%; } .descriptive-card__background { padding-top: 3rem; padding-bottom: 3.5rem; } .descriptive-card__description { margin-top: 0.875em; } .descriptive-card__actions { margin-top: 1.75rem; }
}
.media-collection-item--size-large .media-collection-item__title { font-size: 3rem;
}
@media screen and (min-width: 48rem) { .media-collection-item--size-large .media-collection-item__title { font-size: calc(3rem + 2.125 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .media-collection-item--size-large .media-collection-item__title { font-size: 5.125rem; }
}
.media-collection-item--size-regular .media-collection-item__title { font-size: 2.5rem;
}
@media screen and (min-width: 48rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: calc(2.5rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: 3rem; }
}
.media-collection-item--size-small .media-collection-item__title { font-size: 2rem;
}
@media screen and (min-width: 48rem) { .media-collection-item--size-small .media-collection-item__title { font-size: calc(2rem + 0.5 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .media-collection-item--size-small .media-collection-item__title { font-size: 2.5rem; }
}
.media-collection-item__description { margin-top: 0.875em;
}
.media-collection-item__actions { margin-right: -0.25rem; margin-left: -0.25rem;
}
.media-collection-item__cta { margin-right: 0.25rem; margin-left: 0.25rem;
}
.media-collection-item__cta:not(:last-child) { margin-bottom: 0.75rem;
}
@media (min-width: 48.0625rem) { .media-collection__col:nth-child(n+3) { margin-top: 2rem; } .media-collection-item__content-wrap { padding: 3.5rem 1.5rem; } .media-collection-item__actions { margin-top: 2.125rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 3.125rem; }
}
@media (max-width: 48rem) { .media-collection__col:not(:last-child) { margin-bottom: 2rem; } .media-collection-item__content-wrap { padding: 1.5rem 1rem; } .media-collection-item__actions { margin-top: 1rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 2.25rem; }
}
.product-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: grid; grid-template-rows: auto; -ms-grid-rows: auto; grid-template-columns: auto; grid-auto-flow: dense; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
}
.product-grid > * { min-width: 0;
}
.product-grid__item .product,
.product-grid__item .promo { padding: 1em;
}
.product-grid__item .product,
.product-grid__item .product-tile,
.product-grid__item .promo { height: 100%;
}
.product-grid__item .product { width: 100%;
}
.product-grid__item .product-tile.weave-up .product-add__button,
.product-grid__item .product-tile.weave-up .product-tile__availability,
.product-grid__item .product-tile.weave-up .availability { display: none;
}
.product-grid__item .product-tile.weave-up .weaveup-pdp-link { margin: 0.5rem 0;
}
section[data-category=customizable-fabric] .product-tile__availability-placeholder { display: none;
}
.product-grid__item--promo .promo:not(.defaults--off) .positioner__content { margin: 0;
}
.product-grid__item--promo .promo:not(.defaults--off) .button { margin: 0.5rem 0;
}
.span--0 { -ms-grid-column-span: 0; grid-column: span 0;
}
.span--1 { -ms-grid-column-span: 1; grid-column: span 1;
}
.span--2 { -ms-grid-column-span: 2; grid-column: span 2;
}
.span--3 { -ms-grid-column-span: 3; grid-column: span 3;
}
.span--4 { -ms-grid-column-span: 4; grid-column: span 4;
}
.span--5 { -ms-grid-column-span: 5; grid-column: span 5;
}
.span--full { grid-column-start: 1; grid-column-end: -1; -webkit-box-flex: 99; -webkit-flex: 99; -ms-flex: 99; flex: 99; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
@media (max-width: 48rem) { .product-grid { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .product-grid .span--2, .product-grid .span--3, .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 2; grid-column: span 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .product-grid__item .promo { padding: 0em; }
}
@media (min-width: 48.0625rem) { .product-grid--marketingslot { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } .product-grid { width: calc(100% - 20rem); }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .product-grid { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .product-grid .span--2, .product-grid .span--3, .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 2; grid-column: span 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid--marketingslot { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } .product-grid__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .product-grid__item .promo { padding: 0em; }
}
@media (min-width: 64.0625rem) and (max-width: 90rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; } .product-grid .span--3, .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 3; grid-column: span 3; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid--marketingslot { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } .product-grid__item { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; }
}
@media (min-width: 90.0625rem) and (max-width: 120rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .product-grid .span--3 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 4; grid-column: span 4; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid--marketingslot { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } .product-grid__item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
}
@media (min-width: 120.0625rem) { .product-grid:not(.product-grid--marketingslot) { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; } .product-grid:not(.product-grid--marketingslot) .span--2 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .product-grid:not(.product-grid--marketingslot) .span--3 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .product-grid:not(.product-grid--marketingslot) .span--4 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; } .product-grid:not(.product-grid--marketingslot) .span--5 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid--marketingslot { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } .product-grid__item { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
}
@media (max-width: 48rem) { .department-listings__wrapper .text-and-image__container { max-width: calc(50% - 1rem); }
}
.product-list__carousel.slick-initialized { max-width: calc(100% - 4.75rem); margin-left: auto; margin-right: auto;
}
.product-list__carousel.slick-initialized .product-tile__media-container img { min-width: 100%;
}
.product-list__carousel:not(.slick-initialized) { padding-right: 3.125rem; padding-left: 3.125rem;
}
.fusion92__carousel { overflow-x: hidden;
}
@media (max-width: 48rem) { .fusion92__carousel .slick-slide:not(.slick-active) { visibility: hidden; }
}
.product-list__carousel--title { font-size: 1.25rem;
}
@media screen and (min-width: 48rem) { .product-list__carousel--title { font-size: calc(1.25rem + 0.25 * (100vw - 48rem) / 42); }
}
@media screen and (min-width: 90rem) { .product-list__carousel--title { font-size: 1.5rem; }
}
.pdp__recommendations { margin-top: 4.5rem; margin-bottom: 1.5rem; position: relative; }
@media (min-width: 48.0625rem) { .pdp__recommendations { margin-top: 6.25rem; margin-bottom: 6.25rem; }
}
.pdp__recommendations .pdp-recommendations-header--title { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: lowercase; font-size: 1.5rem; position: absolute; top: -4.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto;
}
.pdp__recommendations .pdp-recommendations-header--title span { margin-left: 0.375rem; font-family: "felisha-regular"; font-size: 2rem;
}
.pdp__recommendations--top { border: 1px solid #d2d2d2; padding: 8px; margin-left: 15px;
}
@media (min-width: 90.0625rem) { .pdp__recommendations--top { padding: 16px; margin-left: 35px; }
}
.pdp__recommendations--top .pdp__recommendations { margin: 0;
}
.pdp__recommendations--top .product { padding: 16px 0;
}
.pdp__recommendations--top .product .product-tile__swatches { margin-top: 0;
}
.pdp__recommendations--top .vertical-slider-wrapper { margin: 45px 0;
}
.pdp__recommendations--top .vertical-slider { -webkit-transition: all 0.25s ease; transition: all 0.25s ease;
}
.pdp__recommendations--top .vertical-slider .slick-arrow.slick-disabled { cursor: default;
}
.pdp__recommendations--top .vertical-slider .slick-prev { top: -40px; left: 50%; -webkit-transform: rotate(90deg) translateY(50%); transform: rotate(90deg) translateY(50%);
}
.pdp__recommendations--top .vertical-slider .slick-next { bottom: -40px; top: auto; right: 50%; -webkit-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%);
}
.pdp__recommendations--top .vertical-slider .product-tile__carousel-image { height: 185px;
}
.pdp__recommendations--top .vertical-slider .product-tile__footer__ratings__pickupinStoreMsg { height: auto;
}
.pdp__recommendations--top .vertical-slider .product-tile__footer__ratings__pickupinStoreMsg .ratings__wrapper { white-space: nowrap; min-height: 27px;
}
.pdp__recommendations--top .vertical-slider .product-add__button { padding: 8px 0;
}
@media (max-width: 48rem) { .product-list__carousel.slick-initialized { max-width: 66%; margin-left: auto; margin-right: auto; } .product-list__carousel .slick-dots { padding-top: 1rem; padding-bottom: 1rem; }
}
.product-list__carousel--recently { margin-bottom: 4.125rem;
}
@media (min-width: 48.0625rem) { .product-grid__item--hover .product-tile .BVInlineRatings { display: none; } .product-grid__item--hover .product-tile .product-tile__InStorePickupMsg { display: none; } .product-grid__item--hover .product-tile:hover { -webkit-box-shadow: 0px 2px 4px 1px #E6E6E6; box-shadow: 0px 2px 4px 1px #E6E6E6; } .product-grid__item--hover .product-tile:hover .product-tile__header { z-index: -1; } .product-grid__item--hover .product-tile:hover .product-tile__body, .product-grid__item--hover .product-tile:hover .product-tile__footer { opacity: 1; } .product-grid__item--hover .product-tile .product-add__container { top: -40px; } .product-grid__item--hover .product-tile__header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; max-height: 16.625rem; } .product-grid__item--hover .product-tile__body { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; text-align: center; padding: 2.3125rem 1.5rem; height: 12.6875rem; } .product-grid__item--hover .product-tile__body-section { margin-top: 0; } .product-grid__item--hover .product-tile__footer { padding: 1em; } .product-grid__item--hover .product-tile__body, .product-grid__item--hover .product-tile__footer { opacity: 0; background-color: #FFF; } .product-grid__item--hover .product-add__container { position: relative; } .product-grid__item--hover p.product-tile__body-section, .product-grid__item--hover .value { font-weight: 700; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; } .product-grid__item--hover .price { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .product-grid__item--hover .product-tile__wishlist { display: none; } .product-grid__item--hover .product-add__button { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .product-grid__item--hover .product-tile__swatches { display: none; }
}
.html-block--size-large { font-size: 1.25rem;
}
.html-block--size-small { font-size: 0.875rem;
}
.html-block__copy:not(:only-child).set--text-after { margin-top: 2rem;
}
.html-block__copy:not(:only-child).set--text-before { margin-bottom: 2rem;
}
.html-block__actions { margin-right: -0.5rem; margin-left: -0.5rem;
}
.html-block__actions:not(:only-child) { margin-top: 2rem;
}
.html-block__cta { margin-right: 0.5rem; margin-left: 0.5rem;
}
.html-block__cta:not(:last-child) { margin-bottom: 1rem;
}
@media (min-width: 48.0625rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 2rem; } .html-block__copy:not(:only-child).set--text-after-large { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-large { margin-bottom: 2rem; }
}
@media (max-width: 48rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 3rem; } .html-block__copy:not(:only-child).set--text-after-small { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-small { margin-bottom: 2rem; }
}
.text-and-image__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.text-and-image__container.buttons--top { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.text-and-image__container.buttons--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
}
.text-and-image__container.buttons--left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;
}
.text-and-image__container.buttons--bottom .button__container { margin-top: auto;
}
.video__container { border: 1px solid transparent;
}
.video__container:not(.defaults--off) { padding: 2rem;
}
.image__container { overflow: hidden;
}
.image__container:not(.defaults--off) { margin-bottom: 1rem;
}
.image__frame { width: 100%;
}
.image__content { width: 100%;
}
.image-width--micro { width: 1rem;
}
.image-width--tiny { width: 2rem;
}
.image-width--small { width: 3rem;
}
.image-width--medium { width: 4rem;
}
.image-width--large { width: 5rem;
}
.image-width--huge { width: 6rem;
}
.image-width--giant { width: 7rem;
}
.image-width--titan { width: 8rem;
}
.image-width--full { width: calc(100% - 2rem); max-width: calc(100vw - 2rem);
}
.image-width--full-bleed { width: 100%; max-width: 100vw;
}
.text__content { font-family: "avenir-regular", sans-serif; line-height: 1.5;
}
.text__content .hat-text:not(.defaults--off):not([class*=font-family]) { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif;
}
.text__content .hat-text:not(.defaults--off):not([class*=font-size]) { font-size: 1rem;
}
.text__content .title-text:not(.defaults--off):not([class*=font-family]) { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif;
}
.text__content .title-text:not(.defaults--off):not([class*=font-size]) { font-size: 2.5rem;
}
.text__content .subtitle-text:not(.defaults--off):not([class*=font-family]) { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif;
}
.text__content .subtitle-text:not(.defaults--off):not([class*=font-size]) { font-size: 1.25rem;
}
.text__content .description-text:not(.defaults--off):not([class*=font-family]) { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif;
}
.text__content .description-text:not(.defaults--off):not([class*=font-size]) { font-size: 1.25rem;
}
.button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.button-group.text-align--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.button-group.text-align--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
.button-group.button-layout--snug { margin: -0.5rem;
}
.button-group.button-layout--wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.button-group.button-layout--flat * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%;
}
.button-group.button-layout--2-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.button-group.button-layout--2-col .cta-list__item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%;
}
.button-group.button-layout--plp-promo { padding-bottom: 58px;
}
.button-group.button-layout--std-width .cta-list__item, .button-group.button-layout--std-width .button { -webkit-flex-basis: 14rem; -ms-flex-preferred-size: 14rem; flex-basis: 14rem; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.button-group.button-layout--full-width .cta-list__item, .button-group.button-layout--full-width .button { width: 100%;
}
.button-group.button-layout--half-width .cta-list__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.button-group:not(.button-layout--flat):not(.defaults--off):not(.button-layout--full-width) .button:not(.button--link):not(.button--secondary--link) { width: 14rem;
}
.button-group .button--link,
.button-group .button--secondary--link { padding-left: 0; padding-right: 0;
}
.button-layout--stack { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.button-layout--flat { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.clickable--all, .clickable--hide-buttons { cursor: pointer;
}
.clickable--hide-buttons .button-group { display: none;
}
.home-asset-col article:not(.clickable--off),
.product-promo-4x1 article:not(.clickable--off),
.subevent-3x1 article:not(.clickable--off),
.card-panel article:not(.clickable--off),
.sidebyside article:not(.clickable--off) { cursor: pointer;
}
[class*=content-width] { max-width: 100vw;
}
.content-width--micro { width: 8rem;
}
.content-width--tiny { width: 12rem;
}
.content-width--small { width: 16rem;
}
.content-width--medium { width: 20rem;
}
.content-width--large { width: 24rem;
}
.content-width--huge { width: 28rem;
}
.content-width--giant { width: 32rem;
}
.content-width--titan { width: 36rem;
}
.content-width--full { width: calc(100% - 2rem); max-width: calc(100vw - 2rem);
}
.content-width--full-bleed { width: 100%; max-width: 100vw;
}
.content-scroll-mobile--medium { max-height: 10rem; overflow-y: scroll;
}
.content-layout--it-b { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.content-layout--it-b .image__container:not(.defaults--off),
.content-layout--it-b .text__container { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.content-layout--it-b .button-group,
.content-layout--it-b .button__container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
.content-layout--itb { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.content-layout--itb .text__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
}
.content-layout--i-tb { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.content-layout--i-tb .text__container, .content-layout--i-tb .button__container { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;
}
.text-and-image__container.content-grid { display: grid;
}
.text-and-image__container.content-grid .image__container { grid-area: image;
}
.text-and-image__container.content-grid .text__container { grid-area: text;
}
.text-and-image__container.content-grid .button__container { grid-area: button;
}
.content-grid { grid-template-areas: "image" "text" "button";
}
.content-grid--flat { grid-template-areas: "image text button";
}
.content-grid--flat-reverse { grid-template-areas: "button text image";
}
.content-grid--img-right { grid-template-areas: "text image" "button image";
}
.content-grid--img-left { grid-template-areas: "image text" "image button";
}
.slot-title--no-wrap .slot-title-text { white-space: nowrap;
}
@media (min-width: 48.0625rem) { .d-slot-title--no-wrap .slot-title-text { white-space: nowrap; } .d-image-width--micro { width: 1rem; } .d-image-width--tiny { width: 2rem; } .d-image-width--small { width: 3rem; } .d-image-width--medium { width: 4rem; } .d-image-width--large { width: 5rem; } .d-image-width--huge { width: 6rem; } .d-image-width--giant { width: 7rem; } .d-image-width--titan { width: 8rem; } .d-image-width--full { width: calc(100% - 2rem); max-width: calc(100vw - 2rem); } .d-image-width--full-bleed { width: 100%; max-width: 100vw; } .text-and-image__container.d-content-grid { display: grid; } .text-and-image__container.d-content-grid .image__container { grid-area: image; } .text-and-image__container.d-content-grid .text__container { grid-area: text; } .text-and-image__container.d-content-grid .button__container { grid-area: button; } .d-content-grid { grid-template-areas: "image" "text" "button"; } .d-content-grid--flat { grid-template-areas: "image text button"; } .d-content-grid--flat-reverse { grid-template-areas: "button text image"; } .d-content-grid--img-right { grid-template-areas: "text image" "button image"; } .d-content-grid--img-left { grid-template-areas: "image text" "image button"; }
}
@media (max-width: 48rem) { .text-and-image__container.buttons--top--mobile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .text-and-image__container.buttons--right--mobile { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .text-and-image__container.buttons--left--mobile { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .text-and-image__container.buttons--bottom--mobile .button__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: auto; } .m-slot-title--no-wrap .slot-title-text { white-space: nowrap; } .m-image-width--micro { width: 1rem; } .m-image-width--tiny { width: 2rem; } .m-image-width--small { width: 3rem; } .m-image-width--medium { width: 4rem; } .m-image-width--large { width: 5rem; } .m-image-width--huge { width: 6rem; } .m-image-width--giant { width: 7rem; } .m-image-width--titan { width: 8rem; } .m-image-width--full { width: calc(100% - 2rem); max-width: calc(100vw - 2rem); } .m-image-width--full-bleed { width: 100%; max-width: 100vw; } .text-and-image__container.m-content-grid { display: grid; } .text-and-image__container.m-content-grid .image__container { grid-area: image; } .text-and-image__container.m-content-grid .text__container { grid-area: text; } .text-and-image__container.m-content-grid .button__container { grid-area: button; } .m-content-grid { grid-template-areas: "image" "text" "button"; } .m-content-grid--flat { grid-template-areas: "image text button"; } .m-content-grid--flat-reverse { grid-template-areas: "button text image"; } .m-content-grid--img-right { grid-template-areas: "text image" "button image"; } .m-content-grid--img-left { grid-template-areas: "image text" "image button"; }
}
.positioner { position: relative; height: 100%;
}
.positioner-frame { width: 100%; height: 100%;
}
.positioner__background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%;
}
.positioner__background-frame { height: 100%; width: 100%;
}
.positioner__background-image { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;
}
.positioner__foreground { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; pointer-events: none; top: 0;
}
.content-hpos--default { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.content-hpos--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.content-hpos--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.content-hpos--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
}
.content-vpos--default { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.content-vpos--top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.content-vpos--middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.content-vpos--bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
.positioner__content { margin: 1em; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; pointer-events: auto; z-index: 1; max-width: 100%;
}
.positioner__content .text-and-image__container:not(.defaults--off):not([class*=buffer]) { padding-top: 1em; padding-bottom: 1em;
}
.positioner__content .text-and-image__container:not(.defaults--off):not([class*=gutter]) { padding-left: 1em; padding-right: 1em;
}
.positioner--snug .positioner__content { margin: 0;
}
.positioner--fit-image .positioner__foreground { position: absolute; top: 0;
}
.positioner--fit-content .positioner__background { position: absolute; top: 0;
}
.hero .positioner--fit-default .positioner__foreground,
.large-video .positioner--fit-default .positioner__foreground,
.tall-3x1 .positioner--fit-default .positioner__foreground,
.large-2x1 .positioner--fit-default .positioner__foreground,
.video-2x1 .positioner--fit-default .positioner__foreground,
.trending-2x2 .positioner--fit-default .positioner__foreground,
.tall-2x2 .positioner--fit-default .positioner__foreground,
.card-panel .positioner--fit-default .positioner__foreground,
.nx1 .positioner--fit-default .positioner__foreground { position: absolute; top: 0;
}
.home-asset-col .positioner--fit-default .positioner__background,
.short-3x1 .positioner--fit-default .positioner__background,
.seo-more-less .positioner--fit-default .positioner__background,
.promo .positioner--fit-default .positioner__background { position: absolute; top: 0;
}
@media (min-width: 48.0625rem) { .positioner__background--mobile { display: none; }
}
@media (max-width: 48rem) { .positioner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .positioner__background--desktop { display: none; } .hero .positioner--mobile-fit-default .positioner__foreground, .large-video .positioner--mobile-fit-default .positioner__foreground, .tall-3x1 .positioner--mobile-fit-default .positioner__foreground, .large-2x1 .positioner--mobile-fit-default .positioner__foreground, .video-2x1 .positioner--mobile-fit-default .positioner__foreground, .trending-2x2 .positioner--mobile-fit-default .positioner__foreground, .tall-2x2 .positioner--mobile-fit-default .positioner__foreground, .card-panel .positioner--mobile-fit-default .positioner__foreground, .nx1 .positioner--mobile-fit-default .positioner__foreground { position: absolute; top: 0; } .home-asset-col .positioner--mobile-fit-default .positioner__background, .short-3x1 .positioner--mobile-fit-default .positioner__background, .promo .positioner--mobile-fit-default .positioner__background { position: absolute; top: 0; } .positioner--mobile-fit-stack .positioner__foreground, .positioner--mobile-fit-stack .positioner__background { position: static; } .positioner--mobile-fit-stack-reverse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .positioner--mobile-fit-stack-reverse .positioner__foreground, .positioner--mobile-fit-stack-reverse .positioner__background { position: static; } .positioner--mobile-fit-stack-reverse .positioner__foreground { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .positioner--mobile-fit-overlay .positioner__foreground { position: static; } .positioner--mobile-fit-overlay .positioner__background { position: absolute; top: 0; } .positioner--mobile-fit-centered-overlay .positioner__foreground { position: static; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .positioner--mobile-fit-centered-overlay .positioner__background { position: absolute; top: 0; } .positioner--mobile-fit-overlap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .positioner--mobile-fit-overlap .positioner__foreground { position: static; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin: -10em auto 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .positioner--mobile-fit-overlap .positioner__background { position: static; } .positioner--mobile-fit-banner .positioner__foreground { position: absolute; top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .positioner--mobile-fit-banner .positioner__background { position: static; } .positioner--mobile-fit-centered-banner .positioner__foreground { position: absolute; top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .positioner--mobile-fit-centered-banner .positioner__background { position: static; } .positioner--mobile-fit-force-center .positioner__foreground { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
}
input.subscription-banner__field { border: none; border-bottom: 1px solid #000; border-radius: 0; text-align: center;
}
@media (min-width: 48.0625rem) { .subscription-banner { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 64.0625rem) { input.subscription-banner__field { text-align: left; } .subscription-banner__description { margin-bottom: 0.85em; text-align: center; }
}
@media (max-width: 48rem) { .subscription-banner { padding-top: 1rem; padding-bottom: 1.5rem; }
}
.subscription-banner .subscription-banner__form.set--form-complete { display: none;
}
.featured-categories__main-wrapper { margin-bottom: 50px;
}
.featured-categories__categories:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.featured-categories__item { padding: 0.5rem;
}
.deals-listings-page .featured-categories__item { border: 1px solid #212121;
}
@media (min-width: 90.0625rem) { .featured-categories__categories:not(.slick-initialized) .featured-categories__item { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
}
@media (min-width: 64.0625rem) and (max-width: 90rem) { .featured-categories__categories:not(.slick-initialized) .featured-categories__item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .featured-categories__categories:not(.slick-initialized) .featured-categories__item { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
}
@media (min-width: 48.0625rem) { .featured-categories__category-image { margin: 0 auto; } .featured-categories__category-container { margin-bottom: 3.0625rem; } .featured-categories__title-text { margin-bottom: 0.5rem; } .featured-categories__categories.slick-initialized { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: scroll; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .featured-categories__categories.slick-initialized .featured-categories__item { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; }
}
@media (max-width: 48rem) { .featured-categories__categories:not(.slick-initialized) .featured-categories__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .featured-categories__category-container { margin-bottom: 2.5rem; } .featured-categories__categories.carousel--peeking { padding-left: 20vw; padding-right: 20vw; }
}
.featured-categories__wrapper.max-width--full-width { width: 100%; position: -webkit-sticky; position: sticky; z-index: 9;
}
@media (min-width: 20.0625rem) { .featured-categories__wrapper.max-width--full-width { top: 62px; }
}
@media (min-width: 64.0625rem) { .featured-categories__wrapper.max-width--full-width { top: 65px; }
}
.featured-categories__wrapper.max-width--full-width .featured-categories__categories.featured-categories-carousel { margin: 0 0 44px 0; padding: 0;
}
@media (min-width: 64.0625rem) { .featured-categories__wrapper.max-width--full-width .featured-categories__categories.featured-categories-carousel { display: grid; grid-template-columns: repeat(auto-fill, 167.5px); padding: 0 90px; }
}
.featured-categories__wrapper.max-width--full-width .featured-categories__categories.featured-categories-carousel .draggable { padding-left: 12px;
}
@media (min-width: 64.0625rem) { .featured-categories__wrapper.max-width--full-width .featured-categories-wrapper { padding-left: 0; }
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .featured-categories__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 6px; padding: 8px; max-width: 167.5px; height: 60px; border-radius: 8px;
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .featured-categories__item:first-child { margin: 6px 6px 6px 0;
}
@media (min-width: 48.0625rem) { .featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .featured-categories__item:first-child { margin: 6px; }
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .link { font-size: 0.875rem; margin: 0 0 0 10px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 0.14px; text-align: left;
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .featured-categories__category-container { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.featured-categories__wrapper.max-width--full-width .featured-categories-wrapper .featured-categories__category-image { min-width: 36px; min-height: 36px;
}
.featured-categories__wrapper.max-width--full-width .slot-title-text { font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0.6px; margin: 0; padding-left: 12px;
}
@media (min-width: 20.0625rem) { .featured-categories__wrapper.max-width--full-width .slot-title-text { padding-top: 45px; }
}
@media (min-width: 64.0625rem) { .featured-categories__wrapper.max-width--full-width .slot-title-text { padding-top: 20px; }
}
.page:has(.featured-categories-wrapper) { overflow: clip;
}
.visual-nav__button.black-btn { color: #FFF; background-color: #000; border: 1px solid #FFF;
}
.visual-nav__button.white-btn { color: #000; background-color: #FFF; border: 1px solid #000;
}
.visual-nav__button.trans-btn { color: #FFF;
}
.visual-nav__button.trans-btn-black { color: #000;
}
.visual-nav-buttons.center .visual-nav__buttons--wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
@media (min-width: 48.0625rem) { .visual-navigation__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 2rem; padding-bottom: 2rem; } .visual-nav__buttons--wrapper.slick-initialized { max-width: 69.25rem; padding: 0rem 4rem; } .visual-nav__buttons--wrapper.slick-initialized.max-width { max-width: 100%; }
}
@media (max-width: 48rem) { .visual-navigation__list { -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; overflow-x: scroll; padding-bottom: 1rem; padding-top: 1rem; } .visual-nav-buttons.slick-initialized { display: block; max-width: 90%; margin: 0 auto; } .visual-nav-buttons.slick-initialized .visual-nav__button { min-width: 15rem; } .visual-nav__buttons--wrapper:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .visual-nav__buttons--wrapper .slick-list { overflow: hidden; } .visual-nav__buttons--wrapper .slick-next { right: -2rem; } .visual-nav__buttons--wrapper .slick-prev { left: -2rem; }
}
.visualNavButtons { background-color: #FFF; color: #393939; border: 1px solid #767676; border-radius: 50px; padding: 6px 8px; font-size: 0.875rem; line-height: 1.125rem; text-transform: none; font-weight: 600; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;
}
.visualNavButtons:hover { background-color: #f6f6f6; color: #393939; border-color: #767676; text-decoration: underline;
}
.visual-nav { margin-top: 2em; margin-bottom: 2em; color: #32323B;
}
.visual-nav__title-text h3 { font-size: 1.25rem; margin: 0;
}
.visual-nav__category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.5em;
}
.visual-nav__category-container { padding: 1em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 200px; white-space: nowrap;
}
.visual-nav__category-image { height: 120px; width: 120px; -o-object-fit: contain; object-fit: contain;
}
.visual-nav__category-image__frame-style--round { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.visual-nav__category-name { margin-top: 0.5em;
}
.visual-nav__button { padding: 0 1em; border: 1px solid #d2d2d2;
}
@media (max-width: 48rem) { .visual-nav { margin: 0.5em; } .visual-nav__categories { overflow-x: scroll; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } .visual-nav__category { border-radius: 0.5em; border-width: 2px; border-style: solid; } .visual-nav__category.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0.5em; } .visual-nav__category.horizontal .visual-nav__category-image { height: 60px; width: 60px; } .visual-nav__category.horizontal .visual-nav__category-name { margin: 0.5em; }
}
.ratings__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 0.85; padding-bottom: 1rem;
}
.ratings__stars__container { width: auto; position: relative; display: inline-block;
}
.ratings__stars__container svg { height: 1rem; width: 1rem; margin: 0;
}
.ratings__stars--foreground { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; display: inline-block;
}
.ratings__stars--background { display: inline-block;
}
.ratings__count { font-size: 0.75rem; margin-left: 0.5rem;
}
.ratings.flex { min-height: 1rem; padding-top: 11px; margin-bottom: 0.5rem;
}
.large-2x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.large-2x1 .positioner__wrapper { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem;
}
.large-2x1__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (min-width: 48.0625rem) { .large-2x1 .positioner__wrapper:first-of-type { margin-right: 0.5rem; } .large-2x1 .positioner__wrapper:last-of-type { margin-left: 0.5rem; }
}
@media (max-width: 48rem) { .large-2x1 .positioner__wrapper { margin: 1em 0; }
}
.tall-3x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.tall-3x1 .positioner__wrapper { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem;
}
.tall-3x1 .positioner__background { padding-bottom: 5rem;
}
.tall-3x1 .text-and-image__container { border-width: 0; border-bottom-width: 4px; border-style: solid;
}
.tall-3x1 .text-and-image__container:not(.defaults--off) { border-color: #65A300;
}
.tall-3x1 .content-vpos--default { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
.tall-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (min-width: 48.0625rem) { .tall-3x1 .positioner__wrapper:first-of-type { margin-right: 0.5rem; } .tall-3x1 .positioner__wrapper:last-of-type { margin-left: 0.5rem; }
}
@media (max-width: 48rem) { .tall-3x1 .positioner__wrapper { margin: 1em 0; }
}
.tall-2x2__content { display: grid; grid-template-areas: "sm-1 sm-2 lg lg" "sm-3 sm-4 lg lg"; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: inherit; grid-auto-flow: dense; max-width: 100vw;
}
.full-size--left .tall-2x2__content { grid-template-areas: "lg lg sm-1 sm-2" "lg lg sm-3 sm-4";
}
.tall-2x2__content-group--lg { grid-area: lg;
}
.tall-2x2__content-item .positioner__wrapper { height: 100%;
}
@media (max-width: 48rem) { .tall-2x2__content { grid-template-areas: "sm-1 sm-2" "sm-3 sm-4" "lg lg" "lg lg"; grid-template-columns: repeat(2, minmax(0, 1fr)); } .full-size--left .tall-2x2__content { grid-template-areas: "lg lg" "lg lg" "sm-1 sm-2" "sm-3 sm-4"; }
}
.short-3x1__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.short-3x1__content .positioner__wrapper { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem;
}
.short-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (max-width: ) { .short-3x1__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .short-3x1__content .positioner__wrapper { margin: 1em 0; }
}
@media (min-width: 64.0625rem) { .short-3x1__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .short-3x1__content .positioner__wrapper:first-of-type { margin-right: 1rem; } .short-3x1__content .positioner__wrapper:last-of-type { margin-left: 1rem; }
}
.subevent-3x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.subevent-3x1 .text-and-image__container { height: 100%;
}
.subevent-3x1 .slick-dots { background: #FFF;
}
.subevent-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (min-width: 48.0625rem) { .subevent-3x1__title { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .subevent-3x1__content { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .subevent-3x1__content .slick-list { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .subevent-3x1__content .slick-track { height: 100%; min-width: 100%; } .subevent-3x1__content .product, .subevent-3x1__content .product-tile { height: 100%; }
}
@media (max-width: 48rem) { .subevent-3x1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
}
.card-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.card-panel:not(.defaults--off) { padding-bottom: 3.5rem;
}
.card-panel article.positioner__wrapper:not(.defaults--off) { margin: 0.5rem 0;
}
.card-panel .text-and-image__container { padding: 2rem; border-style: solid; height: 100%; width: 100%;
}
.card-panel .text-and-image__container:not(.defaults--off) { border-width: 1px;
}
.card-panel__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (max-width: 48rem) { .card-panel .positioner__wrapper { margin: 1em 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .card-panel .text-and-image__container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
}
.coupon-grid { max-width: 1920px; margin: auto;
}
.coupon-grid-wrapper { max-height: 100%;
}
.coupon-grid .slick-track { max-width: unset;
}
.coupon-grid .coupon__wrapper { min-width: 300px; -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.coupon-grid .coupon__wrapper > * { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;
}
.coupon-grid .coupon-body { margin: 0 0.75em; padding: 0 1em 1em; border: 1px dashed #d2d2d2; border-top: 4px solid #65A300; max-width: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.coupon-grid .coupon-body .cta__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.coupon-grid .coupon-body .cta__content-cta { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto;
}
.coupon-grid .coupon__pre-header { -webkit-box-flex: 0; -webkit-flex: 0 0 3em; -ms-flex: 0 0 3em; flex: 0 0 3em; line-height: 3em;
}
.coupon-grid .coupon__content-title { padding-bottom: 0.25em; color: #000;
}
.coupon-grid .coupon__content-barcode { max-height: 200px;
}
.coupon-grid .coupon__content-barcode img { width: 100%; height: auto;
}
.coupon-grid .coupon__availability { border-bottom: 1px solid #d2d2d2; margin: 0 -1em; max-width: unset;
}
.coupon-grid .coupon__promo-title { padding-bottom: 0.5em;
}
.coupon-grid .coupon__exclusion { max-width: unset; border-top: 1px solid #d2d2d2; margin: 0 -1em; padding-bottom: 0;
}
.coupon-grid .coupon__exclusion-title { cursor: pointer;
}
.coupon-grid .coupon__exclusion-copy { white-space: pre-line; line-height: 1.5em; margin-top: 0.5em; display: none;
}
.coupon-grid .coupon__exclusion-copy.toggle--active { display: block;
}
.coupon-grid .coupon__details-toggle { display: none;
}
.coupon-grid .coupon--applied { background: #FFF; cursor: default; position: relative; color: transparent; pointer-events: none;
}
.coupon-grid .coupon--applied::before { content: "✓ APPLIED TO BAG"; position: absolute; color: #d2d2d2; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); white-space: nowrap;
}
.modal--coupon-wallet .coupon-grid .coupon__pre-header { -webkit-flex-basis: 1rem; -ms-flex-preferred-size: 1rem; flex-basis: 1rem; line-height: 1.5;
}
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .coupon__content-barcode,
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .coupon__exclusion,
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .subtitle-text,
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .description-text { display: none;
}
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .coupon__expiration { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0;
}
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .coupon__promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; margin-bottom: 0;
}
.modal--coupon-wallet .coupon-grid .coupon-body.simplified .coupon__details-toggle { display: inline;
}
@media (min-width: 48.0625rem) { .coupon__app-promo { display: none; }
}
@media print { .coupon-grid { background-color: #FFF; height: 100%; width: 100%; position: fixed; top: 0; left: 0; margin: 0; padding: 1rem; font-size: 1rem; z-index: 999999999; }
}
.grid-3x2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.grid-3x2 .text-and-image__container { -webkit-flex-basis: 29%; -ms-flex-preferred-size: 29%; flex-basis: 29%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; min-height: 11rem;
}
.grid-3x2 .text-and-image__container:not(.defaults--off) { margin: 1.875rem; padding: 2rem;
}
.grid-3x2 .text-and-image__container.defaults--off { margin-left: 1.875rem; margin-right: 1.875rem; padding-left: 2rem; padding-right: 2rem;
}
.grid-3x2__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
.grid-4x2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.grid-4x2 .text-and-image__container { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 19rem; min-height: 11rem; margin: 0.875rem; background: #FFF;
}
.grid-4x2 .button__container { margin-top: auto;
}
.grid-4x2__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (min-width: 48.0625rem) and (max-width: 90rem) { .grid-4x2 .text-and-image__container { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 8rem; min-height: 11rem; background: #FFF; margin: 0.5rem; }
}
@media (max-width: 48rem) { .grid-4x2 .text-and-image__container { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 8rem; min-height: 11rem; background: #FFF; margin: 0.5rem; } .grid-4x2 .button { max-width: 10rem; font-size: 0.75rem; } .grid-4x2 .text-and-image__container:not(.defaults--off) .text__content-hat { font-size: 0.875rem; } .grid-4x2 .text-and-image__container:not(.defaults--off) .text__content-title { font-size: 0.875rem; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; } .grid-4x2 .text-and-image__container:not(.defaults--off) .text__content-subtitle { font-size: 0.875rem; } .grid-4x2 .text-and-image__container:not(.defaults--off) .text__content-description { font-size: 0.875rem; }
}
.sidebyside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.sidebyside .text-and-image__container { -webkit-flex-basis: 29%; -ms-flex-preferred-size: 29%; flex-basis: 29%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; min-height: 6rem; padding: 1rem; height: 100%;
}
.sidebyside .sidebyside__content-item { border-width: 0; border-right-width: 1px; border-style: solid; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0;
}
.sidebyside .sidebyside__content-item:not(.defaults--off) { border-color: #65A300;
}
.sidebyside .sidebyside__content-item:last-of-type { border: 0;
}
.sidebyside .cta-list__item__button { padding: 0; margin: 0.5rem 0rem;
}
@media (max-width: 48rem) { .sidebyside .sidebyside__content-item { border-width: 0; border-bottom-width: 1px; border-style: solid; } .sidebyside .sidebyside__content-item:not(.defaults--off) { border-color: #65A300; }
}
.sidebyside__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
.product-promo-4x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative;
}
.product-promo-4x1 .text-and-image__container { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 11rem; padding: 1rem;
}
.product-promo-4x1__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
.product-promo-4x1__content-item { position: relative;
}
.product-promo__item-image-banner { position: absolute; padding: 0.25rem 0.5rem;
}
.product-promo__item-image-banner.top-right { top: 1.5rem; right: 1rem;
}
.product-promo__item-image-banner.top-left { top: 1.5rem; left: 1rem;
}
.product-promo__item-image-banner.bottom-right { top: 40%; right: 1rem;
}
.product-promo__item-image-banner.bottom-left { top: 40%; left: 1rem;
}
@media (min-width: 48.0625rem) { .product-promo-4x1__content-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
}
@media (max-width: 48rem) { .product-promo-4x1.mobile-layout--2x2 .product-promo-4x1__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-promo-4x1.mobile-layout--2x2 .product-promo-4x1__content .product-promo-4x1__content-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .product-promo-4x1.mobile-layout--2x2 .button-group, .product-promo-4x1.mobile-layout--2x2 .button-cta { max-width: 100%; } .product-promo-4x1.mobile-layout--2x2 .button { margin-left: 0; margin-right: 0; }
}
.home-asset-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.home-asset-col .positioner__wrapper { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 20rem; height: 100%;
}
.home-asset-col .positioner__content { margin: 0;
}
.home-asset-col .slick-arrow,
.home-asset-col .icon--hero { height: 5rem; width: 5rem; cursor: pointer;
}
.home-asset-col__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
@media (max-width: 48rem) { .home-asset-col .positioner__wrapper { margin: 1em 0; } .home-asset-col .home-asset-col__content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
.seo-more-less { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.seo-more-less__wrapper { display: block; margin: auto; width: 100%; position: relative;
}
.seo-more-less__content { overflow: hidden; max-height: 10em;
}
.seo-more-less.toggle--active .seo-more-less__content { overflow: visible; max-height: 100%;
}
.seo-more-less.toggle--active .seo-more-less__button--more { display: none;
}
.seo-more-less.toggle--active .seo-more-less__button--less { display: block;
}
.seo-more-less__button--less { display: none;
}
@media (max-width: 48rem) { .seo-more-less .seo-more-less__content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
@media (min-width: 48.0625rem) { .trending-2x2__content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 180px 1fr; } .trending-2x2__content .positioner { max-width: 616px; max-height: 752px; } .trending-2x2__content .positioner__background { padding: 1rem; } .trending-2x2__content .positioner__content { margin: 15% 0; max-width: 75%; } .trending-2x2__content .positioner__background-image { -o-object-fit: scale-down; object-fit: scale-down; height: 100%; width: 100%; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) .positioner { margin-left: auto; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) .positioner__foreground.content-hpos--default { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) .positioner__foreground.content-vpos--default { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) .positioner__background { padding-left: 60px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(1) .positioner__background-image { -o-object-position: bottom right; object-position: bottom right; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner { margin-right: auto; max-width: 391px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner__foreground { padding-top: 120px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner__foreground.content-hpos--default { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner__foreground.content-vpos--default { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner__background { padding-right: 60px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(2) .positioner__background-image { -o-object-position: bottom left; object-position: bottom left; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) .positioner { margin-left: auto; max-width: 391px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) .positioner__foreground.content-hpos--default { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) .positioner__foreground.content-vpos--default { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) .positioner__background { padding-left: 60px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(3) .positioner__background-image { -o-object-position: top right; object-position: top right; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 4; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) .positioner { margin-right: auto; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) .positioner__foreground.content-hpos--default { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) .positioner__foreground.content-vpos--default { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) .positioner__background { padding-right: 60px; } .trending-2x2__content > .positioner__wrapper:nth-of-type(4) .positioner__background-image { -o-object-position: top left; object-position: top left; }
}
@media (max-width: 48rem) { .trending-2x2__content .positioner--mobile-fit-default { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .trending-2x2__content .positioner--mobile-fit-default .positioner__content { margin: 0; max-width: 75%; } .trending-2x2__content .positioner--mobile-fit-default .positioner__background { position: static; padding: 0 1.5rem; margin: 0.75rem 0; } .trending-2x2__content .positioner--mobile-fit-default .text-and-image__container:not(.m-defaults--off) { margin: 3rem 0; }
}
.faqs__wrapper { max-width: 48rem; margin: 0 auto; padding: 0.6875rem;
}
.faqs__header-title { margin-bottom: 1rem;
}
.faqs-item--question { position: relative; padding-left: 1rem; width: 100%; padding: 0.75rem 2rem;
}
.faqs-item--question .icon--minus { display: none;
}
.faqs-item--question.toggle--active { color: #FFF; background-color: #000;
}
.faqs-item--question.toggle--active .icon--minus { display: inline-block;
}
.faqs-item--question.toggle--active .icon--plus { display: none;
}
.icon--plus,
.icon--minus { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 17px; vertical-align: middle;
}
.faqs-item--question--copy { vertical-align: middle; display: inline-block; width: 85%;
}
.faqs-item--answer { display: none; padding: 0.75rem 2rem;
}
.faqs-item--answer.toggle--active { display: block; border: 2px solid #000; border-top: 0;
}
.customizable-fabric__wrapper { background: #f6f6f6;
}
.customizable-fabric { max-width: 1440px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px;
}
.customizable-fabric__categories .slider-img { padding-bottom: 100%; display: block; background-position: center; background-size: cover;
}
.customizable-fabric__categories .slider-img,
.customizable-fabric__categories .title { margin-bottom: 10px;
}
.customizable-fabric__categories .customizable-fabric__slide { text-align: center; margin: 0 20px;
}
.customizable-fabric__categories .slick-prev,
.customizable-fabric__categories .slick-next { height: 100%; width: 80px; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 63px;
}
.customizable-fabric__categories .slick-prev { left: -90px;
}
.customizable-fabric__categories .slick-prev .icon { height: 30px;
}
.customizable-fabric__categories .slick-next { right: -90px;
}
.customizable-fabric__categories .slick-next .icon { height: 30px;
}
.customizable-fabric__categories .img.img-hover { margin-bottom: 15px; overflow: hidden; padding-bottom: 100%; position: relative;
}
.customizable-fabric__categories .img.img-hover a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; width: 100%; left: 0; background-position: center; background-size: cover; -webkit-transition: all ease-out; transition: all ease-out;
}
.customizable-fabric__categories .img.img-hover a.alt { opacity: 0;
}
.customizable-fabric__categories .img.img-hover:hover a.default { opacity: 0;
}
.customizable-fabric__categories .img.img-hover:hover .alt { opacity: 1;
}
@media (min-width: 48.0625rem) { .customizable-fabric { padding-left: 100px; padding-right: 100px; }
}
@media (max-width: 48rem) { .customizable-fabric__title { padding-left: 1.5rem; padding-right: 1.5rem; } .customizable-fabric__categories { padding-left: 15%; padding-right: 15%; display: block; } .customizable-fabric__categories.flex { display: block; } .customizable-fabric__categories .slick-list { margin-bottom: 15px; } .customizable-fabric__categories .meta-dots { display: none; }
}
.my-designs-container { background: #f6f6f6;
}
.customizable-fabric-my-designs { max-width: 1440px; padding: 20px; margin: 0 auto;
}
.customizable-fabric-my-designs .custom-img { margin-bottom: 8px;
}
.customizable-fabric-my-designs .title { margin-bottom: 4px;
}
.customizable-fabric-my-designs .design { padding: 0 0.5rem;
}
.customizable-fabric-my-designs .design__hidden { display: none;
}
.customizable-fabric-my-designs .design .custom-img { width: 100%;
}
.customizable-fabric-my-designs .show-all-designs { margin-top: 30px; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: unset; -webkit-box-direction: unset; -webkit-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset;
}
.customizable-fabric-my-designs .show-all-designs .design { display: none;
}
.customizable-fabric-my-designs .show-all-designs .button { margin: 0 auto; width: 200px;
}
.customizable-fabric-my-designs .show-all-designs.toggle--active .design { display: inherit;
}
.customizable-fabric-my-designs .show-all-designs.toggle--active .button { display: none;
}
.customizable-fabric-my-designs.toggle--active .design__hidden { display: block;
}
@media (max-width: 48rem) { .customizable-fabric-my-designs .design { margin-bottom: 30px; } .customizable-fabric-my-designs .design__hidden { display: block; } .customizable-fabric-my-designs .show-all-designs .button { display: none; } .customizable-fabric-my-designs .show-all-designs .design { display: inherit; }
}
@media (min-width: 48.0625rem) { .cb-signup-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 1rem; min-width: 48rem; } .cb-signup-form .form-group { -webkit-box-flex: 3; -webkit-flex: 3 1 22rem; -ms-flex: 3 1 22rem; flex: 3 1 22rem; } .cb-signup-form .form-actions { margin-top: 1.5rem; -webkit-box-flex: 2; -webkit-flex: 2 1 14rem; -ms-flex: 2 1 14rem; flex: 2 1 14rem; }
}
.modal--login .status--unknown .login-form { display: none;
}
.modal--login .status--registered .validate-email-form,
.modal--login .status--unregistered .validate-email-form { display: none;
}
.fancy-dropdown__wrapper { position: relative; height: 2rem; width: 100%; background: #FFF; border: 1px solid #d2d2d2; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../../images/icon-arrow-down.svg"); background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 1rem); background-size: 0.875rem; padding-left: 0.5rem; padding-right: 2rem; text-align: left;
}
.fancy-dropdown__wrapper:hover { border: 1px solid #000;
}
.fancy-dropdown__status { height: 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif !important; color: #767676 !important; margin: 0; padding: 0;
}
.fancy-dropdown__status:hover { color: #000;
}
.fancy-dropdown__list { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; top: 2rem; left: 2px; padding: 0.5em; background: #FFF; border: 1px solid #E6E6E6; z-index: 99; max-height: 50vh; overflow-y: scroll; overflow-x: hidden; -webkit-box-shadow: 0px 2px 4px 1px #E6E6E6; box-shadow: 0px 2px 4px 1px #E6E6E6;
}
.fancy-dropdown__list-item { border-bottom: 1px solid #E6E6E6;
}
.fancy-dropdown__list-item:hover, .fancy-dropdown__list-item:focus { -webkit-box-shadow: 0 0 0 2px inset #000; box-shadow: 0 0 0 2px inset #000;
}
.fancy-dropdown__list-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 98;
}
.fancy-dropdown__wrapper [data-selected=true] { border: none; z-index: -99; pointer-events: none;
}
.fancy-dropdown__wrapper [data-selected=true] * { margin: 0; padding: 0; border: none !important;
}
@media (max-width: 48rem) { .fancy-dropdown__wrapper [data-selected=true] { overflow: hidden; }
}
.fancy-dropdown--shipping-dd svg { display: none !important;
}
.fancy-dropdown--shipping-dd [data-selected=true] label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif !important;
}
.fancy-dropdown--shipping-dd [data-selected=true] label span, .fancy-dropdown--shipping-dd [data-selected=true] label div { padding: 0 0.25rem 0 0;
}
.fancy-dropdown--shipping-dd [data-selected=true] label span:nth-last-of-type(2) { display: none;
}
.fancy-dropdown--shipping-dd label:before, .fancy-dropdown--shipping-dd label:after { display: none;
}
.fancy-dropdown--shipping-dd .fancy-dropdown__list-item:not([data-selected=true]) { width: 100%; padding-top: 1rem;
}
.fancy-dropdown--shipping-dd .fancy-dropdown__list-item:not([data-selected=true]) div:first-of-type { font-family: "avenir-bold", sans-serif; padding-bottom: 0.25rem;
}
.fancy-dropdown--shipping-dd .checkout-stage__address-actions { margin-bottom: 2rem; text-align: left; padding-left: 1.5rem;
}
.fancy-dropdown--credit-card-dd svg { display: none !important;
}
.fancy-dropdown--credit-card-dd [data-selected=true] .row ~ .row { display: none;
}
.fancy-dropdown--credit-card-dd [data-selected=true] .set--selected-payment:after { display: none;
}
.fancy-dropdown--credit-card-dd [data-selected=true] .credit-card-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif !important;
}
.fancy-dropdown--credit-card-dd [data-selected=true] .address-summary__row { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0.5rem; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif !important;
}
.fancy-dropdown--credit-card-dd .credit-card-icon { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: unset;
}
.fancy-dropdown--credit-card-dd .credit-card-icon:after { content: unset;
}
.fancy-dropdown--credit-card-dd .cc-address-details { line-height: 0.5;
}
.fancy-dropdown--credit-card-dd .checkout-stage__stored-payment { padding-left: 1rem;
}
.fancy-dropdown--credit-card-dd .checkout-stage__stored-payment-item:not(:last-child) { margin: 0;
}
.fancy-dropdown--credit-card-dd .form-actions { margin-bottom: 2rem; text-align: left; padding-left: 1.5rem;
}
.fancy-dropdown--weaveup-dd .weaveup-dd__pricing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 60px; -ms-flex-preferred-size: 60px; flex-basis: 60px;
}
.fancy-dropdown--weaveup-dd .weaveup-dd__image { -webkit-flex-basis: 60px; -ms-flex-preferred-size: 60px; flex-basis: 60px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
.fancy-dropdown--weaveup-dd [data-selected=true] .weaveup-dd__image,
.fancy-dropdown--weaveup-dd [data-selected=true] .weaveup-dd__description { display: none;
}
.fancy-dropdown--weaveup-dd [data-selected=true] * { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
}
.fancy-dropdown--weaveup-dd [data-selected=true] .weaveup-dd__pricing--base { padding-left: 0.5em;
}
.department-listings__wrapper .title { font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.5625rem; text-transform: capitalize;
}
@media (min-width: 48.0625rem) { .department-listings__wrapper .title { font-size: 1.5rem; }
}
.department-listings__wrapper .accordion-header { position: relative; cursor: pointer; margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #767676; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 16px;
}
@media (min-width: 64.0625rem) { .department-listings__wrapper .accordion-header { margin: 24px 120px 0; }
}
.department-listings__wrapper .accordion-header .header-title-container { width: 100%;
}
.department-listings__wrapper .accordion-header .featured-categories__category-image { margin-right: 16px;
}
.department-listings__wrapper .accordion-header .icon { width: 36px; height: 36px;
}
.department-listings__wrapper .accordion-header .icon .plus-minus { border-radius: 24px; border: 1px solid #767676; position: relative; width: 36px; height: 36px;
}
.department-listings__wrapper .accordion-header .icon .plus-minus.opened:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); opacity: 0;
}
.department-listings__wrapper .accordion-header .icon .plus-minus.opened:after { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0);
}
.department-listings__wrapper .accordion-header .icon .plus-minus:before, .department-listings__wrapper .accordion-header .icon .plus-minus:after { content: ""; display: block; background-color: #333; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.35s; transition: 0.35s; width: 40%; height: 1px;
}
.department-listings__wrapper .accordion-header .icon .plus-minus:before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.department-listings__wrapper .accordion-header .icon .plus-minus:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg);
}
.department-listings__wrapper .accordion-item:last-child { margin-bottom: 30px;
}
.department-listings__wrapper .accordion-body { display: none;
}
.department-listings__wrapper .accordion-body .tiles-container { gap: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 16px;
}
@media (min-width: 64.0625rem) { .department-listings__wrapper .accordion-body .tiles-container { display: grid; padding: 24px 120px 0; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
}
.department-listings__wrapper .accordion-body .product-tile { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-right: 5px; max-width: unset; border-bottom: 1px solid #d2d2d2;
}
@media (min-width: 64.0625rem) { .department-listings__wrapper .accordion-body .product-tile { border: solid 1px #d2d2d2; }
}
.department-listings__wrapper .accordion-body .product-tile .bg--white { background: #FFF;
}
.department-listings__wrapper .accordion-body .image__container { min-width: 100px; max-width: 100px; padding: 5px; margin: 0 10px 0 0;
}
@media (min-width: 48.0625rem) { .department-listings__wrapper .accordion-body .image__container { max-width: 112px; min-width: 112px; }
}
.department-listings__wrapper .accordion-body .image__frame { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: auto;
}
.department-listings__wrapper .accordion-body .image-content { aspect-ratio: unset;
}
.department-listings__wrapper .accordion-body .text__container { margin-top: auto; margin-bottom: auto;
}
.department-listings__wrapper .accordion-body .deal { color: #dc3a18; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.875rem; letter-spacing: 0.72px;
}
@media (min-width: 48.0625rem) { .department-listings__wrapper .accordion-body .deal { font-size: 1.5rem; }
}
.department-listings__wrapper .accordion-body .title { color: #242424; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.375rem; letter-spacing: 0.18px;
}
@media (min-width: 48.0625rem) { .department-listings__wrapper .accordion-body .title { font-size: 1.125rem; font-weight: 600; }
}
.department-listings__wrapper .accordion-body .original-deal,
.department-listings__wrapper .accordion-body .fine-print { font-size: 0.8125rem; font-style: normal; font-weight: 400; line-height: 0.875rem; letter-spacing: 0.28px; text-transform: capitalize; color: #767676;
}
@media (min-width: 48.0625rem) { .department-listings__wrapper .accordion-body .original-deal, .department-listings__wrapper .accordion-body .fine-print { font-size: 0.875rem; }
}
.department-listings__wrapper .accordion-body .fine-print { padding: 0;
}
.weekly-breadcrumbs { margin: 16px 0 0 16px;
}
@media (min-width: 64.0625rem) { .weekly-breadcrumbs { margin: 24px 120px 0; }
}
.store-locator__head { margin-bottom: 1.25rem;
}
@media (min-width: 48.0625rem) { .store-locator { padding-top: 4rem; padding-bottom: 8rem; }
}
@media (max-width: 48rem) { .store-locator { padding-top: 3rem; padding-bottom: 4rem; }
}
.store-locator__detect-location { margin-top: 0.5rem;
}
.store-locator__result-check:checked + .store-locator__result-content { background-color: #E6E9ED;
}
.store-locator__result-content { display: block; padding: 1.25rem 1rem;
}
.store-locator__result-content:hover { cursor: pointer; background-color: #F2F2F2;
}
.store-locator__form { margin-bottom: 3rem;
}
.store-locator__results { overflow: auto;
}
.store-locator__result-item { position: relative; border-bottom: solid 0.0625rem #E6E9ED;
}
.store-locator__result-item .button { margin: 0;
}
.store-locator__no-results { margin: auto;
}
.store-locator__actions { padding-top: 1rem; padding-bottom: 1rem;
}
@media (min-width: 48.0625rem) { .store-locator--modal { height: 100%; }
}
@media (max-width: 48rem) { .store-locator--modal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; width: 100%; height: 100%; padding: inherit; } .store-locator--modal .store-locator__form { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .store-locator--modal .store-locator__results { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; max-height: none; } .store-locator--modal .store-locator__actions { margin-top: auto; }
}
@media (min-width: 64.0625rem) { .store-locator__map { position: relative; } .store-locator__map:before { display: block; content: ""; padding-bottom: 52.9680365297%; width: 100%; }
}
@media (min-width: 48.0625rem) and (max-width: 64rem) { .store-locator__map { position: relative; } .store-locator__map:before { display: block; content: ""; padding-bottom: 75%; width: 100%; }
}
@media (min-width: 48.0625rem) { .store-locator__map-results { position: relative; } .store-locator__map-results .store-locator__results { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; }
}
@media (max-width: 48rem) { .store-locator__map { position: relative; } .store-locator__map:before { display: block; content: ""; padding-bottom: 115.1515151515%; width: 100%; } .store-locator__map .store-locator__results { margin-bottom: 2rem; }
}
.modal--changeStore .store-inventory-dislaimer { background: #f6f6f6; bottom: 0; padding: 10px 40px; margin: 0 -40px 0 -40px; font-size: 10px; line-height: 16px; letter-spacing: 0.5px; position: -webkit-sticky; position: sticky; overflow-x: hidden;
}
@media (max-width: 48rem) { .modal--changeStore .store-inventory-dislaimer { margin: 0 -20px 0 -20px; }
}
.modal--changeStore ::-webkit-scrollbar { display: none;
}
.modal--changeStore .window-modal__content { padding: 20px 20px 0 20px; right: 0; top: 0; width: calc(100% - 2rem); position: relative; margin-left: 2rem;
}
.modal--changeStore .window-modal__content .store-locator__results { padding-bottom: 40px; overflow: initial;
}
.modal--changeStore .window-modal__content .modal-header { margin-bottom: 1em;
}
.modal--changeStore .window-modal__content .store-name { margin-bottom: 8px;
}
.modal--changeStore .window-modal__content .store-hour-container { margin-top: 12px;
}
.modal--changeStore .window-modal__content .store-hour-container .hours { padding-right: 4px;
}
.modal--changeStore .window-modal__content .store-hour-container .store-hours { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; white-space: nowrap; text-overflow: inherit;
}
.modal--changeStore .window-modal__content .store-hour-container .icon { margin-top: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.modal--changeStore .window-modal__content .store-hour-container.active .store-hours { -webkit-line-clamp: 1000;
}
.modal--changeStore .window-modal__content .store-hour-container.active .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.modal--changeStore .window-modal__content address { font-size: 0.9em;
}
.modal--changeStore .window-modal__content .distance { padding-left: 5px; color: #767676;
}
.modal--changeStore .window-modal__content .store-locator__result-item { border-bottom: 1px solid #000;
}
.modal--changeStore .window-modal__content .store-locator__result-item.current-store .button { border-color: #65A300;
}
.modal--changeStore .window-modal__content .store-locator__result-item.current-store .button .icon-house { display: inherit; height: 1rem; width: 1rem; vertical-align: sub;
}
.modal--changeStore .window-modal__content input[type=text] { padding: 0; border: none; border-bottom: 1px solid #d2d2d2;
}
.modal--changeStore .window-modal__content .input { position: relative;
}
.modal--changeStore .window-modal__content .input .pseudo-submit { position: absolute; right: 0; bottom: 0; background: white;
}
.modal--changeStore .window-modal__content .input .button { position: absolute; bottom: 0; width: 30px; overflow: hidden; right: 0; opacity: 0;
}
.modal--changeStore .window-modal__content .store-locator__form { margin-bottom: 0;
}
.modal--changeStore .window-modal__content .actions { width: 50%; padding: 1.25rem 0rem 1.25rem 1rem;
}
.modal--changeStore .window-modal__content .actions .button { margin: 0.5em 0; white-space: normal;
}
.modal--changeStore .window-modal__content .store-locator__result-content { width: 50%; padding: 1.25rem 1rem 1.25rem 0;
}
.modal--changeStore .window-modal__content .set-my-store { width: 100%; margin: 0; margin-bottom: 50px;
}
.modal--changeStore .window-modal__content .options { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.modal--changeStore .window-modal__content .store-locator__result-check:checked + .store-locator__result-content,
.modal--changeStore .window-modal__content .store-locator__result-content:hover { background: white;
}
.modal--changeStore .window-modal__content .item-option .link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.modal--changeStore .window-modal__content .item-option .link .icon { margin-bottom: 10px; cursor: pointer;
}
.modal--changeStore .window-modal__content .item-option .link .description { font-size: 0.75rem;
}
.modal--changeStore .window-modal__content input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid black; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms; min-width: 50px;
}
.modal--changeStore .window-modal__content input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px;
}
.modal--changeStore .window-modal__content input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}
.modal--changeStore .window-modal__content input.stock-toggle:checked:before { content: "ON"; left: 4px;
}
.modal--changeStore .window-modal__content input.stock-toggle:checked:after { right: 5px; left: inherit; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
.modal--changeStore .window-modal__content .my-store { border-bottom: none;
}
.modal--changeStore .window-modal__content .other-stores { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.875rem;
}
.modal--changeStore .window-modal__content .other-stores .nearby { width: 40%;
}
.modal--changeStore .window-modal__content .pdp { border-top: 2px solid black; border-bottom: 2px solid black; padding: 40px 0;
}
.modal--changeStore .window-modal__content .pdp .font-weight--bold { padding-right: 10px;
}
.modal--changeStore .window-modal__content .count { margin-bottom: 15px; color: #65a300; padding-left: 10px;
}
.modal--changeStore .window-modal__content .count.limited { color: #e77615;
}
.modal--changeStore .window-modal__content .count.oos { color: #dc3a18;
}
@media (min-width: 48.0625rem) { .modal--changeStore .window-modal__content { position: absolute; width: 100vw; background: transparent; padding: 0; overflow: scroll; -webkit-overflow-scrolling: touch; } .modal--changeStore .window-modal__content .store-locator__results-wrapper { margin-left: auto; width: 40%; max-width: 550px; padding: 40px 40px 0 40px; background: #FFF; } .modal--changeStore .window-modal__content .other-stores { font-size: 1rem; } .modal--changeStore .window-modal__content .other-stores .nearby { width: inherit; } .modal--changeStore .window-modal__content .store-locator__results { overflow: auto; }
}
.modal--changeStore.header-change-store .store-inventory-dislaimer { display: none;
}
.modal--changeStore.header-change-store .store-results__pdp { display: none;
}
.modal--changeStore.header-change-store .store-locator__result-item.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.modal--changeStore.header-change-store .actions { margin-bottom: 30px; width: inherit; padding: 0;
}
.modal--changeStore.header-change-store .store-locator__result-content { width: inherit; padding: 1.25rem 0;
}
.modal--changeStore.header-change-store .set-my-store { width: 100%; margin: 0; margin-bottom: 20px;
}
@media (min-width: 48.0625rem) { .modal--changeStore.header-change-store .window-modal__content .store-locator__result-item.flex { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .modal--changeStore.header-change-store .window-modal__content .actions { width: 50%; padding: 1.25rem 0rem 1.25rem 1rem; margin-bottom: 0; } .modal--changeStore.header-change-store .window-modal__content .store-locator__result-content { width: 50%; padding: 1.25rem 1rem 1.25rem 0; } .modal--changeStore.header-change-store .window-modal__content .set-my-store { margin-bottom: 20px; } .modal--changeStore.header-change-store .window-modal__content .set-my-store .icon-house { display: none; }
}
#modal-storeLocator .window-modal__content .store-results__header { display: none;
}
@media (max-width: 48rem) { .modal--changeStore::-webkit-scrollbar { width: 10px; } .modal--changeStore::-webkit-scrollbar-thumb { border-radius: 10px; background: #707B8C; } .modal--changeStore::-webkit-scrollbar-track { background: #FFF; }
}
.modal--addToCart { }
.modal--addToCart .flex { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.modal--addToCart .modal-container { margin-top: 30px;
}
.modal--addToCart .window-modal__content { max-width: 65%; min-height: 21.25rem; padding: 2.5rem;
}
@media (min-width: 120.0625rem) { .modal--addToCart .window-modal__content { max-width: 1050px; }
}
.modal--addToCart .minicart__line-items,
.modal--addToCart .product-image,
.modal--addToCart .product-info { width: 48%;
}
.modal--addToCart .row-item { margin-top: 10px;
}
.modal--addToCart .price-container > * { display: inline-block;
}
.modal--addToCart .category { color: #767676;
}
.modal--addToCart input { display: none;
}
.modal--addToCart label { position: relative; cursor: pointer;
}
@media (max-width: 48rem) { .modal--addToCart { margin: 0 auto; } .modal--addToCart .window-modal__content { margin: 0 auto; max-width: calc(100% - 40px); } .modal--addToCart .modal-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal--addToCart .bottom-options { width: 90%; }
}
.modal--addToCart .approaching-discounts { background-color: rgba(118, 186, 14, 0.06); color: #242424; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; padding: 0.3rem; text-align: center;
}
.modal--addToCart .right-options { background-color: #F2F2F2;
}
.modal--addToCart .bottom-options { width: 100%; padding-top: 20px;
}
.modal--addToCart .modal__button--continue-shopping,
.modal--addToCart .modal__button--proceed-to-checkout { width: 90%; margin-left: 5%;
}
.modal--addToCart .total-items-in-cart { margin: 5% 5% 0% 5%; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #d2d2d2;
}
.modal--addToCart .total-items,
.modal--addToCart .subtotal-price { float: right;
}
.modal--addToCart .ship-option { padding-top: 3px;
}
.modal--addToCart .icon--addToCartModal { display: inline-block; width: 1em; height: 1em; margin: 0; vertical-align: middle; fill: currentColor; float: left;
}
.modal--addToCart .pickup-option--shipping,
.modal--addToCart .pickup-option--bopis { display: table; padding-left: 5px;
}
.modal--addToCart .product-set { -webkit-flex-basis: 58%; -ms-flex-preferred-size: 58%; flex-basis: 58%; max-width: 58%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 29.5rem; overflow: scroll; overflow-x: hidden; margin-right: 1rem; scrollbar-color: #6e6e6e #FFF; scrollbar-width: thin;
}
.modal--addToCart .product-set .minicart__line-item { margin-bottom: 0.9375rem;
}
@media (min-width: 48.0625rem) { .modal--addToCart .product-set .product-info { width: 60%; } .modal--addToCart .product-set .product-image { width: 32.94%; }
}
.modal--addToCart .product-set::-webkit-scrollbar { width: 1rem;
}
.modal--addToCart .product-set::-webkit-scrollbar-track { background-color: #FFF;
}
.modal--addToCart .product-set::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF;
}
.modal--addToCart .product-set::-webkit-scrollbar-button { display: none;
}
@media (max-width: 48rem) { .modal--addToCart .product-set { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-right: 0; max-height: 20rem; }
}