/** Shopify CDN: Minification failed
Line 346:2 Expected identifier but found "*"
Line 399:2 Expected identifier but found "*"
Line 5678:2 Expected identifier but found "*"
Line 6226:98 Expected ")" to end URL token
Line 6226:451 Expected ")" to end URL token
Line 20808:2 Expected identifier but found "*"
Line 20918:2 Expected identifier but found "*"
Line 45457:50 Unexpected ")"
Line 53040:142 Unexpected ")"
Line 55910:43 Unexpected ")"
**/
@charset "UTF-8";
/*============================================================================
#Breakpoint and Grid Variables
==============================================================================*/
/*========== The following are dependencies of csswizardry grid ==============*/
/*============================================================================
#General Variables
==============================================================================*/
/**
* Brand colors per the style guide
* Do not use these variables for color declarations
*/
/* Primary Brand Colors
--------------------------------------*/
/* Secondary Brand Colors
--------------------------------------*/
/* Tints & Shades
--------------------------------------*/
/**
* Abstracted colors based on the above Brand colors
* Use these variables for all color declarations
*/
/*============================== Primaries ==================================*/
/*============================= Secondaries ==================================*/
/*=============================== Neutrals ==================================*/
/*============================ Common Colors ================================*/
/* Color Map, for a more Object Oriented approach
--------------------------------------*/
[data-color=midnight] {
color: #0F1528;
}
[data-bg-color=midnight] {
background-color: #0F1528 !important;
}
[data-border-color=midnight] {
border: 1px solid #0F1528;
}
[data-color=night-sky-dark] {
color: #283455;
}
[data-bg-color=night-sky-dark] {
background-color: #283455 !important;
}
[data-border-color=night-sky-dark] {
border: 1px solid #283455;
}
[data-color=night-sky] {
color: #293C70;
}
[data-bg-color=night-sky] {
background-color: #293C70 !important;
}
[data-border-color=night-sky] {
border: 1px solid #293C70;
}
[data-color=daybreak] {
color: #DDE3EC;
}
[data-bg-color=daybreak] {
background-color: #DDE3EC !important;
}
[data-border-color=daybreak] {
border: 1px solid #DDE3EC;
}
[data-color=daybreak-light] {
color: #F2F5F8;
}
[data-bg-color=daybreak-light] {
background-color: #F2F5F8 !important;
}
[data-border-color=daybreak-light] {
border: 1px solid #F2F5F8;
}
[data-color=magic-hour-dark] {
color: #C87F3B;
}
[data-bg-color=magic-hour-dark] {
background-color: #C87F3B !important;
}
[data-border-color=magic-hour-dark] {
border: 1px solid #C87F3B;
}
[data-color=magic-hour] {
color: #E3AD7C;
}
[data-bg-color=magic-hour] {
background-color: #E3AD7C !important;
}
[data-border-color=magic-hour] {
border: 1px solid #E3AD7C;
}
[data-color=magic-hour-medium] {
color: #F0D7BF;
}
[data-bg-color=magic-hour-medium] {
background-color: #F0D7BF !important;
}
[data-border-color=magic-hour-medium] {
border: 1px solid #F0D7BF;
}
[data-color=magic-hour-light] {
color: #F9F3ED;
}
[data-bg-color=magic-hour-light] {
background-color: #F9F3ED !important;
}
[data-border-color=magic-hour-light] {
border: 1px solid #F9F3ED;
}
[data-color=magic-hour-extralight] {
color: #FDFAF8;
}
[data-bg-color=magic-hour-extralight] {
background-color: #FDFAF8 !important;
}
[data-border-color=magic-hour-extralight] {
border: 1px solid #FDFAF8;
}
[data-color=afternoon-delight] {
color: #344329;
}
[data-bg-color=afternoon-delight] {
background-color: #344329 !important;
}
[data-border-color=afternoon-delight] {
border: 1px solid #344329;
}
[data-color=afternoon-delight-medium] {
color: #5D6E50;
}
[data-bg-color=afternoon-delight-medium] {
background-color: #5D6E50 !important;
}
[data-border-color=afternoon-delight-medium] {
border: 1px solid #5D6E50;
}
[data-color=afternoon-delight-light] {
color: #AEB6A7;
}
[data-bg-color=afternoon-delight-light] {
background-color: #AEB6A7 !important;
}
[data-border-color=afternoon-delight-light] {
border: 1px solid #AEB6A7;
}
[data-color=afternoon-delight-extralight] {
color: #EFF0ED;
}
[data-bg-color=afternoon-delight-extralight] {
background-color: #EFF0ED !important;
}
[data-border-color=afternoon-delight-extralight] {
border: 1px solid #EFF0ED;
}
[data-color=night-sky-bright] {
color: #04247D;
}
[data-bg-color=night-sky-bright] {
background-color: #04247D !important;
}
[data-border-color=night-sky-bright] {
border: 1px solid #04247D;
}
[data-color=magic-hour-error] {
color: #aa3f00;
}
[data-bg-color=magic-hour-error] {
background-color: #aa3f00 !important;
}
[data-border-color=magic-hour-error] {
border: 1px solid #aa3f00;
}
[data-color=gray-text] {
color: #777777;
}
[data-bg-color=gray-text] {
background-color: #777777 !important;
}
[data-border-color=gray-text] {
border: 1px solid #777777;
}
[data-color=gray-medium] {
color: #DDDDDD;
}
[data-bg-color=gray-medium] {
background-color: #DDDDDD !important;
}
[data-border-color=gray-medium] {
border: 1px solid #DDDDDD;
}
[data-color=gray-light] {
color: #F2F2F2;
}
[data-bg-color=gray-light] {
background-color: #F2F2F2 !important;
}
[data-border-color=gray-light] {
border: 1px solid #F2F2F2;
}
[data-color=gray-extralight] {
color: #F8F8F8;
}
[data-bg-color=gray-extralight] {
background-color: #F8F8F8 !important;
}
[data-border-color=gray-extralight] {
border: 1px solid #F8F8F8;
}
[data-color=white] {
color: #FFFFFF;
}
[data-bg-color=white] {
background-color: #FFFFFF !important;
}
[data-border-color=white] {
border: 1px solid #FFFFFF;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
}
/*============================== Text colors =================================*/
/*============================== Backgrounds =================================*/
/*============================= Border colors ===============================*/
/*============================ Nanobar Heights ===============================*/
/*=================== Nav and dropdown link background =======================*/
/*=============================== Site Footer ================================*/
/*================================== Greys ===================================*/
/*============================= Helper Colors ================================*/
/*================================ Drawers ===================================*/
/*================================= Blues ====================================*/
/*========================= Existing Button Colors ===========================*/
/*========================== New Button Colors ==============================*/
/*=========================== Sizing Variables ===============================*/
/*
* Grid per design is 12 columns, 20px gutters, 1240px max width
*/
:root {
/* -------------------------------------------------------------------
Assign the default/constant/env values to CSS variables
*/
--safe-area-inset-top: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
}
@supports (top: constant(safe-area-inset-top)) {
:root {
--safe-area-inset-top: constant(safe-area-inset-top);
--safe-area-inset-right: constant(safe-area-inset-right);
--safe-area-inset-bottom: constant(safe-area-inset-bottom);
--safe-area-inset-left: constant(safe-area-inset-left);
}
}
@supports (top: env(safe-area-inset-top)) {
:root {
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-right: env(safe-area-inset-right);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
}
}
/*============================================================================
#Sass Mixins
==============================================================================*/
.clearfix, .cf {
*zoom: 1;
}
.clearfix:after, .cf:after {
content: "";
display: table;
clear: both;
}
/*============================================================================
Prefixer mixin for generating vendor prefixes:
- Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
- Usage:
// Input:
.element {
@include prefixer(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
/*============================================================================
Dependency-free breakpoint mixin
- Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
- Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
@keyframes backgroundPulse {
0% {
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
}
50% {
background-color: #F2F2F2; /* The Fallback */
background-color: #f2f2f2;
}
100% {
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
}
}
/*============================================================================
#Grid Setup
- Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
- Breakpoints defined above, under #Breakpoint and Grid Variables
- Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--full, .grid--rev, .grid--gutter-24, .grid--gutter-30,
.grid-uniform {
*zoom: 1;
}
.grid:after, .grid--full:after, .grid--rev:after, .grid--gutter-24:after, .grid--gutter-30:after,
.grid-uniform:after {
content: "";
display: table;
clear: both;
}
/* Manual grid__item clearfix */
.grid__item.clear {
clear: both;
}
/*============================================================================
Drop relative positioning into silent classes which can't take advantage of
the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
Grid Setup
1. Allow the grid system to be used on lists.
2. Remove any margins and paddings that might affect the grid system.
3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--full, .grid--rev, .grid--gutter-24, .grid--gutter-30,
.grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: -20px;
}
.grid__item {
box-sizing: border-box;
float: left;
min-height: 1px;
padding-left: 20px;
vertical-align: top;
width: 100%;
}
/*============================================================================
An alternate version of the grid with wider (30px) gutters.
==============================================================================*/
.grid--gutter-30 {
margin-left: -30px;
}
.grid--gutter-30 > .grid__item {
padding-left: 30px;
}
/*============================================================================
An alternate version of the grid with (24px) gutters.
==============================================================================*/
.grid--gutter-24 {
margin-left: -16px;
}
@media screen and (min-width: 768px) {
.grid--gutter-24 {
margin-left: -24px;
}
}
.grid--gutter-24 .grid__item {
padding-left: 16px;
}
@media screen and (min-width: 768px) {
.grid--gutter-24 .grid__item {
padding-left: 24px;
}
}
/*============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
/*============================================================================
WIDTHS
- Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*=========== Our regular, non-responsive width and helper classes ===========*/
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.333%;
}
.two-thirds {
width: 66.666%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.666%;
}
.two-sixths {
width: 33.333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.666%;
}
.five-sixths {
width: 83.333%;
}
/* Eighths */
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
/* Tenths */
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
/* Twelfths */
.one-twelfth {
width: 8.333%;
}
.two-twelfths {
width: 16.666%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.333%;
}
.five-twelfths {
width: 41.666%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.333%;
}
.eight-twelfths {
width: 66.666%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.333%;
}
.eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.one-sixteenth {
width: 6.25%;
}
.two-sixteenths {
width: 12.5%;
}
.three-sixteenths {
width: 18.75%;
}
.four-sixteenths {
width: 25%;
}
.five-sixteenths {
width: 31.25%;
}
.six-sixteenths {
width: 37.5%;
}
.seven-sixteenths {
width: 43.75%;
}
.eight-sixteenths {
width: 50%;
}
.nine-sixteenths {
width: 56.25%;
}
.ten-sixteenths {
width: 62.5%;
}
.eleven-sixteenths {
width: 68.75%;
}
.twelve-sixteenths {
width: 75%;
}
.thirteen-sixteenths {
width: 81.25%;
}
.fourteen-sixteenths {
width: 87.5%;
}
.fifteen-sixteenths {
width: 93.75%;
}
.show {
display: block !important;
}
.show-inline {
display: inline !important;
}
.show-flex {
display: flex !important;
}
.show-table {
display: table !important;
}
.show-grid {
display: grid !important;
}
.hide {
display: none !important;
}
.conceal {
visibility: hidden !important;
height: 0 !important;
}
.reveal {
visibility: visible !important;
height: auto !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
/*============= Our responsive classes, if we have enabled them ==============*/
@media only screen and (max-width: 480px) {
/** Whole */
.small--one-whole {
width: 100%;
}
/* Halves */
.small--one-half {
width: 50%;
}
/* Thirds */
.small--one-third {
width: 33.333%;
}
.small--two-thirds {
width: 66.666%;
}
/* Quarters */
.small--one-quarter {
width: 25%;
}
.small--two-quarters {
width: 50%;
}
.small--three-quarters {
width: 75%;
}
/* Fifths */
.small--one-fifth {
width: 20%;
}
.small--two-fifths {
width: 40%;
}
.small--three-fifths {
width: 60%;
}
.small--four-fifths {
width: 80%;
}
/* Sixths */
.small--one-sixth {
width: 16.666%;
}
.small--two-sixths {
width: 33.333%;
}
.small--three-sixths {
width: 50%;
}
.small--four-sixths {
width: 66.666%;
}
.small--five-sixths {
width: 83.333%;
}
/* Eighths */
.small--one-eighth {
width: 12.5%;
}
.small--two-eighths {
width: 25%;
}
.small--three-eighths {
width: 37.5%;
}
.small--four-eighths {
width: 50%;
}
.small--five-eighths {
width: 62.5%;
}
.small--six-eighths {
width: 75%;
}
.small--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small--one-tenth {
width: 10%;
}
.small--two-tenths {
width: 20%;
}
.small--three-tenths {
width: 30%;
}
.small--four-tenths {
width: 40%;
}
.small--five-tenths {
width: 50%;
}
.small--six-tenths {
width: 60%;
}
.small--seven-tenths {
width: 70%;
}
.small--eight-tenths {
width: 80%;
}
.small--nine-tenths {
width: 90%;
}
/* Twelfths */
.small--one-twelfth {
width: 8.333%;
}
.small--two-twelfths {
width: 16.666%;
}
.small--three-twelfths {
width: 25%;
}
.small--four-twelfths {
width: 33.333%;
}
.small--five-twelfths {
width: 41.666%;
}
.small--six-twelfths {
width: 50%;
}
.small--seven-twelfths {
width: 58.333%;
}
.small--eight-twelfths {
width: 66.666%;
}
.small--nine-twelfths {
width: 75%;
}
.small--ten-twelfths {
width: 83.333%;
}
.small--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.small--one-sixteenth {
width: 6.25%;
}
.small--two-sixteenths {
width: 12.5%;
}
.small--three-sixteenths {
width: 18.75%;
}
.small--four-sixteenths {
width: 25%;
}
.small--five-sixteenths {
width: 31.25%;
}
.small--six-sixteenths {
width: 37.5%;
}
.small--seven-sixteenths {
width: 43.75%;
}
.small--eight-sixteenths {
width: 50%;
}
.small--nine-sixteenths {
width: 56.25%;
}
.small--ten-sixteenths {
width: 62.5%;
}
.small--eleven-sixteenths {
width: 68.75%;
}
.small--twelve-sixteenths {
width: 75%;
}
.small--thirteen-sixteenths {
width: 81.25%;
}
.small--fourteen-sixteenths {
width: 87.5%;
}
.small--fifteen-sixteenths {
width: 93.75%;
}
.small--show {
display: block !important;
}
.small--show-inline {
display: inline !important;
}
.small--show-flex {
display: flex !important;
}
.small--show-table {
display: table !important;
}
.small--show-grid {
display: grid !important;
}
.small--hide {
display: none !important;
}
.small--conceal {
visibility: hidden !important;
height: 0 !important;
}
.small--reveal {
visibility: visible !important;
height: auto !important;
}
.small--text-left {
text-align: left !important;
}
.small--text-right {
text-align: right !important;
}
.small--text-center {
text-align: center !important;
}
.small--left {
float: left !important;
}
.small--right {
float: right !important;
}
.grid-uniform .small--one-half:nth-child(2n+1),
.grid-uniform .small--one-third:nth-child(3n+1),
.grid-uniform .small--one-quarter:nth-child(4n+1),
.grid-uniform .small--one-fifth:nth-child(5n+1),
.grid-uniform .small--one-sixth:nth-child(6n+1),
.grid-uniform .small--two-sixths:nth-child(3n+1),
.grid-uniform .small--three-sixths:nth-child(2n+1),
.grid-uniform .small--two-eighths:nth-child(4n+1),
.grid-uniform .small--four-eighths:nth-child(2n+1),
.grid-uniform .small--five-tenths:nth-child(2n+1),
.grid-uniform .small--one-twelfth:nth-child(12n+1),
.grid-uniform .small--two-twelfths:nth-child(6n+1),
.grid-uniform .small--three-twelfths:nth-child(4n+1),
.grid-uniform .small--four-twelfths:nth-child(3n+1),
.grid-uniform .small--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
/** Whole */
.medium--one-whole {
width: 100%;
}
/* Halves */
.medium--one-half {
width: 50%;
}
/* Thirds */
.medium--one-third {
width: 33.333%;
}
.medium--two-thirds {
width: 66.666%;
}
/* Quarters */
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
/* Fifths */
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
/* Sixths */
.medium--one-sixth {
width: 16.666%;
}
.medium--two-sixths {
width: 33.333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.666%;
}
.medium--five-sixths {
width: 83.333%;
}
/* Eighths */
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium--one-twelfth {
width: 8.333%;
}
.medium--two-twelfths {
width: 16.666%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.333%;
}
.medium--five-twelfths {
width: 41.666%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.333%;
}
.medium--eight-twelfths {
width: 66.666%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.333%;
}
.medium--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.medium--one-sixteenth {
width: 6.25%;
}
.medium--two-sixteenths {
width: 12.5%;
}
.medium--three-sixteenths {
width: 18.75%;
}
.medium--four-sixteenths {
width: 25%;
}
.medium--five-sixteenths {
width: 31.25%;
}
.medium--six-sixteenths {
width: 37.5%;
}
.medium--seven-sixteenths {
width: 43.75%;
}
.medium--eight-sixteenths {
width: 50%;
}
.medium--nine-sixteenths {
width: 56.25%;
}
.medium--ten-sixteenths {
width: 62.5%;
}
.medium--eleven-sixteenths {
width: 68.75%;
}
.medium--twelve-sixteenths {
width: 75%;
}
.medium--thirteen-sixteenths {
width: 81.25%;
}
.medium--fourteen-sixteenths {
width: 87.5%;
}
.medium--fifteen-sixteenths {
width: 93.75%;
}
.medium--show {
display: block !important;
}
.medium--show-inline {
display: inline !important;
}
.medium--show-flex {
display: flex !important;
}
.medium--show-table {
display: table !important;
}
.medium--show-grid {
display: grid !important;
}
.medium--hide {
display: none !important;
}
.medium--conceal {
visibility: hidden !important;
height: 0 !important;
}
.medium--reveal {
visibility: visible !important;
height: auto !important;
}
.medium--text-left {
text-align: left !important;
}
.medium--text-right {
text-align: right !important;
}
.medium--text-center {
text-align: center !important;
}
.medium--left {
float: left !important;
}
.medium--right {
float: right !important;
}
.grid-uniform .medium--one-half:nth-child(2n+1),
.grid-uniform .medium--one-third:nth-child(3n+1),
.grid-uniform .medium--one-quarter:nth-child(4n+1),
.grid-uniform .medium--one-fifth:nth-child(5n+1),
.grid-uniform .medium--one-sixth:nth-child(6n+1),
.grid-uniform .medium--two-sixths:nth-child(3n+1),
.grid-uniform .medium--three-sixths:nth-child(2n+1),
.grid-uniform .medium--two-eighths:nth-child(4n+1),
.grid-uniform .medium--four-eighths:nth-child(2n+1),
.grid-uniform .medium--five-tenths:nth-child(2n+1),
.grid-uniform .medium--one-twelfth:nth-child(12n+1),
.grid-uniform .medium--two-twelfths:nth-child(6n+1),
.grid-uniform .medium--three-twelfths:nth-child(4n+1),
.grid-uniform .medium--four-twelfths:nth-child(3n+1),
.grid-uniform .medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
/** Whole */
.medium-down--one-whole {
width: 100%;
}
/* Halves */
.medium-down--one-half {
width: 50%;
}
/* Thirds */
.medium-down--one-third {
width: 33.333%;
}
.medium-down--two-thirds {
width: 66.666%;
}
/* Quarters */
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
/* Fifths */
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
/* Sixths */
.medium-down--one-sixth {
width: 16.666%;
}
.medium-down--two-sixths {
width: 33.333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.666%;
}
.medium-down--five-sixths {
width: 83.333%;
}
/* Eighths */
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-down--one-twelfth {
width: 8.333%;
}
.medium-down--two-twelfths {
width: 16.666%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.333%;
}
.medium-down--five-twelfths {
width: 41.666%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.333%;
}
.medium-down--eight-twelfths {
width: 66.666%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.333%;
}
.medium-down--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.medium-down--one-sixteenth {
width: 6.25%;
}
.medium-down--two-sixteenths {
width: 12.5%;
}
.medium-down--three-sixteenths {
width: 18.75%;
}
.medium-down--four-sixteenths {
width: 25%;
}
.medium-down--five-sixteenths {
width: 31.25%;
}
.medium-down--six-sixteenths {
width: 37.5%;
}
.medium-down--seven-sixteenths {
width: 43.75%;
}
.medium-down--eight-sixteenths {
width: 50%;
}
.medium-down--nine-sixteenths {
width: 56.25%;
}
.medium-down--ten-sixteenths {
width: 62.5%;
}
.medium-down--eleven-sixteenths {
width: 68.75%;
}
.medium-down--twelve-sixteenths {
width: 75%;
}
.medium-down--thirteen-sixteenths {
width: 81.25%;
}
.medium-down--fourteen-sixteenths {
width: 87.5%;
}
.medium-down--fifteen-sixteenths {
width: 93.75%;
}
.medium-down--show {
display: block !important;
}
.medium-down--show-inline {
display: inline !important;
}
.medium-down--show-flex {
display: flex !important;
}
.medium-down--show-table {
display: table !important;
}
.medium-down--show-grid {
display: grid !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--conceal {
visibility: hidden !important;
height: 0 !important;
}
.medium-down--reveal {
visibility: visible !important;
height: auto !important;
}
.medium-down--text-left {
text-align: left !important;
}
.medium-down--text-right {
text-align: right !important;
}
.medium-down--text-center {
text-align: center !important;
}
.medium-down--left {
float: left !important;
}
.medium-down--right {
float: right !important;
}
.grid-uniform .medium-down--one-half:nth-child(2n+1),
.grid-uniform .medium-down--one-third:nth-child(3n+1),
.grid-uniform .medium-down--one-quarter:nth-child(4n+1),
.grid-uniform .medium-down--one-fifth:nth-child(5n+1),
.grid-uniform .medium-down--one-sixth:nth-child(6n+1),
.grid-uniform .medium-down--two-sixths:nth-child(3n+1),
.grid-uniform .medium-down--three-sixths:nth-child(2n+1),
.grid-uniform .medium-down--two-eighths:nth-child(4n+1),
.grid-uniform .medium-down--four-eighths:nth-child(2n+1),
.grid-uniform .medium-down--five-tenths:nth-child(2n+1),
.grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
.grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
.grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
.grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
.grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 768px) {
/** Whole */
.medium-up--one-whole {
width: 100%;
}
/* Halves */
.medium-up--one-half {
width: 50%;
}
/* Thirds */
.medium-up--one-third {
width: 33.333%;
}
.medium-up--two-thirds {
width: 66.666%;
}
/* Quarters */
.medium-up--one-quarter {
width: 25%;
}
.medium-up--two-quarters {
width: 50%;
}
.medium-up--three-quarters {
width: 75%;
}
/* Fifths */
.medium-up--one-fifth {
width: 20%;
}
.medium-up--two-fifths {
width: 40%;
}
.medium-up--three-fifths {
width: 60%;
}
.medium-up--four-fifths {
width: 80%;
}
/* Sixths */
.medium-up--one-sixth {
width: 16.666%;
}
.medium-up--two-sixths {
width: 33.333%;
}
.medium-up--three-sixths {
width: 50%;
}
.medium-up--four-sixths {
width: 66.666%;
}
.medium-up--five-sixths {
width: 83.333%;
}
/* Eighths */
.medium-up--one-eighth {
width: 12.5%;
}
.medium-up--two-eighths {
width: 25%;
}
.medium-up--three-eighths {
width: 37.5%;
}
.medium-up--four-eighths {
width: 50%;
}
.medium-up--five-eighths {
width: 62.5%;
}
.medium-up--six-eighths {
width: 75%;
}
.medium-up--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-up--one-tenth {
width: 10%;
}
.medium-up--two-tenths {
width: 20%;
}
.medium-up--three-tenths {
width: 30%;
}
.medium-up--four-tenths {
width: 40%;
}
.medium-up--five-tenths {
width: 50%;
}
.medium-up--six-tenths {
width: 60%;
}
.medium-up--seven-tenths {
width: 70%;
}
.medium-up--eight-tenths {
width: 80%;
}
.medium-up--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-up--one-twelfth {
width: 8.333%;
}
.medium-up--two-twelfths {
width: 16.666%;
}
.medium-up--three-twelfths {
width: 25%;
}
.medium-up--four-twelfths {
width: 33.333%;
}
.medium-up--five-twelfths {
width: 41.666%;
}
.medium-up--six-twelfths {
width: 50%;
}
.medium-up--seven-twelfths {
width: 58.333%;
}
.medium-up--eight-twelfths {
width: 66.666%;
}
.medium-up--nine-twelfths {
width: 75%;
}
.medium-up--ten-twelfths {
width: 83.333%;
}
.medium-up--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.medium-up--one-sixteenth {
width: 6.25%;
}
.medium-up--two-sixteenths {
width: 12.5%;
}
.medium-up--three-sixteenths {
width: 18.75%;
}
.medium-up--four-sixteenths {
width: 25%;
}
.medium-up--five-sixteenths {
width: 31.25%;
}
.medium-up--six-sixteenths {
width: 37.5%;
}
.medium-up--seven-sixteenths {
width: 43.75%;
}
.medium-up--eight-sixteenths {
width: 50%;
}
.medium-up--nine-sixteenths {
width: 56.25%;
}
.medium-up--ten-sixteenths {
width: 62.5%;
}
.medium-up--eleven-sixteenths {
width: 68.75%;
}
.medium-up--twelve-sixteenths {
width: 75%;
}
.medium-up--thirteen-sixteenths {
width: 81.25%;
}
.medium-up--fourteen-sixteenths {
width: 87.5%;
}
.medium-up--fifteen-sixteenths {
width: 93.75%;
}
.medium-up--show {
display: block !important;
}
.medium-up--show-inline {
display: inline !important;
}
.medium-up--show-flex {
display: flex !important;
}
.medium-up--show-table {
display: table !important;
}
.medium-up--show-grid {
display: grid !important;
}
.medium-up--hide {
display: none !important;
}
.medium-up--conceal {
visibility: hidden !important;
height: 0 !important;
}
.medium-up--reveal {
visibility: visible !important;
height: auto !important;
}
.medium-up--text-left {
text-align: left !important;
}
.medium-up--text-right {
text-align: right !important;
}
.medium-up--text-center {
text-align: center !important;
}
.medium-up--left {
float: left !important;
}
.medium-up--right {
float: right !important;
}
.grid-uniform .medium-up--one-half:nth-child(2n+1),
.grid-uniform .medium-up--one-third:nth-child(3n+1),
.grid-uniform .medium-up--one-quarter:nth-child(4n+1),
.grid-uniform .medium-up--one-fifth:nth-child(5n+1),
.grid-uniform .medium-up--one-sixth:nth-child(6n+1),
.grid-uniform .medium-up--two-sixths:nth-child(3n+1),
.grid-uniform .medium-up--three-sixths:nth-child(2n+1),
.grid-uniform .medium-up--two-eighths:nth-child(4n+1),
.grid-uniform .medium-up--four-eighths:nth-child(2n+1),
.grid-uniform .medium-up--five-tenths:nth-child(2n+1),
.grid-uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid-uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid-uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid-uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid-uniform .medium-up--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 769px) {
/** Whole */
.large--one-whole {
width: 100%;
}
/* Halves */
.large--one-half {
width: 50%;
}
/* Thirds */
.large--one-third {
width: 33.333%;
}
.large--two-thirds {
width: 66.666%;
}
/* Quarters */
.large--one-quarter {
width: 25%;
}
.large--two-quarters {
width: 50%;
}
.large--three-quarters {
width: 75%;
}
/* Fifths */
.large--one-fifth {
width: 20%;
}
.large--two-fifths {
width: 40%;
}
.large--three-fifths {
width: 60%;
}
.large--four-fifths {
width: 80%;
}
/* Sixths */
.large--one-sixth {
width: 16.666%;
}
.large--two-sixths {
width: 33.333%;
}
.large--three-sixths {
width: 50%;
}
.large--four-sixths {
width: 66.666%;
}
.large--five-sixths {
width: 83.333%;
}
/* Eighths */
.large--one-eighth {
width: 12.5%;
}
.large--two-eighths {
width: 25%;
}
.large--three-eighths {
width: 37.5%;
}
.large--four-eighths {
width: 50%;
}
.large--five-eighths {
width: 62.5%;
}
.large--six-eighths {
width: 75%;
}
.large--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large--one-tenth {
width: 10%;
}
.large--two-tenths {
width: 20%;
}
.large--three-tenths {
width: 30%;
}
.large--four-tenths {
width: 40%;
}
.large--five-tenths {
width: 50%;
}
.large--six-tenths {
width: 60%;
}
.large--seven-tenths {
width: 70%;
}
.large--eight-tenths {
width: 80%;
}
.large--nine-tenths {
width: 90%;
}
/* Twelfths */
.large--one-twelfth {
width: 8.333%;
}
.large--two-twelfths {
width: 16.666%;
}
.large--three-twelfths {
width: 25%;
}
.large--four-twelfths {
width: 33.333%;
}
.large--five-twelfths {
width: 41.666%;
}
.large--six-twelfths {
width: 50%;
}
.large--seven-twelfths {
width: 58.333%;
}
.large--eight-twelfths {
width: 66.666%;
}
.large--nine-twelfths {
width: 75%;
}
.large--ten-twelfths {
width: 83.333%;
}
.large--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.large--one-sixteenth {
width: 6.25%;
}
.large--two-sixteenths {
width: 12.5%;
}
.large--three-sixteenths {
width: 18.75%;
}
.large--four-sixteenths {
width: 25%;
}
.large--five-sixteenths {
width: 31.25%;
}
.large--six-sixteenths {
width: 37.5%;
}
.large--seven-sixteenths {
width: 43.75%;
}
.large--eight-sixteenths {
width: 50%;
}
.large--nine-sixteenths {
width: 56.25%;
}
.large--ten-sixteenths {
width: 62.5%;
}
.large--eleven-sixteenths {
width: 68.75%;
}
.large--twelve-sixteenths {
width: 75%;
}
.large--thirteen-sixteenths {
width: 81.25%;
}
.large--fourteen-sixteenths {
width: 87.5%;
}
.large--fifteen-sixteenths {
width: 93.75%;
}
.large--show {
display: block !important;
}
.large--show-inline {
display: inline !important;
}
.large--show-flex {
display: flex !important;
}
.large--show-table {
display: table !important;
}
.large--show-grid {
display: grid !important;
}
.large--hide {
display: none !important;
}
.large--conceal {
visibility: hidden !important;
height: 0 !important;
}
.large--reveal {
visibility: visible !important;
height: auto !important;
}
.large--text-left {
text-align: left !important;
}
.large--text-right {
text-align: right !important;
}
.large--text-center {
text-align: center !important;
}
.large--left {
float: left !important;
}
.large--right {
float: right !important;
}
.grid-uniform .large--one-half:nth-child(2n+1),
.grid-uniform .large--one-third:nth-child(3n+1),
.grid-uniform .large--one-quarter:nth-child(4n+1),
.grid-uniform .large--one-fifth:nth-child(5n+1),
.grid-uniform .large--one-sixth:nth-child(6n+1),
.grid-uniform .large--two-sixths:nth-child(3n+1),
.grid-uniform .large--three-sixths:nth-child(2n+1),
.grid-uniform .large--two-eighths:nth-child(4n+1),
.grid-uniform .large--four-eighths:nth-child(2n+1),
.grid-uniform .large--five-tenths:nth-child(2n+1),
.grid-uniform .large--one-twelfth:nth-child(12n+1),
.grid-uniform .large--two-twelfths:nth-child(6n+1),
.grid-uniform .large--three-twelfths:nth-child(4n+1),
.grid-uniform .large--four-twelfths:nth-child(3n+1),
.grid-uniform .large--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 1024px) {
/** Whole */
.xlarge--one-whole {
width: 100%;
}
/* Halves */
.xlarge--one-half {
width: 50%;
}
/* Thirds */
.xlarge--one-third {
width: 33.333%;
}
.xlarge--two-thirds {
width: 66.666%;
}
/* Quarters */
.xlarge--one-quarter {
width: 25%;
}
.xlarge--two-quarters {
width: 50%;
}
.xlarge--three-quarters {
width: 75%;
}
/* Fifths */
.xlarge--one-fifth {
width: 20%;
}
.xlarge--two-fifths {
width: 40%;
}
.xlarge--three-fifths {
width: 60%;
}
.xlarge--four-fifths {
width: 80%;
}
/* Sixths */
.xlarge--one-sixth {
width: 16.666%;
}
.xlarge--two-sixths {
width: 33.333%;
}
.xlarge--three-sixths {
width: 50%;
}
.xlarge--four-sixths {
width: 66.666%;
}
.xlarge--five-sixths {
width: 83.333%;
}
/* Eighths */
.xlarge--one-eighth {
width: 12.5%;
}
.xlarge--two-eighths {
width: 25%;
}
.xlarge--three-eighths {
width: 37.5%;
}
.xlarge--four-eighths {
width: 50%;
}
.xlarge--five-eighths {
width: 62.5%;
}
.xlarge--six-eighths {
width: 75%;
}
.xlarge--seven-eighths {
width: 87.5%;
}
/* Tenths */
.xlarge--one-tenth {
width: 10%;
}
.xlarge--two-tenths {
width: 20%;
}
.xlarge--three-tenths {
width: 30%;
}
.xlarge--four-tenths {
width: 40%;
}
.xlarge--five-tenths {
width: 50%;
}
.xlarge--six-tenths {
width: 60%;
}
.xlarge--seven-tenths {
width: 70%;
}
.xlarge--eight-tenths {
width: 80%;
}
.xlarge--nine-tenths {
width: 90%;
}
/* Twelfths */
.xlarge--one-twelfth {
width: 8.333%;
}
.xlarge--two-twelfths {
width: 16.666%;
}
.xlarge--three-twelfths {
width: 25%;
}
.xlarge--four-twelfths {
width: 33.333%;
}
.xlarge--five-twelfths {
width: 41.666%;
}
.xlarge--six-twelfths {
width: 50%;
}
.xlarge--seven-twelfths {
width: 58.333%;
}
.xlarge--eight-twelfths {
width: 66.666%;
}
.xlarge--nine-twelfths {
width: 75%;
}
.xlarge--ten-twelfths {
width: 83.333%;
}
.xlarge--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.xlarge--one-sixteenth {
width: 6.25%;
}
.xlarge--two-sixteenths {
width: 12.5%;
}
.xlarge--three-sixteenths {
width: 18.75%;
}
.xlarge--four-sixteenths {
width: 25%;
}
.xlarge--five-sixteenths {
width: 31.25%;
}
.xlarge--six-sixteenths {
width: 37.5%;
}
.xlarge--seven-sixteenths {
width: 43.75%;
}
.xlarge--eight-sixteenths {
width: 50%;
}
.xlarge--nine-sixteenths {
width: 56.25%;
}
.xlarge--ten-sixteenths {
width: 62.5%;
}
.xlarge--eleven-sixteenths {
width: 68.75%;
}
.xlarge--twelve-sixteenths {
width: 75%;
}
.xlarge--thirteen-sixteenths {
width: 81.25%;
}
.xlarge--fourteen-sixteenths {
width: 87.5%;
}
.xlarge--fifteen-sixteenths {
width: 93.75%;
}
.xlarge--show {
display: block !important;
}
.xlarge--show-inline {
display: inline !important;
}
.xlarge--show-flex {
display: flex !important;
}
.xlarge--show-table {
display: table !important;
}
.xlarge--show-grid {
display: grid !important;
}
.xlarge--hide {
display: none !important;
}
.xlarge--conceal {
visibility: hidden !important;
height: 0 !important;
}
.xlarge--reveal {
visibility: visible !important;
height: auto !important;
}
.xlarge--text-left {
text-align: left !important;
}
.xlarge--text-right {
text-align: right !important;
}
.xlarge--text-center {
text-align: center !important;
}
.xlarge--left {
float: left !important;
}
.xlarge--right {
float: right !important;
}
.grid-uniform .xlarge--one-half:nth-child(2n+1),
.grid-uniform .xlarge--one-third:nth-child(3n+1),
.grid-uniform .xlarge--one-quarter:nth-child(4n+1),
.grid-uniform .xlarge--one-fifth:nth-child(5n+1),
.grid-uniform .xlarge--one-sixth:nth-child(6n+1),
.grid-uniform .xlarge--two-sixths:nth-child(3n+1),
.grid-uniform .xlarge--three-sixths:nth-child(2n+1),
.grid-uniform .xlarge--two-eighths:nth-child(4n+1),
.grid-uniform .xlarge--four-eighths:nth-child(2n+1),
.grid-uniform .xlarge--five-tenths:nth-child(2n+1),
.grid-uniform .xlarge--one-twelfth:nth-child(12n+1),
.grid-uniform .xlarge--two-twelfths:nth-child(6n+1),
.grid-uniform .xlarge--three-twelfths:nth-child(4n+1),
.grid-uniform .xlarge--four-twelfths:nth-child(3n+1),
.grid-uniform .xlarge--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 1025px) {
/** Whole */
.xlarge-post--one-whole {
width: 100%;
}
/* Halves */
.xlarge-post--one-half {
width: 50%;
}
/* Thirds */
.xlarge-post--one-third {
width: 33.333%;
}
.xlarge-post--two-thirds {
width: 66.666%;
}
/* Quarters */
.xlarge-post--one-quarter {
width: 25%;
}
.xlarge-post--two-quarters {
width: 50%;
}
.xlarge-post--three-quarters {
width: 75%;
}
/* Fifths */
.xlarge-post--one-fifth {
width: 20%;
}
.xlarge-post--two-fifths {
width: 40%;
}
.xlarge-post--three-fifths {
width: 60%;
}
.xlarge-post--four-fifths {
width: 80%;
}
/* Sixths */
.xlarge-post--one-sixth {
width: 16.666%;
}
.xlarge-post--two-sixths {
width: 33.333%;
}
.xlarge-post--three-sixths {
width: 50%;
}
.xlarge-post--four-sixths {
width: 66.666%;
}
.xlarge-post--five-sixths {
width: 83.333%;
}
/* Eighths */
.xlarge-post--one-eighth {
width: 12.5%;
}
.xlarge-post--two-eighths {
width: 25%;
}
.xlarge-post--three-eighths {
width: 37.5%;
}
.xlarge-post--four-eighths {
width: 50%;
}
.xlarge-post--five-eighths {
width: 62.5%;
}
.xlarge-post--six-eighths {
width: 75%;
}
.xlarge-post--seven-eighths {
width: 87.5%;
}
/* Tenths */
.xlarge-post--one-tenth {
width: 10%;
}
.xlarge-post--two-tenths {
width: 20%;
}
.xlarge-post--three-tenths {
width: 30%;
}
.xlarge-post--four-tenths {
width: 40%;
}
.xlarge-post--five-tenths {
width: 50%;
}
.xlarge-post--six-tenths {
width: 60%;
}
.xlarge-post--seven-tenths {
width: 70%;
}
.xlarge-post--eight-tenths {
width: 80%;
}
.xlarge-post--nine-tenths {
width: 90%;
}
/* Twelfths */
.xlarge-post--one-twelfth {
width: 8.333%;
}
.xlarge-post--two-twelfths {
width: 16.666%;
}
.xlarge-post--three-twelfths {
width: 25%;
}
.xlarge-post--four-twelfths {
width: 33.333%;
}
.xlarge-post--five-twelfths {
width: 41.666%;
}
.xlarge-post--six-twelfths {
width: 50%;
}
.xlarge-post--seven-twelfths {
width: 58.333%;
}
.xlarge-post--eight-twelfths {
width: 66.666%;
}
.xlarge-post--nine-twelfths {
width: 75%;
}
.xlarge-post--ten-twelfths {
width: 83.333%;
}
.xlarge-post--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.xlarge-post--one-sixteenth {
width: 6.25%;
}
.xlarge-post--two-sixteenths {
width: 12.5%;
}
.xlarge-post--three-sixteenths {
width: 18.75%;
}
.xlarge-post--four-sixteenths {
width: 25%;
}
.xlarge-post--five-sixteenths {
width: 31.25%;
}
.xlarge-post--six-sixteenths {
width: 37.5%;
}
.xlarge-post--seven-sixteenths {
width: 43.75%;
}
.xlarge-post--eight-sixteenths {
width: 50%;
}
.xlarge-post--nine-sixteenths {
width: 56.25%;
}
.xlarge-post--ten-sixteenths {
width: 62.5%;
}
.xlarge-post--eleven-sixteenths {
width: 68.75%;
}
.xlarge-post--twelve-sixteenths {
width: 75%;
}
.xlarge-post--thirteen-sixteenths {
width: 81.25%;
}
.xlarge-post--fourteen-sixteenths {
width: 87.5%;
}
.xlarge-post--fifteen-sixteenths {
width: 93.75%;
}
.xlarge-post--show {
display: block !important;
}
.xlarge-post--show-inline {
display: inline !important;
}
.xlarge-post--show-flex {
display: flex !important;
}
.xlarge-post--show-table {
display: table !important;
}
.xlarge-post--show-grid {
display: grid !important;
}
.xlarge-post--hide {
display: none !important;
}
.xlarge-post--conceal {
visibility: hidden !important;
height: 0 !important;
}
.xlarge-post--reveal {
visibility: visible !important;
height: auto !important;
}
.xlarge-post--text-left {
text-align: left !important;
}
.xlarge-post--text-right {
text-align: right !important;
}
.xlarge-post--text-center {
text-align: center !important;
}
.xlarge-post--left {
float: left !important;
}
.xlarge-post--right {
float: right !important;
}
.grid-uniform .xlarge-post--one-half:nth-child(2n+1),
.grid-uniform .xlarge-post--one-third:nth-child(3n+1),
.grid-uniform .xlarge-post--one-quarter:nth-child(4n+1),
.grid-uniform .xlarge-post--one-fifth:nth-child(5n+1),
.grid-uniform .xlarge-post--one-sixth:nth-child(6n+1),
.grid-uniform .xlarge-post--two-sixths:nth-child(3n+1),
.grid-uniform .xlarge-post--three-sixths:nth-child(2n+1),
.grid-uniform .xlarge-post--two-eighths:nth-child(4n+1),
.grid-uniform .xlarge-post--four-eighths:nth-child(2n+1),
.grid-uniform .xlarge-post--five-tenths:nth-child(2n+1),
.grid-uniform .xlarge-post--one-twelfth:nth-child(12n+1),
.grid-uniform .xlarge-post--two-twelfths:nth-child(6n+1),
.grid-uniform .xlarge-post--three-twelfths:nth-child(4n+1),
.grid-uniform .xlarge-post--four-twelfths:nth-child(3n+1),
.grid-uniform .xlarge-post--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 1240px) {
/** Whole */
.xxlarge--one-whole {
width: 100%;
}
/* Halves */
.xxlarge--one-half {
width: 50%;
}
/* Thirds */
.xxlarge--one-third {
width: 33.333%;
}
.xxlarge--two-thirds {
width: 66.666%;
}
/* Quarters */
.xxlarge--one-quarter {
width: 25%;
}
.xxlarge--two-quarters {
width: 50%;
}
.xxlarge--three-quarters {
width: 75%;
}
/* Fifths */
.xxlarge--one-fifth {
width: 20%;
}
.xxlarge--two-fifths {
width: 40%;
}
.xxlarge--three-fifths {
width: 60%;
}
.xxlarge--four-fifths {
width: 80%;
}
/* Sixths */
.xxlarge--one-sixth {
width: 16.666%;
}
.xxlarge--two-sixths {
width: 33.333%;
}
.xxlarge--three-sixths {
width: 50%;
}
.xxlarge--four-sixths {
width: 66.666%;
}
.xxlarge--five-sixths {
width: 83.333%;
}
/* Eighths */
.xxlarge--one-eighth {
width: 12.5%;
}
.xxlarge--two-eighths {
width: 25%;
}
.xxlarge--three-eighths {
width: 37.5%;
}
.xxlarge--four-eighths {
width: 50%;
}
.xxlarge--five-eighths {
width: 62.5%;
}
.xxlarge--six-eighths {
width: 75%;
}
.xxlarge--seven-eighths {
width: 87.5%;
}
/* Tenths */
.xxlarge--one-tenth {
width: 10%;
}
.xxlarge--two-tenths {
width: 20%;
}
.xxlarge--three-tenths {
width: 30%;
}
.xxlarge--four-tenths {
width: 40%;
}
.xxlarge--five-tenths {
width: 50%;
}
.xxlarge--six-tenths {
width: 60%;
}
.xxlarge--seven-tenths {
width: 70%;
}
.xxlarge--eight-tenths {
width: 80%;
}
.xxlarge--nine-tenths {
width: 90%;
}
/* Twelfths */
.xxlarge--one-twelfth {
width: 8.333%;
}
.xxlarge--two-twelfths {
width: 16.666%;
}
.xxlarge--three-twelfths {
width: 25%;
}
.xxlarge--four-twelfths {
width: 33.333%;
}
.xxlarge--five-twelfths {
width: 41.666%;
}
.xxlarge--six-twelfths {
width: 50%;
}
.xxlarge--seven-twelfths {
width: 58.333%;
}
.xxlarge--eight-twelfths {
width: 66.666%;
}
.xxlarge--nine-twelfths {
width: 75%;
}
.xxlarge--ten-twelfths {
width: 83.333%;
}
.xxlarge--eleven-twelfths {
width: 91.666%;
}
/* Sixteenths */
.xxlarge--one-sixteenth {
width: 6.25%;
}
.xxlarge--two-sixteenths {
width: 12.5%;
}
.xxlarge--three-sixteenths {
width: 18.75%;
}
.xxlarge--four-sixteenths {
width: 25%;
}
.xxlarge--five-sixteenths {
width: 31.25%;
}
.xxlarge--six-sixteenths {
width: 37.5%;
}
.xxlarge--seven-sixteenths {
width: 43.75%;
}
.xxlarge--eight-sixteenths {
width: 50%;
}
.xxlarge--nine-sixteenths {
width: 56.25%;
}
.xxlarge--ten-sixteenths {
width: 62.5%;
}
.xxlarge--eleven-sixteenths {
width: 68.75%;
}
.xxlarge--twelve-sixteenths {
width: 75%;
}
.xxlarge--thirteen-sixteenths {
width: 81.25%;
}
.xxlarge--fourteen-sixteenths {
width: 87.5%;
}
.xxlarge--fifteen-sixteenths {
width: 93.75%;
}
.xxlarge--show {
display: block !important;
}
.xxlarge--show-inline {
display: inline !important;
}
.xxlarge--show-flex {
display: flex !important;
}
.xxlarge--show-table {
display: table !important;
}
.xxlarge--show-grid {
display: grid !important;
}
.xxlarge--hide {
display: none !important;
}
.xxlarge--conceal {
visibility: hidden !important;
height: 0 !important;
}
.xxlarge--reveal {
visibility: visible !important;
height: auto !important;
}
.xxlarge--text-left {
text-align: left !important;
}
.xxlarge--text-right {
text-align: right !important;
}
.xxlarge--text-center {
text-align: center !important;
}
.xxlarge--left {
float: left !important;
}
.xxlarge--right {
float: right !important;
}
.grid-uniform .xxlarge--one-half:nth-child(2n+1),
.grid-uniform .xxlarge--one-third:nth-child(3n+1),
.grid-uniform .xxlarge--one-quarter:nth-child(4n+1),
.grid-uniform .xxlarge--one-fifth:nth-child(5n+1),
.grid-uniform .xxlarge--one-sixth:nth-child(6n+1),
.grid-uniform .xxlarge--two-sixths:nth-child(3n+1),
.grid-uniform .xxlarge--three-sixths:nth-child(2n+1),
.grid-uniform .xxlarge--two-eighths:nth-child(4n+1),
.grid-uniform .xxlarge--four-eighths:nth-child(2n+1),
.grid-uniform .xxlarge--five-tenths:nth-child(2n+1),
.grid-uniform .xxlarge--one-twelfth:nth-child(12n+1),
.grid-uniform .xxlarge--two-twelfths:nth-child(6n+1),
.grid-uniform .xxlarge--three-twelfths:nth-child(4n+1),
.grid-uniform .xxlarge--four-twelfths:nth-child(3n+1),
.grid-uniform .xxlarge--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
/*============================================================================
PUSH
- Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*=push--] {
position: relative;
}
/* None */
.push--none {
left: 0%;
}
/* Whole */
.push--one-whole {
left: 100%;
}
/* Halves */
.push--one-half {
left: 50%;
}
/* Thirds */
.push--one-third {
left: 33.333%;
}
.push--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--one-quarter {
left: 25%;
}
.push--two-quarters {
left: 50%;
}
.push--three-quarters {
left: 75%;
}
/* Fifths */
.push--one-fifth {
left: 20%;
}
.push--two-fifths {
left: 40%;
}
.push--three-fifths {
left: 60%;
}
.push--four-fifths {
left: 80%;
}
/* Sixths */
.push--one-sixth {
left: 16.666%;
}
.push--two-sixths {
left: 33.333%;
}
.push--three-sixths {
left: 50%;
}
.push--four-sixths {
left: 66.666%;
}
.push--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--one-eighth {
left: 12.5%;
}
.push--two-eighths {
left: 25%;
}
.push--three-eighths {
left: 37.5%;
}
.push--four-eighths {
left: 50%;
}
.push--five-eighths {
left: 62.5%;
}
.push--six-eighths {
left: 75%;
}
.push--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--one-tenth {
left: 10%;
}
.push--two-tenths {
left: 20%;
}
.push--three-tenths {
left: 30%;
}
.push--four-tenths {
left: 40%;
}
.push--five-tenths {
left: 50%;
}
.push--six-tenths {
left: 60%;
}
.push--seven-tenths {
left: 70%;
}
.push--eight-tenths {
left: 80%;
}
.push--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--one-twelfth {
left: 8.333%;
}
.push--two-twelfths {
left: 16.666%;
}
.push--three-twelfths {
left: 25%;
}
.push--four-twelfths {
left: 33.333%;
}
.push--five-twelfths {
left: 41.666%;
}
.push--six-twelfths {
left: 50%;
}
.push--seven-twelfths {
left: 58.333%;
}
.push--eight-twelfths {
left: 66.666%;
}
.push--nine-twelfths {
left: 75%;
}
.push--ten-twelfths {
left: 83.333%;
}
.push--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--one-sixteenth {
left: 6.25%;
}
.push--two-sixteenths {
left: 12.5%;
}
.push--three-sixteenths {
left: 18.75%;
}
.push--four-sixteenths {
left: 25%;
}
.push--five-sixteenths {
left: 31.25%;
}
.push--six-sixteenths {
left: 37.5%;
}
.push--seven-sixteenths {
left: 43.75%;
}
.push--eight-sixteenths {
left: 50%;
}
.push--nine-sixteenths {
left: 56.25%;
}
.push--ten-sixteenths {
left: 62.5%;
}
.push--eleven-sixteenths {
left: 68.75%;
}
.push--twelve-sixteenths {
left: 75%;
}
.push--thirteen-sixteenths {
left: 81.25%;
}
.push--fourteen-sixteenths {
left: 87.5%;
}
.push--fifteen-sixteenths {
left: 93.75%;
}
@media only screen and (max-width: 480px) {
/* None */
.push--small--none {
left: 0%;
}
/* Whole */
.push--small--one-whole {
left: 100%;
}
/* Halves */
.push--small--one-half {
left: 50%;
}
/* Thirds */
.push--small--one-third {
left: 33.333%;
}
.push--small--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--small--one-quarter {
left: 25%;
}
.push--small--two-quarters {
left: 50%;
}
.push--small--three-quarters {
left: 75%;
}
/* Fifths */
.push--small--one-fifth {
left: 20%;
}
.push--small--two-fifths {
left: 40%;
}
.push--small--three-fifths {
left: 60%;
}
.push--small--four-fifths {
left: 80%;
}
/* Sixths */
.push--small--one-sixth {
left: 16.666%;
}
.push--small--two-sixths {
left: 33.333%;
}
.push--small--three-sixths {
left: 50%;
}
.push--small--four-sixths {
left: 66.666%;
}
.push--small--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--small--one-eighth {
left: 12.5%;
}
.push--small--two-eighths {
left: 25%;
}
.push--small--three-eighths {
left: 37.5%;
}
.push--small--four-eighths {
left: 50%;
}
.push--small--five-eighths {
left: 62.5%;
}
.push--small--six-eighths {
left: 75%;
}
.push--small--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--small--one-tenth {
left: 10%;
}
.push--small--two-tenths {
left: 20%;
}
.push--small--three-tenths {
left: 30%;
}
.push--small--four-tenths {
left: 40%;
}
.push--small--five-tenths {
left: 50%;
}
.push--small--six-tenths {
left: 60%;
}
.push--small--seven-tenths {
left: 70%;
}
.push--small--eight-tenths {
left: 80%;
}
.push--small--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--small--one-twelfth {
left: 8.333%;
}
.push--small--two-twelfths {
left: 16.666%;
}
.push--small--three-twelfths {
left: 25%;
}
.push--small--four-twelfths {
left: 33.333%;
}
.push--small--five-twelfths {
left: 41.666%;
}
.push--small--six-twelfths {
left: 50%;
}
.push--small--seven-twelfths {
left: 58.333%;
}
.push--small--eight-twelfths {
left: 66.666%;
}
.push--small--nine-twelfths {
left: 75%;
}
.push--small--ten-twelfths {
left: 83.333%;
}
.push--small--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--small--one-sixteenth {
left: 6.25%;
}
.push--small--two-sixteenths {
left: 12.5%;
}
.push--small--three-sixteenths {
left: 18.75%;
}
.push--small--four-sixteenths {
left: 25%;
}
.push--small--five-sixteenths {
left: 31.25%;
}
.push--small--six-sixteenths {
left: 37.5%;
}
.push--small--seven-sixteenths {
left: 43.75%;
}
.push--small--eight-sixteenths {
left: 50%;
}
.push--small--nine-sixteenths {
left: 56.25%;
}
.push--small--ten-sixteenths {
left: 62.5%;
}
.push--small--eleven-sixteenths {
left: 68.75%;
}
.push--small--twelve-sixteenths {
left: 75%;
}
.push--small--thirteen-sixteenths {
left: 81.25%;
}
.push--small--fourteen-sixteenths {
left: 87.5%;
}
.push--small--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
/* None */
.push--medium--none {
left: 0%;
}
/* Whole */
.push--medium--one-whole {
left: 100%;
}
/* Halves */
.push--medium--one-half {
left: 50%;
}
/* Thirds */
.push--medium--one-third {
left: 33.333%;
}
.push--medium--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--medium--one-quarter {
left: 25%;
}
.push--medium--two-quarters {
left: 50%;
}
.push--medium--three-quarters {
left: 75%;
}
/* Fifths */
.push--medium--one-fifth {
left: 20%;
}
.push--medium--two-fifths {
left: 40%;
}
.push--medium--three-fifths {
left: 60%;
}
.push--medium--four-fifths {
left: 80%;
}
/* Sixths */
.push--medium--one-sixth {
left: 16.666%;
}
.push--medium--two-sixths {
left: 33.333%;
}
.push--medium--three-sixths {
left: 50%;
}
.push--medium--four-sixths {
left: 66.666%;
}
.push--medium--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--medium--one-eighth {
left: 12.5%;
}
.push--medium--two-eighths {
left: 25%;
}
.push--medium--three-eighths {
left: 37.5%;
}
.push--medium--four-eighths {
left: 50%;
}
.push--medium--five-eighths {
left: 62.5%;
}
.push--medium--six-eighths {
left: 75%;
}
.push--medium--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--medium--one-tenth {
left: 10%;
}
.push--medium--two-tenths {
left: 20%;
}
.push--medium--three-tenths {
left: 30%;
}
.push--medium--four-tenths {
left: 40%;
}
.push--medium--five-tenths {
left: 50%;
}
.push--medium--six-tenths {
left: 60%;
}
.push--medium--seven-tenths {
left: 70%;
}
.push--medium--eight-tenths {
left: 80%;
}
.push--medium--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--medium--one-twelfth {
left: 8.333%;
}
.push--medium--two-twelfths {
left: 16.666%;
}
.push--medium--three-twelfths {
left: 25%;
}
.push--medium--four-twelfths {
left: 33.333%;
}
.push--medium--five-twelfths {
left: 41.666%;
}
.push--medium--six-twelfths {
left: 50%;
}
.push--medium--seven-twelfths {
left: 58.333%;
}
.push--medium--eight-twelfths {
left: 66.666%;
}
.push--medium--nine-twelfths {
left: 75%;
}
.push--medium--ten-twelfths {
left: 83.333%;
}
.push--medium--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--medium--one-sixteenth {
left: 6.25%;
}
.push--medium--two-sixteenths {
left: 12.5%;
}
.push--medium--three-sixteenths {
left: 18.75%;
}
.push--medium--four-sixteenths {
left: 25%;
}
.push--medium--five-sixteenths {
left: 31.25%;
}
.push--medium--six-sixteenths {
left: 37.5%;
}
.push--medium--seven-sixteenths {
left: 43.75%;
}
.push--medium--eight-sixteenths {
left: 50%;
}
.push--medium--nine-sixteenths {
left: 56.25%;
}
.push--medium--ten-sixteenths {
left: 62.5%;
}
.push--medium--eleven-sixteenths {
left: 68.75%;
}
.push--medium--twelve-sixteenths {
left: 75%;
}
.push--medium--thirteen-sixteenths {
left: 81.25%;
}
.push--medium--fourteen-sixteenths {
left: 87.5%;
}
.push--medium--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (max-width: 768px) {
/* None */
.push--medium-down--none {
left: 0%;
}
/* Whole */
.push--medium-down--one-whole {
left: 100%;
}
/* Halves */
.push--medium-down--one-half {
left: 50%;
}
/* Thirds */
.push--medium-down--one-third {
left: 33.333%;
}
.push--medium-down--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--medium-down--one-quarter {
left: 25%;
}
.push--medium-down--two-quarters {
left: 50%;
}
.push--medium-down--three-quarters {
left: 75%;
}
/* Fifths */
.push--medium-down--one-fifth {
left: 20%;
}
.push--medium-down--two-fifths {
left: 40%;
}
.push--medium-down--three-fifths {
left: 60%;
}
.push--medium-down--four-fifths {
left: 80%;
}
/* Sixths */
.push--medium-down--one-sixth {
left: 16.666%;
}
.push--medium-down--two-sixths {
left: 33.333%;
}
.push--medium-down--three-sixths {
left: 50%;
}
.push--medium-down--four-sixths {
left: 66.666%;
}
.push--medium-down--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--medium-down--one-eighth {
left: 12.5%;
}
.push--medium-down--two-eighths {
left: 25%;
}
.push--medium-down--three-eighths {
left: 37.5%;
}
.push--medium-down--four-eighths {
left: 50%;
}
.push--medium-down--five-eighths {
left: 62.5%;
}
.push--medium-down--six-eighths {
left: 75%;
}
.push--medium-down--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--medium-down--one-tenth {
left: 10%;
}
.push--medium-down--two-tenths {
left: 20%;
}
.push--medium-down--three-tenths {
left: 30%;
}
.push--medium-down--four-tenths {
left: 40%;
}
.push--medium-down--five-tenths {
left: 50%;
}
.push--medium-down--six-tenths {
left: 60%;
}
.push--medium-down--seven-tenths {
left: 70%;
}
.push--medium-down--eight-tenths {
left: 80%;
}
.push--medium-down--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--medium-down--one-twelfth {
left: 8.333%;
}
.push--medium-down--two-twelfths {
left: 16.666%;
}
.push--medium-down--three-twelfths {
left: 25%;
}
.push--medium-down--four-twelfths {
left: 33.333%;
}
.push--medium-down--five-twelfths {
left: 41.666%;
}
.push--medium-down--six-twelfths {
left: 50%;
}
.push--medium-down--seven-twelfths {
left: 58.333%;
}
.push--medium-down--eight-twelfths {
left: 66.666%;
}
.push--medium-down--nine-twelfths {
left: 75%;
}
.push--medium-down--ten-twelfths {
left: 83.333%;
}
.push--medium-down--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--medium-down--one-sixteenth {
left: 6.25%;
}
.push--medium-down--two-sixteenths {
left: 12.5%;
}
.push--medium-down--three-sixteenths {
left: 18.75%;
}
.push--medium-down--four-sixteenths {
left: 25%;
}
.push--medium-down--five-sixteenths {
left: 31.25%;
}
.push--medium-down--six-sixteenths {
left: 37.5%;
}
.push--medium-down--seven-sixteenths {
left: 43.75%;
}
.push--medium-down--eight-sixteenths {
left: 50%;
}
.push--medium-down--nine-sixteenths {
left: 56.25%;
}
.push--medium-down--ten-sixteenths {
left: 62.5%;
}
.push--medium-down--eleven-sixteenths {
left: 68.75%;
}
.push--medium-down--twelve-sixteenths {
left: 75%;
}
.push--medium-down--thirteen-sixteenths {
left: 81.25%;
}
.push--medium-down--fourteen-sixteenths {
left: 87.5%;
}
.push--medium-down--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 768px) {
/* None */
.push--medium-up--none {
left: 0%;
}
/* Whole */
.push--medium-up--one-whole {
left: 100%;
}
/* Halves */
.push--medium-up--one-half {
left: 50%;
}
/* Thirds */
.push--medium-up--one-third {
left: 33.333%;
}
.push--medium-up--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--medium-up--one-quarter {
left: 25%;
}
.push--medium-up--two-quarters {
left: 50%;
}
.push--medium-up--three-quarters {
left: 75%;
}
/* Fifths */
.push--medium-up--one-fifth {
left: 20%;
}
.push--medium-up--two-fifths {
left: 40%;
}
.push--medium-up--three-fifths {
left: 60%;
}
.push--medium-up--four-fifths {
left: 80%;
}
/* Sixths */
.push--medium-up--one-sixth {
left: 16.666%;
}
.push--medium-up--two-sixths {
left: 33.333%;
}
.push--medium-up--three-sixths {
left: 50%;
}
.push--medium-up--four-sixths {
left: 66.666%;
}
.push--medium-up--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--medium-up--one-eighth {
left: 12.5%;
}
.push--medium-up--two-eighths {
left: 25%;
}
.push--medium-up--three-eighths {
left: 37.5%;
}
.push--medium-up--four-eighths {
left: 50%;
}
.push--medium-up--five-eighths {
left: 62.5%;
}
.push--medium-up--six-eighths {
left: 75%;
}
.push--medium-up--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--medium-up--one-tenth {
left: 10%;
}
.push--medium-up--two-tenths {
left: 20%;
}
.push--medium-up--three-tenths {
left: 30%;
}
.push--medium-up--four-tenths {
left: 40%;
}
.push--medium-up--five-tenths {
left: 50%;
}
.push--medium-up--six-tenths {
left: 60%;
}
.push--medium-up--seven-tenths {
left: 70%;
}
.push--medium-up--eight-tenths {
left: 80%;
}
.push--medium-up--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--medium-up--one-twelfth {
left: 8.333%;
}
.push--medium-up--two-twelfths {
left: 16.666%;
}
.push--medium-up--three-twelfths {
left: 25%;
}
.push--medium-up--four-twelfths {
left: 33.333%;
}
.push--medium-up--five-twelfths {
left: 41.666%;
}
.push--medium-up--six-twelfths {
left: 50%;
}
.push--medium-up--seven-twelfths {
left: 58.333%;
}
.push--medium-up--eight-twelfths {
left: 66.666%;
}
.push--medium-up--nine-twelfths {
left: 75%;
}
.push--medium-up--ten-twelfths {
left: 83.333%;
}
.push--medium-up--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--medium-up--one-sixteenth {
left: 6.25%;
}
.push--medium-up--two-sixteenths {
left: 12.5%;
}
.push--medium-up--three-sixteenths {
left: 18.75%;
}
.push--medium-up--four-sixteenths {
left: 25%;
}
.push--medium-up--five-sixteenths {
left: 31.25%;
}
.push--medium-up--six-sixteenths {
left: 37.5%;
}
.push--medium-up--seven-sixteenths {
left: 43.75%;
}
.push--medium-up--eight-sixteenths {
left: 50%;
}
.push--medium-up--nine-sixteenths {
left: 56.25%;
}
.push--medium-up--ten-sixteenths {
left: 62.5%;
}
.push--medium-up--eleven-sixteenths {
left: 68.75%;
}
.push--medium-up--twelve-sixteenths {
left: 75%;
}
.push--medium-up--thirteen-sixteenths {
left: 81.25%;
}
.push--medium-up--fourteen-sixteenths {
left: 87.5%;
}
.push--medium-up--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 769px) {
/* None */
.push--large--none {
left: 0%;
}
/* Whole */
.push--large--one-whole {
left: 100%;
}
/* Halves */
.push--large--one-half {
left: 50%;
}
/* Thirds */
.push--large--one-third {
left: 33.333%;
}
.push--large--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--large--one-quarter {
left: 25%;
}
.push--large--two-quarters {
left: 50%;
}
.push--large--three-quarters {
left: 75%;
}
/* Fifths */
.push--large--one-fifth {
left: 20%;
}
.push--large--two-fifths {
left: 40%;
}
.push--large--three-fifths {
left: 60%;
}
.push--large--four-fifths {
left: 80%;
}
/* Sixths */
.push--large--one-sixth {
left: 16.666%;
}
.push--large--two-sixths {
left: 33.333%;
}
.push--large--three-sixths {
left: 50%;
}
.push--large--four-sixths {
left: 66.666%;
}
.push--large--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--large--one-eighth {
left: 12.5%;
}
.push--large--two-eighths {
left: 25%;
}
.push--large--three-eighths {
left: 37.5%;
}
.push--large--four-eighths {
left: 50%;
}
.push--large--five-eighths {
left: 62.5%;
}
.push--large--six-eighths {
left: 75%;
}
.push--large--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--large--one-tenth {
left: 10%;
}
.push--large--two-tenths {
left: 20%;
}
.push--large--three-tenths {
left: 30%;
}
.push--large--four-tenths {
left: 40%;
}
.push--large--five-tenths {
left: 50%;
}
.push--large--six-tenths {
left: 60%;
}
.push--large--seven-tenths {
left: 70%;
}
.push--large--eight-tenths {
left: 80%;
}
.push--large--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--large--one-twelfth {
left: 8.333%;
}
.push--large--two-twelfths {
left: 16.666%;
}
.push--large--three-twelfths {
left: 25%;
}
.push--large--four-twelfths {
left: 33.333%;
}
.push--large--five-twelfths {
left: 41.666%;
}
.push--large--six-twelfths {
left: 50%;
}
.push--large--seven-twelfths {
left: 58.333%;
}
.push--large--eight-twelfths {
left: 66.666%;
}
.push--large--nine-twelfths {
left: 75%;
}
.push--large--ten-twelfths {
left: 83.333%;
}
.push--large--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--large--one-sixteenth {
left: 6.25%;
}
.push--large--two-sixteenths {
left: 12.5%;
}
.push--large--three-sixteenths {
left: 18.75%;
}
.push--large--four-sixteenths {
left: 25%;
}
.push--large--five-sixteenths {
left: 31.25%;
}
.push--large--six-sixteenths {
left: 37.5%;
}
.push--large--seven-sixteenths {
left: 43.75%;
}
.push--large--eight-sixteenths {
left: 50%;
}
.push--large--nine-sixteenths {
left: 56.25%;
}
.push--large--ten-sixteenths {
left: 62.5%;
}
.push--large--eleven-sixteenths {
left: 68.75%;
}
.push--large--twelve-sixteenths {
left: 75%;
}
.push--large--thirteen-sixteenths {
left: 81.25%;
}
.push--large--fourteen-sixteenths {
left: 87.5%;
}
.push--large--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 1024px) {
/* None */
.push--xlarge--none {
left: 0%;
}
/* Whole */
.push--xlarge--one-whole {
left: 100%;
}
/* Halves */
.push--xlarge--one-half {
left: 50%;
}
/* Thirds */
.push--xlarge--one-third {
left: 33.333%;
}
.push--xlarge--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--xlarge--one-quarter {
left: 25%;
}
.push--xlarge--two-quarters {
left: 50%;
}
.push--xlarge--three-quarters {
left: 75%;
}
/* Fifths */
.push--xlarge--one-fifth {
left: 20%;
}
.push--xlarge--two-fifths {
left: 40%;
}
.push--xlarge--three-fifths {
left: 60%;
}
.push--xlarge--four-fifths {
left: 80%;
}
/* Sixths */
.push--xlarge--one-sixth {
left: 16.666%;
}
.push--xlarge--two-sixths {
left: 33.333%;
}
.push--xlarge--three-sixths {
left: 50%;
}
.push--xlarge--four-sixths {
left: 66.666%;
}
.push--xlarge--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--xlarge--one-eighth {
left: 12.5%;
}
.push--xlarge--two-eighths {
left: 25%;
}
.push--xlarge--three-eighths {
left: 37.5%;
}
.push--xlarge--four-eighths {
left: 50%;
}
.push--xlarge--five-eighths {
left: 62.5%;
}
.push--xlarge--six-eighths {
left: 75%;
}
.push--xlarge--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--xlarge--one-tenth {
left: 10%;
}
.push--xlarge--two-tenths {
left: 20%;
}
.push--xlarge--three-tenths {
left: 30%;
}
.push--xlarge--four-tenths {
left: 40%;
}
.push--xlarge--five-tenths {
left: 50%;
}
.push--xlarge--six-tenths {
left: 60%;
}
.push--xlarge--seven-tenths {
left: 70%;
}
.push--xlarge--eight-tenths {
left: 80%;
}
.push--xlarge--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--xlarge--one-twelfth {
left: 8.333%;
}
.push--xlarge--two-twelfths {
left: 16.666%;
}
.push--xlarge--three-twelfths {
left: 25%;
}
.push--xlarge--four-twelfths {
left: 33.333%;
}
.push--xlarge--five-twelfths {
left: 41.666%;
}
.push--xlarge--six-twelfths {
left: 50%;
}
.push--xlarge--seven-twelfths {
left: 58.333%;
}
.push--xlarge--eight-twelfths {
left: 66.666%;
}
.push--xlarge--nine-twelfths {
left: 75%;
}
.push--xlarge--ten-twelfths {
left: 83.333%;
}
.push--xlarge--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--xlarge--one-sixteenth {
left: 6.25%;
}
.push--xlarge--two-sixteenths {
left: 12.5%;
}
.push--xlarge--three-sixteenths {
left: 18.75%;
}
.push--xlarge--four-sixteenths {
left: 25%;
}
.push--xlarge--five-sixteenths {
left: 31.25%;
}
.push--xlarge--six-sixteenths {
left: 37.5%;
}
.push--xlarge--seven-sixteenths {
left: 43.75%;
}
.push--xlarge--eight-sixteenths {
left: 50%;
}
.push--xlarge--nine-sixteenths {
left: 56.25%;
}
.push--xlarge--ten-sixteenths {
left: 62.5%;
}
.push--xlarge--eleven-sixteenths {
left: 68.75%;
}
.push--xlarge--twelve-sixteenths {
left: 75%;
}
.push--xlarge--thirteen-sixteenths {
left: 81.25%;
}
.push--xlarge--fourteen-sixteenths {
left: 87.5%;
}
.push--xlarge--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 1025px) {
/* None */
.push--xlarge-post--none {
left: 0%;
}
/* Whole */
.push--xlarge-post--one-whole {
left: 100%;
}
/* Halves */
.push--xlarge-post--one-half {
left: 50%;
}
/* Thirds */
.push--xlarge-post--one-third {
left: 33.333%;
}
.push--xlarge-post--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--xlarge-post--one-quarter {
left: 25%;
}
.push--xlarge-post--two-quarters {
left: 50%;
}
.push--xlarge-post--three-quarters {
left: 75%;
}
/* Fifths */
.push--xlarge-post--one-fifth {
left: 20%;
}
.push--xlarge-post--two-fifths {
left: 40%;
}
.push--xlarge-post--three-fifths {
left: 60%;
}
.push--xlarge-post--four-fifths {
left: 80%;
}
/* Sixths */
.push--xlarge-post--one-sixth {
left: 16.666%;
}
.push--xlarge-post--two-sixths {
left: 33.333%;
}
.push--xlarge-post--three-sixths {
left: 50%;
}
.push--xlarge-post--four-sixths {
left: 66.666%;
}
.push--xlarge-post--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--xlarge-post--one-eighth {
left: 12.5%;
}
.push--xlarge-post--two-eighths {
left: 25%;
}
.push--xlarge-post--three-eighths {
left: 37.5%;
}
.push--xlarge-post--four-eighths {
left: 50%;
}
.push--xlarge-post--five-eighths {
left: 62.5%;
}
.push--xlarge-post--six-eighths {
left: 75%;
}
.push--xlarge-post--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--xlarge-post--one-tenth {
left: 10%;
}
.push--xlarge-post--two-tenths {
left: 20%;
}
.push--xlarge-post--three-tenths {
left: 30%;
}
.push--xlarge-post--four-tenths {
left: 40%;
}
.push--xlarge-post--five-tenths {
left: 50%;
}
.push--xlarge-post--six-tenths {
left: 60%;
}
.push--xlarge-post--seven-tenths {
left: 70%;
}
.push--xlarge-post--eight-tenths {
left: 80%;
}
.push--xlarge-post--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--xlarge-post--one-twelfth {
left: 8.333%;
}
.push--xlarge-post--two-twelfths {
left: 16.666%;
}
.push--xlarge-post--three-twelfths {
left: 25%;
}
.push--xlarge-post--four-twelfths {
left: 33.333%;
}
.push--xlarge-post--five-twelfths {
left: 41.666%;
}
.push--xlarge-post--six-twelfths {
left: 50%;
}
.push--xlarge-post--seven-twelfths {
left: 58.333%;
}
.push--xlarge-post--eight-twelfths {
left: 66.666%;
}
.push--xlarge-post--nine-twelfths {
left: 75%;
}
.push--xlarge-post--ten-twelfths {
left: 83.333%;
}
.push--xlarge-post--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--xlarge-post--one-sixteenth {
left: 6.25%;
}
.push--xlarge-post--two-sixteenths {
left: 12.5%;
}
.push--xlarge-post--three-sixteenths {
left: 18.75%;
}
.push--xlarge-post--four-sixteenths {
left: 25%;
}
.push--xlarge-post--five-sixteenths {
left: 31.25%;
}
.push--xlarge-post--six-sixteenths {
left: 37.5%;
}
.push--xlarge-post--seven-sixteenths {
left: 43.75%;
}
.push--xlarge-post--eight-sixteenths {
left: 50%;
}
.push--xlarge-post--nine-sixteenths {
left: 56.25%;
}
.push--xlarge-post--ten-sixteenths {
left: 62.5%;
}
.push--xlarge-post--eleven-sixteenths {
left: 68.75%;
}
.push--xlarge-post--twelve-sixteenths {
left: 75%;
}
.push--xlarge-post--thirteen-sixteenths {
left: 81.25%;
}
.push--xlarge-post--fourteen-sixteenths {
left: 87.5%;
}
.push--xlarge-post--fifteen-sixteenths {
left: 93.75%;
}
}
@media only screen and (min-width: 1240px) {
/* None */
.push--xxlarge--none {
left: 0%;
}
/* Whole */
.push--xxlarge--one-whole {
left: 100%;
}
/* Halves */
.push--xxlarge--one-half {
left: 50%;
}
/* Thirds */
.push--xxlarge--one-third {
left: 33.333%;
}
.push--xxlarge--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--xxlarge--one-quarter {
left: 25%;
}
.push--xxlarge--two-quarters {
left: 50%;
}
.push--xxlarge--three-quarters {
left: 75%;
}
/* Fifths */
.push--xxlarge--one-fifth {
left: 20%;
}
.push--xxlarge--two-fifths {
left: 40%;
}
.push--xxlarge--three-fifths {
left: 60%;
}
.push--xxlarge--four-fifths {
left: 80%;
}
/* Sixths */
.push--xxlarge--one-sixth {
left: 16.666%;
}
.push--xxlarge--two-sixths {
left: 33.333%;
}
.push--xxlarge--three-sixths {
left: 50%;
}
.push--xxlarge--four-sixths {
left: 66.666%;
}
.push--xxlarge--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--xxlarge--one-eighth {
left: 12.5%;
}
.push--xxlarge--two-eighths {
left: 25%;
}
.push--xxlarge--three-eighths {
left: 37.5%;
}
.push--xxlarge--four-eighths {
left: 50%;
}
.push--xxlarge--five-eighths {
left: 62.5%;
}
.push--xxlarge--six-eighths {
left: 75%;
}
.push--xxlarge--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--xxlarge--one-tenth {
left: 10%;
}
.push--xxlarge--two-tenths {
left: 20%;
}
.push--xxlarge--three-tenths {
left: 30%;
}
.push--xxlarge--four-tenths {
left: 40%;
}
.push--xxlarge--five-tenths {
left: 50%;
}
.push--xxlarge--six-tenths {
left: 60%;
}
.push--xxlarge--seven-tenths {
left: 70%;
}
.push--xxlarge--eight-tenths {
left: 80%;
}
.push--xxlarge--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--xxlarge--one-twelfth {
left: 8.333%;
}
.push--xxlarge--two-twelfths {
left: 16.666%;
}
.push--xxlarge--three-twelfths {
left: 25%;
}
.push--xxlarge--four-twelfths {
left: 33.333%;
}
.push--xxlarge--five-twelfths {
left: 41.666%;
}
.push--xxlarge--six-twelfths {
left: 50%;
}
.push--xxlarge--seven-twelfths {
left: 58.333%;
}
.push--xxlarge--eight-twelfths {
left: 66.666%;
}
.push--xxlarge--nine-twelfths {
left: 75%;
}
.push--xxlarge--ten-twelfths {
left: 83.333%;
}
.push--xxlarge--eleven-twelfths {
left: 91.666%;
}
/* Sixteenths */
.push--xxlarge--one-sixteenth {
left: 6.25%;
}
.push--xxlarge--two-sixteenths {
left: 12.5%;
}
.push--xxlarge--three-sixteenths {
left: 18.75%;
}
.push--xxlarge--four-sixteenths {
left: 25%;
}
.push--xxlarge--five-sixteenths {
left: 31.25%;
}
.push--xxlarge--six-sixteenths {
left: 37.5%;
}
.push--xxlarge--seven-sixteenths {
left: 43.75%;
}
.push--xxlarge--eight-sixteenths {
left: 50%;
}
.push--xxlarge--nine-sixteenths {
left: 56.25%;
}
.push--xxlarge--ten-sixteenths {
left: 62.5%;
}
.push--xxlarge--eleven-sixteenths {
left: 68.75%;
}
.push--xxlarge--twelve-sixteenths {
left: 75%;
}
.push--xxlarge--thirteen-sixteenths {
left: 81.25%;
}
.push--xxlarge--fourteen-sixteenths {
left: 87.5%;
}
.push--xxlarge--fifteen-sixteenths {
left: 93.75%;
}
}
/*============================================================================
PULL
- Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
#Grid Flexbox
==============================================================================*/
.grid--flex {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.grid--flex .grid__item--flex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.grid--flex .grid__item--flex .inner {
flex: 1 1 auto;
}
@media screen and (min-width: 0px) {
.sml--hide {
display: none;
}
}
@media screen and (min-width: 0px) {
.sml--show {
display: block;
}
}
@media screen and (min-width: 0px) {
.sml--show-flex {
display: flex;
}
}
@media screen and (min-width: 0px) {
.sml--show-grid {
display: grid;
}
}
@media screen and (min-width: 600px) {
.med--hide {
display: none;
}
}
@media screen and (min-width: 600px) {
.med--show {
display: block;
}
}
@media screen and (min-width: 600px) {
.med--show-flex {
display: flex;
}
}
@media screen and (min-width: 600px) {
.med--show-grid {
display: grid;
}
}
@media screen and (min-width: 900px) {
.lrg--hide {
display: none;
}
}
@media screen and (min-width: 900px) {
.lrg--show {
display: block;
}
}
@media screen and (min-width: 900px) {
.lrg--show-flex {
display: flex;
}
}
@media screen and (min-width: 900px) {
.lrg--show-grid {
display: grid;
}
}
@media screen and (min-width: 1200px) {
.xlg--hide {
display: none;
}
}
@media screen and (min-width: 1200px) {
.xlg--show {
display: block;
}
}
@media screen and (min-width: 1200px) {
.xlg--show-flex {
display: flex;
}
}
@media screen and (min-width: 1200px) {
.xlg--show-grid {
display: grid;
}
}
.grid--columns {
margin: 0px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 16px;
}
@media screen and (min-width: 600px) {
.grid--columns {
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
}
}
@media screen and (min-width: 1200px) {
.grid--columns {
grid-template-columns: repeat(16, 1fr);
}
}
.grid--columns .grid__item {
padding: 0px;
left: 0;
}
.grid--columns .grid__item--sml-start-1 {
grid-column-start: 1;
}
.grid--columns .grid__item--sml-spans-1 {
grid-column-end: span 1;
}
.grid--columns .grid__item--sml-start-2 {
grid-column-start: 2;
}
.grid--columns .grid__item--sml-spans-2 {
grid-column-end: span 2;
}
.grid--columns .grid__item--sml-start-3 {
grid-column-start: 3;
}
.grid--columns .grid__item--sml-spans-3 {
grid-column-end: span 3;
}
.grid--columns .grid__item--sml-start-4 {
grid-column-start: 4;
}
.grid--columns .grid__item--sml-spans-4, .grid--columns .module--shoutout .shoutout-slider, .module--shoutout .grid--columns .shoutout-slider, .grid--columns .module--faq .tag-section, .module--faq .grid--columns .tag-section {
grid-column-end: span 4;
}
@media screen and (min-width: 0px) {
.grid--columns .grid__item--sml-hide {
display: none;
}
}
@media screen and (min-width: 0px) {
.grid--columns .grid__item--sml-show {
display: block;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-1 {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-1 {
grid-column-end: span 1;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-2, .grid--columns .module--faq .tag-section, .module--faq .grid--columns .tag-section {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-2 {
grid-column-end: span 2;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-3, .grid--columns .module--shoutout .shoutout-slider, .module--shoutout .grid--columns .shoutout-slider {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-3 {
grid-column-end: span 3;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-4 {
grid-column-start: 4;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-4 {
grid-column-end: span 4;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-5 {
grid-column-start: 5;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-5 {
grid-column-end: span 5;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-6 {
grid-column-start: 6;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-6 {
grid-column-end: span 6;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-7 {
grid-column-start: 7;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-7 {
grid-column-end: span 7;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-8 {
grid-column-start: 8;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-8, .grid--columns .module--shoutout .shoutout-slider, .module--shoutout .grid--columns .shoutout-slider {
grid-column-end: span 8;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-9 {
grid-column-start: 9;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-9 {
grid-column-end: span 9;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-10 {
grid-column-start: 10;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-10, .grid--columns .module--faq .tag-section, .module--faq .grid--columns .tag-section {
grid-column-end: span 10;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-11 {
grid-column-start: 11;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-11 {
grid-column-end: span 11;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-start-12 {
grid-column-start: 12;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-spans-12 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-hide {
display: none;
}
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--med-show {
display: block;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-1 {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-1 {
grid-column-end: span 1;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-2 {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-2 {
grid-column-end: span 2;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-3 {
grid-column-start: 3;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-3 {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-4 {
grid-column-start: 4;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-4 {
grid-column-end: span 4;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-5 {
grid-column-start: 5;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-5 {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-6 {
grid-column-start: 6;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-6 {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-7 {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-7 {
grid-column-end: span 7;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-8 {
grid-column-start: 8;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-8 {
grid-column-end: span 8;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-9 {
grid-column-start: 9;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-9 {
grid-column-end: span 9;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-10 {
grid-column-start: 10;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-10 {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-11 {
grid-column-start: 11;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-11 {
grid-column-end: span 11;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-start-12 {
grid-column-start: 12;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-spans-12 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-hide {
display: none;
}
}
@media screen and (min-width: 900px) {
.grid--columns .grid__item--lrg-show {
display: block;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-1 {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-1 {
grid-column-end: span 1;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-2 {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-2 {
grid-column-end: span 2;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-3, .grid--columns .module--faq .tag-section, .module--faq .grid--columns .tag-section {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-3 {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-4 {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-4 {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-5, .grid--columns .module--shoutout .shoutout-slider, .module--shoutout .grid--columns .shoutout-slider {
grid-column-start: 5;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-5 {
grid-column-end: span 5;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-6 {
grid-column-start: 6;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-6 {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-7 {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-7 {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-8 {
grid-column-start: 8;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-8, .grid--columns .module--faq .tag-section, .module--faq .grid--columns .tag-section {
grid-column-end: span 8;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-9 {
grid-column-start: 9;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-9 {
grid-column-end: span 9;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-10 {
grid-column-start: 10;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-10, .grid--columns .module--shoutout .shoutout-slider, .module--shoutout .grid--columns .shoutout-slider {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-11 {
grid-column-start: 11;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-11 {
grid-column-end: span 11;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-12 {
grid-column-start: 12;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-12 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-13 {
grid-column-start: 13;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-13 {
grid-column-end: span 13;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-14 {
grid-column-start: 14;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-14 {
grid-column-end: span 14;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-15 {
grid-column-start: 15;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-15 {
grid-column-end: span 15;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-start-16 {
grid-column-start: 16;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-spans-16 {
grid-column-end: span 16;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-hide {
display: none;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--xlg-show {
display: block;
}
}
.grid--columns .grid__item--sml-spans-all {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.grid--columns .grid__item--sml-spans-all {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.grid--columns .grid__item--sml-spans-all {
grid-column-end: span 16;
}
}
/* --- Easing Functions --- */
/* --- Transition Mixins --- */
/* --- transition styles --- */
*[data-transition*=fade-in] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in][data-transition-triggered=true] {
opacity: 1;
}
*[data-transition*=fade-in-10] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-10][data-transition-triggered=true] {
opacity: 0.1;
}
*[data-transition*=fade-in-20] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-20][data-transition-triggered=true] {
opacity: 0.2;
}
*[data-transition*=fade-in-30] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-30][data-transition-triggered=true] {
opacity: 0.3;
}
*[data-transition*=fade-in-40] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-40][data-transition-triggered=true] {
opacity: 0.4;
}
*[data-transition*=fade-in-50] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-50][data-transition-triggered=true] {
opacity: 0.5;
}
*[data-transition*=fade-in-60] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-60][data-transition-triggered=true] {
opacity: 0.6;
}
*[data-transition*=fade-in-70] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-70][data-transition-triggered=true] {
opacity: 0.7;
}
*[data-transition*=fade-in-80] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-80][data-transition-triggered=true] {
opacity: 0.8;
}
*[data-transition*=fade-in-90] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
*[data-transition*=fade-in-90][data-transition-triggered=true] {
opacity: 0.9;
}
*[data-transition*=fade-out] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out][data-transition-triggered=true] {
opacity: 0;
}
*[data-transition*=fade-out-10] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-10][data-transition-triggered=true] {
opacity: 0.1;
}
*[data-transition*=fade-out-20] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-20][data-transition-triggered=true] {
opacity: 0.2;
}
*[data-transition*=fade-out-30] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-30][data-transition-triggered=true] {
opacity: 0.3;
}
*[data-transition*=fade-out-40] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-40][data-transition-triggered=true] {
opacity: 0.4;
}
*[data-transition*=fade-out-50] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-50][data-transition-triggered=true] {
opacity: 0.5;
}
*[data-transition*=fade-out-60] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-60][data-transition-triggered=true] {
opacity: 0.6;
}
*[data-transition*=fade-out-70] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-70][data-transition-triggered=true] {
opacity: 0.7;
}
*[data-transition*=fade-out-80] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-80][data-transition-triggered=true] {
opacity: 0.8;
}
*[data-transition*=fade-out-90] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
}
*[data-transition*=fade-out-90][data-transition-triggered=true] {
opacity: 0.9;
}
*[data-transition*=fade-up] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateY(4rem);
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
*[data-transition*=fade-up][data-transition-triggered=true] {
opacity: 1;
}
*[data-transition*=fade-up][data-transition-triggered=true] {
transform: translateY(0);
}
*[data-transition*=fade-down] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateY(-4rem);
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
*[data-transition*=fade-down][data-transition-triggered=true] {
opacity: 1;
}
*[data-transition*=fade-down][data-transition-triggered=true] {
transform: translateY(0);
}
*[data-transition*=step-in] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateX(-2rem);
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
*[data-transition*=step-in][data-transition-triggered=true] {
opacity: 1;
}
*[data-transition*=step-in][data-transition-triggered=true] {
transform: translateX(0);
}
*[data-transition*=step-out] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateX(0);
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
*[data-transition*=step-out][data-transition-triggered=true] {
opacity: 0;
}
*[data-transition*=step-out][data-transition-triggered=true] {
transform: translateX(-2rem);
}
*[data-transition*=fade-zoom] {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
*[data-transition*=fade-zoom][data-transition-triggered=true] {
opacity: 1;
}
*[data-transition*=fade-zoom][data-transition-triggered=true] {
transform: scale(1);
}
*[data-transition*=zoom-in] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=zoom-in][data-transition-triggered=true] {
transform: scale(1.05);
}
*[data-transition*=zoom-out] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
}
*[data-transition*=zoom-out][data-transition-triggered=true] {
transform: scale(1);
}
*[data-transition*=grow-10] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-10][data-transition-triggered=true] {
transform: scale(1.1);
}
*[data-transition*=grow-20] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-20][data-transition-triggered=true] {
transform: scale(1.2);
}
*[data-transition*=grow-30] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-30][data-transition-triggered=true] {
transform: scale(1.3);
}
*[data-transition*=grow-40] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-40][data-transition-triggered=true] {
transform: scale(1.4);
}
*[data-transition*=grow-50] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-50][data-transition-triggered=true] {
transform: scale(1.5);
}
*[data-transition*=grow-60] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-60][data-transition-triggered=true] {
transform: scale(1.6);
}
*[data-transition*=grow-70] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-70][data-transition-triggered=true] {
transform: scale(1.7);
}
*[data-transition*=grow-80] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-80][data-transition-triggered=true] {
transform: scale(1.8);
}
*[data-transition*=grow-90] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-90][data-transition-triggered=true] {
transform: scale(1.9);
}
*[data-transition*=grow-100] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=grow-100][data-transition-triggered=true] {
transform: scale(2);
}
*[data-transition*=shrink-10] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-10][data-transition-triggered=true] {
transform: scale(0.9);
}
*[data-transition*=shrink-20] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-20][data-transition-triggered=true] {
transform: scale(0.8);
}
*[data-transition*=shrink-30] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-30][data-transition-triggered=true] {
transform: scale(0.7);
}
*[data-transition*=shrink-40] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-40][data-transition-triggered=true] {
transform: scale(0.6);
}
*[data-transition*=shrink-50] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-50][data-transition-triggered=true] {
transform: scale(0.5);
}
*[data-transition*=shrink-60] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-60][data-transition-triggered=true] {
transform: scale(0.4);
}
*[data-transition*=shrink-70] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-70][data-transition-triggered=true] {
transform: scale(0.3);
}
*[data-transition*=shrink-80] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-80][data-transition-triggered=true] {
transform: scale(0.2);
}
*[data-transition*=shrink-90] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-90][data-transition-triggered=true] {
transform: scale(0.1);
}
*[data-transition*=shrink-100] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
}
*[data-transition*=shrink-100][data-transition-triggered=true] {
transform: scale(0);
}
*[data-transition*=rotate-45] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: rotate(0deg);
}
*[data-transition*=rotate-45][data-transition-triggered=true] {
transform: rotate(45deg);
}
*[data-transition*=rotate-90] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: rotate(0deg);
}
*[data-transition*=rotate-90][data-transition-triggered=true] {
transform: rotate(90deg);
}
*[data-transition*=rotate-180] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: rotate(0deg);
}
*[data-transition*=rotate-180][data-transition-triggered=true] {
transform: rotate(180deg);
}
*[data-transition*=slide-left] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateX(100%);
}
*[data-transition*=slide-left][data-transition-triggered=true] {
transform: translateX(0);
}
*[data-transition*=slide-up-100vh] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateY(100vh);
}
*[data-transition*=slide-up-100vh][data-transition-triggered=true] {
transform: translateY(0);
}
*[data-transition*=slide-up-100] {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: translateY(100%);
}
*[data-transition*=slide-up-100][data-transition-triggered=true] {
transform: translateY(0);
}
/*============================================================================
#Normalize
==============================================================================*/
*, input, :before, :after {
box-sizing: border-box;
}
html, body {
padding: 0;
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*============================================================================
#Basic Styles
==============================================================================*/
html {
background-color: #868686 ;
background-color: #FFFAF7;
}
body {
background-color: #FFFAF7;
}
html.lock-scroll,
html.lock-scroll body {
overflow: hidden;
}
html.lock-scroll-fixed body {
overflow: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.overlay-lock {
position: initial !important;
top: initial !important;
left: initial !important;
right: initial !important;
bottom: initial !important;
overflow: initial !important;
}
[tabindex="-1"]:focus {
outline: none;
}
.wrapper {
*zoom: 1;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
}
.wrapper:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 480px) {
.wrapper {
padding: 0 30px;
}
}
.wrapper--v1 {
max-width: 1440px;
padding: 0 1.5rem;
}
@media screen and (min-width: 600px) {
.wrapper--v1 {
padding: 0 2rem;
}
}
.main-content {
display: block;
}
.main-content .module--shop-returns {
display: none;
}
body.template-index.loop-returns-activated .main-content .module {
display: none;
}
body.template-index.loop-returns-activated .main-content .module--shop-returns {
display: block;
padding: 150px 0;
}
body.template-index.loop-returns-activated .main-content .module--shop-returns h3 {
margin-bottom: 0.5em;
}
.grid--wrapper {
padding: 20px 0;
}
.gray-bg-fpo {
background-color: #f2f2f2;
}
.sticky {
position: -webkit-sticky;
position: sticky;
}
#gts-badgeImage {
height: 48px;
}
body.template-page-redirect {
opacity: 0;
}
/*============================================================================
#Helper Classes
==============================================================================*/
.is-transitioning {
display: block !important;
visibility: visible !important;
}
.display-table {
display: table;
table-layout: fixed;
width: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
float: none;
}
@media screen and (min-width: 769px) {
.large--display-table {
display: table;
table-layout: fixed;
width: 100%;
}
.large--display-table-cell {
display: table-cell;
vertical-align: middle;
float: none;
}
}
.visually-hidden, .supports-fontface .icon-fallback-text .fallback-text {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.invisible {
visibility: hidden;
}
.opacity-zero {
opacity: 0;
}
.fade-opacity-100ms {
transition: opacity 100ms ease-in;
}
.fade-opacity-150ms {
transition: opacity 150ms ease-in;
}
.fade-opacity-200ms {
transition: opacity 200ms ease-in;
}
.hidden {
display: none;
}
body *:focus {
outline: none;
}
body.user-is-tabbing *:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.grid__item--clear {
margin-top: 0 !important;
margin-bottom: 0 !important;
clear: both;
height: 0;
}
.ajax-loader {
width: 32px;
height: 32px;
margin: 20px auto;
background-image: url( ajax-loaderf453.gif?v=126668799635036340741713475717);
}
.display-block {
display: block;
}
@media screen and (max-width: 479px) {
.small--display-block {
display: block;
}
}
@media screen and (max-width: 767px) {
.medium-down--display-block {
display: block;
}
}
@media screen and (min-width: 769px) {
.large--display-block {
display: block;
}
}
.hide-overflow-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hide-overflow-scrollbar::-webkit-scrollbar {
display: none;
}
.border {
border: 1px solid #DDDDDD;
}
.border-table > *:not(.spacer) {
border: 1px solid #DDDDDD;
}
.border-table > *:not(.right-edge) {
border-right: 0;
}
.border-table > *:not(.bottom-edge) {
border-bottom: 0;
}
.rounded {
border-radius: 1.25rem;
}
.rounded--top {
border-radius: 1.25rem 1.25rem 0 0;
}
.rounded--top-left {
border-radius: 1.25rem 0 0 0;
}
.rounded--top-right {
border-radius: 0 1.25rem 0 0;
}
.rounded--bottom {
border-radius: 0 0 1.25rem 1.25rem;
}
.rounded--bottom-left {
border-radius: 0 0 0 1.25rem;
}
.rounded--bottom-right {
border-radius: 0 0 1.25rem 0;
}
.rounded--right {
border-radius: 0 1.25rem 1.25rem 0;
}
.rounded--left {
border-radius: 1.25rem 0 0 1.25rem;
}
.preload-wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "preloader";
}
@media screen and (min-width: 600px) {
.preload-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "preloader";
}
}
@media screen and (min-width: 900px) {
.preload-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "preloader";
}
}
@media screen and (min-width: 1200px) {
.preload-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "preloader";
}
}
.preload-placeholder {
grid-area: preloader;
pointer-events: none;
}
.preload-content {
grid-area: preloader;
}
.no-scroll {
height: 100vh;
height: -webkit-fill-available;
height: fill-available;
width: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
}
.scroll-lock {
overflow: hidden;
}
.skeleton {
width: 100%;
height: 100%;
display: block;
position: relative;
color: transparent;
}
.skeleton:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.stencil {
position: relative;
color: transparent;
will-change: color;
}
.stencil--loaded {
transition: color 400ms cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 450ms;
color: #283455;
}
.stencil__wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 1;
background: #FFFAF7;
will-change: opacity;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.stencil__wrapper--loaded {
opacity: 0;
}
.stencil__bar {
width: 100%;
height: 20px;
display: block;
margin-bottom: 1.125rem;
}
.stencil__bar--large {
height: 2rem;
}
@media screen and (min-width: 900px) {
.stencil__bar--large {
height: 4rem;
}
}
.stencil__bar--hero {
height: auto;
position: relative;
}
.stencil__bar--hero:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.stencil__bar--hero > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.stencil__bar--hero img,
.stencil__bar--hero video {
width: 100%;
color: transparent;
}
.stencil__bar--hero video {
height: 100%;
object-fit: cover;
}
.stencil__bg {
width: 100%;
height: 100%;
display: block;
position: relative;
color: transparent;
}
.stencil__bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.stencil__wrapper .stencil__bar:last-of-type {
width: 50%;
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.stencil__wrapper .stencil__bar:last-of-type {
width: 70%;
}
}
@media screen and (min-width: 900px) {
.stencil__wrapper .stencil__bar:last-of-type {
width: 50%;
}
}
@media screen and (min-width: 900px) {
.stencil__wrapper .stencil__bar--large:nth-of-type(2) {
display: none;
}
}
.stencil-image img {
opacity: 0;
will-change: opacity;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.stencil-image--loaded img {
opacity: 1;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.mr_12 {
margin-right: 12px;
}
.category-promo {
align-items: center;
}
.category-promo svg {
margin-right: 6px;
}
/*============================================================================
#Shopify Hosted Web Fonts
==============================================================================*/
/*================================= Brandon ==================================*/
@font-face {
font-family: "BrandonTextWeb-Regular";
src: url( f__brandontextweb-regular--360967_a_0b881.woff2?v=182777275451534497721713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BrandonTextWeb-Medium";
src: url( f__brandontextweb-medium--360967_b_066d1.woff2?v=180481654084129695051713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BrandonGrotesqueWeb-Bold";
src: url( f__brandongrotesqueweb-bold--360967_1_00329.woff2?v=126503701026776562371713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BrandonTextWeb-Bold";
src: url( f__brandontextweb-bold--360967_4_02fba.woff2?v=101128076411911970971713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BrandonTextWeb-Light";
src: url( f__brandontextweb-light--360967_7_00f69.woff2?v=45443546572216271801713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BrandonTextWeb-Italic";
src: url( f__brandontextweb-italic--360967_8_0cfff.woff2?v=133180036042996437761713475717);
font-weight: normal;
font-style: normal;
}
.BrandonTextWeb-Regular {
font-family: BrandonTextWeb-Regular;
font-weight: normal;
font-style: normal;
}
.BrandonTextWeb-Medium {
font-family: BrandonTextWeb-Medium;
font-weight: normal;
font-style: normal;
}
.BrandonGrotesqueWeb-Bold {
font-family: BrandonGrotesqueWeb-Bold;
font-weight: normal;
font-style: normal;
}
.BrandonTextWeb-Bold {
font-family: BrandonTextWeb-Bold;
font-weight: normal;
font-style: normal;
}
.BrandonTextWeb-Light {
font-family: BrandonTextWeb-Light;
font-weight: normal;
font-style: normal;
}
.BrandonTextWeb-Italic {
font-family: BrandonTextWeb-Italic;
font-weight: normal;
font-style: normal;
}
/*================================== Toledo ==================================*/
@font-face {
font-family: "ToledoTS-Regular";
src: url( f__toledots-regular--39572c_1_097a0.woff2?v=32027518618715582191713475717);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "ToledoTS-Bold";
src: url( f__toledots-bold--39572c_2_06e3e.woff2?v=80431556789847777111713475717);
font-weight: normal;
font-style: normal;
}
.ToledoRegular {
font-family: ToledoTS-Regular;
font-weight: normal;
font-style: normal;
}
.ToledoBold {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
}
/*=================================== Ogg ====================================*/
@font-face {
font-family: "Ogg-Regular-Italic";
src: url( f__ogg-regularitalicaab7.woff2?v=60649514531125927251713475717);
font-weight: normal;
font-style: normal;
}
.OggRegularItalic {
font-family: Ogg-Regular-Italic;
font-weight: normal;
font-style: normal;
}
/*============================================================================
#Icon Font via IcoMoon
==============================================================================*/
@font-face {
font-family: "icons";
src: url( iconsfd00.eot?v=30057341497771545441713475717);
src: url( iconsfd00.eot?v=30057341497771545441713475717#iefix) format("embedded-opentype"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/icons.woff?v=165012310288900537491713475717 ) format("woff"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/icons.ttf?v=162844408418022927171713475717 ) format("truetype"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/icons.svg?v=58168840488566754351713475717 #timber-icons) format("svg");
font-weight: normal;
font-style: normal;
}
/*============================================================================
#Typography
==============================================================================*/
/*================ Letter Spacing ================*/
/*
* This temporarily sets all old h3 which should have been h1s
* with the style of the 2019 h1. Once this is done we should
* be able to search for all remaining heading3 includes and
* delete or update them.
*/
h1, .h1, .heading1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
h1, .h1, .heading1 {
font-size: 30px;
}
}
h2, .h2, .heading2 {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
h2, .h2, .heading2 {
font-size: 24px;
}
}
h3, .h3, .heading3 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
h3, .h3, .heading3 {
font-size: 30px;
}
}
h4, .h4, .heading4 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
}
h5, .h5, .heading5 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
h5, .h5, .heading5 {
font-size: 36px;
}
}
h6, .h6, .heading6 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
h6, .h6, .heading6 {
font-size: 24px;
}
}
h1.super, .h1--super, .heading1--super {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 30px;
letter-spacing: -0.25px;
}
@media screen and (min-width: 769px) {
h1.super, .h1--super, .heading1--super {
font-size: 36px;
}
}
h2.bold, .h2--bold, .heading2--bold {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
h2.bold, .h2--bold, .heading2--bold {
font-size: 24px;
}
}
h3.regular, .h3--regular, .heading3--regular {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
h3.bold, .h3--bold, .heading3--bold {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 .heading1,
.heading2, .heading3,
.heading4, .heading5, .heading6 {
margin-top: 0;
margin-bottom: 0;
text-rendering: optimizeLegibility;
line-height: 1;
}
h1.typekit, h2.typekit, h3.typekit, h4.typekit, h5.typekit, h6.typekit,
.h1.typekit, .h2.typekit, .h3.typekit, .h4.typekit, .h5.typekit, .h6 .heading1.typekit,
.heading2.typekit, .heading3.typekit,
.heading4.typekit, .heading5.typekit, .heading6.typekit {
font-family: "BrandonTextWeb-Regular", sans-serif;
font-weight: 600;
margin-bottom: 0;
}
h1.TiemposWeb-Semibold, h2.TiemposWeb-Semibold, h3.TiemposWeb-Semibold, h4.TiemposWeb-Semibold, h5.TiemposWeb-Semibold, h6.TiemposWeb-Semibold,
.h1.TiemposWeb-Semibold, .h2.TiemposWeb-Semibold, .h3.TiemposWeb-Semibold, .h4.TiemposWeb-Semibold, .h5.TiemposWeb-Semibold, .h6 .heading1.TiemposWeb-Semibold,
.heading2.TiemposWeb-Semibold, .heading3.TiemposWeb-Semibold,
.heading4.TiemposWeb-Semibold, .heading5.TiemposWeb-Semibold, .heading6.TiemposWeb-Semibold {
font-family: tiemposSemibold;
}
h1.TiemposWeb-SemiboldItalic, h2.TiemposWeb-SemiboldItalic, h3.TiemposWeb-SemiboldItalic, h4.TiemposWeb-SemiboldItalic, h5.TiemposWeb-SemiboldItalic, h6.TiemposWeb-SemiboldItalic,
.h1.TiemposWeb-SemiboldItalic, .h2.TiemposWeb-SemiboldItalic, .h3.TiemposWeb-SemiboldItalic, .h4.TiemposWeb-SemiboldItalic, .h5.TiemposWeb-SemiboldItalic, .h6 .heading1.TiemposWeb-SemiboldItalic,
.heading2.TiemposWeb-SemiboldItalic, .heading3.TiemposWeb-SemiboldItalic,
.heading4.TiemposWeb-SemiboldItalic, .heading5.TiemposWeb-SemiboldItalic, .heading6.TiemposWeb-SemiboldItalic {
font-family: tiemposSemiboldItalic;
}
body, input, textarea, button, select,
.body {
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
body.upper, input.upper, textarea.upper, button.upper, select.upper,
.body.upper {
text-transform: uppercase;
}
body.large, input.large, textarea.large, button.large, select.large,
.body.large {
font-size: 18px;
}
@media screen and (min-width: 769px) {
body.large, input.large, textarea.large, button.large, select.large,
.body.large {
font-size: 20px;
}
}
body.large.upper, input.large.upper, textarea.large.upper, button.large.upper, select.large.upper,
.body.large.upper {
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
}
@media screen and (min-width: 769px) {
body.large.upper, input.large.upper, textarea.large.upper, button.large.upper, select.large.upper,
.body.large.upper {
font-size: 16px;
}
}
body.small, input.small, textarea.small, button.small, select.small,
.body.small {
font-size: 14px;
}
body.small.medium, input.small.medium, textarea.small.medium, button.small.medium, select.small.medium,
.body.small.medium {
font-family: BrandonTextWeb-Medium;
}
body.small.upper, input.small.upper, textarea.small.upper, button.small.upper, select.small.upper,
.body.small.upper {
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
}
body.typekit, input.typekit, textarea.typekit, button.typekit, select.typekit,
.body.typekit {
font-family: "BrandonTextWeb-Regular", sans-serif;
}
body a, .body h1 a,
.h1 a, .heading1 a,
h2 a, .h2 a, .heading2 a,
h3 a, .h3 a, .heading3 a,
h4 a, .h4 a, .heading4 a,
h5 a, .h5 a, .heading5 a,
h6 a, .h6 a, .heading6 a {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
}
.mb25em {
margin-bottom: 0.25em;
}
.mb05em {
margin-bottom: 0.5em;
}
.mb75em {
margin-bottom: 0.75em;
}
.mb1em {
margin-bottom: 1em;
}
/*=============================== Basic Tags =================================*/
p {
margin: 0 0 1em 0;
}
p img {
margin: 0;
}
em {
font-style: italic;
}
b, strong {
font-weight: bold;
}
small {
font-size: 0.9em;
}
sup, sub {
position: relative;
font-size: 60%;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.5em;
}
a {
font-weight: 600;
}
/*============================== Blockquotes =================================*/
blockquote {
font-size: 1.125em;
line-height: 1.45;
font-style: italic;
margin: 0 0 20px;
padding: 10px 20px;
border-left: 1px solid #e5e5e5 ;
}
blockquote p {
margin-bottom: 0;
}
blockquote p + cite {
margin-top: 10px;
}
blockquote cite {
display: block;
font-size: 0.75em;
}
blockquote cite:before {
content: "— ";
}
/*================================= Code =====================================*/
code, pre {
background-color: #faf7f5;
font-family: Consolas, monospace;
font-size: 1em;
border: 0 none;
padding: 0 2px;
color: #51ab62;
}
pre {
overflow: auto;
padding: 10px;
margin: 0 0 20px;
}
/*============================== Horizontal Rules ============================*/
hr {
clear: both;
border-top: solid #e5e5e5 ;
border-width: 1px 0 0;
margin: 20px 0;
height: 0;
}
hr.hr--small {
margin: 10px 0;
}
hr.hr--clear {
border-top-color: transparent;
}
/*=========================== Section Headers ================================*/
.section-header, .module--faq .gladlyHC h2, .module--faq .gladlyHC h3 {
margin-bottom: 13.3333333333px;
}
@media screen and (min-width: 769px) {
.section-header, .module--faq .gladlyHC h2, .module--faq .gladlyHC h3 {
display: table;
width: 100%;
}
.section-header__title {
margin-bottom: 8px;
}
.section-header__left {
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
}
.section-header__left h1, .section-header__left h2, .section-header__left h3, .section-header__left h4,
.section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
margin-bottom: 0;
}
.section-header__right {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 335px;
}
}
@media screen and (min-width: 769px) and (max-width: 767px) {
.section-header__right {
margin-bottom: 20px;
}
}
.section-header__right .form-horizontal,
.section-header__right .collection-view {
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 481px) {
.section-header__right label + select,
.section-header__right .collection-view {
margin-left: 10px;
}
}
.collection-view {
display: inline-block;
border: 1px solid #e5e5e5 ;
border-radius: 0;
padding: 0 5px;
height: 37px;
overflow: hidden;
}
@media screen and (min-width: 769px) {
.collection-view {
display: inline-block;
}
}
.change-view {
display: block;
background: none;
border: 0 none;
float: left;
padding: 10px 8px;
color: #e5e5e5 ;
line-height: 1;
}
.change-view:hover, .change-view:focus {
color: #42c8e2 ;
}
.change-view--active {
cursor: default;
color: #42c8e2 ;
}
/*============================================================================
#Rich Text Editor
==============================================================================*/
.rte {
margin-bottom: 10px;
}
.rte a {
text-decoration: underline;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
margin-top: 2em;
}
.rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child {
margin-top: 0;
}
.rte h1 a, .rte h2 a, .rte h3 a, .rte h4 a, .rte h5 a, .rte h6 a {
text-decoration: none;
}
.rte > div {
margin-bottom: 10px;
}
.rte li {
margin-bottom: 0.4em;
}
.rte--header {
margin-bottom: 0;
}
/*============================================================================
#Links and Buttons
==============================================================================*/
a,
.text-link {
color: #42c8e2 ;
text-decoration: none;
background: transparent;
}
a.dk-blue,
.text-link.dk-blue {
color: #024BC2;
}
a.dk-blue:hover, a.dk-blue:active, a.dk-blue:focus,
.text-link.dk-blue:hover,
.text-link.dk-blue:active,
.text-link.dk-blue:focus {
color: #013790;
}
a:hover,
a:focus {
color: #2b8df2 ;
}
.text-cta {
padding-bottom: 2px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-family: BrandonTextWeb-Bold;
color: #04247D;
border-bottom: 1px solid;
border-color: #04247D;
transition: color 0.2s, border-color 0.2s;
}
.text-cta:hover {
color: #AEB6A7;
border-color: #AEB6A7;
}
/*============== Force an input/button to look like a text link ==============*/
.text-link {
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
/*============================================================================
#Lists
==============================================================================*/
ul, ol {
margin: 0 0 10px 20px;
padding: 0;
}
ol {
list-style: decimal;
}
ul ul, ul ol,
ol ol, ol ul {
margin: 4px 0 5px 20px;
}
li {
margin-bottom: 0.25em;
}
ul.square {
list-style: square outside;
}
ul.disc {
list-style: disc outside;
}
ol.alpha {
list-style: lower-alpha outside;
}
.no-bullets {
list-style: none outside;
margin-left: 0;
}
.inline-list {
margin-left: 0;
}
.inline-list li {
display: inline-block;
margin-bottom: 0;
}
.wrapper--v1 .underline-animation.hover-active--underline, .wrapper--v1 .underline-animation .hover-active--underline, .modal-drawer .underline-animation.hover-active--underline, .modal-drawer .underline-animation .hover-active--underline, .checkout .underline-animation.hover-active--underline, .checkout .underline-animation .hover-active--underline {
position: relative;
}
.wrapper--v1 .underline-animation.hover-active--underline:after, .wrapper--v1 .underline-animation .hover-active--underline:after, .modal-drawer .underline-animation.hover-active--underline:after, .modal-drawer .underline-animation .hover-active--underline:after, .checkout .underline-animation.hover-active--underline:after, .checkout .underline-animation .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .underline-animation.hover-active--underline:hover, .wrapper--v1 .underline-animation.hover-active--underline:active, .wrapper--v1 .underline-animation.hover-active--underline.active, .wrapper--v1 .underline-animation .hover-active--underline:hover, .wrapper--v1 .underline-animation .hover-active--underline:active, .wrapper--v1 .underline-animation .hover-active--underline.active, .modal-drawer .underline-animation.hover-active--underline:hover, .modal-drawer .underline-animation.hover-active--underline:active, .modal-drawer .underline-animation.hover-active--underline.active, .modal-drawer .underline-animation .hover-active--underline:hover, .modal-drawer .underline-animation .hover-active--underline:active, .modal-drawer .underline-animation .hover-active--underline.active, .checkout .underline-animation.hover-active--underline:hover, .checkout .underline-animation.hover-active--underline:active, .checkout .underline-animation.hover-active--underline.active, .checkout .underline-animation .hover-active--underline:hover, .checkout .underline-animation .hover-active--underline:active, .checkout .underline-animation .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .underline-animation.hover-active--underline:hover:after, .wrapper--v1 .underline-animation.hover-active--underline:active:after, .wrapper--v1 .underline-animation.hover-active--underline.active:after, .wrapper--v1 .underline-animation .hover-active--underline:hover:after, .wrapper--v1 .underline-animation .hover-active--underline:active:after, .wrapper--v1 .underline-animation .hover-active--underline.active:after, .modal-drawer .underline-animation.hover-active--underline:hover:after, .modal-drawer .underline-animation.hover-active--underline:active:after, .modal-drawer .underline-animation.hover-active--underline.active:after, .modal-drawer .underline-animation .hover-active--underline:hover:after, .modal-drawer .underline-animation .hover-active--underline:active:after, .modal-drawer .underline-animation .hover-active--underline.active:after, .checkout .underline-animation.hover-active--underline:hover:after, .checkout .underline-animation.hover-active--underline:active:after, .checkout .underline-animation.hover-active--underline.active:after, .checkout .underline-animation .hover-active--underline:hover:after, .checkout .underline-animation .hover-active--underline:active:after, .checkout .underline-animation .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .h_1, .modal-drawer .h_1, .checkout .h_1 {
font-family: ToledoTS-Bold;
font-size: 2.25rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_1.hover-active--underline, .wrapper--v1 .h_1 .hover-active--underline, .modal-drawer .h_1.hover-active--underline, .modal-drawer .h_1 .hover-active--underline, .checkout .h_1.hover-active--underline, .checkout .h_1 .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_1.hover-active--underline:after, .wrapper--v1 .h_1 .hover-active--underline:after, .modal-drawer .h_1.hover-active--underline:after, .modal-drawer .h_1 .hover-active--underline:after, .checkout .h_1.hover-active--underline:after, .checkout .h_1 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_1.hover-active--underline:hover, .wrapper--v1 .h_1.hover-active--underline:active, .wrapper--v1 .h_1.hover-active--underline.active, .wrapper--v1 .h_1 .hover-active--underline:hover, .wrapper--v1 .h_1 .hover-active--underline:active, .wrapper--v1 .h_1 .hover-active--underline.active, .modal-drawer .h_1.hover-active--underline:hover, .modal-drawer .h_1.hover-active--underline:active, .modal-drawer .h_1.hover-active--underline.active, .modal-drawer .h_1 .hover-active--underline:hover, .modal-drawer .h_1 .hover-active--underline:active, .modal-drawer .h_1 .hover-active--underline.active, .checkout .h_1.hover-active--underline:hover, .checkout .h_1.hover-active--underline:active, .checkout .h_1.hover-active--underline.active, .checkout .h_1 .hover-active--underline:hover, .checkout .h_1 .hover-active--underline:active, .checkout .h_1 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_1.hover-active--underline:hover:after, .wrapper--v1 .h_1.hover-active--underline:active:after, .wrapper--v1 .h_1.hover-active--underline.active:after, .wrapper--v1 .h_1 .hover-active--underline:hover:after, .wrapper--v1 .h_1 .hover-active--underline:active:after, .wrapper--v1 .h_1 .hover-active--underline.active:after, .modal-drawer .h_1.hover-active--underline:hover:after, .modal-drawer .h_1.hover-active--underline:active:after, .modal-drawer .h_1.hover-active--underline.active:after, .modal-drawer .h_1 .hover-active--underline:hover:after, .modal-drawer .h_1 .hover-active--underline:active:after, .modal-drawer .h_1 .hover-active--underline.active:after, .checkout .h_1.hover-active--underline:hover:after, .checkout .h_1.hover-active--underline:active:after, .checkout .h_1.hover-active--underline.active:after, .checkout .h_1 .hover-active--underline:hover:after, .checkout .h_1 .hover-active--underline:active:after, .checkout .h_1 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_1, .modal-drawer .h_1, .checkout .h_1 {
font-size: 2.25rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_1, .modal-drawer .h_1, .checkout .h_1 {
font-size: 3.75rem;
line-height: 4.313rem;
}
}
.wrapper--v1 .h_1--small-mobile, .modal-drawer .h_1--small-mobile, .checkout .h_1--small-mobile {
font-family: ToledoTS-Bold;
font-size: 1.875rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_1--small-mobile.hover-active--underline, .wrapper--v1 .h_1--small-mobile .hover-active--underline, .modal-drawer .h_1--small-mobile.hover-active--underline, .modal-drawer .h_1--small-mobile .hover-active--underline, .checkout .h_1--small-mobile.hover-active--underline, .checkout .h_1--small-mobile .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_1--small-mobile.hover-active--underline:after, .wrapper--v1 .h_1--small-mobile .hover-active--underline:after, .modal-drawer .h_1--small-mobile.hover-active--underline:after, .modal-drawer .h_1--small-mobile .hover-active--underline:after, .checkout .h_1--small-mobile.hover-active--underline:after, .checkout .h_1--small-mobile .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_1--small-mobile.hover-active--underline:hover, .wrapper--v1 .h_1--small-mobile.hover-active--underline:active, .wrapper--v1 .h_1--small-mobile.hover-active--underline.active, .wrapper--v1 .h_1--small-mobile .hover-active--underline:hover, .wrapper--v1 .h_1--small-mobile .hover-active--underline:active, .wrapper--v1 .h_1--small-mobile .hover-active--underline.active, .modal-drawer .h_1--small-mobile.hover-active--underline:hover, .modal-drawer .h_1--small-mobile.hover-active--underline:active, .modal-drawer .h_1--small-mobile.hover-active--underline.active, .modal-drawer .h_1--small-mobile .hover-active--underline:hover, .modal-drawer .h_1--small-mobile .hover-active--underline:active, .modal-drawer .h_1--small-mobile .hover-active--underline.active, .checkout .h_1--small-mobile.hover-active--underline:hover, .checkout .h_1--small-mobile.hover-active--underline:active, .checkout .h_1--small-mobile.hover-active--underline.active, .checkout .h_1--small-mobile .hover-active--underline:hover, .checkout .h_1--small-mobile .hover-active--underline:active, .checkout .h_1--small-mobile .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_1--small-mobile.hover-active--underline:hover:after, .wrapper--v1 .h_1--small-mobile.hover-active--underline:active:after, .wrapper--v1 .h_1--small-mobile.hover-active--underline.active:after, .wrapper--v1 .h_1--small-mobile .hover-active--underline:hover:after, .wrapper--v1 .h_1--small-mobile .hover-active--underline:active:after, .wrapper--v1 .h_1--small-mobile .hover-active--underline.active:after, .modal-drawer .h_1--small-mobile.hover-active--underline:hover:after, .modal-drawer .h_1--small-mobile.hover-active--underline:active:after, .modal-drawer .h_1--small-mobile.hover-active--underline.active:after, .modal-drawer .h_1--small-mobile .hover-active--underline:hover:after, .modal-drawer .h_1--small-mobile .hover-active--underline:active:after, .modal-drawer .h_1--small-mobile .hover-active--underline.active:after, .checkout .h_1--small-mobile.hover-active--underline:hover:after, .checkout .h_1--small-mobile.hover-active--underline:active:after, .checkout .h_1--small-mobile.hover-active--underline.active:after, .checkout .h_1--small-mobile .hover-active--underline:hover:after, .checkout .h_1--small-mobile .hover-active--underline:active:after, .checkout .h_1--small-mobile .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_1--small-mobile, .modal-drawer .h_1--small-mobile, .checkout .h_1--small-mobile {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_1--small-mobile, .modal-drawer .h_1--small-mobile, .checkout .h_1--small-mobile {
font-size: 3.75rem;
line-height: 4.313rem;
}
}
.wrapper--v1 .h_1--regular, .modal-drawer .h_1--regular, .checkout .h_1--regular {
font-family: ToledoTS-Regular;
font-size: 3.6rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_1--regular.hover-active--underline, .wrapper--v1 .h_1--regular .hover-active--underline, .modal-drawer .h_1--regular.hover-active--underline, .modal-drawer .h_1--regular .hover-active--underline, .checkout .h_1--regular.hover-active--underline, .checkout .h_1--regular .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_1--regular.hover-active--underline:after, .wrapper--v1 .h_1--regular .hover-active--underline:after, .modal-drawer .h_1--regular.hover-active--underline:after, .modal-drawer .h_1--regular .hover-active--underline:after, .checkout .h_1--regular.hover-active--underline:after, .checkout .h_1--regular .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_1--regular.hover-active--underline:hover, .wrapper--v1 .h_1--regular.hover-active--underline:active, .wrapper--v1 .h_1--regular.hover-active--underline.active, .wrapper--v1 .h_1--regular .hover-active--underline:hover, .wrapper--v1 .h_1--regular .hover-active--underline:active, .wrapper--v1 .h_1--regular .hover-active--underline.active, .modal-drawer .h_1--regular.hover-active--underline:hover, .modal-drawer .h_1--regular.hover-active--underline:active, .modal-drawer .h_1--regular.hover-active--underline.active, .modal-drawer .h_1--regular .hover-active--underline:hover, .modal-drawer .h_1--regular .hover-active--underline:active, .modal-drawer .h_1--regular .hover-active--underline.active, .checkout .h_1--regular.hover-active--underline:hover, .checkout .h_1--regular.hover-active--underline:active, .checkout .h_1--regular.hover-active--underline.active, .checkout .h_1--regular .hover-active--underline:hover, .checkout .h_1--regular .hover-active--underline:active, .checkout .h_1--regular .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_1--regular.hover-active--underline:hover:after, .wrapper--v1 .h_1--regular.hover-active--underline:active:after, .wrapper--v1 .h_1--regular.hover-active--underline.active:after, .wrapper--v1 .h_1--regular .hover-active--underline:hover:after, .wrapper--v1 .h_1--regular .hover-active--underline:active:after, .wrapper--v1 .h_1--regular .hover-active--underline.active:after, .modal-drawer .h_1--regular.hover-active--underline:hover:after, .modal-drawer .h_1--regular.hover-active--underline:active:after, .modal-drawer .h_1--regular.hover-active--underline.active:after, .modal-drawer .h_1--regular .hover-active--underline:hover:after, .modal-drawer .h_1--regular .hover-active--underline:active:after, .modal-drawer .h_1--regular .hover-active--underline.active:after, .checkout .h_1--regular.hover-active--underline:hover:after, .checkout .h_1--regular.hover-active--underline:active:after, .checkout .h_1--regular.hover-active--underline.active:after, .checkout .h_1--regular .hover-active--underline:hover:after, .checkout .h_1--regular .hover-active--underline:active:after, .checkout .h_1--regular .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_1--regular, .modal-drawer .h_1--regular, .checkout .h_1--regular {
font-size: 3.6rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_1--regular, .modal-drawer .h_1--regular, .checkout .h_1--regular {
font-size: 3.6rem;
line-height: 4.313rem;
}
}
.wrapper--v1 .h_1--italic, .modal-drawer .h_1--italic, .checkout .h_1--italic {
font-family: Ogg-Regular-italic;
font-size: 3.6rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_1--italic.hover-active--underline, .wrapper--v1 .h_1--italic .hover-active--underline, .modal-drawer .h_1--italic.hover-active--underline, .modal-drawer .h_1--italic .hover-active--underline, .checkout .h_1--italic.hover-active--underline, .checkout .h_1--italic .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_1--italic.hover-active--underline:after, .wrapper--v1 .h_1--italic .hover-active--underline:after, .modal-drawer .h_1--italic.hover-active--underline:after, .modal-drawer .h_1--italic .hover-active--underline:after, .checkout .h_1--italic.hover-active--underline:after, .checkout .h_1--italic .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_1--italic.hover-active--underline:hover, .wrapper--v1 .h_1--italic.hover-active--underline:active, .wrapper--v1 .h_1--italic.hover-active--underline.active, .wrapper--v1 .h_1--italic .hover-active--underline:hover, .wrapper--v1 .h_1--italic .hover-active--underline:active, .wrapper--v1 .h_1--italic .hover-active--underline.active, .modal-drawer .h_1--italic.hover-active--underline:hover, .modal-drawer .h_1--italic.hover-active--underline:active, .modal-drawer .h_1--italic.hover-active--underline.active, .modal-drawer .h_1--italic .hover-active--underline:hover, .modal-drawer .h_1--italic .hover-active--underline:active, .modal-drawer .h_1--italic .hover-active--underline.active, .checkout .h_1--italic.hover-active--underline:hover, .checkout .h_1--italic.hover-active--underline:active, .checkout .h_1--italic.hover-active--underline.active, .checkout .h_1--italic .hover-active--underline:hover, .checkout .h_1--italic .hover-active--underline:active, .checkout .h_1--italic .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_1--italic.hover-active--underline:hover:after, .wrapper--v1 .h_1--italic.hover-active--underline:active:after, .wrapper--v1 .h_1--italic.hover-active--underline.active:after, .wrapper--v1 .h_1--italic .hover-active--underline:hover:after, .wrapper--v1 .h_1--italic .hover-active--underline:active:after, .wrapper--v1 .h_1--italic .hover-active--underline.active:after, .modal-drawer .h_1--italic.hover-active--underline:hover:after, .modal-drawer .h_1--italic.hover-active--underline:active:after, .modal-drawer .h_1--italic.hover-active--underline.active:after, .modal-drawer .h_1--italic .hover-active--underline:hover:after, .modal-drawer .h_1--italic .hover-active--underline:active:after, .modal-drawer .h_1--italic .hover-active--underline.active:after, .checkout .h_1--italic.hover-active--underline:hover:after, .checkout .h_1--italic.hover-active--underline:active:after, .checkout .h_1--italic.hover-active--underline.active:after, .checkout .h_1--italic .hover-active--underline:hover:after, .checkout .h_1--italic .hover-active--underline:active:after, .checkout .h_1--italic .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_1--italic, .modal-drawer .h_1--italic, .checkout .h_1--italic {
font-size: 3.6rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_1--italic, .modal-drawer .h_1--italic, .checkout .h_1--italic {
font-size: 3.6rem;
line-height: 4.313rem;
}
}
.wrapper--v1 .h_2, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span, .modal-drawer .h_2, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span, .checkout .h_2, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span {
font-family: ToledoTS-Bold;
font-size: 2.25rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_2.hover-active--underline, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline, .wrapper--v1 .h_2 .hover-active--underline, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline, .modal-drawer .h_2.hover-active--underline, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline, .modal-drawer .h_2 .hover-active--underline, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline, .checkout .h_2.hover-active--underline, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline, .checkout .h_2 .hover-active--underline, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_2.hover-active--underline:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline:after, .wrapper--v1 .h_2 .hover-active--underline:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline:after, .modal-drawer .h_2.hover-active--underline:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline:after, .modal-drawer .h_2 .hover-active--underline:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline:after, .checkout .h_2.hover-active--underline:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline:after, .checkout .h_2 .hover-active--underline:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_2.hover-active--underline:hover, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline:hover, .wrapper--v1 .h_2.hover-active--underline:active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline:active, .wrapper--v1 .h_2.hover-active--underline.active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline.active, .wrapper--v1 .h_2 .hover-active--underline:hover, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline:hover, .wrapper--v1 .h_2 .hover-active--underline:active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline:active, .wrapper--v1 .h_2 .hover-active--underline.active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline.active, .modal-drawer .h_2.hover-active--underline:hover, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline:hover, .modal-drawer .h_2.hover-active--underline:active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline:active, .modal-drawer .h_2.hover-active--underline.active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline.active, .modal-drawer .h_2 .hover-active--underline:hover, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline:hover, .modal-drawer .h_2 .hover-active--underline:active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline:active, .modal-drawer .h_2 .hover-active--underline.active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline.active, .checkout .h_2.hover-active--underline:hover, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline:hover, .checkout .h_2.hover-active--underline:active, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline:active, .checkout .h_2.hover-active--underline.active, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline.active, .checkout .h_2 .hover-active--underline:hover, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline:hover, .checkout .h_2 .hover-active--underline:active, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline:active, .checkout .h_2 .hover-active--underline.active, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_2.hover-active--underline:hover:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline:hover:after, .wrapper--v1 .h_2.hover-active--underline:active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline:active:after, .wrapper--v1 .h_2.hover-active--underline.active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span.hover-active--underline.active:after, .wrapper--v1 .h_2 .hover-active--underline:hover:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline:hover:after, .wrapper--v1 .h_2 .hover-active--underline:active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline:active:after, .wrapper--v1 .h_2 .hover-active--underline.active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span .hover-active--underline.active:after, .modal-drawer .h_2.hover-active--underline:hover:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline:hover:after, .modal-drawer .h_2.hover-active--underline:active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline:active:after, .modal-drawer .h_2.hover-active--underline.active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span.hover-active--underline.active:after, .modal-drawer .h_2 .hover-active--underline:hover:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline:hover:after, .modal-drawer .h_2 .hover-active--underline:active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline:active:after, .modal-drawer .h_2 .hover-active--underline.active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span .hover-active--underline.active:after, .checkout .h_2.hover-active--underline:hover:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline:hover:after, .checkout .h_2.hover-active--underline:active:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline:active:after, .checkout .h_2.hover-active--underline.active:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span.hover-active--underline.active:after, .checkout .h_2 .hover-active--underline:hover:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline:hover:after, .checkout .h_2 .hover-active--underline:active:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline:active:after, .checkout .h_2 .hover-active--underline.active:after, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_2, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span, .modal-drawer .h_2, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span, .checkout .h_2, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span {
font-size: 2.25rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_2, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .wrapper--v1 span, .modal-drawer .h_2, .modal-drawer #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .modal-drawer span, .checkout .h_2, .checkout #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .checkout span {
font-size: 2.812rem;
line-height: 3.231rem;
}
}
.wrapper--v1 .h_2--small-mobile, .modal-drawer .h_2--small-mobile, .checkout .h_2--small-mobile {
font-family: ToledoTS-Bold;
font-size: 1.875rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_2--small-mobile.hover-active--underline, .wrapper--v1 .h_2--small-mobile .hover-active--underline, .modal-drawer .h_2--small-mobile.hover-active--underline, .modal-drawer .h_2--small-mobile .hover-active--underline, .checkout .h_2--small-mobile.hover-active--underline, .checkout .h_2--small-mobile .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_2--small-mobile.hover-active--underline:after, .wrapper--v1 .h_2--small-mobile .hover-active--underline:after, .modal-drawer .h_2--small-mobile.hover-active--underline:after, .modal-drawer .h_2--small-mobile .hover-active--underline:after, .checkout .h_2--small-mobile.hover-active--underline:after, .checkout .h_2--small-mobile .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_2--small-mobile.hover-active--underline:hover, .wrapper--v1 .h_2--small-mobile.hover-active--underline:active, .wrapper--v1 .h_2--small-mobile.hover-active--underline.active, .wrapper--v1 .h_2--small-mobile .hover-active--underline:hover, .wrapper--v1 .h_2--small-mobile .hover-active--underline:active, .wrapper--v1 .h_2--small-mobile .hover-active--underline.active, .modal-drawer .h_2--small-mobile.hover-active--underline:hover, .modal-drawer .h_2--small-mobile.hover-active--underline:active, .modal-drawer .h_2--small-mobile.hover-active--underline.active, .modal-drawer .h_2--small-mobile .hover-active--underline:hover, .modal-drawer .h_2--small-mobile .hover-active--underline:active, .modal-drawer .h_2--small-mobile .hover-active--underline.active, .checkout .h_2--small-mobile.hover-active--underline:hover, .checkout .h_2--small-mobile.hover-active--underline:active, .checkout .h_2--small-mobile.hover-active--underline.active, .checkout .h_2--small-mobile .hover-active--underline:hover, .checkout .h_2--small-mobile .hover-active--underline:active, .checkout .h_2--small-mobile .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_2--small-mobile.hover-active--underline:hover:after, .wrapper--v1 .h_2--small-mobile.hover-active--underline:active:after, .wrapper--v1 .h_2--small-mobile.hover-active--underline.active:after, .wrapper--v1 .h_2--small-mobile .hover-active--underline:hover:after, .wrapper--v1 .h_2--small-mobile .hover-active--underline:active:after, .wrapper--v1 .h_2--small-mobile .hover-active--underline.active:after, .modal-drawer .h_2--small-mobile.hover-active--underline:hover:after, .modal-drawer .h_2--small-mobile.hover-active--underline:active:after, .modal-drawer .h_2--small-mobile.hover-active--underline.active:after, .modal-drawer .h_2--small-mobile .hover-active--underline:hover:after, .modal-drawer .h_2--small-mobile .hover-active--underline:active:after, .modal-drawer .h_2--small-mobile .hover-active--underline.active:after, .checkout .h_2--small-mobile.hover-active--underline:hover:after, .checkout .h_2--small-mobile.hover-active--underline:active:after, .checkout .h_2--small-mobile.hover-active--underline.active:after, .checkout .h_2--small-mobile .hover-active--underline:hover:after, .checkout .h_2--small-mobile .hover-active--underline:active:after, .checkout .h_2--small-mobile .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_2--small-mobile, .modal-drawer .h_2--small-mobile, .checkout .h_2--small-mobile {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_2--small-mobile, .modal-drawer .h_2--small-mobile, .checkout .h_2--small-mobile {
font-size: 2.812rem;
line-height: 3.231rem;
}
}
.wrapper--v1 .h_3, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title, .wrapper--v1 .module--faq .gladlyHC h2, .module--faq .gladlyHC .wrapper--v1 h2, .wrapper--v1 .module--faq .gladlyHC h3, .module--faq .gladlyHC .wrapper--v1 h3, .modal-drawer .h_3, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title, .modal-drawer .module--faq .gladlyHC h2, .module--faq .gladlyHC .modal-drawer h2, .modal-drawer .module--faq .gladlyHC h3, .module--faq .gladlyHC .modal-drawer h3, .checkout .h_3, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title, .checkout .module--faq .gladlyHC h2, .module--faq .gladlyHC .checkout h2, .checkout .module--faq .gladlyHC h3, .module--faq .gladlyHC .checkout h3 {
font-family: ToledoTS-Bold;
font-size: 1.5rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3.hover-active--underline, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline, .wrapper--v1 .h_3 .hover-active--underline, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline, .modal-drawer .h_3.hover-active--underline, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline, .modal-drawer .h_3 .hover-active--underline, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline, .checkout .h_3.hover-active--underline, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title, .checkout .module--faq .gladlyHC h2.hover-active--underline, .module--faq .gladlyHC .checkout h2.hover-active--underline, .checkout .module--faq .gladlyHC h3.hover-active--underline, .module--faq .gladlyHC .checkout h3.hover-active--underline, .checkout .h_3 .hover-active--underline, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline, .checkout .module--faq .gladlyHC h2 .hover-active--underline, .module--faq .gladlyHC .checkout h2 .hover-active--underline, .checkout .module--faq .gladlyHC h3 .hover-active--underline, .module--faq .gladlyHC .checkout h3 .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3.hover-active--underline:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title:after, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline:after, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline:after, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline:after, .wrapper--v1 .h_3 .hover-active--underline:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline:after, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline:after, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline:after, .modal-drawer .h_3.hover-active--underline:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title:after, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline:after, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline:after, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline:after, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline:after, .modal-drawer .h_3 .hover-active--underline:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline:after, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline:after, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline:after, .checkout .h_3.hover-active--underline:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title:after, .checkout .module--faq .gladlyHC h2.hover-active--underline:after, .module--faq .gladlyHC .checkout h2.hover-active--underline:after, .checkout .module--faq .gladlyHC h3.hover-active--underline:after, .module--faq .gladlyHC .checkout h3.hover-active--underline:after, .checkout .h_3 .hover-active--underline:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline:after, .checkout .module--faq .gladlyHC h2 .hover-active--underline:after, .module--faq .gladlyHC .checkout h2 .hover-active--underline:after, .checkout .module--faq .gladlyHC h3 .hover-active--underline:after, .module--faq .gladlyHC .checkout h3 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3.hover-active--underline:hover, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title:hover, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline:hover, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline:hover, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline:hover, .wrapper--v1 .h_3.hover-active--underline:active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title:active, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline:active, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline:active, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline:active, .wrapper--v1 .h_3.hover-active--underline.active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.active.yotpo-header-title, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline.active, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline.active, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline.active, .wrapper--v1 .h_3 .hover-active--underline:hover, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline:hover, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline:hover, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline:hover, .wrapper--v1 .h_3 .hover-active--underline:active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline:active, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline:active, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline:active, .wrapper--v1 .h_3 .hover-active--underline.active, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline.active, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline.active, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline.active, .modal-drawer .h_3.hover-active--underline:hover, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title:hover, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline:hover, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline:hover, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline:hover, .modal-drawer .h_3.hover-active--underline:active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title:active, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline:active, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline:active, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline:active, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline:active, .modal-drawer .h_3.hover-active--underline.active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.active.yotpo-header-title, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline.active, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline.active, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline.active, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline.active, .modal-drawer .h_3 .hover-active--underline:hover, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline:hover, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline:hover, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline:hover, .modal-drawer .h_3 .hover-active--underline:active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline:active, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline:active, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline:active, .modal-drawer .h_3 .hover-active--underline.active, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline.active, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline.active, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline.active, .checkout .h_3.hover-active--underline:hover, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title:hover, .checkout .module--faq .gladlyHC h2.hover-active--underline:hover, .module--faq .gladlyHC .checkout h2.hover-active--underline:hover, .checkout .module--faq .gladlyHC h3.hover-active--underline:hover, .module--faq .gladlyHC .checkout h3.hover-active--underline:hover, .checkout .h_3.hover-active--underline:active, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title:active, .checkout .module--faq .gladlyHC h2.hover-active--underline:active, .module--faq .gladlyHC .checkout h2.hover-active--underline:active, .checkout .module--faq .gladlyHC h3.hover-active--underline:active, .module--faq .gladlyHC .checkout h3.hover-active--underline:active, .checkout .h_3.hover-active--underline.active, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.active.yotpo-header-title, .checkout .module--faq .gladlyHC h2.hover-active--underline.active, .module--faq .gladlyHC .checkout h2.hover-active--underline.active, .checkout .module--faq .gladlyHC h3.hover-active--underline.active, .module--faq .gladlyHC .checkout h3.hover-active--underline.active, .checkout .h_3 .hover-active--underline:hover, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline:hover, .checkout .module--faq .gladlyHC h2 .hover-active--underline:hover, .module--faq .gladlyHC .checkout h2 .hover-active--underline:hover, .checkout .module--faq .gladlyHC h3 .hover-active--underline:hover, .module--faq .gladlyHC .checkout h3 .hover-active--underline:hover, .checkout .h_3 .hover-active--underline:active, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline:active, .checkout .module--faq .gladlyHC h2 .hover-active--underline:active, .module--faq .gladlyHC .checkout h2 .hover-active--underline:active, .checkout .module--faq .gladlyHC h3 .hover-active--underline:active, .module--faq .gladlyHC .checkout h3 .hover-active--underline:active, .checkout .h_3 .hover-active--underline.active, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline.active, .checkout .module--faq .gladlyHC h2 .hover-active--underline.active, .module--faq .gladlyHC .checkout h2 .hover-active--underline.active, .checkout .module--faq .gladlyHC h3 .hover-active--underline.active, .module--faq .gladlyHC .checkout h3 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3.hover-active--underline:hover:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title:hover:after, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline:hover:after, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline:hover:after, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline:hover:after, .wrapper--v1 .h_3.hover-active--underline:active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.yotpo-header-title:active:after, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline:active:after, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline:active:after, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline:active:after, .wrapper--v1 .h_3.hover-active--underline.active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .hover-active--underline.active.yotpo-header-title:after, .wrapper--v1 .module--faq .gladlyHC h2.hover-active--underline.active:after, .module--faq .gladlyHC .wrapper--v1 h2.hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC h3.hover-active--underline.active:after, .module--faq .gladlyHC .wrapper--v1 h3.hover-active--underline.active:after, .wrapper--v1 .h_3 .hover-active--underline:hover:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline:hover:after, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline:hover:after, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline:hover:after, .wrapper--v1 .h_3 .hover-active--underline:active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline:active:after, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline:active:after, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline:active:after, .wrapper--v1 .h_3 .hover-active--underline.active:after, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC h2 .hover-active--underline.active:after, .module--faq .gladlyHC .wrapper--v1 h2 .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC h3 .hover-active--underline.active:after, .module--faq .gladlyHC .wrapper--v1 h3 .hover-active--underline.active:after, .modal-drawer .h_3.hover-active--underline:hover:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title:hover:after, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline:hover:after, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline:hover:after, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline:hover:after, .modal-drawer .h_3.hover-active--underline:active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.yotpo-header-title:active:after, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline:active:after, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline:active:after, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline:active:after, .modal-drawer .h_3.hover-active--underline.active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .hover-active--underline.active.yotpo-header-title:after, .modal-drawer .module--faq .gladlyHC h2.hover-active--underline.active:after, .module--faq .gladlyHC .modal-drawer h2.hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC h3.hover-active--underline.active:after, .module--faq .gladlyHC .modal-drawer h3.hover-active--underline.active:after, .modal-drawer .h_3 .hover-active--underline:hover:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline:hover:after, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline:hover:after, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline:hover:after, .modal-drawer .h_3 .hover-active--underline:active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline:active:after, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline:active:after, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline:active:after, .modal-drawer .h_3 .hover-active--underline.active:after, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC h2 .hover-active--underline.active:after, .module--faq .gladlyHC .modal-drawer h2 .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC h3 .hover-active--underline.active:after, .module--faq .gladlyHC .modal-drawer h3 .hover-active--underline.active:after, .checkout .h_3.hover-active--underline:hover:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title:hover:after, .checkout .module--faq .gladlyHC h2.hover-active--underline:hover:after, .module--faq .gladlyHC .checkout h2.hover-active--underline:hover:after, .checkout .module--faq .gladlyHC h3.hover-active--underline:hover:after, .module--faq .gladlyHC .checkout h3.hover-active--underline:hover:after, .checkout .h_3.hover-active--underline:active:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.yotpo-header-title:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.yotpo-header-title:active:after, .checkout .module--faq .gladlyHC h2.hover-active--underline:active:after, .module--faq .gladlyHC .checkout h2.hover-active--underline:active:after, .checkout .module--faq .gladlyHC h3.hover-active--underline:active:after, .module--faq .gladlyHC .checkout h3.hover-active--underline:active:after, .checkout .h_3.hover-active--underline.active:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .hover-active--underline.active.yotpo-header-title:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .hover-active--underline.active.yotpo-header-title:after, .checkout .module--faq .gladlyHC h2.hover-active--underline.active:after, .module--faq .gladlyHC .checkout h2.hover-active--underline.active:after, .checkout .module--faq .gladlyHC h3.hover-active--underline.active:after, .module--faq .gladlyHC .checkout h3.hover-active--underline.active:after, .checkout .h_3 .hover-active--underline:hover:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC h2 .hover-active--underline:hover:after, .module--faq .gladlyHC .checkout h2 .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC h3 .hover-active--underline:hover:after, .module--faq .gladlyHC .checkout h3 .hover-active--underline:hover:after, .checkout .h_3 .hover-active--underline:active:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline:active:after, .checkout .module--faq .gladlyHC h2 .hover-active--underline:active:after, .module--faq .gladlyHC .checkout h2 .hover-active--underline:active:after, .checkout .module--faq .gladlyHC h3 .hover-active--underline:active:after, .module--faq .gladlyHC .checkout h3 .hover-active--underline:active:after, .checkout .h_3 .hover-active--underline.active:after, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title .hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title .hover-active--underline.active:after, .checkout .module--faq .gladlyHC h2 .hover-active--underline.active:after, .module--faq .gladlyHC .checkout h2 .hover-active--underline.active:after, .checkout .module--faq .gladlyHC h3 .hover-active--underline.active:after, .module--faq .gladlyHC .checkout h3 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title, .wrapper--v1 .module--faq .gladlyHC h2, .module--faq .gladlyHC .wrapper--v1 h2, .wrapper--v1 .module--faq .gladlyHC h3, .module--faq .gladlyHC .wrapper--v1 h3, .modal-drawer .h_3, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title, .modal-drawer .module--faq .gladlyHC h2, .module--faq .gladlyHC .modal-drawer h2, .modal-drawer .module--faq .gladlyHC h3, .module--faq .gladlyHC .modal-drawer h3, .checkout .h_3, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title, .checkout .module--faq .gladlyHC h2, .module--faq .gladlyHC .checkout h2, .checkout .module--faq .gladlyHC h3, .module--faq .gladlyHC .checkout h3 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3, .wrapper--v1 #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .wrapper--v1 .yotpo-header-title, .wrapper--v1 .module--faq .gladlyHC h2, .module--faq .gladlyHC .wrapper--v1 h2, .wrapper--v1 .module--faq .gladlyHC h3, .module--faq .gladlyHC .wrapper--v1 h3, .modal-drawer .h_3, .modal-drawer #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .modal-drawer .yotpo-header-title, .modal-drawer .module--faq .gladlyHC h2, .module--faq .gladlyHC .modal-drawer h2, .modal-drawer .module--faq .gladlyHC h3, .module--faq .gladlyHC .modal-drawer h3, .checkout .h_3, .checkout #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .checkout .yotpo-header-title, .checkout .module--faq .gladlyHC h2, .module--faq .gladlyHC .checkout h2, .checkout .module--faq .gladlyHC h3, .module--faq .gladlyHC .checkout h3 {
font-size: 1.875rem;
line-height: normal;
}
}
.wrapper--v1 .h_3--large-mobile, .modal-drawer .h_3--large-mobile, .checkout .h_3--large-mobile {
font-family: ToledoTS-Bold;
font-size: 1.875rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3--large-mobile.hover-active--underline, .wrapper--v1 .h_3--large-mobile .hover-active--underline, .modal-drawer .h_3--large-mobile.hover-active--underline, .modal-drawer .h_3--large-mobile .hover-active--underline, .checkout .h_3--large-mobile.hover-active--underline, .checkout .h_3--large-mobile .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3--large-mobile.hover-active--underline:after, .wrapper--v1 .h_3--large-mobile .hover-active--underline:after, .modal-drawer .h_3--large-mobile.hover-active--underline:after, .modal-drawer .h_3--large-mobile .hover-active--underline:after, .checkout .h_3--large-mobile.hover-active--underline:after, .checkout .h_3--large-mobile .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3--large-mobile.hover-active--underline:hover, .wrapper--v1 .h_3--large-mobile.hover-active--underline:active, .wrapper--v1 .h_3--large-mobile.hover-active--underline.active, .wrapper--v1 .h_3--large-mobile .hover-active--underline:hover, .wrapper--v1 .h_3--large-mobile .hover-active--underline:active, .wrapper--v1 .h_3--large-mobile .hover-active--underline.active, .modal-drawer .h_3--large-mobile.hover-active--underline:hover, .modal-drawer .h_3--large-mobile.hover-active--underline:active, .modal-drawer .h_3--large-mobile.hover-active--underline.active, .modal-drawer .h_3--large-mobile .hover-active--underline:hover, .modal-drawer .h_3--large-mobile .hover-active--underline:active, .modal-drawer .h_3--large-mobile .hover-active--underline.active, .checkout .h_3--large-mobile.hover-active--underline:hover, .checkout .h_3--large-mobile.hover-active--underline:active, .checkout .h_3--large-mobile.hover-active--underline.active, .checkout .h_3--large-mobile .hover-active--underline:hover, .checkout .h_3--large-mobile .hover-active--underline:active, .checkout .h_3--large-mobile .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3--large-mobile.hover-active--underline:hover:after, .wrapper--v1 .h_3--large-mobile.hover-active--underline:active:after, .wrapper--v1 .h_3--large-mobile.hover-active--underline.active:after, .wrapper--v1 .h_3--large-mobile .hover-active--underline:hover:after, .wrapper--v1 .h_3--large-mobile .hover-active--underline:active:after, .wrapper--v1 .h_3--large-mobile .hover-active--underline.active:after, .modal-drawer .h_3--large-mobile.hover-active--underline:hover:after, .modal-drawer .h_3--large-mobile.hover-active--underline:active:after, .modal-drawer .h_3--large-mobile.hover-active--underline.active:after, .modal-drawer .h_3--large-mobile .hover-active--underline:hover:after, .modal-drawer .h_3--large-mobile .hover-active--underline:active:after, .modal-drawer .h_3--large-mobile .hover-active--underline.active:after, .checkout .h_3--large-mobile.hover-active--underline:hover:after, .checkout .h_3--large-mobile.hover-active--underline:active:after, .checkout .h_3--large-mobile.hover-active--underline.active:after, .checkout .h_3--large-mobile .hover-active--underline:hover:after, .checkout .h_3--large-mobile .hover-active--underline:active:after, .checkout .h_3--large-mobile .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3--large-mobile, .modal-drawer .h_3--large-mobile, .checkout .h_3--large-mobile {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3--large-mobile, .modal-drawer .h_3--large-mobile, .checkout .h_3--large-mobile {
font-size: 1.875rem;
line-height: normal;
}
}
.wrapper--v1 .h_3--regular, .modal-drawer .h_3--regular, .checkout .h_3--regular {
font-family: ToledoTS-Regular;
font-size: 1.875rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3--regular.hover-active--underline, .wrapper--v1 .h_3--regular .hover-active--underline, .modal-drawer .h_3--regular.hover-active--underline, .modal-drawer .h_3--regular .hover-active--underline, .checkout .h_3--regular.hover-active--underline, .checkout .h_3--regular .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3--regular.hover-active--underline:after, .wrapper--v1 .h_3--regular .hover-active--underline:after, .modal-drawer .h_3--regular.hover-active--underline:after, .modal-drawer .h_3--regular .hover-active--underline:after, .checkout .h_3--regular.hover-active--underline:after, .checkout .h_3--regular .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3--regular.hover-active--underline:hover, .wrapper--v1 .h_3--regular.hover-active--underline:active, .wrapper--v1 .h_3--regular.hover-active--underline.active, .wrapper--v1 .h_3--regular .hover-active--underline:hover, .wrapper--v1 .h_3--regular .hover-active--underline:active, .wrapper--v1 .h_3--regular .hover-active--underline.active, .modal-drawer .h_3--regular.hover-active--underline:hover, .modal-drawer .h_3--regular.hover-active--underline:active, .modal-drawer .h_3--regular.hover-active--underline.active, .modal-drawer .h_3--regular .hover-active--underline:hover, .modal-drawer .h_3--regular .hover-active--underline:active, .modal-drawer .h_3--regular .hover-active--underline.active, .checkout .h_3--regular.hover-active--underline:hover, .checkout .h_3--regular.hover-active--underline:active, .checkout .h_3--regular.hover-active--underline.active, .checkout .h_3--regular .hover-active--underline:hover, .checkout .h_3--regular .hover-active--underline:active, .checkout .h_3--regular .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3--regular.hover-active--underline:hover:after, .wrapper--v1 .h_3--regular.hover-active--underline:active:after, .wrapper--v1 .h_3--regular.hover-active--underline.active:after, .wrapper--v1 .h_3--regular .hover-active--underline:hover:after, .wrapper--v1 .h_3--regular .hover-active--underline:active:after, .wrapper--v1 .h_3--regular .hover-active--underline.active:after, .modal-drawer .h_3--regular.hover-active--underline:hover:after, .modal-drawer .h_3--regular.hover-active--underline:active:after, .modal-drawer .h_3--regular.hover-active--underline.active:after, .modal-drawer .h_3--regular .hover-active--underline:hover:after, .modal-drawer .h_3--regular .hover-active--underline:active:after, .modal-drawer .h_3--regular .hover-active--underline.active:after, .checkout .h_3--regular.hover-active--underline:hover:after, .checkout .h_3--regular.hover-active--underline:active:after, .checkout .h_3--regular.hover-active--underline.active:after, .checkout .h_3--regular .hover-active--underline:hover:after, .checkout .h_3--regular .hover-active--underline:active:after, .checkout .h_3--regular .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3--regular, .modal-drawer .h_3--regular, .checkout .h_3--regular {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3--regular, .modal-drawer .h_3--regular, .checkout .h_3--regular {
font-size: 1.875rem;
line-height: normal;
}
}
.wrapper--v1 .h_3--italic, .modal-drawer .h_3--italic, .checkout .h_3--italic {
font-family: Ogg-Regular-italic;
font-size: 1.875rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3--italic.hover-active--underline, .wrapper--v1 .h_3--italic .hover-active--underline, .modal-drawer .h_3--italic.hover-active--underline, .modal-drawer .h_3--italic .hover-active--underline, .checkout .h_3--italic.hover-active--underline, .checkout .h_3--italic .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3--italic.hover-active--underline:after, .wrapper--v1 .h_3--italic .hover-active--underline:after, .modal-drawer .h_3--italic.hover-active--underline:after, .modal-drawer .h_3--italic .hover-active--underline:after, .checkout .h_3--italic.hover-active--underline:after, .checkout .h_3--italic .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3--italic.hover-active--underline:hover, .wrapper--v1 .h_3--italic.hover-active--underline:active, .wrapper--v1 .h_3--italic.hover-active--underline.active, .wrapper--v1 .h_3--italic .hover-active--underline:hover, .wrapper--v1 .h_3--italic .hover-active--underline:active, .wrapper--v1 .h_3--italic .hover-active--underline.active, .modal-drawer .h_3--italic.hover-active--underline:hover, .modal-drawer .h_3--italic.hover-active--underline:active, .modal-drawer .h_3--italic.hover-active--underline.active, .modal-drawer .h_3--italic .hover-active--underline:hover, .modal-drawer .h_3--italic .hover-active--underline:active, .modal-drawer .h_3--italic .hover-active--underline.active, .checkout .h_3--italic.hover-active--underline:hover, .checkout .h_3--italic.hover-active--underline:active, .checkout .h_3--italic.hover-active--underline.active, .checkout .h_3--italic .hover-active--underline:hover, .checkout .h_3--italic .hover-active--underline:active, .checkout .h_3--italic .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3--italic.hover-active--underline:hover:after, .wrapper--v1 .h_3--italic.hover-active--underline:active:after, .wrapper--v1 .h_3--italic.hover-active--underline.active:after, .wrapper--v1 .h_3--italic .hover-active--underline:hover:after, .wrapper--v1 .h_3--italic .hover-active--underline:active:after, .wrapper--v1 .h_3--italic .hover-active--underline.active:after, .modal-drawer .h_3--italic.hover-active--underline:hover:after, .modal-drawer .h_3--italic.hover-active--underline:active:after, .modal-drawer .h_3--italic.hover-active--underline.active:after, .modal-drawer .h_3--italic .hover-active--underline:hover:after, .modal-drawer .h_3--italic .hover-active--underline:active:after, .modal-drawer .h_3--italic .hover-active--underline.active:after, .checkout .h_3--italic.hover-active--underline:hover:after, .checkout .h_3--italic.hover-active--underline:active:after, .checkout .h_3--italic.hover-active--underline.active:after, .checkout .h_3--italic .hover-active--underline:hover:after, .checkout .h_3--italic .hover-active--underline:active:after, .checkout .h_3--italic .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3--italic, .modal-drawer .h_3--italic, .checkout .h_3--italic {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3--italic, .modal-drawer .h_3--italic, .checkout .h_3--italic {
font-size: 1.875rem;
line-height: normal;
}
}
.wrapper--v1 .h_3--small, .modal-drawer .h_3--small, .checkout .h_3--small {
font-family: ToledoTS-Bold;
font-size: 1.5rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3--small.hover-active--underline, .wrapper--v1 .h_3--small .hover-active--underline, .modal-drawer .h_3--small.hover-active--underline, .modal-drawer .h_3--small .hover-active--underline, .checkout .h_3--small.hover-active--underline, .checkout .h_3--small .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3--small.hover-active--underline:after, .wrapper--v1 .h_3--small .hover-active--underline:after, .modal-drawer .h_3--small.hover-active--underline:after, .modal-drawer .h_3--small .hover-active--underline:after, .checkout .h_3--small.hover-active--underline:after, .checkout .h_3--small .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3--small.hover-active--underline:hover, .wrapper--v1 .h_3--small.hover-active--underline:active, .wrapper--v1 .h_3--small.hover-active--underline.active, .wrapper--v1 .h_3--small .hover-active--underline:hover, .wrapper--v1 .h_3--small .hover-active--underline:active, .wrapper--v1 .h_3--small .hover-active--underline.active, .modal-drawer .h_3--small.hover-active--underline:hover, .modal-drawer .h_3--small.hover-active--underline:active, .modal-drawer .h_3--small.hover-active--underline.active, .modal-drawer .h_3--small .hover-active--underline:hover, .modal-drawer .h_3--small .hover-active--underline:active, .modal-drawer .h_3--small .hover-active--underline.active, .checkout .h_3--small.hover-active--underline:hover, .checkout .h_3--small.hover-active--underline:active, .checkout .h_3--small.hover-active--underline.active, .checkout .h_3--small .hover-active--underline:hover, .checkout .h_3--small .hover-active--underline:active, .checkout .h_3--small .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3--small.hover-active--underline:hover:after, .wrapper--v1 .h_3--small.hover-active--underline:active:after, .wrapper--v1 .h_3--small.hover-active--underline.active:after, .wrapper--v1 .h_3--small .hover-active--underline:hover:after, .wrapper--v1 .h_3--small .hover-active--underline:active:after, .wrapper--v1 .h_3--small .hover-active--underline.active:after, .modal-drawer .h_3--small.hover-active--underline:hover:after, .modal-drawer .h_3--small.hover-active--underline:active:after, .modal-drawer .h_3--small.hover-active--underline.active:after, .modal-drawer .h_3--small .hover-active--underline:hover:after, .modal-drawer .h_3--small .hover-active--underline:active:after, .modal-drawer .h_3--small .hover-active--underline.active:after, .checkout .h_3--small.hover-active--underline:hover:after, .checkout .h_3--small.hover-active--underline:active:after, .checkout .h_3--small.hover-active--underline.active:after, .checkout .h_3--small .hover-active--underline:hover:after, .checkout .h_3--small .hover-active--underline:active:after, .checkout .h_3--small .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3--small, .modal-drawer .h_3--small, .checkout .h_3--small {
font-size: 1.5rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3--small, .modal-drawer .h_3--small, .checkout .h_3--small {
font-size: 1.5rem;
line-height: normal;
}
}
.wrapper--v1 .h_3--bfcm, .modal-drawer .h_3--bfcm, .checkout .h_3--bfcm {
font-family: ToledoTS-Bold;
font-size: 1.5rem;
letter-spacing: normal !important;
}
.wrapper--v1 .h_3--bfcm.hover-active--underline, .wrapper--v1 .h_3--bfcm .hover-active--underline, .modal-drawer .h_3--bfcm.hover-active--underline, .modal-drawer .h_3--bfcm .hover-active--underline, .checkout .h_3--bfcm.hover-active--underline, .checkout .h_3--bfcm .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_3--bfcm.hover-active--underline:after, .wrapper--v1 .h_3--bfcm .hover-active--underline:after, .modal-drawer .h_3--bfcm.hover-active--underline:after, .modal-drawer .h_3--bfcm .hover-active--underline:after, .checkout .h_3--bfcm.hover-active--underline:after, .checkout .h_3--bfcm .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_3--bfcm.hover-active--underline:hover, .wrapper--v1 .h_3--bfcm.hover-active--underline:active, .wrapper--v1 .h_3--bfcm.hover-active--underline.active, .wrapper--v1 .h_3--bfcm .hover-active--underline:hover, .wrapper--v1 .h_3--bfcm .hover-active--underline:active, .wrapper--v1 .h_3--bfcm .hover-active--underline.active, .modal-drawer .h_3--bfcm.hover-active--underline:hover, .modal-drawer .h_3--bfcm.hover-active--underline:active, .modal-drawer .h_3--bfcm.hover-active--underline.active, .modal-drawer .h_3--bfcm .hover-active--underline:hover, .modal-drawer .h_3--bfcm .hover-active--underline:active, .modal-drawer .h_3--bfcm .hover-active--underline.active, .checkout .h_3--bfcm.hover-active--underline:hover, .checkout .h_3--bfcm.hover-active--underline:active, .checkout .h_3--bfcm.hover-active--underline.active, .checkout .h_3--bfcm .hover-active--underline:hover, .checkout .h_3--bfcm .hover-active--underline:active, .checkout .h_3--bfcm .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_3--bfcm.hover-active--underline:hover:after, .wrapper--v1 .h_3--bfcm.hover-active--underline:active:after, .wrapper--v1 .h_3--bfcm.hover-active--underline.active:after, .wrapper--v1 .h_3--bfcm .hover-active--underline:hover:after, .wrapper--v1 .h_3--bfcm .hover-active--underline:active:after, .wrapper--v1 .h_3--bfcm .hover-active--underline.active:after, .modal-drawer .h_3--bfcm.hover-active--underline:hover:after, .modal-drawer .h_3--bfcm.hover-active--underline:active:after, .modal-drawer .h_3--bfcm.hover-active--underline.active:after, .modal-drawer .h_3--bfcm .hover-active--underline:hover:after, .modal-drawer .h_3--bfcm .hover-active--underline:active:after, .modal-drawer .h_3--bfcm .hover-active--underline.active:after, .checkout .h_3--bfcm.hover-active--underline:hover:after, .checkout .h_3--bfcm.hover-active--underline:active:after, .checkout .h_3--bfcm.hover-active--underline.active:after, .checkout .h_3--bfcm .hover-active--underline:hover:after, .checkout .h_3--bfcm .hover-active--underline:active:after, .checkout .h_3--bfcm .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_3--bfcm, .modal-drawer .h_3--bfcm, .checkout .h_3--bfcm {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_3--bfcm, .modal-drawer .h_3--bfcm, .checkout .h_3--bfcm {
font-size: 2.25rem;
line-height: normal;
}
}
.wrapper--v1 .h_4, .modal-drawer .h_4, .checkout .h_4 {
font-family: ToledoTS-Bold;
font-size: 0.75rem;
letter-spacing: normal !important;
line-height: unset;
text-transform: none;
}
.wrapper--v1 .h_4.hover-active--underline, .wrapper--v1 .h_4 .hover-active--underline, .modal-drawer .h_4.hover-active--underline, .modal-drawer .h_4 .hover-active--underline, .checkout .h_4.hover-active--underline, .checkout .h_4 .hover-active--underline {
position: relative;
}
.wrapper--v1 .h_4.hover-active--underline:after, .wrapper--v1 .h_4 .hover-active--underline:after, .modal-drawer .h_4.hover-active--underline:after, .modal-drawer .h_4 .hover-active--underline:after, .checkout .h_4.hover-active--underline:after, .checkout .h_4 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .h_4.hover-active--underline:hover, .wrapper--v1 .h_4.hover-active--underline:active, .wrapper--v1 .h_4.hover-active--underline.active, .wrapper--v1 .h_4 .hover-active--underline:hover, .wrapper--v1 .h_4 .hover-active--underline:active, .wrapper--v1 .h_4 .hover-active--underline.active, .modal-drawer .h_4.hover-active--underline:hover, .modal-drawer .h_4.hover-active--underline:active, .modal-drawer .h_4.hover-active--underline.active, .modal-drawer .h_4 .hover-active--underline:hover, .modal-drawer .h_4 .hover-active--underline:active, .modal-drawer .h_4 .hover-active--underline.active, .checkout .h_4.hover-active--underline:hover, .checkout .h_4.hover-active--underline:active, .checkout .h_4.hover-active--underline.active, .checkout .h_4 .hover-active--underline:hover, .checkout .h_4 .hover-active--underline:active, .checkout .h_4 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .h_4.hover-active--underline:hover:after, .wrapper--v1 .h_4.hover-active--underline:active:after, .wrapper--v1 .h_4.hover-active--underline.active:after, .wrapper--v1 .h_4 .hover-active--underline:hover:after, .wrapper--v1 .h_4 .hover-active--underline:active:after, .wrapper--v1 .h_4 .hover-active--underline.active:after, .modal-drawer .h_4.hover-active--underline:hover:after, .modal-drawer .h_4.hover-active--underline:active:after, .modal-drawer .h_4.hover-active--underline.active:after, .modal-drawer .h_4 .hover-active--underline:hover:after, .modal-drawer .h_4 .hover-active--underline:active:after, .modal-drawer .h_4 .hover-active--underline.active:after, .checkout .h_4.hover-active--underline:hover:after, .checkout .h_4.hover-active--underline:active:after, .checkout .h_4.hover-active--underline.active:after, .checkout .h_4 .hover-active--underline:hover:after, .checkout .h_4 .hover-active--underline:active:after, .checkout .h_4 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .h_4, .modal-drawer .h_4, .checkout .h_4 {
font-size: 0.75rem;
}
}
@media screen and (min-width: 900px) {
.wrapper--v1 .h_4, .modal-drawer .h_4, .checkout .h_4 {
font-size: 0.75rem;
line-height: unset;
}
}
.wrapper--v1 .p_1, .modal-drawer .p_1, .checkout .p_1 {
font-family: BrandonTextWeb-Regular;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1.hover-active--underline, .wrapper--v1 .p_1 .hover-active--underline, .modal-drawer .p_1.hover-active--underline, .modal-drawer .p_1 .hover-active--underline, .checkout .p_1.hover-active--underline, .checkout .p_1 .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1.hover-active--underline:after, .wrapper--v1 .p_1 .hover-active--underline:after, .modal-drawer .p_1.hover-active--underline:after, .modal-drawer .p_1 .hover-active--underline:after, .checkout .p_1.hover-active--underline:after, .checkout .p_1 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1.hover-active--underline:hover, .wrapper--v1 .p_1.hover-active--underline:active, .wrapper--v1 .p_1.hover-active--underline.active, .wrapper--v1 .p_1 .hover-active--underline:hover, .wrapper--v1 .p_1 .hover-active--underline:active, .wrapper--v1 .p_1 .hover-active--underline.active, .modal-drawer .p_1.hover-active--underline:hover, .modal-drawer .p_1.hover-active--underline:active, .modal-drawer .p_1.hover-active--underline.active, .modal-drawer .p_1 .hover-active--underline:hover, .modal-drawer .p_1 .hover-active--underline:active, .modal-drawer .p_1 .hover-active--underline.active, .checkout .p_1.hover-active--underline:hover, .checkout .p_1.hover-active--underline:active, .checkout .p_1.hover-active--underline.active, .checkout .p_1 .hover-active--underline:hover, .checkout .p_1 .hover-active--underline:active, .checkout .p_1 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1.hover-active--underline:hover:after, .wrapper--v1 .p_1.hover-active--underline:active:after, .wrapper--v1 .p_1.hover-active--underline.active:after, .wrapper--v1 .p_1 .hover-active--underline:hover:after, .wrapper--v1 .p_1 .hover-active--underline:active:after, .wrapper--v1 .p_1 .hover-active--underline.active:after, .modal-drawer .p_1.hover-active--underline:hover:after, .modal-drawer .p_1.hover-active--underline:active:after, .modal-drawer .p_1.hover-active--underline.active:after, .modal-drawer .p_1 .hover-active--underline:hover:after, .modal-drawer .p_1 .hover-active--underline:active:after, .modal-drawer .p_1 .hover-active--underline.active:after, .checkout .p_1.hover-active--underline:hover:after, .checkout .p_1.hover-active--underline:active:after, .checkout .p_1.hover-active--underline.active:after, .checkout .p_1 .hover-active--underline:hover:after, .checkout .p_1 .hover-active--underline:active:after, .checkout .p_1 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_1--bold, .modal-drawer .p_1--bold, .checkout .p_1--bold {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--bold.hover-active--underline, .wrapper--v1 .p_1--bold .hover-active--underline, .modal-drawer .p_1--bold.hover-active--underline, .modal-drawer .p_1--bold .hover-active--underline, .checkout .p_1--bold.hover-active--underline, .checkout .p_1--bold .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--bold.hover-active--underline:after, .wrapper--v1 .p_1--bold .hover-active--underline:after, .modal-drawer .p_1--bold.hover-active--underline:after, .modal-drawer .p_1--bold .hover-active--underline:after, .checkout .p_1--bold.hover-active--underline:after, .checkout .p_1--bold .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--bold.hover-active--underline:hover, .wrapper--v1 .p_1--bold.hover-active--underline:active, .wrapper--v1 .p_1--bold.hover-active--underline.active, .wrapper--v1 .p_1--bold .hover-active--underline:hover, .wrapper--v1 .p_1--bold .hover-active--underline:active, .wrapper--v1 .p_1--bold .hover-active--underline.active, .modal-drawer .p_1--bold.hover-active--underline:hover, .modal-drawer .p_1--bold.hover-active--underline:active, .modal-drawer .p_1--bold.hover-active--underline.active, .modal-drawer .p_1--bold .hover-active--underline:hover, .modal-drawer .p_1--bold .hover-active--underline:active, .modal-drawer .p_1--bold .hover-active--underline.active, .checkout .p_1--bold.hover-active--underline:hover, .checkout .p_1--bold.hover-active--underline:active, .checkout .p_1--bold.hover-active--underline.active, .checkout .p_1--bold .hover-active--underline:hover, .checkout .p_1--bold .hover-active--underline:active, .checkout .p_1--bold .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--bold.hover-active--underline:hover:after, .wrapper--v1 .p_1--bold.hover-active--underline:active:after, .wrapper--v1 .p_1--bold.hover-active--underline.active:after, .wrapper--v1 .p_1--bold .hover-active--underline:hover:after, .wrapper--v1 .p_1--bold .hover-active--underline:active:after, .wrapper--v1 .p_1--bold .hover-active--underline.active:after, .modal-drawer .p_1--bold.hover-active--underline:hover:after, .modal-drawer .p_1--bold.hover-active--underline:active:after, .modal-drawer .p_1--bold.hover-active--underline.active:after, .modal-drawer .p_1--bold .hover-active--underline:hover:after, .modal-drawer .p_1--bold .hover-active--underline:active:after, .modal-drawer .p_1--bold .hover-active--underline.active:after, .checkout .p_1--bold.hover-active--underline:hover:after, .checkout .p_1--bold.hover-active--underline:active:after, .checkout .p_1--bold.hover-active--underline.active:after, .checkout .p_1--bold .hover-active--underline:hover:after, .checkout .p_1--bold .hover-active--underline:active:after, .checkout .p_1--bold .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_1--italic, .modal-drawer .p_1--italic, .checkout .p_1--italic {
font-family: BrandonTextWeb-Italic;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--italic.hover-active--underline, .wrapper--v1 .p_1--italic .hover-active--underline, .modal-drawer .p_1--italic.hover-active--underline, .modal-drawer .p_1--italic .hover-active--underline, .checkout .p_1--italic.hover-active--underline, .checkout .p_1--italic .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--italic.hover-active--underline:after, .wrapper--v1 .p_1--italic .hover-active--underline:after, .modal-drawer .p_1--italic.hover-active--underline:after, .modal-drawer .p_1--italic .hover-active--underline:after, .checkout .p_1--italic.hover-active--underline:after, .checkout .p_1--italic .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--italic.hover-active--underline:hover, .wrapper--v1 .p_1--italic.hover-active--underline:active, .wrapper--v1 .p_1--italic.hover-active--underline.active, .wrapper--v1 .p_1--italic .hover-active--underline:hover, .wrapper--v1 .p_1--italic .hover-active--underline:active, .wrapper--v1 .p_1--italic .hover-active--underline.active, .modal-drawer .p_1--italic.hover-active--underline:hover, .modal-drawer .p_1--italic.hover-active--underline:active, .modal-drawer .p_1--italic.hover-active--underline.active, .modal-drawer .p_1--italic .hover-active--underline:hover, .modal-drawer .p_1--italic .hover-active--underline:active, .modal-drawer .p_1--italic .hover-active--underline.active, .checkout .p_1--italic.hover-active--underline:hover, .checkout .p_1--italic.hover-active--underline:active, .checkout .p_1--italic.hover-active--underline.active, .checkout .p_1--italic .hover-active--underline:hover, .checkout .p_1--italic .hover-active--underline:active, .checkout .p_1--italic .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--italic.hover-active--underline:hover:after, .wrapper--v1 .p_1--italic.hover-active--underline:active:after, .wrapper--v1 .p_1--italic.hover-active--underline.active:after, .wrapper--v1 .p_1--italic .hover-active--underline:hover:after, .wrapper--v1 .p_1--italic .hover-active--underline:active:after, .wrapper--v1 .p_1--italic .hover-active--underline.active:after, .modal-drawer .p_1--italic.hover-active--underline:hover:after, .modal-drawer .p_1--italic.hover-active--underline:active:after, .modal-drawer .p_1--italic.hover-active--underline.active:after, .modal-drawer .p_1--italic .hover-active--underline:hover:after, .modal-drawer .p_1--italic .hover-active--underline:active:after, .modal-drawer .p_1--italic .hover-active--underline.active:after, .checkout .p_1--italic.hover-active--underline:hover:after, .checkout .p_1--italic.hover-active--underline:active:after, .checkout .p_1--italic.hover-active--underline.active:after, .checkout .p_1--italic .hover-active--underline:hover:after, .checkout .p_1--italic .hover-active--underline:active:after, .checkout .p_1--italic .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_1--fullbleed-hero, .modal-drawer .p_1--fullbleed-hero, .checkout .p_1--fullbleed-hero {
font-family: BrandonTextWeb-Regular;
font-size: 1.125rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--fullbleed-hero.hover-active--underline, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline, .modal-drawer .p_1--fullbleed-hero.hover-active--underline, .modal-drawer .p_1--fullbleed-hero .hover-active--underline, .checkout .p_1--fullbleed-hero.hover-active--underline, .checkout .p_1--fullbleed-hero .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--fullbleed-hero.hover-active--underline:after, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline:after, .modal-drawer .p_1--fullbleed-hero.hover-active--underline:after, .modal-drawer .p_1--fullbleed-hero .hover-active--underline:after, .checkout .p_1--fullbleed-hero.hover-active--underline:after, .checkout .p_1--fullbleed-hero .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--fullbleed-hero.hover-active--underline:hover, .wrapper--v1 .p_1--fullbleed-hero.hover-active--underline:active, .wrapper--v1 .p_1--fullbleed-hero.hover-active--underline.active, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline:hover, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline:active, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline.active, .modal-drawer .p_1--fullbleed-hero.hover-active--underline:hover, .modal-drawer .p_1--fullbleed-hero.hover-active--underline:active, .modal-drawer .p_1--fullbleed-hero.hover-active--underline.active, .modal-drawer .p_1--fullbleed-hero .hover-active--underline:hover, .modal-drawer .p_1--fullbleed-hero .hover-active--underline:active, .modal-drawer .p_1--fullbleed-hero .hover-active--underline.active, .checkout .p_1--fullbleed-hero.hover-active--underline:hover, .checkout .p_1--fullbleed-hero.hover-active--underline:active, .checkout .p_1--fullbleed-hero.hover-active--underline.active, .checkout .p_1--fullbleed-hero .hover-active--underline:hover, .checkout .p_1--fullbleed-hero .hover-active--underline:active, .checkout .p_1--fullbleed-hero .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--fullbleed-hero.hover-active--underline:hover:after, .wrapper--v1 .p_1--fullbleed-hero.hover-active--underline:active:after, .wrapper--v1 .p_1--fullbleed-hero.hover-active--underline.active:after, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline:hover:after, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline:active:after, .wrapper--v1 .p_1--fullbleed-hero .hover-active--underline.active:after, .modal-drawer .p_1--fullbleed-hero.hover-active--underline:hover:after, .modal-drawer .p_1--fullbleed-hero.hover-active--underline:active:after, .modal-drawer .p_1--fullbleed-hero.hover-active--underline.active:after, .modal-drawer .p_1--fullbleed-hero .hover-active--underline:hover:after, .modal-drawer .p_1--fullbleed-hero .hover-active--underline:active:after, .modal-drawer .p_1--fullbleed-hero .hover-active--underline.active:after, .checkout .p_1--fullbleed-hero.hover-active--underline:hover:after, .checkout .p_1--fullbleed-hero.hover-active--underline:active:after, .checkout .p_1--fullbleed-hero.hover-active--underline.active:after, .checkout .p_1--fullbleed-hero .hover-active--underline:hover:after, .checkout .p_1--fullbleed-hero .hover-active--underline:active:after, .checkout .p_1--fullbleed-hero .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_1--large, .modal-drawer .p_1--large, .checkout .p_1--large {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--large.hover-active--underline, .wrapper--v1 .p_1--large .hover-active--underline, .modal-drawer .p_1--large.hover-active--underline, .modal-drawer .p_1--large .hover-active--underline, .checkout .p_1--large.hover-active--underline, .checkout .p_1--large .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--large.hover-active--underline:after, .wrapper--v1 .p_1--large .hover-active--underline:after, .modal-drawer .p_1--large.hover-active--underline:after, .modal-drawer .p_1--large .hover-active--underline:after, .checkout .p_1--large.hover-active--underline:after, .checkout .p_1--large .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--large.hover-active--underline:hover, .wrapper--v1 .p_1--large.hover-active--underline:active, .wrapper--v1 .p_1--large.hover-active--underline.active, .wrapper--v1 .p_1--large .hover-active--underline:hover, .wrapper--v1 .p_1--large .hover-active--underline:active, .wrapper--v1 .p_1--large .hover-active--underline.active, .modal-drawer .p_1--large.hover-active--underline:hover, .modal-drawer .p_1--large.hover-active--underline:active, .modal-drawer .p_1--large.hover-active--underline.active, .modal-drawer .p_1--large .hover-active--underline:hover, .modal-drawer .p_1--large .hover-active--underline:active, .modal-drawer .p_1--large .hover-active--underline.active, .checkout .p_1--large.hover-active--underline:hover, .checkout .p_1--large.hover-active--underline:active, .checkout .p_1--large.hover-active--underline.active, .checkout .p_1--large .hover-active--underline:hover, .checkout .p_1--large .hover-active--underline:active, .checkout .p_1--large .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--large.hover-active--underline:hover:after, .wrapper--v1 .p_1--large.hover-active--underline:active:after, .wrapper--v1 .p_1--large.hover-active--underline.active:after, .wrapper--v1 .p_1--large .hover-active--underline:hover:after, .wrapper--v1 .p_1--large .hover-active--underline:active:after, .wrapper--v1 .p_1--large .hover-active--underline.active:after, .modal-drawer .p_1--large.hover-active--underline:hover:after, .modal-drawer .p_1--large.hover-active--underline:active:after, .modal-drawer .p_1--large.hover-active--underline.active:after, .modal-drawer .p_1--large .hover-active--underline:hover:after, .modal-drawer .p_1--large .hover-active--underline:active:after, .modal-drawer .p_1--large .hover-active--underline.active:after, .checkout .p_1--large.hover-active--underline:hover:after, .checkout .p_1--large.hover-active--underline:active:after, .checkout .p_1--large.hover-active--underline.active:after, .checkout .p_1--large .hover-active--underline:hover:after, .checkout .p_1--large .hover-active--underline:active:after, .checkout .p_1--large .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.wrapper--v1 .p_1--large, .modal-drawer .p_1--large, .checkout .p_1--large {
font-family: BrandonTextWeb-Bold;
font-size: 1.125rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--large.hover-active--underline, .wrapper--v1 .p_1--large .hover-active--underline, .modal-drawer .p_1--large.hover-active--underline, .modal-drawer .p_1--large .hover-active--underline, .checkout .p_1--large.hover-active--underline, .checkout .p_1--large .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--large.hover-active--underline:after, .wrapper--v1 .p_1--large .hover-active--underline:after, .modal-drawer .p_1--large.hover-active--underline:after, .modal-drawer .p_1--large .hover-active--underline:after, .checkout .p_1--large.hover-active--underline:after, .checkout .p_1--large .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--large.hover-active--underline:hover, .wrapper--v1 .p_1--large.hover-active--underline:active, .wrapper--v1 .p_1--large.hover-active--underline.active, .wrapper--v1 .p_1--large .hover-active--underline:hover, .wrapper--v1 .p_1--large .hover-active--underline:active, .wrapper--v1 .p_1--large .hover-active--underline.active, .modal-drawer .p_1--large.hover-active--underline:hover, .modal-drawer .p_1--large.hover-active--underline:active, .modal-drawer .p_1--large.hover-active--underline.active, .modal-drawer .p_1--large .hover-active--underline:hover, .modal-drawer .p_1--large .hover-active--underline:active, .modal-drawer .p_1--large .hover-active--underline.active, .checkout .p_1--large.hover-active--underline:hover, .checkout .p_1--large.hover-active--underline:active, .checkout .p_1--large.hover-active--underline.active, .checkout .p_1--large .hover-active--underline:hover, .checkout .p_1--large .hover-active--underline:active, .checkout .p_1--large .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--large.hover-active--underline:hover:after, .wrapper--v1 .p_1--large.hover-active--underline:active:after, .wrapper--v1 .p_1--large.hover-active--underline.active:after, .wrapper--v1 .p_1--large .hover-active--underline:hover:after, .wrapper--v1 .p_1--large .hover-active--underline:active:after, .wrapper--v1 .p_1--large .hover-active--underline.active:after, .modal-drawer .p_1--large.hover-active--underline:hover:after, .modal-drawer .p_1--large.hover-active--underline:active:after, .modal-drawer .p_1--large.hover-active--underline.active:after, .modal-drawer .p_1--large .hover-active--underline:hover:after, .modal-drawer .p_1--large .hover-active--underline:active:after, .modal-drawer .p_1--large .hover-active--underline.active:after, .checkout .p_1--large.hover-active--underline:hover:after, .checkout .p_1--large.hover-active--underline:active:after, .checkout .p_1--large.hover-active--underline.active:after, .checkout .p_1--large .hover-active--underline:hover:after, .checkout .p_1--large .hover-active--underline:active:after, .checkout .p_1--large .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
}
.wrapper--v1 .p_1--header-hero, .modal-drawer .p_1--header-hero, .checkout .p_1--header-hero {
font-family: BrandonTextWeb-Regular;
font-size: 1.5rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--header-hero.hover-active--underline, .wrapper--v1 .p_1--header-hero .hover-active--underline, .modal-drawer .p_1--header-hero.hover-active--underline, .modal-drawer .p_1--header-hero .hover-active--underline, .checkout .p_1--header-hero.hover-active--underline, .checkout .p_1--header-hero .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--header-hero.hover-active--underline:after, .wrapper--v1 .p_1--header-hero .hover-active--underline:after, .modal-drawer .p_1--header-hero.hover-active--underline:after, .modal-drawer .p_1--header-hero .hover-active--underline:after, .checkout .p_1--header-hero.hover-active--underline:after, .checkout .p_1--header-hero .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--header-hero.hover-active--underline:hover, .wrapper--v1 .p_1--header-hero.hover-active--underline:active, .wrapper--v1 .p_1--header-hero.hover-active--underline.active, .wrapper--v1 .p_1--header-hero .hover-active--underline:hover, .wrapper--v1 .p_1--header-hero .hover-active--underline:active, .wrapper--v1 .p_1--header-hero .hover-active--underline.active, .modal-drawer .p_1--header-hero.hover-active--underline:hover, .modal-drawer .p_1--header-hero.hover-active--underline:active, .modal-drawer .p_1--header-hero.hover-active--underline.active, .modal-drawer .p_1--header-hero .hover-active--underline:hover, .modal-drawer .p_1--header-hero .hover-active--underline:active, .modal-drawer .p_1--header-hero .hover-active--underline.active, .checkout .p_1--header-hero.hover-active--underline:hover, .checkout .p_1--header-hero.hover-active--underline:active, .checkout .p_1--header-hero.hover-active--underline.active, .checkout .p_1--header-hero .hover-active--underline:hover, .checkout .p_1--header-hero .hover-active--underline:active, .checkout .p_1--header-hero .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--header-hero.hover-active--underline:hover:after, .wrapper--v1 .p_1--header-hero.hover-active--underline:active:after, .wrapper--v1 .p_1--header-hero.hover-active--underline.active:after, .wrapper--v1 .p_1--header-hero .hover-active--underline:hover:after, .wrapper--v1 .p_1--header-hero .hover-active--underline:active:after, .wrapper--v1 .p_1--header-hero .hover-active--underline.active:after, .modal-drawer .p_1--header-hero.hover-active--underline:hover:after, .modal-drawer .p_1--header-hero.hover-active--underline:active:after, .modal-drawer .p_1--header-hero.hover-active--underline.active:after, .modal-drawer .p_1--header-hero .hover-active--underline:hover:after, .modal-drawer .p_1--header-hero .hover-active--underline:active:after, .modal-drawer .p_1--header-hero .hover-active--underline.active:after, .checkout .p_1--header-hero.hover-active--underline:hover:after, .checkout .p_1--header-hero.hover-active--underline:active:after, .checkout .p_1--header-hero.hover-active--underline.active:after, .checkout .p_1--header-hero .hover-active--underline:hover:after, .checkout .p_1--header-hero .hover-active--underline:active:after, .checkout .p_1--header-hero .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_1--header-hero-med, .modal-drawer .p_1--header-hero-med, .checkout .p_1--header-hero-med {
font-family: BrandonTextWeb-Regular;
font-size: 1.25rem;
letter-spacing: 0.01rem;
}
.wrapper--v1 .p_1--header-hero-med.hover-active--underline, .wrapper--v1 .p_1--header-hero-med .hover-active--underline, .modal-drawer .p_1--header-hero-med.hover-active--underline, .modal-drawer .p_1--header-hero-med .hover-active--underline, .checkout .p_1--header-hero-med.hover-active--underline, .checkout .p_1--header-hero-med .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_1--header-hero-med.hover-active--underline:after, .wrapper--v1 .p_1--header-hero-med .hover-active--underline:after, .modal-drawer .p_1--header-hero-med.hover-active--underline:after, .modal-drawer .p_1--header-hero-med .hover-active--underline:after, .checkout .p_1--header-hero-med.hover-active--underline:after, .checkout .p_1--header-hero-med .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_1--header-hero-med.hover-active--underline:hover, .wrapper--v1 .p_1--header-hero-med.hover-active--underline:active, .wrapper--v1 .p_1--header-hero-med.hover-active--underline.active, .wrapper--v1 .p_1--header-hero-med .hover-active--underline:hover, .wrapper--v1 .p_1--header-hero-med .hover-active--underline:active, .wrapper--v1 .p_1--header-hero-med .hover-active--underline.active, .modal-drawer .p_1--header-hero-med.hover-active--underline:hover, .modal-drawer .p_1--header-hero-med.hover-active--underline:active, .modal-drawer .p_1--header-hero-med.hover-active--underline.active, .modal-drawer .p_1--header-hero-med .hover-active--underline:hover, .modal-drawer .p_1--header-hero-med .hover-active--underline:active, .modal-drawer .p_1--header-hero-med .hover-active--underline.active, .checkout .p_1--header-hero-med.hover-active--underline:hover, .checkout .p_1--header-hero-med.hover-active--underline:active, .checkout .p_1--header-hero-med.hover-active--underline.active, .checkout .p_1--header-hero-med .hover-active--underline:hover, .checkout .p_1--header-hero-med .hover-active--underline:active, .checkout .p_1--header-hero-med .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_1--header-hero-med.hover-active--underline:hover:after, .wrapper--v1 .p_1--header-hero-med.hover-active--underline:active:after, .wrapper--v1 .p_1--header-hero-med.hover-active--underline.active:after, .wrapper--v1 .p_1--header-hero-med .hover-active--underline:hover:after, .wrapper--v1 .p_1--header-hero-med .hover-active--underline:active:after, .wrapper--v1 .p_1--header-hero-med .hover-active--underline.active:after, .modal-drawer .p_1--header-hero-med.hover-active--underline:hover:after, .modal-drawer .p_1--header-hero-med.hover-active--underline:active:after, .modal-drawer .p_1--header-hero-med.hover-active--underline.active:after, .modal-drawer .p_1--header-hero-med .hover-active--underline:hover:after, .modal-drawer .p_1--header-hero-med .hover-active--underline:active:after, .modal-drawer .p_1--header-hero-med .hover-active--underline.active:after, .checkout .p_1--header-hero-med.hover-active--underline:hover:after, .checkout .p_1--header-hero-med.hover-active--underline:active:after, .checkout .p_1--header-hero-med.hover-active--underline.active:after, .checkout .p_1--header-hero-med .hover-active--underline:hover:after, .checkout .p_1--header-hero-med .hover-active--underline:active:after, .checkout .p_1--header-hero-med .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_2, .modal-drawer .p_2, .checkout .p_2 {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.wrapper--v1 .p_2.hover-active--underline, .wrapper--v1 .p_2 .hover-active--underline, .modal-drawer .p_2.hover-active--underline, .modal-drawer .p_2 .hover-active--underline, .checkout .p_2.hover-active--underline, .checkout .p_2 .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_2.hover-active--underline:after, .wrapper--v1 .p_2 .hover-active--underline:after, .modal-drawer .p_2.hover-active--underline:after, .modal-drawer .p_2 .hover-active--underline:after, .checkout .p_2.hover-active--underline:after, .checkout .p_2 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_2.hover-active--underline:hover, .wrapper--v1 .p_2.hover-active--underline:active, .wrapper--v1 .p_2.hover-active--underline.active, .wrapper--v1 .p_2 .hover-active--underline:hover, .wrapper--v1 .p_2 .hover-active--underline:active, .wrapper--v1 .p_2 .hover-active--underline.active, .modal-drawer .p_2.hover-active--underline:hover, .modal-drawer .p_2.hover-active--underline:active, .modal-drawer .p_2.hover-active--underline.active, .modal-drawer .p_2 .hover-active--underline:hover, .modal-drawer .p_2 .hover-active--underline:active, .modal-drawer .p_2 .hover-active--underline.active, .checkout .p_2.hover-active--underline:hover, .checkout .p_2.hover-active--underline:active, .checkout .p_2.hover-active--underline.active, .checkout .p_2 .hover-active--underline:hover, .checkout .p_2 .hover-active--underline:active, .checkout .p_2 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_2.hover-active--underline:hover:after, .wrapper--v1 .p_2.hover-active--underline:active:after, .wrapper--v1 .p_2.hover-active--underline.active:after, .wrapper--v1 .p_2 .hover-active--underline:hover:after, .wrapper--v1 .p_2 .hover-active--underline:active:after, .wrapper--v1 .p_2 .hover-active--underline.active:after, .modal-drawer .p_2.hover-active--underline:hover:after, .modal-drawer .p_2.hover-active--underline:active:after, .modal-drawer .p_2.hover-active--underline.active:after, .modal-drawer .p_2 .hover-active--underline:hover:after, .modal-drawer .p_2 .hover-active--underline:active:after, .modal-drawer .p_2 .hover-active--underline.active:after, .checkout .p_2.hover-active--underline:hover:after, .checkout .p_2.hover-active--underline:active:after, .checkout .p_2.hover-active--underline.active:after, .checkout .p_2 .hover-active--underline:hover:after, .checkout .p_2 .hover-active--underline:active:after, .checkout .p_2 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_2--bold, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a, .modal-drawer .p_2--bold, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a, .modal-drawer .module--faq .gladlyHC-answersIndex-link, .module--faq .modal-drawer .gladlyHC-answersIndex-link, .modal-drawer .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .modal-drawer a, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a, .modal-drawer .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .modal-drawer a, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a, .checkout .p_2--bold, .checkout .module--faq .gladlyHC-answerDetail-backLink, .module--faq .checkout .gladlyHC-answerDetail-backLink, .checkout .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .checkout a, .checkout .module--faq .gladlyHC-answersIndex-link, .module--faq .checkout .gladlyHC-answersIndex-link, .checkout .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .checkout a, .checkout .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .checkout a, .checkout .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .checkout a, .checkout .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .checkout a {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.wrapper--v1 .p_2--bold.hover-active--underline, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline, .wrapper--v1 .p_2--bold .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline, .modal-drawer .p_2--bold.hover-active--underline, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline, .modal-drawer .p_2--bold .hover-active--underline, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline, .checkout .p_2--bold.hover-active--underline, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline, .checkout .p_2--bold .hover-active--underline, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_2--bold.hover-active--underline:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline:after, .wrapper--v1 .p_2--bold .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline:after, .modal-drawer .p_2--bold.hover-active--underline:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline:after, .modal-drawer .p_2--bold .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline:after, .checkout .p_2--bold.hover-active--underline:after, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline:after, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link:after, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline:after, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline:after, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline:after, .checkout .p_2--bold .hover-active--underline:after, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline:after, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline:after, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:after, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline:after, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:after, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_2--bold.hover-active--underline:hover, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline:hover, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link:hover, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline:hover, .wrapper--v1 .p_2--bold.hover-active--underline:active, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink:active, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline:active, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link:active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline:active, .wrapper--v1 .p_2--bold.hover-active--underline.active, .wrapper--v1 .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink, .module--faq .wrapper--v1 .hover-active--underline.active.gladlyHC-answerDetail-backLink, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline.active, .wrapper--v1 .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link, .module--faq .wrapper--v1 .hover-active--underline.active.gladlyHC-answersIndex-link, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline.active, .wrapper--v1 .p_2--bold .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline:hover, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline:hover, .wrapper--v1 .p_2--bold .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline:active, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline:active, .wrapper--v1 .p_2--bold .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline.active, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline.active, .modal-drawer .p_2--bold.hover-active--underline:hover, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline:hover, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link:hover, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline:hover, .modal-drawer .p_2--bold.hover-active--underline:active, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink:active, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline:active, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link:active, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline:active, .modal-drawer .p_2--bold.hover-active--underline.active, .modal-drawer .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink, .module--faq .modal-drawer .hover-active--underline.active.gladlyHC-answerDetail-backLink, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline.active, .modal-drawer .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link, .module--faq .modal-drawer .hover-active--underline.active.gladlyHC-answersIndex-link, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline.active, .modal-drawer .p_2--bold .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline:hover, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline:hover, .modal-drawer .p_2--bold .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline:active, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline:active, .modal-drawer .p_2--bold .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline.active, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline.active, .checkout .p_2--bold.hover-active--underline:hover, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink:hover, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline:hover, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link:hover, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline:hover, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline:hover, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline:hover, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline:hover, .checkout .p_2--bold.hover-active--underline:active, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink:active, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline:active, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link:active, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline:active, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline:active, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline:active, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline:active, .checkout .p_2--bold.hover-active--underline.active, .checkout .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink, .module--faq .checkout .hover-active--underline.active.gladlyHC-answerDetail-backLink, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline.active, .checkout .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link, .module--faq .checkout .hover-active--underline.active.gladlyHC-answersIndex-link, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline.active, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline.active, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline.active, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline.active, .checkout .p_2--bold .hover-active--underline:hover, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline:hover, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline:hover, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline:hover, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline:hover, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline:hover, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline:hover, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline:hover, .checkout .p_2--bold .hover-active--underline:active, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline:active, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline:active, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline:active, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline:active, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline:active, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline:active, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline:active, .checkout .p_2--bold .hover-active--underline.active, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline.active, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline.active, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline.active, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline.active, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline.active, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline.active, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_2--bold.hover-active--underline:hover:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline:hover:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline:hover:after, .wrapper--v1 .p_2--bold.hover-active--underline:active:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline:active:after, .wrapper--v1 .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active:after, .module--faq .wrapper--v1 .hover-active--underline.gladlyHC-answersIndex-link:active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline:active:after, .wrapper--v1 .p_2--bold.hover-active--underline.active:after, .wrapper--v1 .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .module--faq .wrapper--v1 .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a.hover-active--underline.active:after, .wrapper--v1 .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link:after, .module--faq .wrapper--v1 .hover-active--underline.active.gladlyHC-answersIndex-link:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a.hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a.hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a.hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a.hover-active--underline.active:after, .wrapper--v1 .p_2--bold .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline:hover:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline:hover:after, .wrapper--v1 .p_2--bold .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active:after, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline:active:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline:active:after, .wrapper--v1 .p_2--bold .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .module--faq .wrapper--v1 .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .wrapper--v1 a .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active:after, .module--faq .wrapper--v1 .gladlyHC-answersIndex-link .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .wrapper--v1 a .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .wrapper--v1 a .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .wrapper--v1 a .hover-active--underline.active:after, .wrapper--v1 .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .wrapper--v1 a .hover-active--underline.active:after, .modal-drawer .p_2--bold.hover-active--underline:hover:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline:hover:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline:hover:after, .modal-drawer .p_2--bold.hover-active--underline:active:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline:active:after, .modal-drawer .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active:after, .module--faq .modal-drawer .hover-active--underline.gladlyHC-answersIndex-link:active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline:active:after, .modal-drawer .p_2--bold.hover-active--underline.active:after, .modal-drawer .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .module--faq .modal-drawer .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a.hover-active--underline.active:after, .modal-drawer .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link:after, .module--faq .modal-drawer .hover-active--underline.active.gladlyHC-answersIndex-link:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a.hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a.hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a.hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a.hover-active--underline.active:after, .modal-drawer .p_2--bold .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline:hover:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline:hover:after, .modal-drawer .p_2--bold .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active:after, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline:active:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline:active:after, .modal-drawer .p_2--bold .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .module--faq .modal-drawer .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .modal-drawer a .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active:after, .module--faq .modal-drawer .gladlyHC-answersIndex-link .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .modal-drawer a .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .modal-drawer a .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .modal-drawer a .hover-active--underline.active:after, .modal-drawer .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .modal-drawer a .hover-active--underline.active:after, .checkout .p_2--bold.hover-active--underline:hover:after, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink:hover:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline:hover:after, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link:hover:after, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline:hover:after, .checkout .p_2--bold.hover-active--underline:active:after, .checkout .module--faq .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .module--faq .checkout .hover-active--underline.gladlyHC-answerDetail-backLink:active:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline:active:after, .checkout .module--faq .hover-active--underline.gladlyHC-answersIndex-link:active:after, .module--faq .checkout .hover-active--underline.gladlyHC-answersIndex-link:active:after, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline:active:after, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline:active:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline:active:after, .checkout .p_2--bold.hover-active--underline.active:after, .checkout .module--faq .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .module--faq .checkout .hover-active--underline.active.gladlyHC-answerDetail-backLink:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a.hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a.hover-active--underline.active:after, .checkout .module--faq .hover-active--underline.active.gladlyHC-answersIndex-link:after, .module--faq .checkout .hover-active--underline.active.gladlyHC-answersIndex-link:after, .checkout .module--faq .gladlyHC-answersIndex-link a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .checkout a.hover-active--underline.active:after, .checkout .module--faq .gladlyHC-faqSection-listItem a.hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .checkout a.hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answersIndex-item a.hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .checkout a.hover-active--underline.active:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a.hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a.hover-active--underline.active:after, .checkout .p_2--bold .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:hover:after, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:hover:after, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline:hover:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:hover:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline:hover:after, .checkout .p_2--bold .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline:active:after, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline:active:after, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline:active:after, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline:active:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline:active:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline:active:after, .checkout .p_2--bold .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .module--faq .checkout .gladlyHC-answerDetail-backLink .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answerDetail-backLink a .hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-backLink .checkout a .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answersIndex-link .hover-active--underline.active:after, .module--faq .checkout .gladlyHC-answersIndex-link .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answersIndex-link a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-link .checkout a .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-faqSection-listItem a .hover-active--underline.active:after, .module--faq .gladlyHC-faqSection-listItem .checkout a .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-answersIndex-item a .hover-active--underline.active:after, .module--faq .gladlyHC-answersIndex-item .checkout a .hover-active--underline.active:after, .checkout .module--faq .gladlyHC-searchResultsSection-result a .hover-active--underline.active:after, .module--faq .gladlyHC-searchResultsSection-result .checkout a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_2--italic, .modal-drawer .p_2--italic, .checkout .p_2--italic {
font-family: BrandonTextWeb-Italic;
font-size: 0.875rem;
letter-spacing: normal;
}
.wrapper--v1 .p_2--italic.hover-active--underline, .wrapper--v1 .p_2--italic .hover-active--underline, .modal-drawer .p_2--italic.hover-active--underline, .modal-drawer .p_2--italic .hover-active--underline, .checkout .p_2--italic.hover-active--underline, .checkout .p_2--italic .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_2--italic.hover-active--underline:after, .wrapper--v1 .p_2--italic .hover-active--underline:after, .modal-drawer .p_2--italic.hover-active--underline:after, .modal-drawer .p_2--italic .hover-active--underline:after, .checkout .p_2--italic.hover-active--underline:after, .checkout .p_2--italic .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_2--italic.hover-active--underline:hover, .wrapper--v1 .p_2--italic.hover-active--underline:active, .wrapper--v1 .p_2--italic.hover-active--underline.active, .wrapper--v1 .p_2--italic .hover-active--underline:hover, .wrapper--v1 .p_2--italic .hover-active--underline:active, .wrapper--v1 .p_2--italic .hover-active--underline.active, .modal-drawer .p_2--italic.hover-active--underline:hover, .modal-drawer .p_2--italic.hover-active--underline:active, .modal-drawer .p_2--italic.hover-active--underline.active, .modal-drawer .p_2--italic .hover-active--underline:hover, .modal-drawer .p_2--italic .hover-active--underline:active, .modal-drawer .p_2--italic .hover-active--underline.active, .checkout .p_2--italic.hover-active--underline:hover, .checkout .p_2--italic.hover-active--underline:active, .checkout .p_2--italic.hover-active--underline.active, .checkout .p_2--italic .hover-active--underline:hover, .checkout .p_2--italic .hover-active--underline:active, .checkout .p_2--italic .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_2--italic.hover-active--underline:hover:after, .wrapper--v1 .p_2--italic.hover-active--underline:active:after, .wrapper--v1 .p_2--italic.hover-active--underline.active:after, .wrapper--v1 .p_2--italic .hover-active--underline:hover:after, .wrapper--v1 .p_2--italic .hover-active--underline:active:after, .wrapper--v1 .p_2--italic .hover-active--underline.active:after, .modal-drawer .p_2--italic.hover-active--underline:hover:after, .modal-drawer .p_2--italic.hover-active--underline:active:after, .modal-drawer .p_2--italic.hover-active--underline.active:after, .modal-drawer .p_2--italic .hover-active--underline:hover:after, .modal-drawer .p_2--italic .hover-active--underline:active:after, .modal-drawer .p_2--italic .hover-active--underline.active:after, .checkout .p_2--italic.hover-active--underline:hover:after, .checkout .p_2--italic.hover-active--underline:active:after, .checkout .p_2--italic.hover-active--underline.active:after, .checkout .p_2--italic .hover-active--underline:hover:after, .checkout .p_2--italic .hover-active--underline:active:after, .checkout .p_2--italic .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_3, .modal-drawer .p_3, .checkout .p_3 {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.wrapper--v1 .p_3.hover-active--underline, .wrapper--v1 .p_3 .hover-active--underline, .modal-drawer .p_3.hover-active--underline, .modal-drawer .p_3 .hover-active--underline, .checkout .p_3.hover-active--underline, .checkout .p_3 .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_3.hover-active--underline:after, .wrapper--v1 .p_3 .hover-active--underline:after, .modal-drawer .p_3.hover-active--underline:after, .modal-drawer .p_3 .hover-active--underline:after, .checkout .p_3.hover-active--underline:after, .checkout .p_3 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_3.hover-active--underline:hover, .wrapper--v1 .p_3.hover-active--underline:active, .wrapper--v1 .p_3.hover-active--underline.active, .wrapper--v1 .p_3 .hover-active--underline:hover, .wrapper--v1 .p_3 .hover-active--underline:active, .wrapper--v1 .p_3 .hover-active--underline.active, .modal-drawer .p_3.hover-active--underline:hover, .modal-drawer .p_3.hover-active--underline:active, .modal-drawer .p_3.hover-active--underline.active, .modal-drawer .p_3 .hover-active--underline:hover, .modal-drawer .p_3 .hover-active--underline:active, .modal-drawer .p_3 .hover-active--underline.active, .checkout .p_3.hover-active--underline:hover, .checkout .p_3.hover-active--underline:active, .checkout .p_3.hover-active--underline.active, .checkout .p_3 .hover-active--underline:hover, .checkout .p_3 .hover-active--underline:active, .checkout .p_3 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_3.hover-active--underline:hover:after, .wrapper--v1 .p_3.hover-active--underline:active:after, .wrapper--v1 .p_3.hover-active--underline.active:after, .wrapper--v1 .p_3 .hover-active--underline:hover:after, .wrapper--v1 .p_3 .hover-active--underline:active:after, .wrapper--v1 .p_3 .hover-active--underline.active:after, .modal-drawer .p_3.hover-active--underline:hover:after, .modal-drawer .p_3.hover-active--underline:active:after, .modal-drawer .p_3.hover-active--underline.active:after, .modal-drawer .p_3 .hover-active--underline:hover:after, .modal-drawer .p_3 .hover-active--underline:active:after, .modal-drawer .p_3 .hover-active--underline.active:after, .checkout .p_3.hover-active--underline:hover:after, .checkout .p_3.hover-active--underline:active:after, .checkout .p_3.hover-active--underline.active:after, .checkout .p_3 .hover-active--underline:hover:after, .checkout .p_3 .hover-active--underline:active:after, .checkout .p_3 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_3--bold, .modal-drawer .p_3--bold, .checkout .p_3--bold {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.wrapper--v1 .p_3--bold.hover-active--underline, .wrapper--v1 .p_3--bold .hover-active--underline, .modal-drawer .p_3--bold.hover-active--underline, .modal-drawer .p_3--bold .hover-active--underline, .checkout .p_3--bold.hover-active--underline, .checkout .p_3--bold .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_3--bold.hover-active--underline:after, .wrapper--v1 .p_3--bold .hover-active--underline:after, .modal-drawer .p_3--bold.hover-active--underline:after, .modal-drawer .p_3--bold .hover-active--underline:after, .checkout .p_3--bold.hover-active--underline:after, .checkout .p_3--bold .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_3--bold.hover-active--underline:hover, .wrapper--v1 .p_3--bold.hover-active--underline:active, .wrapper--v1 .p_3--bold.hover-active--underline.active, .wrapper--v1 .p_3--bold .hover-active--underline:hover, .wrapper--v1 .p_3--bold .hover-active--underline:active, .wrapper--v1 .p_3--bold .hover-active--underline.active, .modal-drawer .p_3--bold.hover-active--underline:hover, .modal-drawer .p_3--bold.hover-active--underline:active, .modal-drawer .p_3--bold.hover-active--underline.active, .modal-drawer .p_3--bold .hover-active--underline:hover, .modal-drawer .p_3--bold .hover-active--underline:active, .modal-drawer .p_3--bold .hover-active--underline.active, .checkout .p_3--bold.hover-active--underline:hover, .checkout .p_3--bold.hover-active--underline:active, .checkout .p_3--bold.hover-active--underline.active, .checkout .p_3--bold .hover-active--underline:hover, .checkout .p_3--bold .hover-active--underline:active, .checkout .p_3--bold .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_3--bold.hover-active--underline:hover:after, .wrapper--v1 .p_3--bold.hover-active--underline:active:after, .wrapper--v1 .p_3--bold.hover-active--underline.active:after, .wrapper--v1 .p_3--bold .hover-active--underline:hover:after, .wrapper--v1 .p_3--bold .hover-active--underline:active:after, .wrapper--v1 .p_3--bold .hover-active--underline.active:after, .modal-drawer .p_3--bold.hover-active--underline:hover:after, .modal-drawer .p_3--bold.hover-active--underline:active:after, .modal-drawer .p_3--bold.hover-active--underline.active:after, .modal-drawer .p_3--bold .hover-active--underline:hover:after, .modal-drawer .p_3--bold .hover-active--underline:active:after, .modal-drawer .p_3--bold .hover-active--underline.active:after, .checkout .p_3--bold.hover-active--underline:hover:after, .checkout .p_3--bold.hover-active--underline:active:after, .checkout .p_3--bold.hover-active--underline.active:after, .checkout .p_3--bold .hover-active--underline:hover:after, .checkout .p_3--bold .hover-active--underline:active:after, .checkout .p_3--bold .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_3--italic, .modal-drawer .p_3--italic, .checkout .p_3--italic {
font-family: BrandonTextWeb-Italic;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.wrapper--v1 .p_3--italic.hover-active--underline, .wrapper--v1 .p_3--italic .hover-active--underline, .modal-drawer .p_3--italic.hover-active--underline, .modal-drawer .p_3--italic .hover-active--underline, .checkout .p_3--italic.hover-active--underline, .checkout .p_3--italic .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_3--italic.hover-active--underline:after, .wrapper--v1 .p_3--italic .hover-active--underline:after, .modal-drawer .p_3--italic.hover-active--underline:after, .modal-drawer .p_3--italic .hover-active--underline:after, .checkout .p_3--italic.hover-active--underline:after, .checkout .p_3--italic .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_3--italic.hover-active--underline:hover, .wrapper--v1 .p_3--italic.hover-active--underline:active, .wrapper--v1 .p_3--italic.hover-active--underline.active, .wrapper--v1 .p_3--italic .hover-active--underline:hover, .wrapper--v1 .p_3--italic .hover-active--underline:active, .wrapper--v1 .p_3--italic .hover-active--underline.active, .modal-drawer .p_3--italic.hover-active--underline:hover, .modal-drawer .p_3--italic.hover-active--underline:active, .modal-drawer .p_3--italic.hover-active--underline.active, .modal-drawer .p_3--italic .hover-active--underline:hover, .modal-drawer .p_3--italic .hover-active--underline:active, .modal-drawer .p_3--italic .hover-active--underline.active, .checkout .p_3--italic.hover-active--underline:hover, .checkout .p_3--italic.hover-active--underline:active, .checkout .p_3--italic.hover-active--underline.active, .checkout .p_3--italic .hover-active--underline:hover, .checkout .p_3--italic .hover-active--underline:active, .checkout .p_3--italic .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_3--italic.hover-active--underline:hover:after, .wrapper--v1 .p_3--italic.hover-active--underline:active:after, .wrapper--v1 .p_3--italic.hover-active--underline.active:after, .wrapper--v1 .p_3--italic .hover-active--underline:hover:after, .wrapper--v1 .p_3--italic .hover-active--underline:active:after, .wrapper--v1 .p_3--italic .hover-active--underline.active:after, .modal-drawer .p_3--italic.hover-active--underline:hover:after, .modal-drawer .p_3--italic.hover-active--underline:active:after, .modal-drawer .p_3--italic.hover-active--underline.active:after, .modal-drawer .p_3--italic .hover-active--underline:hover:after, .modal-drawer .p_3--italic .hover-active--underline:active:after, .modal-drawer .p_3--italic .hover-active--underline.active:after, .checkout .p_3--italic.hover-active--underline:hover:after, .checkout .p_3--italic.hover-active--underline:active:after, .checkout .p_3--italic.hover-active--underline.active:after, .checkout .p_3--italic .hover-active--underline:hover:after, .checkout .p_3--italic .hover-active--underline:active:after, .checkout .p_3--italic .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_4, .modal-drawer .p_4, .checkout .p_4 {
font-family: BrandonTextWeb-Regular;
font-size: 0.625rem;
letter-spacing: normal;
}
.wrapper--v1 .p_4.hover-active--underline, .wrapper--v1 .p_4 .hover-active--underline, .modal-drawer .p_4.hover-active--underline, .modal-drawer .p_4 .hover-active--underline, .checkout .p_4.hover-active--underline, .checkout .p_4 .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_4.hover-active--underline:after, .wrapper--v1 .p_4 .hover-active--underline:after, .modal-drawer .p_4.hover-active--underline:after, .modal-drawer .p_4 .hover-active--underline:after, .checkout .p_4.hover-active--underline:after, .checkout .p_4 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_4.hover-active--underline:hover, .wrapper--v1 .p_4.hover-active--underline:active, .wrapper--v1 .p_4.hover-active--underline.active, .wrapper--v1 .p_4 .hover-active--underline:hover, .wrapper--v1 .p_4 .hover-active--underline:active, .wrapper--v1 .p_4 .hover-active--underline.active, .modal-drawer .p_4.hover-active--underline:hover, .modal-drawer .p_4.hover-active--underline:active, .modal-drawer .p_4.hover-active--underline.active, .modal-drawer .p_4 .hover-active--underline:hover, .modal-drawer .p_4 .hover-active--underline:active, .modal-drawer .p_4 .hover-active--underline.active, .checkout .p_4.hover-active--underline:hover, .checkout .p_4.hover-active--underline:active, .checkout .p_4.hover-active--underline.active, .checkout .p_4 .hover-active--underline:hover, .checkout .p_4 .hover-active--underline:active, .checkout .p_4 .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_4.hover-active--underline:hover:after, .wrapper--v1 .p_4.hover-active--underline:active:after, .wrapper--v1 .p_4.hover-active--underline.active:after, .wrapper--v1 .p_4 .hover-active--underline:hover:after, .wrapper--v1 .p_4 .hover-active--underline:active:after, .wrapper--v1 .p_4 .hover-active--underline.active:after, .modal-drawer .p_4.hover-active--underline:hover:after, .modal-drawer .p_4.hover-active--underline:active:after, .modal-drawer .p_4.hover-active--underline.active:after, .modal-drawer .p_4 .hover-active--underline:hover:after, .modal-drawer .p_4 .hover-active--underline:active:after, .modal-drawer .p_4 .hover-active--underline.active:after, .checkout .p_4.hover-active--underline:hover:after, .checkout .p_4.hover-active--underline:active:after, .checkout .p_4.hover-active--underline.active:after, .checkout .p_4 .hover-active--underline:hover:after, .checkout .p_4 .hover-active--underline:active:after, .checkout .p_4 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p_4--bold, .modal-drawer .p_4--bold, .checkout .p_4--bold {
font-family: BrandonTextWeb-Bold;
font-size: 0.625rem;
letter-spacing: normal;
}
.wrapper--v1 .p_4--bold.hover-active--underline, .wrapper--v1 .p_4--bold .hover-active--underline, .modal-drawer .p_4--bold.hover-active--underline, .modal-drawer .p_4--bold .hover-active--underline, .checkout .p_4--bold.hover-active--underline, .checkout .p_4--bold .hover-active--underline {
position: relative;
}
.wrapper--v1 .p_4--bold.hover-active--underline:after, .wrapper--v1 .p_4--bold .hover-active--underline:after, .modal-drawer .p_4--bold.hover-active--underline:after, .modal-drawer .p_4--bold .hover-active--underline:after, .checkout .p_4--bold.hover-active--underline:after, .checkout .p_4--bold .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p_4--bold.hover-active--underline:hover, .wrapper--v1 .p_4--bold.hover-active--underline:active, .wrapper--v1 .p_4--bold.hover-active--underline.active, .wrapper--v1 .p_4--bold .hover-active--underline:hover, .wrapper--v1 .p_4--bold .hover-active--underline:active, .wrapper--v1 .p_4--bold .hover-active--underline.active, .modal-drawer .p_4--bold.hover-active--underline:hover, .modal-drawer .p_4--bold.hover-active--underline:active, .modal-drawer .p_4--bold.hover-active--underline.active, .modal-drawer .p_4--bold .hover-active--underline:hover, .modal-drawer .p_4--bold .hover-active--underline:active, .modal-drawer .p_4--bold .hover-active--underline.active, .checkout .p_4--bold.hover-active--underline:hover, .checkout .p_4--bold.hover-active--underline:active, .checkout .p_4--bold.hover-active--underline.active, .checkout .p_4--bold .hover-active--underline:hover, .checkout .p_4--bold .hover-active--underline:active, .checkout .p_4--bold .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p_4--bold.hover-active--underline:hover:after, .wrapper--v1 .p_4--bold.hover-active--underline:active:after, .wrapper--v1 .p_4--bold.hover-active--underline.active:after, .wrapper--v1 .p_4--bold .hover-active--underline:hover:after, .wrapper--v1 .p_4--bold .hover-active--underline:active:after, .wrapper--v1 .p_4--bold .hover-active--underline.active:after, .modal-drawer .p_4--bold.hover-active--underline:hover:after, .modal-drawer .p_4--bold.hover-active--underline:active:after, .modal-drawer .p_4--bold.hover-active--underline.active:after, .modal-drawer .p_4--bold .hover-active--underline:hover:after, .modal-drawer .p_4--bold .hover-active--underline:active:after, .modal-drawer .p_4--bold .hover-active--underline.active:after, .checkout .p_4--bold.hover-active--underline:hover:after, .checkout .p_4--bold.hover-active--underline:active:after, .checkout .p_4--bold.hover-active--underline.active:after, .checkout .p_4--bold .hover-active--underline:hover:after, .checkout .p_4--bold .hover-active--underline:active:after, .checkout .p_4--bold .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .p--bold, .modal-drawer .p--bold, .checkout .p--bold {
font-family: BrandonTextWeb-Bold;
}
.wrapper--v1 .p--bold.hover-active--underline, .wrapper--v1 .p--bold .hover-active--underline, .modal-drawer .p--bold.hover-active--underline, .modal-drawer .p--bold .hover-active--underline, .checkout .p--bold.hover-active--underline, .checkout .p--bold .hover-active--underline {
position: relative;
}
.wrapper--v1 .p--bold.hover-active--underline:after, .wrapper--v1 .p--bold .hover-active--underline:after, .modal-drawer .p--bold.hover-active--underline:after, .modal-drawer .p--bold .hover-active--underline:after, .checkout .p--bold.hover-active--underline:after, .checkout .p--bold .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .p--bold.hover-active--underline:hover, .wrapper--v1 .p--bold.hover-active--underline:active, .wrapper--v1 .p--bold.hover-active--underline.active, .wrapper--v1 .p--bold .hover-active--underline:hover, .wrapper--v1 .p--bold .hover-active--underline:active, .wrapper--v1 .p--bold .hover-active--underline.active, .modal-drawer .p--bold.hover-active--underline:hover, .modal-drawer .p--bold.hover-active--underline:active, .modal-drawer .p--bold.hover-active--underline.active, .modal-drawer .p--bold .hover-active--underline:hover, .modal-drawer .p--bold .hover-active--underline:active, .modal-drawer .p--bold .hover-active--underline.active, .checkout .p--bold.hover-active--underline:hover, .checkout .p--bold.hover-active--underline:active, .checkout .p--bold.hover-active--underline.active, .checkout .p--bold .hover-active--underline:hover, .checkout .p--bold .hover-active--underline:active, .checkout .p--bold .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .p--bold.hover-active--underline:hover:after, .wrapper--v1 .p--bold.hover-active--underline:active:after, .wrapper--v1 .p--bold.hover-active--underline.active:after, .wrapper--v1 .p--bold .hover-active--underline:hover:after, .wrapper--v1 .p--bold .hover-active--underline:active:after, .wrapper--v1 .p--bold .hover-active--underline.active:after, .modal-drawer .p--bold.hover-active--underline:hover:after, .modal-drawer .p--bold.hover-active--underline:active:after, .modal-drawer .p--bold.hover-active--underline.active:after, .modal-drawer .p--bold .hover-active--underline:hover:after, .modal-drawer .p--bold .hover-active--underline:active:after, .modal-drawer .p--bold .hover-active--underline.active:after, .checkout .p--bold.hover-active--underline:hover:after, .checkout .p--bold.hover-active--underline:active:after, .checkout .p--bold.hover-active--underline.active:after, .checkout .p--bold .hover-active--underline:hover:after, .checkout .p--bold .hover-active--underline:active:after, .checkout .p--bold .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .eyebrow--large, .modal-drawer .eyebrow--large, .checkout .eyebrow--large {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.wrapper--v1 .eyebrow--large.hover-active--underline, .wrapper--v1 .eyebrow--large .hover-active--underline, .modal-drawer .eyebrow--large.hover-active--underline, .modal-drawer .eyebrow--large .hover-active--underline, .checkout .eyebrow--large.hover-active--underline, .checkout .eyebrow--large .hover-active--underline {
position: relative;
}
.wrapper--v1 .eyebrow--large.hover-active--underline:after, .wrapper--v1 .eyebrow--large .hover-active--underline:after, .modal-drawer .eyebrow--large.hover-active--underline:after, .modal-drawer .eyebrow--large .hover-active--underline:after, .checkout .eyebrow--large.hover-active--underline:after, .checkout .eyebrow--large .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .eyebrow--large.hover-active--underline:hover, .wrapper--v1 .eyebrow--large.hover-active--underline:active, .wrapper--v1 .eyebrow--large.hover-active--underline.active, .wrapper--v1 .eyebrow--large .hover-active--underline:hover, .wrapper--v1 .eyebrow--large .hover-active--underline:active, .wrapper--v1 .eyebrow--large .hover-active--underline.active, .modal-drawer .eyebrow--large.hover-active--underline:hover, .modal-drawer .eyebrow--large.hover-active--underline:active, .modal-drawer .eyebrow--large.hover-active--underline.active, .modal-drawer .eyebrow--large .hover-active--underline:hover, .modal-drawer .eyebrow--large .hover-active--underline:active, .modal-drawer .eyebrow--large .hover-active--underline.active, .checkout .eyebrow--large.hover-active--underline:hover, .checkout .eyebrow--large.hover-active--underline:active, .checkout .eyebrow--large.hover-active--underline.active, .checkout .eyebrow--large .hover-active--underline:hover, .checkout .eyebrow--large .hover-active--underline:active, .checkout .eyebrow--large .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .eyebrow--large.hover-active--underline:hover:after, .wrapper--v1 .eyebrow--large.hover-active--underline:active:after, .wrapper--v1 .eyebrow--large.hover-active--underline.active:after, .wrapper--v1 .eyebrow--large .hover-active--underline:hover:after, .wrapper--v1 .eyebrow--large .hover-active--underline:active:after, .wrapper--v1 .eyebrow--large .hover-active--underline.active:after, .modal-drawer .eyebrow--large.hover-active--underline:hover:after, .modal-drawer .eyebrow--large.hover-active--underline:active:after, .modal-drawer .eyebrow--large.hover-active--underline.active:after, .modal-drawer .eyebrow--large .hover-active--underline:hover:after, .modal-drawer .eyebrow--large .hover-active--underline:active:after, .modal-drawer .eyebrow--large .hover-active--underline.active:after, .checkout .eyebrow--large.hover-active--underline:hover:after, .checkout .eyebrow--large.hover-active--underline:active:after, .checkout .eyebrow--large.hover-active--underline.active:after, .checkout .eyebrow--large .hover-active--underline:hover:after, .checkout .eyebrow--large .hover-active--underline:active:after, .checkout .eyebrow--large .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .eyebrow--medium, .modal-drawer .eyebrow--medium, .checkout .eyebrow--medium {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.wrapper--v1 .eyebrow--medium.hover-active--underline, .wrapper--v1 .eyebrow--medium .hover-active--underline, .modal-drawer .eyebrow--medium.hover-active--underline, .modal-drawer .eyebrow--medium .hover-active--underline, .checkout .eyebrow--medium.hover-active--underline, .checkout .eyebrow--medium .hover-active--underline {
position: relative;
}
.wrapper--v1 .eyebrow--medium.hover-active--underline:after, .wrapper--v1 .eyebrow--medium .hover-active--underline:after, .modal-drawer .eyebrow--medium.hover-active--underline:after, .modal-drawer .eyebrow--medium .hover-active--underline:after, .checkout .eyebrow--medium.hover-active--underline:after, .checkout .eyebrow--medium .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .eyebrow--medium.hover-active--underline:hover, .wrapper--v1 .eyebrow--medium.hover-active--underline:active, .wrapper--v1 .eyebrow--medium.hover-active--underline.active, .wrapper--v1 .eyebrow--medium .hover-active--underline:hover, .wrapper--v1 .eyebrow--medium .hover-active--underline:active, .wrapper--v1 .eyebrow--medium .hover-active--underline.active, .modal-drawer .eyebrow--medium.hover-active--underline:hover, .modal-drawer .eyebrow--medium.hover-active--underline:active, .modal-drawer .eyebrow--medium.hover-active--underline.active, .modal-drawer .eyebrow--medium .hover-active--underline:hover, .modal-drawer .eyebrow--medium .hover-active--underline:active, .modal-drawer .eyebrow--medium .hover-active--underline.active, .checkout .eyebrow--medium.hover-active--underline:hover, .checkout .eyebrow--medium.hover-active--underline:active, .checkout .eyebrow--medium.hover-active--underline.active, .checkout .eyebrow--medium .hover-active--underline:hover, .checkout .eyebrow--medium .hover-active--underline:active, .checkout .eyebrow--medium .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .eyebrow--medium.hover-active--underline:hover:after, .wrapper--v1 .eyebrow--medium.hover-active--underline:active:after, .wrapper--v1 .eyebrow--medium.hover-active--underline.active:after, .wrapper--v1 .eyebrow--medium .hover-active--underline:hover:after, .wrapper--v1 .eyebrow--medium .hover-active--underline:active:after, .wrapper--v1 .eyebrow--medium .hover-active--underline.active:after, .modal-drawer .eyebrow--medium.hover-active--underline:hover:after, .modal-drawer .eyebrow--medium.hover-active--underline:active:after, .modal-drawer .eyebrow--medium.hover-active--underline.active:after, .modal-drawer .eyebrow--medium .hover-active--underline:hover:after, .modal-drawer .eyebrow--medium .hover-active--underline:active:after, .modal-drawer .eyebrow--medium .hover-active--underline.active:after, .checkout .eyebrow--medium.hover-active--underline:hover:after, .checkout .eyebrow--medium.hover-active--underline:active:after, .checkout .eyebrow--medium.hover-active--underline.active:after, .checkout .eyebrow--medium .hover-active--underline:hover:after, .checkout .eyebrow--medium .hover-active--underline:active:after, .checkout .eyebrow--medium .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.wrapper--v1 .eyebrow--small, .modal-drawer .eyebrow--small, .checkout .eyebrow--small {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.wrapper--v1 .eyebrow--small.hover-active--underline, .wrapper--v1 .eyebrow--small .hover-active--underline, .modal-drawer .eyebrow--small.hover-active--underline, .modal-drawer .eyebrow--small .hover-active--underline, .checkout .eyebrow--small.hover-active--underline, .checkout .eyebrow--small .hover-active--underline {
position: relative;
}
.wrapper--v1 .eyebrow--small.hover-active--underline:after, .wrapper--v1 .eyebrow--small .hover-active--underline:after, .modal-drawer .eyebrow--small.hover-active--underline:after, .modal-drawer .eyebrow--small .hover-active--underline:after, .checkout .eyebrow--small.hover-active--underline:after, .checkout .eyebrow--small .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.wrapper--v1 .eyebrow--small.hover-active--underline:hover, .wrapper--v1 .eyebrow--small.hover-active--underline:active, .wrapper--v1 .eyebrow--small.hover-active--underline.active, .wrapper--v1 .eyebrow--small .hover-active--underline:hover, .wrapper--v1 .eyebrow--small .hover-active--underline:active, .wrapper--v1 .eyebrow--small .hover-active--underline.active, .modal-drawer .eyebrow--small.hover-active--underline:hover, .modal-drawer .eyebrow--small.hover-active--underline:active, .modal-drawer .eyebrow--small.hover-active--underline.active, .modal-drawer .eyebrow--small .hover-active--underline:hover, .modal-drawer .eyebrow--small .hover-active--underline:active, .modal-drawer .eyebrow--small .hover-active--underline.active, .checkout .eyebrow--small.hover-active--underline:hover, .checkout .eyebrow--small.hover-active--underline:active, .checkout .eyebrow--small.hover-active--underline.active, .checkout .eyebrow--small .hover-active--underline:hover, .checkout .eyebrow--small .hover-active--underline:active, .checkout .eyebrow--small .hover-active--underline.active {
cursor: pointer;
}
.wrapper--v1 .eyebrow--small.hover-active--underline:hover:after, .wrapper--v1 .eyebrow--small.hover-active--underline:active:after, .wrapper--v1 .eyebrow--small.hover-active--underline.active:after, .wrapper--v1 .eyebrow--small .hover-active--underline:hover:after, .wrapper--v1 .eyebrow--small .hover-active--underline:active:after, .wrapper--v1 .eyebrow--small .hover-active--underline.active:after, .modal-drawer .eyebrow--small.hover-active--underline:hover:after, .modal-drawer .eyebrow--small.hover-active--underline:active:after, .modal-drawer .eyebrow--small.hover-active--underline.active:after, .modal-drawer .eyebrow--small .hover-active--underline:hover:after, .modal-drawer .eyebrow--small .hover-active--underline:active:after, .modal-drawer .eyebrow--small .hover-active--underline.active:after, .checkout .eyebrow--small.hover-active--underline:hover:after, .checkout .eyebrow--small.hover-active--underline:active:after, .checkout .eyebrow--small.hover-active--underline.active:after, .checkout .eyebrow--small .hover-active--underline:hover:after, .checkout .eyebrow--small .hover-active--underline:active:after, .checkout .eyebrow--small .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn, .module--account-details-content .add-address {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
}
.btn a, .module--account-details-content .add-address a, .btn input, .module--account-details-content .add-address input, .btn button, .module--account-details-content .add-address button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn a.hover-active--underline, .module--account-details-content .add-address a.hover-active--underline, .btn a .hover-active--underline, .module--account-details-content .add-address a .hover-active--underline, .btn input.hover-active--underline, .module--account-details-content .add-address input.hover-active--underline, .btn input .hover-active--underline, .module--account-details-content .add-address input .hover-active--underline, .btn button.hover-active--underline, .module--account-details-content .add-address button.hover-active--underline, .btn button .hover-active--underline, .module--account-details-content .add-address button .hover-active--underline {
position: relative;
}
.btn a.hover-active--underline:after, .module--account-details-content .add-address a.hover-active--underline:after, .btn a .hover-active--underline:after, .module--account-details-content .add-address a .hover-active--underline:after, .btn input.hover-active--underline:after, .module--account-details-content .add-address input.hover-active--underline:after, .btn input .hover-active--underline:after, .module--account-details-content .add-address input .hover-active--underline:after, .btn button.hover-active--underline:after, .module--account-details-content .add-address button.hover-active--underline:after, .btn button .hover-active--underline:after, .module--account-details-content .add-address button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn a.hover-active--underline:hover, .module--account-details-content .add-address a.hover-active--underline:hover, .btn a.hover-active--underline:active, .module--account-details-content .add-address a.hover-active--underline:active, .btn a.hover-active--underline.active, .module--account-details-content .add-address a.hover-active--underline.active, .btn a .hover-active--underline:hover, .module--account-details-content .add-address a .hover-active--underline:hover, .btn a .hover-active--underline:active, .module--account-details-content .add-address a .hover-active--underline:active, .btn a .hover-active--underline.active, .module--account-details-content .add-address a .hover-active--underline.active, .btn input.hover-active--underline:hover, .module--account-details-content .add-address input.hover-active--underline:hover, .btn input.hover-active--underline:active, .module--account-details-content .add-address input.hover-active--underline:active, .btn input.hover-active--underline.active, .module--account-details-content .add-address input.hover-active--underline.active, .btn input .hover-active--underline:hover, .module--account-details-content .add-address input .hover-active--underline:hover, .btn input .hover-active--underline:active, .module--account-details-content .add-address input .hover-active--underline:active, .btn input .hover-active--underline.active, .module--account-details-content .add-address input .hover-active--underline.active, .btn button.hover-active--underline:hover, .module--account-details-content .add-address button.hover-active--underline:hover, .btn button.hover-active--underline:active, .module--account-details-content .add-address button.hover-active--underline:active, .btn button.hover-active--underline.active, .module--account-details-content .add-address button.hover-active--underline.active, .btn button .hover-active--underline:hover, .module--account-details-content .add-address button .hover-active--underline:hover, .btn button .hover-active--underline:active, .module--account-details-content .add-address button .hover-active--underline:active, .btn button .hover-active--underline.active, .module--account-details-content .add-address button .hover-active--underline.active {
cursor: pointer;
}
.btn a.hover-active--underline:hover:after, .module--account-details-content .add-address a.hover-active--underline:hover:after, .btn a.hover-active--underline:active:after, .module--account-details-content .add-address a.hover-active--underline:active:after, .btn a.hover-active--underline.active:after, .module--account-details-content .add-address a.hover-active--underline.active:after, .btn a .hover-active--underline:hover:after, .module--account-details-content .add-address a .hover-active--underline:hover:after, .btn a .hover-active--underline:active:after, .module--account-details-content .add-address a .hover-active--underline:active:after, .btn a .hover-active--underline.active:after, .module--account-details-content .add-address a .hover-active--underline.active:after, .btn input.hover-active--underline:hover:after, .module--account-details-content .add-address input.hover-active--underline:hover:after, .btn input.hover-active--underline:active:after, .module--account-details-content .add-address input.hover-active--underline:active:after, .btn input.hover-active--underline.active:after, .module--account-details-content .add-address input.hover-active--underline.active:after, .btn input .hover-active--underline:hover:after, .module--account-details-content .add-address input .hover-active--underline:hover:after, .btn input .hover-active--underline:active:after, .module--account-details-content .add-address input .hover-active--underline:active:after, .btn input .hover-active--underline.active:after, .module--account-details-content .add-address input .hover-active--underline.active:after, .btn button.hover-active--underline:hover:after, .module--account-details-content .add-address button.hover-active--underline:hover:after, .btn button.hover-active--underline:active:after, .module--account-details-content .add-address button.hover-active--underline:active:after, .btn button.hover-active--underline.active:after, .module--account-details-content .add-address button.hover-active--underline.active:after, .btn button .hover-active--underline:hover:after, .module--account-details-content .add-address button .hover-active--underline:hover:after, .btn button .hover-active--underline:active:after, .module--account-details-content .add-address button .hover-active--underline:active:after, .btn button .hover-active--underline.active:after, .module--account-details-content .add-address button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn a:hover, .module--account-details-content .add-address a:hover, .btn input:hover, .module--account-details-content .add-address input:hover, .btn button:hover, .module--account-details-content .add-address button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn a:focus, .module--account-details-content .add-address a:focus, .btn input:focus, .module--account-details-content .add-address input:focus, .btn button:focus, .module--account-details-content .add-address button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn a:active, .module--account-details-content .add-address a:active, .btn input:active, .module--account-details-content .add-address input:active, .btn button:active, .module--account-details-content .add-address button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn a:active[data-transition-triggered=true], .module--account-details-content .add-address a:active[data-transition-triggered=true], .btn input:active[data-transition-triggered=true], .module--account-details-content .add-address input:active[data-transition-triggered=true], .btn button:active[data-transition-triggered=true], .module--account-details-content .add-address button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn a:active span, .module--account-details-content .add-address a:active span, .btn input:active span, .module--account-details-content .add-address input:active span, .btn button:active span, .module--account-details-content .add-address button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn a:active span[data-transition-triggered=true], .module--account-details-content .add-address a:active span[data-transition-triggered=true], .btn input:active span[data-transition-triggered=true], .module--account-details-content .add-address input:active span[data-transition-triggered=true], .btn button:active span[data-transition-triggered=true], .module--account-details-content .add-address button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn a:active p, .module--account-details-content .add-address a:active p, .btn input:active p, .module--account-details-content .add-address input:active p, .btn button:active p, .module--account-details-content .add-address button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn a:active p[data-transition-triggered=true], .module--account-details-content .add-address a:active p[data-transition-triggered=true], .btn input:active p[data-transition-triggered=true], .module--account-details-content .add-address input:active p[data-transition-triggered=true], .btn button:active p[data-transition-triggered=true], .module--account-details-content .add-address button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn a:disabled, .module--account-details-content .add-address a:disabled, .btn a.disabled, .module--account-details-content .add-address a.disabled, .btn input:disabled, .module--account-details-content .add-address input:disabled, .btn input.disabled, .module--account-details-content .add-address input.disabled, .btn button:disabled, .module--account-details-content .add-address button:disabled, .btn button.disabled, .module--account-details-content .add-address button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--primary {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
}
.btn--primary a, .btn--primary input, .btn--primary button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--primary a.hover-active--underline, .btn--primary a .hover-active--underline, .btn--primary input.hover-active--underline, .btn--primary input .hover-active--underline, .btn--primary button.hover-active--underline, .btn--primary button .hover-active--underline {
position: relative;
}
.btn--primary a.hover-active--underline:after, .btn--primary a .hover-active--underline:after, .btn--primary input.hover-active--underline:after, .btn--primary input .hover-active--underline:after, .btn--primary button.hover-active--underline:after, .btn--primary button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--primary a.hover-active--underline:hover, .btn--primary a.hover-active--underline:active, .btn--primary a.hover-active--underline.active, .btn--primary a .hover-active--underline:hover, .btn--primary a .hover-active--underline:active, .btn--primary a .hover-active--underline.active, .btn--primary input.hover-active--underline:hover, .btn--primary input.hover-active--underline:active, .btn--primary input.hover-active--underline.active, .btn--primary input .hover-active--underline:hover, .btn--primary input .hover-active--underline:active, .btn--primary input .hover-active--underline.active, .btn--primary button.hover-active--underline:hover, .btn--primary button.hover-active--underline:active, .btn--primary button.hover-active--underline.active, .btn--primary button .hover-active--underline:hover, .btn--primary button .hover-active--underline:active, .btn--primary button .hover-active--underline.active {
cursor: pointer;
}
.btn--primary a.hover-active--underline:hover:after, .btn--primary a.hover-active--underline:active:after, .btn--primary a.hover-active--underline.active:after, .btn--primary a .hover-active--underline:hover:after, .btn--primary a .hover-active--underline:active:after, .btn--primary a .hover-active--underline.active:after, .btn--primary input.hover-active--underline:hover:after, .btn--primary input.hover-active--underline:active:after, .btn--primary input.hover-active--underline.active:after, .btn--primary input .hover-active--underline:hover:after, .btn--primary input .hover-active--underline:active:after, .btn--primary input .hover-active--underline.active:after, .btn--primary button.hover-active--underline:hover:after, .btn--primary button.hover-active--underline:active:after, .btn--primary button.hover-active--underline.active:after, .btn--primary button .hover-active--underline:hover:after, .btn--primary button .hover-active--underline:active:after, .btn--primary button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--primary a:hover, .btn--primary input:hover, .btn--primary button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--primary a:focus, .btn--primary input:focus, .btn--primary button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--primary a:active, .btn--primary input:active, .btn--primary button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--primary a:active[data-transition-triggered=true], .btn--primary input:active[data-transition-triggered=true], .btn--primary button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary a:active span, .btn--primary input:active span, .btn--primary button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--primary a:active span[data-transition-triggered=true], .btn--primary input:active span[data-transition-triggered=true], .btn--primary button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary a:active p, .btn--primary input:active p, .btn--primary button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--primary a:active p[data-transition-triggered=true], .btn--primary input:active p[data-transition-triggered=true], .btn--primary button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary a:disabled, .btn--primary a.disabled, .btn--primary input:disabled, .btn--primary input.disabled, .btn--primary button:disabled, .btn--primary button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--primary a, .btn--primary input, .btn--primary button {
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
}
.btn--primary--small {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
grid-template-columns: minmax(120px, max-content);
}
.btn--primary--small a, .btn--primary--small input, .btn--primary--small button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--primary--small a.hover-active--underline, .btn--primary--small a .hover-active--underline, .btn--primary--small input.hover-active--underline, .btn--primary--small input .hover-active--underline, .btn--primary--small button.hover-active--underline, .btn--primary--small button .hover-active--underline {
position: relative;
}
.btn--primary--small a.hover-active--underline:after, .btn--primary--small a .hover-active--underline:after, .btn--primary--small input.hover-active--underline:after, .btn--primary--small input .hover-active--underline:after, .btn--primary--small button.hover-active--underline:after, .btn--primary--small button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--primary--small a.hover-active--underline:hover, .btn--primary--small a.hover-active--underline:active, .btn--primary--small a.hover-active--underline.active, .btn--primary--small a .hover-active--underline:hover, .btn--primary--small a .hover-active--underline:active, .btn--primary--small a .hover-active--underline.active, .btn--primary--small input.hover-active--underline:hover, .btn--primary--small input.hover-active--underline:active, .btn--primary--small input.hover-active--underline.active, .btn--primary--small input .hover-active--underline:hover, .btn--primary--small input .hover-active--underline:active, .btn--primary--small input .hover-active--underline.active, .btn--primary--small button.hover-active--underline:hover, .btn--primary--small button.hover-active--underline:active, .btn--primary--small button.hover-active--underline.active, .btn--primary--small button .hover-active--underline:hover, .btn--primary--small button .hover-active--underline:active, .btn--primary--small button .hover-active--underline.active {
cursor: pointer;
}
.btn--primary--small a.hover-active--underline:hover:after, .btn--primary--small a.hover-active--underline:active:after, .btn--primary--small a.hover-active--underline.active:after, .btn--primary--small a .hover-active--underline:hover:after, .btn--primary--small a .hover-active--underline:active:after, .btn--primary--small a .hover-active--underline.active:after, .btn--primary--small input.hover-active--underline:hover:after, .btn--primary--small input.hover-active--underline:active:after, .btn--primary--small input.hover-active--underline.active:after, .btn--primary--small input .hover-active--underline:hover:after, .btn--primary--small input .hover-active--underline:active:after, .btn--primary--small input .hover-active--underline.active:after, .btn--primary--small button.hover-active--underline:hover:after, .btn--primary--small button.hover-active--underline:active:after, .btn--primary--small button.hover-active--underline.active:after, .btn--primary--small button .hover-active--underline:hover:after, .btn--primary--small button .hover-active--underline:active:after, .btn--primary--small button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--primary--small a:hover, .btn--primary--small input:hover, .btn--primary--small button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--primary--small a:focus, .btn--primary--small input:focus, .btn--primary--small button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--primary--small a:active, .btn--primary--small input:active, .btn--primary--small button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--primary--small a:active[data-transition-triggered=true], .btn--primary--small input:active[data-transition-triggered=true], .btn--primary--small button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary--small a:active span, .btn--primary--small input:active span, .btn--primary--small button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--primary--small a:active span[data-transition-triggered=true], .btn--primary--small input:active span[data-transition-triggered=true], .btn--primary--small button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary--small a:active p, .btn--primary--small input:active p, .btn--primary--small button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--primary--small a:active p[data-transition-triggered=true], .btn--primary--small input:active p[data-transition-triggered=true], .btn--primary--small button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--primary--small a:disabled, .btn--primary--small a.disabled, .btn--primary--small input:disabled, .btn--primary--small input.disabled, .btn--primary--small button:disabled, .btn--primary--small button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--primary--small a, .btn--primary--small input, .btn--primary--small button {
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
}
.btn--primary--small a, .btn--primary--small input, .btn--primary--small button {
line-height: 2.5rem;
height: 2.5rem;
border-radius: 1rem;
}
.btn--secondary {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
}
.btn--secondary a, .btn--secondary input, .btn--secondary button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--secondary a.hover-active--underline, .btn--secondary a .hover-active--underline, .btn--secondary input.hover-active--underline, .btn--secondary input .hover-active--underline, .btn--secondary button.hover-active--underline, .btn--secondary button .hover-active--underline {
position: relative;
}
.btn--secondary a.hover-active--underline:after, .btn--secondary a .hover-active--underline:after, .btn--secondary input.hover-active--underline:after, .btn--secondary input .hover-active--underline:after, .btn--secondary button.hover-active--underline:after, .btn--secondary button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--secondary a.hover-active--underline:hover, .btn--secondary a.hover-active--underline:active, .btn--secondary a.hover-active--underline.active, .btn--secondary a .hover-active--underline:hover, .btn--secondary a .hover-active--underline:active, .btn--secondary a .hover-active--underline.active, .btn--secondary input.hover-active--underline:hover, .btn--secondary input.hover-active--underline:active, .btn--secondary input.hover-active--underline.active, .btn--secondary input .hover-active--underline:hover, .btn--secondary input .hover-active--underline:active, .btn--secondary input .hover-active--underline.active, .btn--secondary button.hover-active--underline:hover, .btn--secondary button.hover-active--underline:active, .btn--secondary button.hover-active--underline.active, .btn--secondary button .hover-active--underline:hover, .btn--secondary button .hover-active--underline:active, .btn--secondary button .hover-active--underline.active {
cursor: pointer;
}
.btn--secondary a.hover-active--underline:hover:after, .btn--secondary a.hover-active--underline:active:after, .btn--secondary a.hover-active--underline.active:after, .btn--secondary a .hover-active--underline:hover:after, .btn--secondary a .hover-active--underline:active:after, .btn--secondary a .hover-active--underline.active:after, .btn--secondary input.hover-active--underline:hover:after, .btn--secondary input.hover-active--underline:active:after, .btn--secondary input.hover-active--underline.active:after, .btn--secondary input .hover-active--underline:hover:after, .btn--secondary input .hover-active--underline:active:after, .btn--secondary input .hover-active--underline.active:after, .btn--secondary button.hover-active--underline:hover:after, .btn--secondary button.hover-active--underline:active:after, .btn--secondary button.hover-active--underline.active:after, .btn--secondary button .hover-active--underline:hover:after, .btn--secondary button .hover-active--underline:active:after, .btn--secondary button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--secondary a:hover, .btn--secondary input:hover, .btn--secondary button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--secondary a:focus, .btn--secondary input:focus, .btn--secondary button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--secondary a:active, .btn--secondary input:active, .btn--secondary button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--secondary a:active[data-transition-triggered=true], .btn--secondary input:active[data-transition-triggered=true], .btn--secondary button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary a:active span, .btn--secondary input:active span, .btn--secondary button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--secondary a:active span[data-transition-triggered=true], .btn--secondary input:active span[data-transition-triggered=true], .btn--secondary button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary a:active p, .btn--secondary input:active p, .btn--secondary button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--secondary a:active p[data-transition-triggered=true], .btn--secondary input:active p[data-transition-triggered=true], .btn--secondary button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary a:disabled, .btn--secondary a.disabled, .btn--secondary input:disabled, .btn--secondary input.disabled, .btn--secondary button:disabled, .btn--secondary button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--secondary a, .btn--secondary input, .btn--secondary button {
background-color: transparent;
border: 1px solid #283455;
color: #283455;
}
.btn--secondary--small {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
grid-template-columns: minmax(120px, max-content);
}
.btn--secondary--small a, .btn--secondary--small input, .btn--secondary--small button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--secondary--small a.hover-active--underline, .btn--secondary--small a .hover-active--underline, .btn--secondary--small input.hover-active--underline, .btn--secondary--small input .hover-active--underline, .btn--secondary--small button.hover-active--underline, .btn--secondary--small button .hover-active--underline {
position: relative;
}
.btn--secondary--small a.hover-active--underline:after, .btn--secondary--small a .hover-active--underline:after, .btn--secondary--small input.hover-active--underline:after, .btn--secondary--small input .hover-active--underline:after, .btn--secondary--small button.hover-active--underline:after, .btn--secondary--small button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--secondary--small a.hover-active--underline:hover, .btn--secondary--small a.hover-active--underline:active, .btn--secondary--small a.hover-active--underline.active, .btn--secondary--small a .hover-active--underline:hover, .btn--secondary--small a .hover-active--underline:active, .btn--secondary--small a .hover-active--underline.active, .btn--secondary--small input.hover-active--underline:hover, .btn--secondary--small input.hover-active--underline:active, .btn--secondary--small input.hover-active--underline.active, .btn--secondary--small input .hover-active--underline:hover, .btn--secondary--small input .hover-active--underline:active, .btn--secondary--small input .hover-active--underline.active, .btn--secondary--small button.hover-active--underline:hover, .btn--secondary--small button.hover-active--underline:active, .btn--secondary--small button.hover-active--underline.active, .btn--secondary--small button .hover-active--underline:hover, .btn--secondary--small button .hover-active--underline:active, .btn--secondary--small button .hover-active--underline.active {
cursor: pointer;
}
.btn--secondary--small a.hover-active--underline:hover:after, .btn--secondary--small a.hover-active--underline:active:after, .btn--secondary--small a.hover-active--underline.active:after, .btn--secondary--small a .hover-active--underline:hover:after, .btn--secondary--small a .hover-active--underline:active:after, .btn--secondary--small a .hover-active--underline.active:after, .btn--secondary--small input.hover-active--underline:hover:after, .btn--secondary--small input.hover-active--underline:active:after, .btn--secondary--small input.hover-active--underline.active:after, .btn--secondary--small input .hover-active--underline:hover:after, .btn--secondary--small input .hover-active--underline:active:after, .btn--secondary--small input .hover-active--underline.active:after, .btn--secondary--small button.hover-active--underline:hover:after, .btn--secondary--small button.hover-active--underline:active:after, .btn--secondary--small button.hover-active--underline.active:after, .btn--secondary--small button .hover-active--underline:hover:after, .btn--secondary--small button .hover-active--underline:active:after, .btn--secondary--small button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--secondary--small a:hover, .btn--secondary--small input:hover, .btn--secondary--small button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--secondary--small a:focus, .btn--secondary--small input:focus, .btn--secondary--small button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--secondary--small a:active, .btn--secondary--small input:active, .btn--secondary--small button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--secondary--small a:active[data-transition-triggered=true], .btn--secondary--small input:active[data-transition-triggered=true], .btn--secondary--small button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary--small a:active span, .btn--secondary--small input:active span, .btn--secondary--small button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--secondary--small a:active span[data-transition-triggered=true], .btn--secondary--small input:active span[data-transition-triggered=true], .btn--secondary--small button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary--small a:active p, .btn--secondary--small input:active p, .btn--secondary--small button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--secondary--small a:active p[data-transition-triggered=true], .btn--secondary--small input:active p[data-transition-triggered=true], .btn--secondary--small button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--secondary--small a:disabled, .btn--secondary--small a.disabled, .btn--secondary--small input:disabled, .btn--secondary--small input.disabled, .btn--secondary--small button:disabled, .btn--secondary--small button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--secondary--small a, .btn--secondary--small input, .btn--secondary--small button {
background-color: transparent;
border: 1px solid #283455;
color: #283455;
}
.btn--secondary--small a, .btn--secondary--small input, .btn--secondary--small button {
line-height: 2.5rem;
height: 2.5rem;
border-radius: 1rem;
}
.btn--tertiary {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
}
.btn--tertiary a, .btn--tertiary input, .btn--tertiary button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--tertiary a.hover-active--underline, .btn--tertiary a .hover-active--underline, .btn--tertiary input.hover-active--underline, .btn--tertiary input .hover-active--underline, .btn--tertiary button.hover-active--underline, .btn--tertiary button .hover-active--underline {
position: relative;
}
.btn--tertiary a.hover-active--underline:after, .btn--tertiary a .hover-active--underline:after, .btn--tertiary input.hover-active--underline:after, .btn--tertiary input .hover-active--underline:after, .btn--tertiary button.hover-active--underline:after, .btn--tertiary button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--tertiary a.hover-active--underline:hover, .btn--tertiary a.hover-active--underline:active, .btn--tertiary a.hover-active--underline.active, .btn--tertiary a .hover-active--underline:hover, .btn--tertiary a .hover-active--underline:active, .btn--tertiary a .hover-active--underline.active, .btn--tertiary input.hover-active--underline:hover, .btn--tertiary input.hover-active--underline:active, .btn--tertiary input.hover-active--underline.active, .btn--tertiary input .hover-active--underline:hover, .btn--tertiary input .hover-active--underline:active, .btn--tertiary input .hover-active--underline.active, .btn--tertiary button.hover-active--underline:hover, .btn--tertiary button.hover-active--underline:active, .btn--tertiary button.hover-active--underline.active, .btn--tertiary button .hover-active--underline:hover, .btn--tertiary button .hover-active--underline:active, .btn--tertiary button .hover-active--underline.active {
cursor: pointer;
}
.btn--tertiary a.hover-active--underline:hover:after, .btn--tertiary a.hover-active--underline:active:after, .btn--tertiary a.hover-active--underline.active:after, .btn--tertiary a .hover-active--underline:hover:after, .btn--tertiary a .hover-active--underline:active:after, .btn--tertiary a .hover-active--underline.active:after, .btn--tertiary input.hover-active--underline:hover:after, .btn--tertiary input.hover-active--underline:active:after, .btn--tertiary input.hover-active--underline.active:after, .btn--tertiary input .hover-active--underline:hover:after, .btn--tertiary input .hover-active--underline:active:after, .btn--tertiary input .hover-active--underline.active:after, .btn--tertiary button.hover-active--underline:hover:after, .btn--tertiary button.hover-active--underline:active:after, .btn--tertiary button.hover-active--underline.active:after, .btn--tertiary button .hover-active--underline:hover:after, .btn--tertiary button .hover-active--underline:active:after, .btn--tertiary button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--tertiary a:hover, .btn--tertiary input:hover, .btn--tertiary button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--tertiary a:focus, .btn--tertiary input:focus, .btn--tertiary button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--tertiary a:active, .btn--tertiary input:active, .btn--tertiary button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--tertiary a:active[data-transition-triggered=true], .btn--tertiary input:active[data-transition-triggered=true], .btn--tertiary button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary a:active span, .btn--tertiary input:active span, .btn--tertiary button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--tertiary a:active span[data-transition-triggered=true], .btn--tertiary input:active span[data-transition-triggered=true], .btn--tertiary button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary a:active p, .btn--tertiary input:active p, .btn--tertiary button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--tertiary a:active p[data-transition-triggered=true], .btn--tertiary input:active p[data-transition-triggered=true], .btn--tertiary button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary a:disabled, .btn--tertiary a.disabled, .btn--tertiary input:disabled, .btn--tertiary input.disabled, .btn--tertiary button:disabled, .btn--tertiary button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--tertiary a, .btn--tertiary input, .btn--tertiary button {
background-color: transparent;
border: 1px solid #DDDDDD;
color: #777777;
}
.btn--tertiary--small, .module--account-details-content .add-address {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
grid-template-columns: minmax(120px, max-content);
}
.btn--tertiary--small a, .module--account-details-content .add-address a, .btn--tertiary--small input, .module--account-details-content .add-address input, .btn--tertiary--small button, .module--account-details-content .add-address button {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--tertiary--small a.hover-active--underline, .module--account-details-content .add-address a.hover-active--underline, .btn--tertiary--small a .hover-active--underline, .module--account-details-content .add-address a .hover-active--underline, .btn--tertiary--small input.hover-active--underline, .module--account-details-content .add-address input.hover-active--underline, .btn--tertiary--small input .hover-active--underline, .module--account-details-content .add-address input .hover-active--underline, .btn--tertiary--small button.hover-active--underline, .module--account-details-content .add-address button.hover-active--underline, .btn--tertiary--small button .hover-active--underline, .module--account-details-content .add-address button .hover-active--underline {
position: relative;
}
.btn--tertiary--small a.hover-active--underline:after, .module--account-details-content .add-address a.hover-active--underline:after, .btn--tertiary--small a .hover-active--underline:after, .module--account-details-content .add-address a .hover-active--underline:after, .btn--tertiary--small input.hover-active--underline:after, .module--account-details-content .add-address input.hover-active--underline:after, .btn--tertiary--small input .hover-active--underline:after, .module--account-details-content .add-address input .hover-active--underline:after, .btn--tertiary--small button.hover-active--underline:after, .module--account-details-content .add-address button.hover-active--underline:after, .btn--tertiary--small button .hover-active--underline:after, .module--account-details-content .add-address button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.btn--tertiary--small a.hover-active--underline:hover, .module--account-details-content .add-address a.hover-active--underline:hover, .btn--tertiary--small a.hover-active--underline:active, .module--account-details-content .add-address a.hover-active--underline:active, .btn--tertiary--small a.hover-active--underline.active, .module--account-details-content .add-address a.hover-active--underline.active, .btn--tertiary--small a .hover-active--underline:hover, .module--account-details-content .add-address a .hover-active--underline:hover, .btn--tertiary--small a .hover-active--underline:active, .module--account-details-content .add-address a .hover-active--underline:active, .btn--tertiary--small a .hover-active--underline.active, .module--account-details-content .add-address a .hover-active--underline.active, .btn--tertiary--small input.hover-active--underline:hover, .module--account-details-content .add-address input.hover-active--underline:hover, .btn--tertiary--small input.hover-active--underline:active, .module--account-details-content .add-address input.hover-active--underline:active, .btn--tertiary--small input.hover-active--underline.active, .module--account-details-content .add-address input.hover-active--underline.active, .btn--tertiary--small input .hover-active--underline:hover, .module--account-details-content .add-address input .hover-active--underline:hover, .btn--tertiary--small input .hover-active--underline:active, .module--account-details-content .add-address input .hover-active--underline:active, .btn--tertiary--small input .hover-active--underline.active, .module--account-details-content .add-address input .hover-active--underline.active, .btn--tertiary--small button.hover-active--underline:hover, .module--account-details-content .add-address button.hover-active--underline:hover, .btn--tertiary--small button.hover-active--underline:active, .module--account-details-content .add-address button.hover-active--underline:active, .btn--tertiary--small button.hover-active--underline.active, .module--account-details-content .add-address button.hover-active--underline.active, .btn--tertiary--small button .hover-active--underline:hover, .module--account-details-content .add-address button .hover-active--underline:hover, .btn--tertiary--small button .hover-active--underline:active, .module--account-details-content .add-address button .hover-active--underline:active, .btn--tertiary--small button .hover-active--underline.active, .module--account-details-content .add-address button .hover-active--underline.active {
cursor: pointer;
}
.btn--tertiary--small a.hover-active--underline:hover:after, .module--account-details-content .add-address a.hover-active--underline:hover:after, .btn--tertiary--small a.hover-active--underline:active:after, .module--account-details-content .add-address a.hover-active--underline:active:after, .btn--tertiary--small a.hover-active--underline.active:after, .module--account-details-content .add-address a.hover-active--underline.active:after, .btn--tertiary--small a .hover-active--underline:hover:after, .module--account-details-content .add-address a .hover-active--underline:hover:after, .btn--tertiary--small a .hover-active--underline:active:after, .module--account-details-content .add-address a .hover-active--underline:active:after, .btn--tertiary--small a .hover-active--underline.active:after, .module--account-details-content .add-address a .hover-active--underline.active:after, .btn--tertiary--small input.hover-active--underline:hover:after, .module--account-details-content .add-address input.hover-active--underline:hover:after, .btn--tertiary--small input.hover-active--underline:active:after, .module--account-details-content .add-address input.hover-active--underline:active:after, .btn--tertiary--small input.hover-active--underline.active:after, .module--account-details-content .add-address input.hover-active--underline.active:after, .btn--tertiary--small input .hover-active--underline:hover:after, .module--account-details-content .add-address input .hover-active--underline:hover:after, .btn--tertiary--small input .hover-active--underline:active:after, .module--account-details-content .add-address input .hover-active--underline:active:after, .btn--tertiary--small input .hover-active--underline.active:after, .module--account-details-content .add-address input .hover-active--underline.active:after, .btn--tertiary--small button.hover-active--underline:hover:after, .module--account-details-content .add-address button.hover-active--underline:hover:after, .btn--tertiary--small button.hover-active--underline:active:after, .module--account-details-content .add-address button.hover-active--underline:active:after, .btn--tertiary--small button.hover-active--underline.active:after, .module--account-details-content .add-address button.hover-active--underline.active:after, .btn--tertiary--small button .hover-active--underline:hover:after, .module--account-details-content .add-address button .hover-active--underline:hover:after, .btn--tertiary--small button .hover-active--underline:active:after, .module--account-details-content .add-address button .hover-active--underline:active:after, .btn--tertiary--small button .hover-active--underline.active:after, .module--account-details-content .add-address button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.btn--tertiary--small a:hover, .module--account-details-content .add-address a:hover, .btn--tertiary--small input:hover, .module--account-details-content .add-address input:hover, .btn--tertiary--small button:hover, .module--account-details-content .add-address button:hover {
background-color: #293C70;
color: #FFFFFF;
}
.btn--tertiary--small a:focus, .module--account-details-content .add-address a:focus, .btn--tertiary--small input:focus, .module--account-details-content .add-address input:focus, .btn--tertiary--small button:focus, .module--account-details-content .add-address button:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.btn--tertiary--small a:active, .module--account-details-content .add-address a:active, .btn--tertiary--small input:active, .module--account-details-content .add-address input:active, .btn--tertiary--small button:active, .module--account-details-content .add-address button:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.btn--tertiary--small a:active[data-transition-triggered=true], .module--account-details-content .add-address a:active[data-transition-triggered=true], .btn--tertiary--small input:active[data-transition-triggered=true], .module--account-details-content .add-address input:active[data-transition-triggered=true], .btn--tertiary--small button:active[data-transition-triggered=true], .module--account-details-content .add-address button:active[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary--small a:active span, .module--account-details-content .add-address a:active span, .btn--tertiary--small input:active span, .module--account-details-content .add-address input:active span, .btn--tertiary--small button:active span, .module--account-details-content .add-address button:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.btn--tertiary--small a:active span[data-transition-triggered=true], .module--account-details-content .add-address a:active span[data-transition-triggered=true], .btn--tertiary--small input:active span[data-transition-triggered=true], .module--account-details-content .add-address input:active span[data-transition-triggered=true], .btn--tertiary--small button:active span[data-transition-triggered=true], .module--account-details-content .add-address button:active span[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary--small a:active p, .module--account-details-content .add-address a:active p, .btn--tertiary--small input:active p, .module--account-details-content .add-address input:active p, .btn--tertiary--small button:active p, .module--account-details-content .add-address button:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.btn--tertiary--small a:active p[data-transition-triggered=true], .module--account-details-content .add-address a:active p[data-transition-triggered=true], .btn--tertiary--small input:active p[data-transition-triggered=true], .module--account-details-content .add-address input:active p[data-transition-triggered=true], .btn--tertiary--small button:active p[data-transition-triggered=true], .module--account-details-content .add-address button:active p[data-transition-triggered=true] {
transform: scale(1);
}
.btn--tertiary--small a:disabled, .module--account-details-content .add-address a:disabled, .btn--tertiary--small a.disabled, .module--account-details-content .add-address a.disabled, .btn--tertiary--small input:disabled, .module--account-details-content .add-address input:disabled, .btn--tertiary--small input.disabled, .module--account-details-content .add-address input.disabled, .btn--tertiary--small button:disabled, .module--account-details-content .add-address button:disabled, .btn--tertiary--small button.disabled, .module--account-details-content .add-address button.disabled {
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.btn--tertiary--small a, .module--account-details-content .add-address a, .btn--tertiary--small input, .module--account-details-content .add-address input, .btn--tertiary--small button, .module--account-details-content .add-address button {
background-color: transparent;
border: 1px solid #DDDDDD;
color: #777777;
}
.btn--tertiary--small a, .module--account-details-content .add-address a, .btn--tertiary--small input, .module--account-details-content .add-address input, .btn--tertiary--small button, .module--account-details-content .add-address button {
line-height: 2.5rem;
height: 2.5rem;
border-radius: 1rem;
}
@media screen and (min-width: 0px) {
.btn-sml--center {
justify-content: center;
}
}
@media screen and (min-width: 0px) {
.btn-sml--right {
justify-content: end;
}
}
@media screen and (min-width: 0px) {
.btn-sml--left {
justify-content: start;
}
}
@media screen and (min-width: 0px) {
.btn-sml--spans-grid-item {
grid-template-columns: none;
}
}
@media screen and (min-width: 0px) {
.btn-sml--fixed-large {
grid-template-columns: minmax(200px, max-content);
}
}
@media screen and (min-width: 0px) {
.btn-sml--fixed-small {
grid-template-columns: minmax(120px, max-content);
}
}
@media screen and (min-width: 600px) {
.btn-med--center {
justify-content: center;
}
}
@media screen and (min-width: 600px) {
.btn-med--right {
justify-content: end;
}
}
@media screen and (min-width: 600px) {
.btn-med--left {
justify-content: start;
}
}
@media screen and (min-width: 600px) {
.btn-med--spans-grid-item {
grid-template-columns: none;
}
}
@media screen and (min-width: 600px) {
.btn-med--fixed-large {
grid-template-columns: minmax(200px, max-content);
}
}
@media screen and (min-width: 600px) {
.btn-med--fixed-small {
grid-template-columns: minmax(120px, max-content);
}
}
@media screen and (min-width: 900px) {
.btn-lrg--center {
justify-content: center;
}
}
@media screen and (min-width: 900px) {
.btn-lrg--right {
justify-content: end;
}
}
@media screen and (min-width: 900px) {
.btn-lrg--left {
justify-content: start;
}
}
@media screen and (min-width: 900px) {
.btn-lrg--spans-grid-item {
grid-template-columns: none;
}
}
@media screen and (min-width: 900px) {
.btn-lrg--fixed-large {
grid-template-columns: minmax(200px, max-content);
}
}
@media screen and (min-width: 900px) {
.btn-lrg--fixed-small {
grid-template-columns: minmax(120px, max-content);
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--center {
justify-content: center;
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--right {
justify-content: end;
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--left {
justify-content: start;
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--spans-grid-item {
grid-template-columns: none;
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--fixed-large {
grid-template-columns: minmax(200px, max-content);
}
}
@media screen and (min-width: 1200px) {
.btn-xlg--fixed-small {
grid-template-columns: minmax(120px, max-content);
}
}
.Rise-add-to-cart-button.btn, .module--account-details-content .Rise-add-to-cart-button.add-address {
margin-bottom: 0 !important;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address {
background: #283455;
color: #FFFFFF;
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
border: 1px solid #283455;
margin-bottom: 0 !important;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:hover, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:hover {
background-color: #293C70;
color: #FFFFFF;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:focus, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active[data-transition-triggered=true], .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active[data-transition-triggered=true] {
transform: scale(1);
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active span, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active span[data-transition-triggered=true], .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active span[data-transition-triggered=true] {
transform: scale(1);
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active p, .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.GiftWizard-gift-button.btn.product-form__cart-submit.gwbutton:active p[data-transition-triggered=true], .module--account-details-content .GiftWizard-gift-button.product-form__cart-submit.gwbutton.add-address:active p[data-transition-triggered=true] {
transform: scale(1);
}
/*============================================================================
#Tables
==============================================================================*/
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table.full {
width: 100%;
margin-bottom: 1em;
}
.table-wrap {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
th {
font-weight: bold;
}
th, td {
text-align: left;
padding: 10px;
border: 1px solid #e5e5e5 ;
}
/*============================================================================
#Responsive tables
==============================================================================*/
@media screen and (max-width: 1023px) {
.table--responsive thead {
display: none;
}
.table--responsive tr {
display: block;
}
.table--responsive tr,
.table--responsive td {
float: left;
clear: both;
width: 100%;
}
.table--responsive th,
.table--responsive td {
display: block;
text-align: right;
padding: 15px;
}
.table--responsive td:before {
content: attr(data-label);
float: left;
text-align: center;
font-size: 12px;
padding-right: 10px;
}
.table--responsive.cart-table img {
margin: 0 auto;
}
.table--responsive.cart-table .js-qty {
float: none;
margin: 0 auto;
}
}
@media screen and (max-width: 479px) {
.table--small-hide {
display: none !important;
}
.table__section + .table__section {
position: relative;
margin-top: 10px;
padding-top: 15px;
}
.table__section + .table__section:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 15px;
right: 15px;
border-bottom: 1px solid #e5e5e5 ;
}
}
/*============================================================================
#OOCSS Media Object
- http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media-flex {
overflow: hidden;
_overflow: visible;
zoom: 1;
}
.media-img {
float: left;
margin-right: 20px;
}
.media-img-right {
float: right;
margin-left: 20px;
}
.media-img img,
.media-img-right img {
display: block;
}
/*============================================================================
#Images and Iframes
==============================================================================*/
img {
border: 0 none;
}
svg:not(:root) {
overflow: hidden;
}
img.auto,
.grid__item img,
.grid__item iframe {
max-width: 100%;
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*============================================================================
#Forms
==============================================================================*/
form {
margin-bottom: 0;
}
.form-vertical {
margin-bottom: 10px;
}
/*============== Prevent zoom on touch devices in active inputs ==============*/
@media screen and (max-width: 767px) {
input,
textarea {
font-size: 16px;
}
}
input,
textarea,
button,
select {
padding: 0;
margin: 0;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
button {
background: none;
border: none;
cursor: pointer;
}
button,
input,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
button {
background: none;
border: none;
display: inline-block;
cursor: pointer;
}
input[type=image] {
padding-left: 0;
padding-right: 0;
}
fieldset {
border: 1px solid #e5e5e5 ;
padding: 10px;
}
legend {
border: 0;
padding: 0;
}
button,
input[type=submit] {
cursor: pointer;
}
input,
textarea,
select {
border: 1px solid #e5e5e5 ;
max-width: 100%;
padding: 8px 10px;
border-radius: 0;
}
input:focus,
textarea:focus,
select:focus {
border: 1px solid #aeaeae;
}
input[disabled], input.disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
select.disabled {
cursor: default;
background-color: #f6f6f6;
border-color: #b6b6b6;
}
input.input-full,
textarea.input-full,
select.input-full {
width: 100%;
}
/*======================== Input element overrides ===========================*/
input[type=checkbox],
input[type=radio] {
display: inline;
margin: 0 8px 0 0;
padding: 0;
width: auto;
}
input[type=checkbox] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
}
input[type=image] {
padding-left: 0;
padding-right: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url( ico-select3640.svg?v=115053003441397169141713475717);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: transparent;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: "";
cursor: pointer;
/*=================== Hide the svg arrow in IE9 and below ==================*/
}
.ie9 select, .lt-ie9 select {
padding-right: 10px;
background-image: none;
}
optgroup {
font-weight: bold;
}
option {
color: #000;
background-color: #fff;
}
select::-ms-expand {
display: none;
}
/*=============================== Form labels ================================*/
.hidden-label {
position: absolute;
height: 0;
width: 0;
margin-bottom: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.ie9 .hidden-label, .lt-ie9 .hidden-label {
position: static;
height: auto;
width: auto;
margin-bottom: 2px;
overflow: visible;
clip: initial;
}
label[for] {
cursor: pointer;
}
/*========================== Horizontal Form =================================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
display: block;
margin-bottom: 10px;
}
.form-vertical input[type=radio],
.form-vertical input[type=checkbox] {
display: inline-block;
}
/*============================== Error styles ================================*/
input.error,
select.error,
textarea.error {
border-color: #d02e2e;
background-color: #fff6f6;
color: #d02e2e;
}
label.error {
color: #d02e2e;
}
/*============================== Input Group =================================*/
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .input-group-field:first-child,
.input-group .input-group-btn:first-child,
.input-group .input-group-btn:first-child > .btn,
.input-group .module--account-details-content .input-group-btn:first-child > .add-address,
.module--account-details-content .input-group .input-group-btn:first-child > .add-address,
.input-group input[type=hidden]:first-child + .input-group-field,
.input-group input[type=hidden]:first-child + .input-group-btn > .btn,
.input-group .module--account-details-content input[type=hidden]:first-child + .input-group-btn > .add-address,
.module--account-details-content .input-group input[type=hidden]:first-child + .input-group-btn > .add-address {
border-radius: 0 0 0 0;
}
.input-group .input-group-field:last-child,
.input-group .input-group-btn:last-child > .btn,
.input-group .module--account-details-content .input-group-btn:last-child > .add-address,
.module--account-details-content .input-group .input-group-btn:last-child > .add-address {
border-radius: 0 0 0 0;
}
.input-group input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-field,
.input-group-btn {
display: table-cell;
margin: 0;
}
.input-group .input-group-field {
width: 100%;
}
.input-group-btn {
position: relative;
white-space: nowrap;
width: 1%;
padding: 0;
}
/*============================================================================
#Icons
==============================================================================*/
.icon-fallback-text .icon {
display: none;
}
.supports-fontface .icon-fallback-text .icon {
display: inline-block;
}
.icon:before {
display: none;
}
.supports-fontface .icon:before {
display: inline;
font-family: "icons";
text-decoration: none;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*============================== Icon mapping ================================*/
.icon-mail:before {
content: "\e900";
}
.icon-instagram2:before {
content: "\f16d";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-pinterest-p:before {
content: "\f231";
}
.icon-facebook2:before {
content: "\e800";
}
.icon-smile:before {
content: "\e608";
}
.icon-user:before {
content: "\e609";
}
.icon-arrow-down:before {
content: "\e607";
}
.icon-cart:before {
content: "\e600";
}
.icon-hamburger:before {
content: "\e601";
}
.icon-minus:before {
content: "\e602";
}
.icon-plus:before {
content: "\e605";
}
.icon-x:before {
content: "\e606";
}
.icon-grid-view:before {
content: "\e603";
}
.icon-list-view:before {
content: "\e604";
}
.icon-american_express:before {
content: "A";
}
.icon-bitcoin:before {
content: "B";
}
.icon-cirrus:before {
content: "C";
}
.icon-discover:before {
content: "D";
}
.icon-fancy:before {
content: "F";
}
.icon-google_wallet:before {
content: "G";
}
.icon-interac:before {
content: "I";
}
.icon-jcb:before {
content: "J";
}
.icon-master:before {
content: "M";
}
.icon-paypal:before {
content: "P";
}
.icon-stripe:before {
content: "S";
}
.icon-twitter:before {
content: "T";
}
.icon-visa:before {
content: "V";
}
.icon-diners_club:before {
content: "c";
}
.icon-dankort:before {
content: "d";
}
.icon-facebook:before {
content: "f";
}
.icon-google:before {
content: "g";
}
.icon-instagram:before {
content: "i";
}
.icon-maestro:before {
content: "m";
}
.icon-pinterest:before {
content: "p";
}
.icon-search:before {
content: "s";
}
.icon-tumblr:before {
content: "t";
}
.icon-vimeo:before {
content: "v";
}
.icon-youtube:before {
content: "y";
}
.icon-rss:before {
content: "r";
}
.payment-icons {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.payment-icons li {
margin: 0 5px 5px;
color: #bbbbbb ;
cursor: default;
}
.payment-icons .icon {
font-size: 30px;
line-height: 30px;
}
.payment-icons .fallback-text {
text-transform: capitalize;
}
.icon-user {
position: relative;
padding-left: 30px;
}
.icon-user:before {
position: absolute;
bottom: -2px;
left: 0;
display: inline-block;
font-family: "BrandonTextWeb-Regular", sans-serif;
content: "___";
color: transparent;
background: #fff url( ../icon_login-in659a.html?1992053) no-repeat center center;
background-size: 25px 25px;
height: 27px;
width: 25px;
overflow: visible;
}
.customer-logged-in .icon-user:before {
background: #fff url( ../icon_login-out659a.html?1992053) no-repeat center center;
}
.toggle-customer-sub-nav {
cursor: pointer;
display: inline-block;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
color: #171717;
/* TOP NAV SHOP/GET STARTED/ABOUT/REVIEWS ON HOVER */
}
.toggle-customer-sub-nav:hover {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
.toggle-customer-sub-nav:hover {
font-size: 16px;
}
}
span.customer {
position: relative;
margin-right: 48px;
width: 100%;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
color: #171717;
/* TOP NAV SHOP/GET STARTED/ABOUT/REVIEWS ON HOVER */
}
span.customer:hover {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
span.customer:hover {
font-size: 16px;
}
}
span.customer .customer-sub-nav {
display: none;
position: absolute;
top: 45px;
left: -50px;
width: 140px;
height: 100px;
z-index: 1;
background-color: #fff;
border: 1px solid #ddd;
}
span.customer .customer-sub-nav .inner {
border-top: 6px solid white;
background-color: white;
}
span.customer .customer-sub-nav:before {
content: " ";
position: absolute;
z-index: -2;
top: 0px;
left: 50%;
margin-left: -10px;
margin-top: -10px;
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid #ddd;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
span.customer .customer-sub-nav:after {
content: "";
position: absolute;
z-index: 1;
top: -20px;
left: 0;
width: 140px;
height: 20px;
background-color: #fff;
opacity: 0;
}
span.customer .customer-sub-nav a {
display: block;
text-align: center;
text-transform: uppercase;
font-weight: 600;
padding: 2px 0;
}
.icon-cart {
position: relative;
padding-left: 20px;
}
.icon-cart:before {
position: absolute;
bottom: -7px;
left: 0;
display: inline-block;
font-family: "BrandonTextWeb-Regular", sans-serif;
content: "___";
color: transparent;
background: transparent url( ../shopping-cart-icon659a.html?1992053) no-repeat center center;
background-size: 26px 24px;
height: 24px;
width: 26px;
overflow: visible;
}
.icon-cart:hover:before {
/* background: #fff url( //www.brooklinen.com/cdn/shop/t/2821/assets/icon_shopping-bag_hover.png?1992053 ) no-repeat center center;*/
background: transparent url( ../shopping-cart-icon659a.html?1992053) no-repeat center center;
background-size: 26px 24px;
height: 24px;
width: 26px;
overflow: visible;
}
.icon-cart:after {
content: " ";
/*background: #fff url( //www.brooklinen.com/cdn/shop/t/2821/assets/icon_shopping-bag_hover.png?1992053 ) no-repeat center center;*/
background: transparent url( ../shopping-cart-icon659a.html?1992053) no-repeat center center;
}
.icon-x:before {
display: inline-block;
font-family: "BrandonTextWeb-Regular", sans-serif;
content: "___";
color: transparent;
background: transparent url( close-x-icon7ea0.png?v=114100491574478679471713475717) no-repeat center center;
background-size: 18px 18px;
height: 18px;
width: 18px;
overflow: visible;
}
.icon-x:hover:before {
background: transparent url( close-x-icon7ea0.png?v=114100491574478679471713475717) no-repeat center center;
background-size: 18px 18px;
height: 18px;
width: 18px;
overflow: visible;
}
.icon-hamburger:before {
position: absolute;
bottom: 0px;
left: 0;
display: inline-block;
font-family: "BrandonTextWeb-Regular", sans-serif;
content: "___";
color: transparent;
background: transparent url( hamburger-icon30ad.png?v=117683659701844404931713475717) no-repeat center center;
background-size: 20px 18px;
height: 18px;
width: 20px;
overflow: visible;
}
.icon-hamburger:hover:before {
background: transparent url( hamburger-icon30ad.png?v=117683659701844404931713475717) no-repeat center center;
background-size: 20px 18px;
height: 18px;
width: 20px;
overflow: visible;
}
#CartCount {
color: #181818;
}
#CartCount, .cart-items {
display: none;
}
@media screen and (min-width: 1024px) {
#CartCount, .cart-items {
display: inline;
}
}
.social-icons li {
margin: 0 10px 10px;
vertical-align: middle;
}
@media screen and (min-width: 481px) {
.social-icons li {
margin-left: 0;
}
}
.social-icons li .icon {
font-size: 30px;
line-height: 26px;
}
.social-icons li a {
color: #bbbbbb ;
}
.social-icons li a:hover {
color: #6d6d6d;
}
/*============================================================================
#Notes and Form Feedback
==============================================================================*/
.note,
.errors {
border-radius: 0;
padding: 6px 12px;
margin-bottom: 10px;
border: 1px solid transparent;
font-size: 0.9em;
text-align: left;
}
.note ul,
.note ol,
.errors ul,
.errors ol {
margin-top: 0;
margin-bottom: 0;
}
.note li:last-child,
.errors li:last-child {
margin-bottom: 0;
}
.note p,
.errors p {
margin-bottom: 0;
}
.note {
border-color: #e5e5e5 ;
}
.errors ul {
list-style: disc outside;
margin-left: 20px;
}
.form-success {
color: #56ad6a;
background-color: #ecfef0;
border-color: #56ad6a;
}
.form-success a {
color: #56ad6a;
text-decoration: underline;
}
.form-success a:hover {
text-decoration: none;
}
.form-error,
.errors {
color: #d02e2e;
background-color: #fff6f6;
border-color: #d02e2e;
}
.form-error a,
.errors a {
color: #d02e2e;
text-decoration: underline;
}
.form-error a:hover,
.errors a:hover {
text-decoration: none;
}
/*============================================================================
#Pagination
==============================================================================*/
.pagination {
margin-bottom: 1em;
text-align: center;
}
.pagination > span {
display: inline-block;
line-height: 1;
}
.pagination a {
display: block;
}
.pagination a,
.pagination .page.current {
padding: 8px;
}
/*============================================================================
#Modules
==============================================================================*/
.module--fullbleed {
margin: 0;
border: none;
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
overflow: hidden;
}
.module--fullbleed .wrapper {
position: relative;
z-index: 2;
}
@media screen and (max-width: 599px) {
.fullbleed--mobile {
margin: 0;
border: none;
position: relative;
width: calc(100vw + 20px);
left: calc(-50vw + 50%);
overflow: hidden;
max-width: none !important;
display: block;
}
}
@media screen and (min-width: 900px) {
.fullbleed--desktop {
margin: 0;
border: none;
position: relative;
width: calc(100vw + 20px);
left: calc(-50vw + 50%);
overflow: hidden;
max-width: none !important;
display: block;
}
}
@media screen and (max-width: 599px) {
.fullbleed--mobile__no-grid {
margin: 0;
border: none;
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
overflow: hidden;
max-width: none !important;
display: block;
}
}
@media screen and (min-width: 900px) {
.fullbleed--desktop__no-grid {
margin: 0;
border: none;
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
overflow: hidden;
max-width: none !important;
display: block;
}
}
.module--stacking {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.module--stacking {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.module--heavy-bottom {
padding-bottom: 4rem;
margin-bottom: 0;
}
@media screen and (min-width: 900px) {
.module--heavy-bottom {
padding-bottom: 5rem;
margin-bottom: 0;
}
}
/*============================================================================
#ADA Skip Nav Button
==============================================================================*/
.skip-nav {
z-index: 99991 !important;
background-color: #FFFFFF !important;
color: #0F1528 !important;
position: absolute;
top: 0;
left: 0;
text-decoration: none;
cursor: pointer;
transform: translateY(-100%);
opacity: 0;
}
.skip-nav:focus {
transform: none;
opacity: 1;
}
/*============================================================================
#Site Header
==============================================================================*/
.nano-bg {
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99989;
transition: height 800ms cubic-bezier(0.33, 1, 0.68, 1), transform 800ms cubic-bezier(0.33, 1, 0.68, 1);
}
.site-header-wrapper.nano--hide {
position: fixed;
}
.site-header-wrapper.nano--hide .nano-bg {
height: 0px;
transform: translateY(-80px);
}
@media screen and (min-width: 600px) {
.site-header-wrapper.nano--hide .nano-bg {
transform: translateY(-64px);
}
}
@media screen and (min-width: 1200px) {
.site-header-wrapper.nano--hide .nano-bg {
transform: translateY(-56px);
}
}
.site-header-wrapper.nano--scroll-out {
position: fixed;
top: -80px;
}
@media screen and (min-width: 600px) {
.site-header-wrapper.nano--scroll-out {
top: -64px;
}
}
@media screen and (min-width: 1200px) {
.site-header-wrapper.nano--scroll-out {
top: -56px;
}
}
.site-header-wrapper.nano-header--stick {
position: fixed;
}
@media screen and (max-width: 599px) {
.site-header-wrapper.nav--scroll-mobile {
position: absolute;
}
.site-header-wrapper.nav--scroll-mobile .nano-bg {
position: fixed;
}
.site-header-wrapper.nav--scroll-mobile .site-header {
position: relative;
z-index: 99988;
top: 80px;
}
.site-header-wrapper.nav--scroll-mobile.menu-active .site-header {
z-index: 99989;
}
}
.site-header-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99988;
}
.site-header {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
opacity: 1;
}
.site-header--disabled {
height: 0;
padding: 0 !important;
overflow: hidden;
opacity: 0;
transition-delay: 400ms;
transition: opacity 400ms ease;
}
/* TOP NAV DESKTOP FROM LOGO ON LEFT TO CART ON RIGHT */
.top-nav {
position: relative;
background-color: #fff;
z-index: 3;
display: flex;
padding-top: 10px;
height: 48px;
/* TOP NAV DESKTOP from SHOP <-----> REVIEWS */
/* TOP NAV EACH SHOP/GET STARTED/ABOUT/REVIEWS */
}
@media screen and (max-width: 767px) {
.top-nav {
height: auto;
padding-bottom: 6.6666666667px;
}
}
.top-nav ul {
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
body.loop-returns-activated .top-nav ul {
display: none;
}
.top-nav li {
flex-grow: 1;
margin: 0px;
padding: 0;
padding-top: 8px;
}
.top-nav li a, .top-nav li div {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
display: flex;
flex-grow: 1;
width: 100%;
color: #171717;
/* TOP NAV SHOP/GET STARTED/ABOUT/REVIEWS ON HOVER */
}
.top-nav li a:hover, .top-nav li div:hover {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
.top-nav li a:hover, .top-nav li div:hover {
font-size: 16px;
}
}
.top-nav li.top-nav-refer-a-friend {
display: none;
}
.top-nav li.top-nav-shop .sub-arrow {
display: inline-block;
color: black;
font-size: 8px;
font-weight: 600;
background-color: transparent;
-ms-transform: scale(1, 0.5);
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
margin-left: 2px;
}
.top-nav li.top-nav-about .sub-arrow {
display: inline-block;
color: black;
font-size: 8px;
font-weight: 600;
background-color: transparent;
-ms-transform: scale(1, 0.5);
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
margin-left: 2px;
}
.top-nav-sub-nav {
position: fixed;
top: 40px;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 35px;
background-color: #fff;
visibility: hidden;
-ms-transform: translateY(-1000px);
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
}
.top-nav-sub-nav .wrapper {
max-width: 100% !important;
height: 35px;
background-color: #2b8df2 ;
}
.top-nav-sub-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
text-align: left;
width: 100%;
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.top-nav-sub-nav.about-sub-nav ul {
width: 100%;
max-width: 650px;
}
.top-nav-sub-nav.shop-sub-nav ul {
width: 100%;
max-width: 1280px;
}
.top-nav-sub-nav.reviews-sub-nav ul {
width: 100%;
max-width: 362px;
}
.top-nav-sub-nav li {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
letter-spacing: normal;
text-transform: none !important;
letter-spacing: 0.062em;
flex-grow: 1;
text-align: center;
}
.top-nav-sub-nav li.shop-sub-nav-sheets, .top-nav-sub-nav li.shop-sub-nav-blankets {
padding-top: 0;
}
.top-nav-sub-nav li:hover {
color: #024BC2 !important;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.062em;
}
@media screen and (min-width: 769px) {
.top-nav-sub-nav li:hover {
font-size: 16px;
}
}
.top-nav-sub-nav li:hover a {
color: #024BC2;
}
.top-nav-sub-nav li a {
display: block;
padding-bottom: 0;
}
.top-nav-sub-nav li.shop-sub-nav-account {
max-width: 33%;
border-top: 1px solid #181818;
padding-top: 20px;
}
.top-nav-sub-nav li.anchor-DISABLED {
text-transform: none;
color: #181818;
font-size: 1em;
padding: 0;
}
.top-nav-sub-nav li.anchor-DISABLED a {
font-weight: 400;
color: #181818;
padding-bottom: 2px;
}
.top-nav-sub-nav li.anchor-DISABLED a:hover {
color: #42c8e2 ;
}
/* TOP NAV DESKTOP SHOP/ABOUT WHEN CATEGORIES ARE ON HOVER */
.top-nav-has-sub-nav.active {
overflow: hidden;
}
.top-nav-has-sub-nav.active a {
color: black;
position: relative;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
}
.shop-sub-nav-open .shop-sub-nav {
visibility: visible;
z-index: 2;
-ms-transform: translateY(48px);
-webkit-transform: translateY(48px);
transform: translateY(48px);
}
.about-sub-nav-open .about-sub-nav {
visibility: visible;
z-index: 2;
-ms-transform: translateY(48px);
-webkit-transform: translateY(48px);
transform: translateY(48px);
}
.reviews-sub-nav-open .reviews-sub-nav {
visibility: visible;
z-index: 2;
-ms-transform: translateY(48px);
-webkit-transform: translateY(48px);
transform: translateY(48px);
}
.login-cart, .cart-item {
color: #181818;
}
.login-cart a, .cart-item a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
color: #181818;
letter-spacing: 0.08em;
}
.login-cart a:hover, .cart-item a:hover {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
.login-cart a:hover, .cart-item a:hover {
font-size: 16px;
}
}
.site-header__logo {
text-align: center;
margin: 0 auto;
max-width: 100%;
padding-top: 4px;
}
@media screen and (min-width: 769px) {
.site-header__logo {
text-align: left;
}
}
.site-header__logo a,
.site-header__logo a:hover,
.site-header__logo a:focus {
text-decoration: none;
}
.site-header__logo a, .site-header__logo img {
display: block;
float: left;
}
.site-header__logo img {
margin: 0;
}
@media screen and (min-width: 769px) {
.site-header__logo img {
margin: 0;
max-height: 20px;
}
}
@media screen and (min-width: 1240px) {
.site-header__logo img {
max-width: 190px;
}
}
.site-header__logo-link {
max-width: 450px;
}
.site-header__cart {
transition: background 200ms cubic-bezier(0.33, 1, 0.68, 1);
height: 40px;
width: 40px;
background: transparent;
border-radius: 4px;
}
.site-header__cart a {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.site-header__cart a .cart-count {
top: -5px !important;
right: -6px !important;
opacity: 0 !important;
transition: opacity 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.site-header__cart--active {
background: #DDE3EC;
}
.site-header__cart--active a .cart-count {
opacity: 1 !important;
}
.site-header__cart--active:hover, .site-header__cart--active:focus {
background-color: #DDE3EC; /* The Fallback */
background-color: rgba(221, 227, 236, 0.5);
}
.site-header__cart-toggle {
display: inline-block;
}
.site-header__search {
display: block;
flex: 1;
}
.site-header__extras {
display: flex;
padding-top: 6px;
}
.account-cart-wrapper {
white-space: nowrap;
padding-left: 48px;
z-index: 2;
}
body.loop-returns-activated .site-header__search, body.loop-returns-activated .account-cart-wrapper .customer {
opacity: 0;
visibility: hidden;
}
.input-group-wrapper-desktop .input-group-btn-desktop button {
height: 20px;
}
.input-group-wrapper-desktop .input-group-field {
border: 1px solid transparent;
border-bottom: 1px solid black;
}
.input-group-wrapper-desktop .submit-btn-desktop {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
background-color: #fff;
color: #171717;
letter-spacing: 0.08em;
border-width: 0px !important;
line-height: 20px;
outline: none !important;
border-collapse: collapse;
width: 80px;
padding: 0;
transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
transition-property: background-color, color;
}
@media screen and (min-width: 769px) {
.input-group-wrapper-desktop .submit-btn-desktop {
font-size: 20px;
}
}
.input-group-wrapper-desktop .submit-btn-desktop.btn--primary {
background-color: transparent !important;
color: #0F1528 !important;
}
.input-group-wrapper-desktop .search-input-desktop {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
letter-spacing: 0.08em;
opacity: 0;
outline: none;
border-collapse: collapse;
padding: 0px;
transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
@media screen and (min-width: 769px) {
.input-group-wrapper-desktop .search-input-desktop {
font-size: 20px;
}
}
.input-group-wrapper-desktop.over .search-input-desktop {
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.input-group-wrapper-desktop.over .submit-btn-desktop {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
letter-spacing: 0.08em;
text-transform: none !important;
}
@media screen and (min-width: 769px) {
.input-group-wrapper-desktop.over .submit-btn-desktop {
font-size: 16px;
}
}
.input-group-wrapper-mobile {
display: none;
padding: 10px 0;
max-width: 90%;
}
.search-bar {
max-width: 100%;
}
@media screen and (max-width: 767px) {
.search-bar {
margin-left: auto;
margin-right: auto;
}
}
body.template-blog.blog-careers .site-header {
display: none;
}
body.template-blog.blog-careers .grid__site-header-alt-01, body.template-blog.blog-careers .grid__site-header-alt-02 {
display: none;
}
@media screen and (min-width: 768px) {
body.template-blog.blog-careers .grid__site-header-alt-01, body.template-blog.blog-careers .grid__site-header-alt-02 {
display: block;
}
}
body.template-blog.blog-careers .grid--shelf-header {
margin-top: 20px;
}
@media screen and (min-width: 768px) {
body.template-blog.blog-careers .grid--shelf-header {
margin-top: 0px;
}
}
#PageContainer.nano--hide {
transition: margin-top 800ms cubic-bezier(0.33, 1, 0.68, 1);
margin-top: -80px;
}
@media screen and (min-width: 600px) {
#PageContainer.nano--hide {
margin-top: -64px;
}
}
@media screen and (min-width: 1200px) {
#PageContainer.nano--hide {
margin-top: -56px;
}
}
.nano-bg {
background-color: #283455;
height: 80px;
}
@media screen and (min-width: 600px) {
.nano-bg {
height: 64px;
}
}
@media screen and (min-width: 1200px) {
.nano-bg {
height: 56px;
}
}
body.checkout .nano-bg {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
body.checkout .nano-bg #nanoBarDynamicYield.nano--v1 .nano-close, body.checkout .nano-bg #nanoBarFallback.nano--v1 .nano-close {
display: none;
}
#nanoBarDynamicYield.nano--v1, #nanoBarFallback.nano--v1 {
color: #FFF;
background-color: #283455;
height: 80px;
width: 100%;
position: static;
top: 0;
left: 0;
right: 0;
z-index: 99990;
bottom: auto;
letter-spacing: 0.5px;
/*
* Nanobar-type specific styles
* Each type is wrapped in a div with the classes
* nano-type nano-type__type-name
*/
/* Hidden and full with by default */
/*================ Type: text-only ================*/
/*================ Type: Text+timer ================*/
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1, #nanoBarFallback.nano--v1 {
height: 64px;
}
}
@media screen and (min-width: 1200px) {
#nanoBarDynamicYield.nano--v1, #nanoBarFallback.nano--v1 {
height: 56px;
}
}
#nanoBarDynamicYield.nano--v1 *:focus, #nanoBarFallback.nano--v1 *:focus {
outline: none;
}
#nanoBarDynamicYield.nano--v1 .nano-close, #nanoBarFallback.nano--v1 .nano-close {
display: flex;
height: 80px;
position: absolute;
left: 1rem;
top: 1rem;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1 .nano-close, #nanoBarFallback.nano--v1 .nano-close {
height: 64px;
left: 2rem;
top: 1.2rem;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1 .nano-close, #nanoBarFallback.nano--v1 .nano-close {
height: 56px;
align-items: center;
top: 0rem;
}
}
#nanoBarDynamicYield.nano--v1 .nano-close .nano-icon--close, #nanoBarFallback.nano--v1 .nano-close .nano-icon--close {
width: 1rem;
fill: #FFF;
}
#nanoBarDynamicYield.nano--v1 .nano-close .nano-icon--close:hover, #nanoBarFallback.nano--v1 .nano-close .nano-icon--close:hover {
cursor: pointer;
}
#nanoBarDynamicYield.nano--v1.nano--hide-close .nano-close, #nanoBarFallback.nano--v1.nano--hide-close .nano-close {
display: none;
}
#nanoBarDynamicYield.nano--v1 .wrapper, #nanoBarFallback.nano--v1 .wrapper {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
height: 100%;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1 .wrapper, #nanoBarFallback.nano--v1 .wrapper {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
#nanoBarDynamicYield.nano--v1 .wrapper .flex-grid, #nanoBarFallback.nano--v1 .wrapper .flex-grid {
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
height: 100%;
max-width: 295px;
text-align: center;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1 .wrapper .flex-grid, #nanoBarFallback.nano--v1 .wrapper .flex-grid {
justify-content: space-between;
flex-direction: row;
max-width: 100%;
}
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1 .wrapper .flex-grid .terms, #nanoBarFallback.nano--v1 .wrapper .flex-grid .terms {
margin-top: 0px;
margin-left: 4px;
}
}
#nanoBarDynamicYield.nano--v1 .wrapper .flex-grid .terms--link, #nanoBarFallback.nano--v1 .wrapper .flex-grid .terms--link {
color: #FFF;
text-decoration: underline;
}
#nanoBarDynamicYield.nano--v1 .nano-type, #nanoBarFallback.nano--v1 .nano-type {
display: none;
width: 100%;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only, #nanoBarFallback.nano--v1.text-only .nano-type__text-only {
display: block;
text-align: center;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer {
margin: 0 auto;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text {
display: none;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text--small, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text--small {
display: inline;
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text--small, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text--small {
display: none;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text--lrg-up, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text--lrg-up {
display: inline;
}
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text--fallback, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text--fallback {
display: block;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer .main-text--fallback *, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer .main-text--fallback * {
margin-bottom: 0rem;
}
#nanoBarDynamicYield.nano--v1.text-only .nano-type__text-only .offer a, #nanoBarFallback.nano--v1.text-only .nano-type__text-only .offer a {
color: #fff;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
/*================ Type: text+timer large ================*/
/*================ Justification settings ================*/
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer {
display: flex;
justify-content: center;
align-items: center;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer a, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer a {
color: #ffffff;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .offer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .offer {
text-align: center;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper {
text-align: center;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper {
width: auto;
margin-left: 4px;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper {
position: relative;
top: 2px;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module {
display: flex;
align-items: center;
justify-content: center;
position: static;
letter-spacing: normal;
text-align: center;
padding: 0px;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module {
position: relative;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock {
font-family: BrandonTextWeb-Bold;
letter-spacing: 0.5px;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock i, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock i {
font-style: normal;
margin: 0px 2px;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock span, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock span {
text-align: center;
margin-right: 10px;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock span, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer .clock-wrapper .clock-module .countdown-clock span {
margin-right: 20px;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large {
display: block;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large {
flex-wrap: nowrap;
text-align: left;
justify-content: space-between;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
}
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer {
text-align: left;
margin: 0 !important;
font-family: ToledoTS-DemiBold;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer {
line-height: 1.5rem;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer.hide-desktop, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer.hide-desktop {
text-transform: uppercase;
letter-spacing: 1.08px;
}
@media screen and (min-width: 600px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer.hide-desktop, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .offer.hide-desktop {
display: none !important;
}
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper {
line-height: 1.5rem;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module {
flex-direction: row;
position: relative;
display: inline-block;
text-align: center;
display: flex;
align-items: center;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module .countdown-clock i, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module .countdown-clock i {
font-style: normal;
font-family: BrandonTextWeb-Bold;
margin-left: 2px;
margin-right: 2px;
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module .countdown-clock i, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.text-timer__large .clock-wrapper .clock-module .countdown-clock i {
font-style: normal;
font-family: ToledoTS-Bold;
font-size: 18px;
margin-left: 2px;
margin-right: 2px;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.justify-center, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.justify-center {
justify-content: center;
text-align: center;
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.justify-fully, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.justify-fully {
justify-content: center;
}
@media screen and (min-width: 1200px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.justify-fully, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.justify-fully {
max-width: 1100px;
justify-content: space-between;
}
}
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.justify-fully .offer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.justify-fully .offer {
text-align: center;
}
@media screen and (min-width: 900px) {
#nanoBarDynamicYield.nano--v1.text-timer .nano-type__text-timer.justify-fully .offer, #nanoBarFallback.nano--v1.text-timer .nano-type__text-timer.justify-fully .offer {
text-align: left;
}
}
/*============================================================================
#Site Nav and Dropdowns
==============================================================================*/
.nav-bar {
background-color: #fff;
height: 50px;
z-index: 9999;
border-bottom: 1px solid #181818;
/* mobile logo*/
}
.nav-bar .wrapper {
max-width: none;
margin: 0;
}
@media screen and (min-width: 769px) {
.nav-bar .wrapper {
margin: 0;
}
}
body.js-drawer-open .nav-bar .wrapper {
margin: 0 10px;
}
.nav-bar .grid__item--mobile-button {
height: 50px;
}
.nav-bar .grid__item--mobile-button .icon-x {
display: none;
}
.js-drawer-open-right .nav-bar .grid__item--mobile-button .icon-hamburger {
display: none;
}
.js-drawer-open-right .nav-bar .grid__item--mobile-button .icon-x {
display: block;
-ms-transform: translateX(10px);
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.nav-bar .site-header__logo {
padding-top: 0px;
}
.nav-bar .site-header__logo img {
max-width: 116px;
margin: 12.5px auto;
margin-left: 0;
}
.nav-bar .site-header__logo img.logo-blog {
max-height: 34px;
}
.js-drawer-open-left .nav-bar .wrapper {
padding: 0 10px;
}
.site-nav, .site-nav--mobile {
font-size: 1em;
cursor: default;
margin: 0 0 0 calc(-20px / 2);
}
.site-nav li, .site-nav--mobile li {
margin: 0;
display: block;
}
.site-nav > li, .site-nav--mobile > li {
position: relative;
display: inline-block;
}
.site-nav--mobile {
display: flex;
justify-content: flex-end;
height: 50px;
align-items: center;
margin-left: 0;
}
.text-right .site-nav--mobile {
display: flex;
justify-content: flex;
height: 50px;
align-items: center;
}
.js-drawer-open-right .site-nav--mobile {
margin-right: -20px;
}
.site-nav--mobile .icon-cart {
padding-right: 25px;
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.site-nav--mobile .icon-hamburger {
font-size: 1em;
height: 18px;
width: 25px;
-ms-transform: scale(1.25, 1) translateY(5px);
-webkit-transform: scale(1.25, 1) translateY(5px);
transform: scale(1.25, 1) translateY(5px);
}
.site-nav--mobile span.hamburger-label {
display: inline-block;
text-transform: uppercase;
height: 50px;
line-height: 50px;
}
.site-nav--mobile span.hamburger-label b, .site-nav--mobile span.hamburger-label strong {
font-size: 16px;
font-weight: 500;
display: block;
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
body.loop-returns-activated button.js-drawer-open-right {
display: none;
}
/* MOBILE HEADER */
.site-nav__link {
width: 25px;
margin-left: 35px;
}
.site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
color: #0d0d0d;
}
.site-nav__link .icon-arrow-down {
position: relative;
top: -2px;
font-size: 10px;
padding-left: 5px;
}
.site-nav__link .icon-x {
line-height: 56px;
}
.site-nav--active > .site-nav__link {
font-weight: bold;
}
.site-nav--mobile .site-nav__link {
display: inline-block;
}
/* THIS SHOULD GET MOVED TO THE DRAWER SECTION */
/* WHEN DRAWER IS OPEN */
.drawer__header--btns {
position: absolute;
top: 0;
right: 20px;
width: 33.3333%;
height: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.drawer__header--btns .site-nav__link {
height: 50px;
width: 25px;
margin-left: 30px;
}
/*================================= Dropdowns ================================*/
.site-nav__dropdown {
display: none;
position: absolute;
left: 0;
margin: 0;
z-index: 5;
}
.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus + .site-nav__dropdown {
display: block;
}
.site-nav__dropdown a {
background-color: #f2f2f2;
}
.site-nav__dropdown a:hover, .site-nav__dropdown a:active, .site-nav__dropdown a:focus {
background-color: #d9d9d9;
}
/*========================== Search bar in header ============================*/
.nav-search {
position: relative;
padding: 10px 0;
}
@media screen and (max-width: 767px) {
.nav-search {
padding: 0 0 10px;
margin: 0 auto;
text-align: center;
}
}
/*============================================================================
#Tiered Nav
==============================================================================*/
body {
/* fix an issue with poor control code injecting image in nav */
}
body [data-submenu-id=submenu-all-season-down-comforter] a:first-child img.badge.back-in-stock {
display: none !important;
}
body .top-nav-sub-nav.tiered-nav {
/* THIS IS THE LIST OF COLLECTIONS */
}
body .top-nav-sub-nav.tiered-nav .wrapper {
height: 360px;
/* height for 1 extra list item is height: 320px;*/
background-color: #fff;
}
body .top-nav-sub-nav.tiered-nav .tiered-nav-wrapper {
max-width: 1280px;
margin: 0 auto;
padding: 0px 30px;
height: 100%;
}
body .top-nav-sub-nav.tiered-nav ul {
display: block;
max-width: 200px;
padding-left: 0px;
margin-left: 16.666% !important;
border-right: 2px solid #e0e0e0;
height: 345px;
/* height for 1 extra list item is height: 290px;*/
/* EACH COLLECTION TITLE */
}
@media screen and (min-width: 1280px) {
body .top-nav-sub-nav.tiered-nav ul {
padding-left: 20px;
}
}
body .top-nav-sub-nav.tiered-nav ul li.single-item {
margin-left: 0 !important;
margin-top: 12px;
padding-top: 0px;
text-align: left;
clear: both;
float: left;
line-height: 1em;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
letter-spacing: 0.063em;
color: #181818;
/* WRAPS THE IMAGE AND COLLECTION DESCRIPTION */
}
body .top-nav-sub-nav.tiered-nav ul li.single-item a {
color: #181818;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item a:first-of-type.maintainHover {
position: relative;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item a:first-of-type:hover {
color: #024BC2;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover {
width: 650px;
position: absolute;
left: 100%;
top: 0;
bottom: 0;
display: none;
/* CONTAINS THE IMAGE AND COLLECTION DESCRIPTION */
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside {
display: flex;
flex-direction: row;
height: 100%;
justify-content: flex-start;
align-items: center;
background-color: #fff;
margin-left: 2px;
/* EXCEPTION FOR THE PORTRAIT LAYOUT IMAGE OF RICH AND VICKI */
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside img {
margin-left: 50px;
width: 170px;
height: 94px;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside img.founders {
padding: 0px 50px;
width: auto;
height: 94px;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside .menu-item-text {
width: auto;
max-width: 380px;
margin-left: 50px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: space-between;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside .menu-item-text h5.popover-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
text-transform: none !important;
line-height: 22px;
color: #171717;
letter-spacing: 0.032em;
margin-bottom: 0.5em;
display: inline-block;
white-space: nowrap;
padding: 0px !important;
}
@media screen and (min-width: 769px) {
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside .menu-item-text h5.popover-title {
font-size: 16px;
}
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside .menu-item-text p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px !important;
color: #171717;
letter-spacing: 0.063em;
display: block;
color: #181818;
padding: 0px !important;
margin: 0px !important;
}
body .top-nav-sub-nav.tiered-nav ul li.single-item .popover .rightside .menu-item-text .italic {
font-style: italic;
}
body .mobile-nav .mobile-nav__sublist .second-tier a {
color: #449af2;
}
body .mobile-nav .mobile-nav__sublist .mobile-nav__item {
margin: 0;
padding: 0;
}
body .mobile-nav .mobile-nav__sublist .mobile-nav__item a {
padding: 0;
font-size: 13px;
}
body .mobile-nav .mobile-nav__sublist .mobile-nav__item .mobile-nav__has-sublist a {
padding: 0;
margin: 0;
}
body .mobile-nav .mobile-nav__sub-sublist {
margin-left: 20px;
}
/*============================================================================
#Mobile Nav
- List of items inside the mobile drawer
==============================================================================*/
.mobile-nav {
margin: calc(-20px / 2) calc(-20pxr / 2) 0 calc(-20px / 2);
margin-top: 0;
}
.mobile-nav.mobile-nav-child--expanded {
min-height: 1000px;
}
.mobile-nav li {
margin-bottom: 0;
padding: 0 0 0 30px;
}
.mobile-nav__search {
padding: 10px;
}
.mobile-nav__search .search-bar {
margin-bottom: 0;
}
.mobile-nav__item {
position: relative;
display: block;
}
.mobile-nav > .mobile-nav__item {
background-color: #ffffff;
}
.mobile-nav__item:after {
content: "";
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
border-bottom: 1px solid #dddddd;
}
.mobile-nav > .mobile-nav__item:last-child:after {
display: none;
}
.mobile-nav__item a {
display: block;
}
.mobile-nav__item a,
.mobile-nav__toggle button {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 18px !important;
letter-spacing: 0.03em;
text-decoration: none;
height: 50px;
line-height: 50px;
}
@media screen and (min-width: 769px) {
.mobile-nav__item a,
.mobile-nav__toggle button {
font-size: 20px;
}
}
.mobile-nav__toggle button {
background-color: transparent;
padding-right: 30px;
}
.mobile-nav__item--account {
text-transform: uppercase;
padding-right: 4px;
}
.mobile-nav__item--account:after {
border-bottom: none;
}
.mobile-nav__has-sublist {
display: table;
width: 100%;
}
.mobile-nav__has-sublist .mobile-nav__link {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.mobile-nav__toggle {
display: table-cell;
vertical-align: middle;
width: 1%;
}
.mobile-nav--expanded .mobile-nav__toggle-open {
display: none;
}
.mobile-nav__toggle-close {
display: none;
}
.mobile-nav--expanded .mobile-nav__toggle-close {
display: block;
}
.mobile-nav__link {
height: 20px;
}
.mobile-nav__sublist {
margin: 0;
max-height: 0;
visibility: hidden;
overflow: hidden;
transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mobile-nav--expanded + .mobile-nav__sublist {
visibility: visible;
max-height: 700px;
transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
}
.mobile-nav__sublist .mobile-nav__item {
padding-left: 0;
margin-left: -20px;
}
.mobile-nav__sublist .mobile-nav__item a {
margin-top: 20px;
height: 35px;
line-height: 35px;
}
.mobile-nav__sublist .mobile-nav__item a:first-of-type {
margin-top: 0px;
}
.mobile-nav__sublist .mobile-nav__item a:last-of-type {
margin-bottom: 10px;
}
.mobile-nav__sublist .mobile-nav__item:last-of-type a {
margin-bottom: 15px;
}
.mobile-nav__sublist .mobile-nav__item.anchor-DISABLED {
text-transform: none;
color: #181818;
}
.mobile-nav__sublist .mobile-nav__item.anchor-DISABLED a {
font-size: 0.875em !important;
font-weight: 400 !important;
color: #181818;
}
.mobile-nav__sublist .mobile-nav__item.category-DISABLED a {
margin-top: 20px;
}
.mobile-nav__sublist .mobile-nav__item.category-DISABLED:first-child a {
margin-top: 0;
}
.mobile-nav__sublist .mobile-nav__item.category-DISABLED:last-child a {
margin-bottom: 20px;
}
.mobile-nav__sublist .mobile-nav__item:after {
top: 0;
bottom: auto;
border: none;
}
.mobile-nav__sublist .mobile-nav__link {
padding-left: 20px;
}
.mobile-nav .social-icons a {
display: inline-block;
margin-right: 5px;
font-size: 1.125em;
color: #42c8e2 ;
padding-top: 20px;
}
.mobile-nav .social-icons a span {
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
display: inline-block;
text-transform: none;
color: #181818;
font-weight: 400;
font-size: 15px;
padding-right: 0.25em;
}
.mobile-nav .social-icons a:hover {
color: #2b8df2 ;
opacity: 1;
}
.mobile-nav .social-icons a img {
display: block;
max-height: 30px;
}
/*============================================================================
#Drawers
==============================================================================*/
#NavDrawer {
margin-top: 64 px !important;
}
@media screen and (min-width: 768px) {
#NavDrawer {
margin-top: 42 px !important;
}
}
.js-drawer-open {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
}
.drawer {
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
top: 0 !important;
bottom: 0;
padding: 0 10px 10px;
padding: 0;
max-width: 95%;
max-width: 100%;
z-index: 10;
color: #333;
background-color: #ffffff;
transition: transform 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}
.drawer a {
display: flex;
align-items: center;
color: #787878;
}
.drawer a:hover, .drawer a:focus {
opacity: 0.7;
opacity: 1;
}
.drawer .category a {
color: #171717;
}
.drawer input,
.drawer textarea {
border-color: #c2c2c2;
}
.drawer--left {
width: 260px;
left: -260px;
}
.js-drawer-open-left .drawer--left {
display: block;
-ms-transform: translateX(260px);
-webkit-transform: translateX(260px);
transform: translateX(260px);
}
.lt-ie9 .js-drawer-open-left .drawer--left {
left: 0;
}
.drawer--right {
width: 100%;
right: -100%;
border-left: 1px solid #c2c2c2;
}
.js-drawer-open-right .drawer--right {
display: block;
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.lt-ie9 .js-drawer-open-right .drawer--right {
right: 0;
}
#PageContainer .mobile-nav-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
}
#PageContainer .mobile-nav-overlay div {
background-color: #181818;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#PageContainer .mobile-nav-overlay .top {
top: 0;
height: 49px;
/* Closes the small white 'space' in the overlay left for the X */
right: 0px;
}
#PageContainer .mobile-nav-overlay .bottom {
top: 49px;
bottom: 0;
}
.js-drawer-open-right #PageContainer .mobile-nav-overlay {
display: block;
}
.is-moved-by-drawer {
transition: transform 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}
.js-drawer-open-left .is-moved-by-drawer {
-ms-transform: translateX(260px);
-webkit-transform: translateX(260px);
transform: translateX(260px);
}
.js-drawer-open-right .is-moved-by-drawer {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* drawer open MOBILE HEADER */
.drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 20px;
border-bottom: 1px solid #c2c2c2;
/* Drawer logo*/
}
.drawer__header h3 {
margin: 0;
}
.drawer__header .site-header__nav-logo {
height: 50px;
display: flex;
align-items: center;
}
.drawer__header .site-header__nav-logo img {
max-width: 116px;
}
.drawer__title,
.drawer__close {
display: table-cell;
vertical-align: middle;
}
.drawer__title {
width: 100%;
}
.drawer__close {
width: 1%;
text-align: center;
font-size: 1.125em;
}
.drawer__close button {
position: relative;
right: -20px;
height: 100%;
padding: 0 20px;
color: inherit;
}
.drawer__close button:active, .drawer__close button:focus {
background-color: #f2f2f2;
}
/* Hides the icons when the drawer is open */
body.js-drawer-open .site-nav--mobile {
display: none;
}
/*============================================================================
#Site Footer
==============================================================================*/
.site-footer, .site-footer--mobile {
background-color: #F8F1E9;
padding: 2.5rem 0px;
color: #0F1528;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.site-footer, .site-footer--mobile {
padding: 4.5rem 0px 100px;
}
}
@media screen and (min-width: 769px) {
.site-footer, .site-footer--mobile {
border-top: none;
padding: 80px 0px;
}
body.template-cart .site-footer, body.template-cart .site-footer--mobile {
padding: 20px 0 60px 0;
}
}
.site-footer .wrapper .grid .footer-item, .site-footer--mobile .wrapper .grid .footer-item, .site-footer .wrapper .grid--gutter-30 .footer-item, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item, .site-footer .wrapper .grid--gutter-24 .footer-item, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item, .site-footer .wrapper .grid--rev .footer-item, .site-footer--mobile .wrapper .grid--rev .footer-item, .site-footer .wrapper .grid--full .footer-item, .site-footer--mobile .wrapper .grid--full .footer-item, .site-footer .wrapper .grid--flex .footer-item, .site-footer--mobile .wrapper .grid--flex .footer-item {
font-family: "BrandonTextWeb-Regular";
color: #0F1528;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper, .site-footer .wrapper .grid--full .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper {
letter-spacing: 0.5px;
margin-bottom: 26px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .newsletter-header, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .newsletter-header, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .newsletter-header, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .newsletter-header, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .newsletter-header, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .newsletter-header, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .newsletter-header {
font-size: 24px !important;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup {
display: flex;
height: 50px;
margin-bottom: 32px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group {
width: 85%;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group input, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group input {
width: 100%;
height: 100%;
border: none;
font-family: "BrandonTextWeb-Regular";
font-size: 16px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group input::placeholder {
color: #777777;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer], .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_field_group label[for=k_id_email_footer] {
position: absolute;
left: -9999px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions {
width: 15%;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button {
width: 100%;
padding: 0px;
font-size: 18px !important;
background-color: #293C70;
transition: background-color 0.25s;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper #email_signup .klaviyo_form_actions button:hover {
background-color: #0F1528;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .newsletter-body, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .newsletter-body, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .newsletter-body, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .newsletter-body, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .newsletter-body, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .newsletter-body, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .newsletter-body {
margin-bottom: 30px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper hr, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper hr, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper hr, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper hr, .site-footer .wrapper .grid--full .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper hr, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper hr, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper hr {
margin: 30px 0px;
border: 1px solid #EBD2B5;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .footer-social h3, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social h3, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social h3, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .footer-social h3, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .footer-social h3, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .footer-social h3, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .footer-social h3 {
font-size: 24px !important;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .footer-social .social-icons, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social .social-icons, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social .social-icons, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .footer-social .social-icons, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .footer-social .social-icons, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .footer-social .social-icons, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .footer-social .social-icons {
display: flex;
max-width: 180px;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .footer-social .contact, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-social .contact, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-social .contact, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .footer-social .contact, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .footer-social .contact, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .footer-social .contact, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .footer-social .contact {
color: #293C70;
}
.site-footer .wrapper .grid .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .footer-terms-conditions {
margin-bottom: 72px;
}
@media screen and (min-width: 769px) {
.site-footer .wrapper .grid .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--full .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper .footer-terms-conditions, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper .footer-terms-conditions, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper .footer-terms-conditions {
margin-bottom: 0px;
}
}
@media screen and (min-width: 769px) {
.site-footer .wrapper .grid .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid .footer-item .connect-wrapper, .site-footer .wrapper .grid--gutter-30 .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .connect-wrapper, .site-footer .wrapper .grid--gutter-24 .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .connect-wrapper, .site-footer .wrapper .grid--rev .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--rev .footer-item .connect-wrapper, .site-footer .wrapper .grid--full .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--full .footer-item .connect-wrapper, .site-footer .wrapper .grid--flex .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper {
max-width: 470px;
margin-bottom: 0px;
}
}
.site-footer .wrapper .grid .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid .footer-item .footer-nav-group, .site-footer .wrapper .grid--gutter-30 .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .footer-nav-group, .site-footer .wrapper .grid--gutter-24 .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .footer-nav-group, .site-footer .wrapper .grid--rev .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid--rev .footer-item .footer-nav-group, .site-footer .wrapper .grid--full .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid--full .footer-item .footer-nav-group, .site-footer .wrapper .grid--flex .footer-item .footer-nav-group, .site-footer--mobile .wrapper .grid--flex .footer-item .footer-nav-group {
margin-bottom: 40px;
}
.site-footer .wrapper .grid .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid .footer-item .footer-nav-group .footer-nav-cols, .site-footer .wrapper .grid--gutter-30 .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid--gutter-30 .footer-item .footer-nav-group .footer-nav-cols, .site-footer .wrapper .grid--gutter-24 .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid--gutter-24 .footer-item .footer-nav-group .footer-nav-cols, .site-footer .wrapper .grid--rev .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid--rev .footer-item .footer-nav-group .footer-nav-cols, .site-footer .wrapper .grid--full .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid--full .footer-item .footer-nav-group .footer-nav-cols, .site-footer .wrapper .grid--flex .footer-item .footer-nav-group .footer-nav-cols, .site-footer--mobile .wrapper .grid--flex .footer-item .footer-nav-group .footer-nav-cols {
flex-direction: row;
}
.site-footer h6, .site-footer--mobile h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
color: #5D6E50;
margin-bottom: 18px;
}
@media screen and (min-width: 769px) {
.site-footer h6, .site-footer--mobile h6 {
font-size: 16px;
}
}
.site-footer ul, .site-footer--mobile ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer li a, .site-footer--mobile li a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-family: "BrandonTextWeb-Regular" !important;
color: #0F1528;
letter-spacing: 0.5px;
line-height: 27px;
transition: color 0.25s;
}
.site-footer li a:hover, .site-footer--mobile li a:hover {
color: #293C70;
}
.site-footer.site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper, .site-footer--mobile .wrapper .grid--flex .footer-item .connect-wrapper {
max-width: none;
width: 100%;
margin-bottom: 26px;
}
@media screen and (min-width: 768px) {
.site-footer .footer-shop-group-fabric-care, .site-footer--mobile .footer-shop-group-fabric-care,
.site-footer .footer-shop-group-gift-cards,
.site-footer--mobile .footer-shop-group-gift-cards {
display: none;
}
}
@media screen and (max-width: 767px) {
.site-footer .grid__item--payments, .site-footer--mobile .grid__item--payments {
display: none;
}
}
.site-footer .grid__item--payments li, .site-footer--mobile .grid__item--payments li {
padding-right: 40px;
}
.site-footer .payment-type, .site-footer--mobile .payment-type {
height: 30px;
}
.site-footer .social-icons, .site-footer--mobile .social-icons {
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.site-footer .social-icons, .site-footer--mobile .social-icons {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.site-footer .social-icons a, .site-footer--mobile .social-icons a {
display: block;
color: #FFFFFF;
font-size: 18px;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
}
@media screen and (min-width: 768px) {
.site-footer .social-icons a, .site-footer--mobile .social-icons a {
margin-right: 15px;
}
}
.site-footer .social-icons a.pinterest span.icon, .site-footer--mobile .social-icons a.pinterest span.icon {
margin-top: 2px;
}
/*======================= blog and article templates =========================*/
.template-blog:not(.blog-careers) .site-footer.social, .template-blog:not(.blog-careers) .social.site-footer--mobile,
.template-article:not(.blog-careers) .site-footer.social,
.template-article:not(.blog-careers) .social.site-footer--mobile {
padding: 40px 0;
background-color: #FFFFFF;
border: 1px solid #0F1528;
border-width: 5px 0;
}
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
text-align: center;
height: auto;
margin: 0;
line-height: 1.6;
}
@media screen and (min-width: 769px) {
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy {
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy {
max-width: 20em;
text-align: left;
}
}
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy .h3, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy .h3,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy .h3,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy .h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
display: block;
}
@media screen and (min-width: 769px) {
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy .h3, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy .h3,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy .h3,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy .h3 {
font-size: 16px;
}
}
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy em, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy em,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy em,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy em {
font-weight: 300;
opacity: 0.8;
}
@media screen and (min-width: 768px) {
.template-blog:not(.blog-careers) .site-footer.social .newsletter-copy, .template-blog:not(.blog-careers) .social.site-footer--mobile .newsletter-copy,
.template-article:not(.blog-careers) .site-footer.social .newsletter-copy,
.template-article:not(.blog-careers) .social.site-footer--mobile .newsletter-copy {
text-align: left;
}
}
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_field_group, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_field_group,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group {
margin: 20px 0 5px 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_field_group, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_field_group,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group {
width: 75%;
margin-left: 25%;
}
}
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_field_group input, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group input,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_field_group input,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_field_group input {
border: 2px solid #0F1528;
}
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address {
width: auto;
padding: 0 30px;
margin-top: 5px;
background-color: #0F1528;
text-transform: none;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn, .template-blog:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address, .module--account-details-content .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .site-footer.social .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .site-footer.social .klaviyo_submit_button.add-address,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.btn,
.template-article:not(.blog-careers) .social.site-footer--mobile .module--account-details-content .klaviyo_submit_button.add-address,
.module--account-details-content .template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_submit_button.add-address {
float: right;
}
}
@media screen and (min-width: 768px) {
.template-blog:not(.blog-careers) .site-footer.social .klaviyo_messages, .template-blog:not(.blog-careers) .social.site-footer--mobile .klaviyo_messages,
.template-article:not(.blog-careers) .site-footer.social .klaviyo_messages,
.template-article:not(.blog-careers) .social.site-footer--mobile .klaviyo_messages {
text-align: right;
}
}
/*========================= Site Footer on Mobile ============================*/
.site-footer--mobile {
overflow: hidden;
}
.site-footer--mobile .mobile-nav__has-sublist .mobile-nav__toggle {
display: block;
vertical-align: none;
margin-left: -50px;
}
.site-footer--mobile .mobile-nav__has-sublist .mobile-nav__toggle button * {
color: #FFFFFF;
color: #0F1528;
}
.site-footer--mobile .mobile-nav__has-sublist .mobile-nav__link {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
border-bottom: 1px solid #777777;
}
@media screen and (min-width: 769px) {
.site-footer--mobile .mobile-nav__has-sublist .mobile-nav__link {
font-size: 16px;
}
}
.site-footer--mobile .mobile-nav__has-sublist .mobile-nav__link span {
display: inline-block;
margin-left: 20px;
}
.site-footer--mobile .mobile-nav__has-sublist.mobile-nav--expanded .mobile-nav__link {
border-bottom: 1px solid #777777;
}
.site-footer--mobile .mobile-nav__sublist {
margin-left: 20px;
padding-top: 10px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
}
.site-footer--mobile .mobile-nav__link {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
color: #0F1528;
}
/*============================================================================
#Search Page
==============================================================================*/
.template-search .main-content .input-group.search-bar .btn, .template-search .main-content .input-group.search-bar .module--account-details-content .add-address, .module--account-details-content .template-search .main-content .input-group.search-bar .add-address {
line-height: 39px;
width: 110px;
}
.template-search .main-content h3 {
margin-bottom: 20px;
font-size: 36px;
}
.template-search .main-content h5 {
margin: 1em 0;
}
.template-search .main-content input {
height: 50px;
}
.template-search .main-content p.title a {
color: #181818;
}
/*============================================================================
#Easy Autocomplete
// Used in the search field
==============================================================================*/
.easy-autocomplete {
position: relative;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
box-shadow: none;
}
.easy-autocomplete a {
display: block;
}
.easy-autocomplete-container {
left: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.easy-autocomplete-container ul {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px solid #e5e5e5;
display: none;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
top: -1px;
height: auto;
margin-left: 0;
width: 100%;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
background: inherit;
border-color: #ccc;
border-image: none;
border-style: solid;
border-width: 0 1px;
display: block;
font-size: 14px;
font-weight: normal;
padding: 4px 12px;
height: auto;
text-transform: none;
text-align: left;
width: 100%;
margin: 0;
letter-spacing: normal;
}
.easy-autocomplete-container ul li:last-child {
border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
background: none repeat scroll 0 0 #ebebeb;
cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
font-weight: normal;
}
.easy-autocomplete-container ul li div {
display: block;
font-weight: normal;
word-break: break-all;
}
.easy-autocomplete-container ul li b,
.easy-autocomplete-container ul li strong {
font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
font-color: #aaa;
font-style: italic;
}
.eac-description .eac-item span {
color: #aaa;
font-style: italic;
font-size: 0.9em;
}
.eac-icon-left .eac-item img {
margin-right: 4px;
max-height: 30px;
}
.eac-icon-right .eac-item {
margin-top: 8px;
min-height: 24px;
position: relative;
}
.eac-icon-right .eac-item img {
margin-left: 4px;
max-height: 30px;
position: absolute;
right: -4px;
top: -8px;
}
/*============================================================================
#Breadcrumbs
==============================================================================*/
.breadcrumb--v1 {
font-size: 0;
height: 100%;
display: flex;
align-items: center;
color: #283455;
}
.breadcrumb--v1 span, .breadcrumb--v1 a {
color: #283455;
font-family: BrandonTextWeb-Regular !important;
font-size: 0.75rem !important;
letter-spacing: 0.0075rem !important;
}
.breadcrumb--v1 span.sep {
margin: 0 0.2rem;
}
.breadcrumb--v1 .sep--product__title,
.breadcrumb--v1 .product__title {
display: none;
}
@media screen and (min-width: 600px) {
.breadcrumb--v1 .sep--product__title,
.breadcrumb--v1 .product__title {
display: inline;
}
}
/*============================================================================
#PDP
==============================================================================*/
.template-product nav.breadcrumb {
display: none;
}
@-webkit-keyframes bundleOverlayLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes bundleOverlayLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.template-product {
/*======== Sticky ATC on PDP ========*/
/*========================== Custom Grid Widths ============================*/
/*========================= Product Gallery ================================*/
/*================= Product Header (title, price, reviews) =================*/
/*=========================== Waitlist Capture =============================*/
/*========================= Add to Cart button =============================*/
/*========================= Start Customizing button =======================*/
/*=================== Preview Product Title (by ATC button) ================*/
/*==================== Accordions on Desktop Bundles =======================*/
/*========================== Bundle Preview ================================*/
/*====================== Sold Out / Ships By Messages ======================*/
/*===================== Mobile Bundle Builder Overlay ======================*/
}
.template-product .module--sticky-atc {
visibility: hidden;
opacity: 0;
z-index: -1;
width: 100%;
background-color: #FFF;
position: fixed;
left: 0px;
bottom: 0px;
border-top: 1px solid #DDDDDD;
transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
}
@media screen and (min-width: 769px) {
.template-product .module--sticky-atc {
top: 42px;
bottom: unset;
border-top: none;
border-bottom: 1px solid #DDDDDD;
}
}
.template-product .module--sticky-atc.active {
visibility: visible;
opacity: 1;
z-index: 9999;
}
.template-product .module--sticky-atc .sticky-atc-wrapper {
max-width: 1280px;
padding: 30px 20px;
margin: 0px auto;
}
@media screen and (min-width: 769px) {
.template-product .module--sticky-atc .sticky-atc-wrapper {
padding: 18px 30px;
}
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-info .product-title {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-info .product-title {
font-size: 24px;
}
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-info .product-subtitle {
margin-bottom: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-info .product-subtitle a {
color: #04247D;
border-bottom: 1px solid #04247D;
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-info .product-subtitle a:hover {
color: #AEB6A7;
border-bottom: 1px solid #AEB6A7;
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .btn, .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .module--account-details-content .add-address, .module--account-details-content .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .add-address {
display: flex;
padding: 0px 15px;
margin-left: 6px;
align-items: center;
background-color: #293C70;
text-transform: none;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
transition: background-color 0.3s ease-in;
}
@media screen and (min-width: 769px) {
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .btn, .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .module--account-details-content .add-address, .module--account-details-content .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
padding: 0px 30px;
}
}
@media screen and (min-width: 769px) and (min-width: 769px) {
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .btn, .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .module--account-details-content .add-address, .module--account-details-content .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .add-address {
font-size: 20px;
}
}
.template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .btn:hover, .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .module--account-details-content .add-address:hover, .module--account-details-content .template-product .module--sticky-atc .sticky-atc-wrapper .sticky-atc-content .product-cta .add-address:hover {
background-color: #0F1528;
}
.template-product .module--pdp-ecommerce .wrapper {
max-width: 1024px;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.template-product .module--pdp-ecommerce .wrapper {
margin-top: 30px;
}
}
@media screen and (min-width: 768px) {
.template-product .grid__item--product-info {
padding-left: 20px;
width: 49%;
}
.template-product .grid__item--fill-column {
width: 6%;
}
.template-product .grid__item--product-images {
width: 45%;
}
}
.template-product .grid--product-galleries {
position: relative;
/* fade in lazy loaded image */
}
.template-product .grid--product-galleries .gallery__cell {
width: 100%;
height: auto;
margin: 0;
}
.template-product .grid--product-galleries .gallery__image {
display: block;
max-height: 100%;
margin: 0 auto;
max-width: 100%;
opacity: 0;
}
.template-product .grid--product-galleries .gallery .gallery__cell:first-child .gallery__image {
opacity: 1;
width: 100%;
height: auto;
}
.template-product .grid--product-galleries .gallery__image.flickity-lazyloaded,
.template-product .grid--product-galleries .gallery__image.flickity-lazyerror {
opacity: 1;
}
.template-product .grid--product-galleries .gallery__set {
position: absolute;
top: -999px;
left: -999px;
opacity: 0;
}
.template-product .grid--product-galleries .gallery__set.active {
position: relative;
top: 0;
left: 0;
opacity: 1;
}
.template-product .grid--product-galleries .gallery__set.active .flickity-button {
background: rgba(255, 255, 255, 0.8);
display: none;
}
@media screen and (min-width: 768px) {
.template-product .grid--product-galleries .gallery__set.active .flickity-button.dy-show {
display: block;
}
}
.template-product .grid--product-galleries .gallery__set.active .flickity-button.previous {
left: -24px;
}
.template-product .grid--product-galleries .gallery__set.active .flickity-button.next {
right: -24px;
}
.template-product .grid--product-galleries .gallery__set.active .flickity-button .flickity-button-icon {
fill: #777777;
}
.template-product .grid--product-galleries .gallery__nav {
width: calc(100% + 12px);
/* Negative left margin is 1/2 of the padding on the images */
margin-left: -6px;
opacity: 0;
height: 0;
visibility: hidden;
}
.template-product .grid--product-galleries .gallery__nav.active {
opacity: 1;
}
.template-product .grid--product-galleries .gallery__nav .gallery__cell {
height: auto;
width: 20%;
margin: 0;
padding: 0;
}
.template-product .grid--product-galleries .gallery__nav .gallery__image {
opacity: 1;
padding: 0 6px;
cursor: pointer;
}
@media screen and (min-width: 769px) {
.template-product .grid--product-galleries .gallery__nav {
display: block;
opacity: 1;
height: auto;
visibility: visible;
margin-top: 12px;
}
}
.template-product .grid--product-galleries .flickity-page-dots {
bottom: 30px;
}
.template-product .grid--product-galleries .flickity-page-dots .dot {
background: #fff;
opacity: 1;
margin: 0 5px;
width: 8px;
height: 8px;
}
.template-product .grid--product-galleries .flickity-page-dots .dot.is-selected {
background: #181818;
}
.template-product .grid--product-galleries .gallery__caption {
width: 100%;
text-align: center;
padding: 12px 0;
color: #757575;
font-size: 14px;
}
@media screen and (min-width: 769px) {
.template-product .grid--product-galleries .gallery__caption {
padding: 24px 0 0 0;
}
}
.template-product .grid__item--product-header:after {
content: "";
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
padding-top: 20px;
}
.template-product .grid__item--product-header.zero-options::after {
border-bottom: none;
}
.template-product .grid__item--product-header .source--product-name h1 {
margin-bottom: 12px;
}
.template-product .grid__item--product-header .source--product-name h2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
color: #757575;
}
.template-product .grid__item--product-header .source--product-name h2 a {
color: #024BC2;
}
.template-product .grid__item--product-header .source--product-name h2 .lead-time {
display: block;
}
.template-product .grid__item--product-header .source--totals-wrapper {
display: inline-block;
}
.template-product .grid__item--product-header .source--totals-wrapper span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 18px;
}
@media screen and (min-width: 769px) {
.template-product .grid__item--product-header .source--totals-wrapper span {
font-size: 20px;
}
}
.template-product .grid__item--product-header .bundle-full-price span.amount,
.template-product .grid__item--product-header .compare-at-price span.amount,
.template-product .grid__item--product-header .bundle-compare-at-price span.amount {
color: #757575;
position: relative;
}
.template-product .grid__item--product-header .bundle-full-price span.amount::after,
.template-product .grid__item--product-header .compare-at-price span.amount::after,
.template-product .grid__item--product-header .bundle-compare-at-price span.amount::after {
border-bottom: 1px solid #757575;
content: "";
left: 0;
margin-top: -2px;
position: absolute;
right: 0;
top: 50%;
}
.template-product .grid__item--product-header .bundle-full-price.no-discount span.amount,
.template-product .grid__item--product-header .compare-at-price.no-discount span.amount,
.template-product .grid__item--product-header .bundle-compare-at-price.no-discount span.amount {
color: #181818;
}
.template-product .grid__item--product-header .bundle-full-price.no-discount span.amount::after,
.template-product .grid__item--product-header .compare-at-price.no-discount span.amount::after,
.template-product .grid__item--product-header .bundle-compare-at-price.no-discount span.amount::after {
border-bottom: none;
}
.template-product .grid__item--product-header .bundle-discount-price {
margin-right: 15px;
}
.template-product .grid__item--product-header .purchase-price,
.template-product .grid__item--product-header .compare-at-price,
.template-product .grid__item--product-header .bundle-full-price,
.template-product .grid__item--product-header .bundle-discount-price,
.template-product .grid__item--product-header .bundle-compare-at-price {
text-align: center;
}
.template-product .grid__item--product-header .purchase-price .label,
.template-product .grid__item--product-header .compare-at-price .label,
.template-product .grid__item--product-header .bundle-full-price .label,
.template-product .grid__item--product-header .bundle-discount-price .label,
.template-product .grid__item--product-header .bundle-compare-at-price .label {
display: block;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 9px;
}
.template-product .grid__item--product-header .bundle-discount-price span.label {
color: #156559;
}
.template-product .grid__item--product-header .compare-at-price span.label,
.template-product .grid__item--product-header .bundle-full-price span.label {
color: #757575;
}
.template-product .grid__item--product-header .reviews-jump {
display: inline-block;
float: right;
}
.template-product .grid__item--product-header .review-wrapper {
display: inline-block;
padding-top: 3px;
}
.template-product .grid__item--product-header .review-wrapper a.text-m, .template-product .grid__item--product-header .review-wrapper span.yotpo-sum-reviews {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-left: 3px;
color: #757575 !important;
position: relative;
}
.template-product .grid__item--product-header .review-wrapper .yotpo-icon-default-star:before, .template-product .grid__item--product-header .review-wrapper .yotpo-icon-star:before, .template-product .grid__item--product-header .review-wrapper .yotpo-icon-half-star:before {
font-family: "yotpo-widget-font-bl";
content: "\e60e";
color: #024BC2;
font-size: 17.5px;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
width: auto !important;
background: none;
height: auto;
-webkit-font-smoothing: antialiased;
}
.template-product .grid__item--product-header .review-wrapper .yotpo-icon-half-star:before {
content: "\e61a";
}
.template-product .grid__item--product-header .review-wrapper .yotpo-icon-empty-star:before {
content: "\e61b";
}
.template-product .grid__item--product-header.compare-at-price .purchase-price,
.template-product .grid__item--product-header.compare-at-price .bundle-total-compare-at-price span.amount {
color: #024BC2;
margin-right: 10px;
}
.template-product .grid__item--product-header.compare-at-price .purchase-price.color-green,
.template-product .grid__item--product-header.compare-at-price .bundle-total-compare-at-price span.amount.color-green {
color: #31776d;
}
.template-product .product-bundle .grid__item--product-header.compare-at-price .compare-at-price {
display: none !important;
}
.template-product .product-bundle .grid__item--product-header.compare-at-price .bundle-discount-price {
color: #024BC2;
}
@media screen and (max-width: 767px) {
.template-product .product-single .gallery__nav {
margin-top: 0;
}
.template-product .product-single .gallery__caption {
padding: 12px 0;
}
}
.template-product .grid--waitlist-capture {
display: none;
margin-top: 10px;
}
.template-product .grid--waitlist-capture input[type=email] {
width: 100%;
height: 50px;
}
.template-product .grid--waitlist-capture .grid__item--cta {
padding-left: 0;
}
.template-product .grid--waitlist-capture a.cta {
width: 100%;
background-color: #024BC2;
text-transform: none;
}
.template-product .grid--waitlist-capture .grid__item--msg span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #024BC2;
}
.template-product.variant-sold-out .grid--waitlist-capture {
display: block;
}
.template-product #AddToCart {
text-transform: none;
display: inline;
width: 100%;
padding: 0;
text-align: center;
background-color: #024BC2;
}
.template-product #AddToCart.disabled, .template-product #AddToCart.choose-option {
opacity: 1;
background-color: #ddd;
}
.template-product .grid--qty-atc {
margin-top: -10px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.template-product .single-qty-selector {
width: 100%;
height: 50px;
padding-left: 20px;
border: 1px solid #ddd;
border-width: 1px 0 1px 1px;
background-image: url( symbol_chevron_blue_down_028b27.svg?v=5248237475692888872);
background-size: 13px 13px;
background-position: right 20px center;
}
.template-product .btn--launch-builder {
text-transform: none;
width: 100%;
padding: 0;
text-align: center;
background-color: #024BC2;
font-size: 18px;
letter-spacing: 0.0275em;
max-width: none;
}
.template-product .preview-product-title {
background: transparent;
color: #181818;
text-align: left;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.05em;
display: flex;
height: 50px;
align-items: center;
}
.template-product .preview-product-title span.label {
text-transform: uppercase;
display: block;
}
.template-product .preview-product-title span.stock-message {
display: none;
color: #d73814;
text-transform: none;
}
.template-product .grid__item--bundle-component.accordion.bundle-add-on {
height: 0;
width: 0;
visibility: hidden;
overflow: hidden;
opacity: 0;
}
.template-product .grid__item--bundle-component [data-control] {
border-top: 1px solid #ddd;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: none;
}
.template-product .grid__item--bundle-component [data-control] p {
margin-bottom: 0;
line-height: 1.8;
}
.template-product .grid__item--bundle-component [data-control] p.title {
font-family: "BrandonTextWeb-Medium";
font-weight: normal;
cursor: pointer;
}
.template-product .grid__item--bundle-component [data-control] p.desc {
display: none;
font-family: "BrandonTextWeb-Regular";
font-size: 14px;
color: #757575;
}
.template-product .grid__item--bundle-component:first-of-type [data-control] {
border-top: none;
}
.template-product .accordion.open p.desc {
display: block;
}
.template-product .grid--components [data-accordion] > [data-control]:after,
.template-product .grid--components [data-accordion].open > [data-control]:after {
content: "" !important;
display: inline-block !important;
position: absolute !important;
top: 27px !important;
right: 0 !important;
height: 9x !important;
width: 15px !important;
transform: rotate(180deg);
background-image: url( symbol_chevron_blue_upb1a8.svg?v=4069362315454563629);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.template-product .grid--components [data-accordion].open > [data-control]:after {
transform: rotate(0deg);
}
.template-product .accordion.step-complete [data-control] p.title span.check {
display: inline-block;
height: 13px;
width: 17px;
margin-right: 10px;
background-image: url( symbol_check_greenc96f.svg?v=8648347772083158707);
background-position: center center;
background-size: contain;
}
.template-product .grid__item--bundle-preview [data-content],
.template-product .grid__item--bundle-preview [data-content] > * {
border: none !important;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop {
margin-top: 20px;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .grid__item {
position: relative;
text-align: center;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .grid__item img {
position: relative;
z-index: 1;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .grid__item .placeholder {
position: absolute;
z-index: 2;
top: 0;
left: 20px;
bottom: 0;
right: 0;
text-align: center;
background-color: #fcfcfc;
border: 1px solid #ddd;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .grid__item .placeholder .inner {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 80%;
margin: 0 auto;
text-transform: uppercase;
font-size: 12px;
font-family: "BrandonTextWeb-Regular";
letter-spacing: 0.025em;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .grid__item .product-title {
background-color: #fff;
display: block;
padding: 18px 0.5em 0.5em 0.5em;
font-size: 14px;
color: #757575;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .preview-prices {
display: none;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .component img {
display: block;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .component .backorder-msg {
display: none;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .component.backordered .backorder-msg {
display: block;
background-color: #ddd;
font-size: 12px;
height: 23px;
line-height: 25px;
}
.template-product .grid__item--bundle-preview.bundle-preview--desktop .component.padded .backorder-msg {
display: block;
background-color: #fff;
color: #fff;
font-size: 14px;
height: 23px;
line-height: 25px;
}
.template-product .stock-message {
display: none;
}
@media screen and (max-width: 767px) {
.template-product .stock-message.ships-by.compact {
display: block;
text-align: center;
}
.template-product .stock-message.ships-by.compact .date {
display: block;
margin-left: 1em;
}
}
.template-product.is-ships-by .product-single .stock-message.ships-by.box {
display: block;
text-align: center;
color: #0a4d4a;
font-family: "BrandonTextWeb-Regular";
font-size: 14px;
}
.template-product .stock-message.ships-by.box {
display: none;
}
.template-product .stock-message.ships-by.button {
color: #42c8e2 ;
margin-top: -22px;
display: block;
text-transform: none;
}
.template-product .grid__item--stock-message {
display: none;
padding-top: 14px;
}
.template-product .grid__item--stock-message .message {
display: block;
text-align: left;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
font-size: 14px;
font-weight: normal;
color: #d73814;
text-transform: none;
}
.template-product body.variant-sold-out .product-single .grid--qty-atc {
padding-top: 7px;
}
.template-product body.variant-sold-out .product-single .grid__item--stock-message {
display: block;
padding: 0 0 7px 0;
}
.template-product body.variant-sold-out .product-single .grid__item--stock-message .message {
text-align: center;
}
.template-product.bundle-component-sold-out .component-single.soldout .first-swatch .stock-message.sold-out {
display: inline-block;
}
.template-product body.mobile-builder-overlay-active .grid.product-bundle, .template-product body.mobile-builder-overlay-active .product-bundle.grid--gutter-30, .template-product body.mobile-builder-overlay-active .product-bundle.grid--gutter-24, .template-product body.mobile-builder-overlay-active .product-bundle.grid--rev, .template-product body.mobile-builder-overlay-active .product-bundle.grid--full,
.template-product body.mobile-builder-overlay-active .nav-bar,
.template-product body.mobile-builder-overlay-active .module,
.template-product body.mobile-builder-overlay-active #nanoBarDynamicYield {
opacity: 0;
}
.template-product .mobile-builder-overlay .loader,
.template-product .mobile-builder-overlay .loader:after {
border-radius: 50%;
width: 8em;
height: 8em;
}
.template-product .mobile-builder-overlay .loader {
display: none;
top: 50%;
margin: -4em auto 0 auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.5em solid rgba(10, 39, 95, 0.1);
border-right: 0.5em solid rgba(10, 39, 95, 0.1);
border-bottom: 0.5em solid rgba(10, 39, 95, 0.1);
border-left: 0.5em solid rgba(10, 39, 95, 0.6);
-webkit-transform: translateZ(0) translateY(-50%);
-ms-transform: translateZ(0) translateY(-50%);
transform: translateZ(0) translateY(-50%);
-webkit-animation: bundleOverlayLoader 1.1s infinite linear;
animation: bundleOverlayLoader 1.1s infinite linear;
z-index: 2;
}
.template-product .mobile-builder-overlay.active .loader {
display: block;
}
.template-product .mobile-builder-overlay.visible .loader {
display: none;
}
.template-product .mobile-builder-overlay {
position: absolute;
z-index: -99;
opacity: 1;
/* Hide desktop version */
/* Override default accordion styles */
/* Need padding on last on for scroll */
}
.template-product .mobile-builder-overlay .content {
position: relative;
opacity: 0;
}
.template-product .mobile-builder-overlay.visible {
transition: opacity 250ms;
transition-delay: 250ms;
opacity: 1;
}
.template-product .mobile-builder-overlay.visible .content {
opacity: 1;
transition: all 250ms;
}
.template-product .mobile-builder-overlay.active {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: scroll;
background-color: #fff;
z-index: 99991; /* Higher than nano */
}
.template-product .mobile-builder-overlay .overlay--header {
background-color: #0e285b;
}
.template-product .mobile-builder-overlay .close {
position: absolute;
top: 0px;
right: 10px;
color: #fff;
font-size: 50px;
text-align: right;
font-family: "BrandonTextWeb-Light";
}
.template-product .mobile-builder-overlay .product-name {
color: #fff;
padding: 30px 20px 10px 20px;
}
.template-product .mobile-builder-overlay .totals-wrapper {
font-family: "BrandonTextWeb-Medium";
font-size: 16px;
float: none;
text-align: left;
color: #fff;
padding: 0 20px;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price span.amount {
opacity: 0.5;
position: relative;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price span.amount::after {
border-bottom: 1px solid #fff;
content: "";
left: 0;
margin-top: -2px;
position: absolute;
right: 0;
top: 50%;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price span.label {
opacity: 0.5;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price.no-discount span.amount {
opacity: 1;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price.no-discount span.amount::after {
border-bottom: none;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-discount-price {
margin-right: 10px;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price,
.template-product .mobile-builder-overlay .totals-wrapper .bundle-discount-price {
text-align: center;
}
.template-product .mobile-builder-overlay .totals-wrapper .bundle-full-price .label,
.template-product .mobile-builder-overlay .totals-wrapper .bundle-discount-price .label {
display: block;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 8px;
letter-spacing: 0.1em;
}
.template-product .mobile-builder-overlay .overlay--progress-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
color: #fff;
}
.template-product .mobile-builder-overlay .overlay--progress-bar .step {
flex-grow: 1;
padding: 15px 0;
font-size: 16px;
text-align: center;
border-bottom: 4px solid transparent;
}
.template-product .mobile-builder-overlay .overlay--progress-bar .step-complete {
background-image: url( symbol_check_greenc96f.svg?v=8648347772083158707);
background-position: center center;
background-size: 13px 17px;
background-repeat: no-repeat;
}
.template-product .mobile-builder-overlay .overlay--progress-bar .step-complete span.text {
display: none;
}
.template-product .mobile-builder-overlay .overlay--progress-bar .open {
font-family: "BrandonTextWeb-Medium";
border-bottom: 4px solid #ddd;
}
.template-product .mobile-builder-overlay .overlay--step-header .step {
display: none;
padding: 10px 20px;
background-color: #fff;
font-family: "BrandonTextWeb-Regular";
}
.template-product .mobile-builder-overlay .overlay--step-header .step.open {
display: block;
}
.template-product .mobile-builder-overlay .overlay--step-header .step span.desc {
display: block;
color: #777777;
}
.template-product .mobile-builder-overlay .gallery__caption {
display: none !important;
}
.template-product .mobile-builder-overlay .grid--product-galleries {
margin-bottom: 10px;
}
.template-product .mobile-builder-overlay .preview-product-title {
height: auto;
}
.template-product .mobile-builder-overlay .grid--buttons .preview-product-title {
display: none;
}
.template-product .mobile-builder-overlay .overlay--footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 70px;
background-color: #fff;
z-index: 99992; /* Higher than overlay */
border-top: 1px solid #ccc;
}
.template-product .mobile-builder-overlay .overlay--footer .btn, .template-product .mobile-builder-overlay .overlay--footer .module--account-details-content .add-address, .module--account-details-content .template-product .mobile-builder-overlay .overlay--footer .add-address {
text-transform: none;
margin: 10px 0 0 0;
background-color: #324eca;
width: 100%;
padding: 0;
}
.template-product .mobile-builder-overlay .overlay--footer .btn.disabled, .template-product .mobile-builder-overlay .overlay--footer .module--account-details-content .disabled.add-address, .module--account-details-content .template-product .mobile-builder-overlay .overlay--footer .disabled.add-address {
opacity: 0.3;
background-color: #000;
}
.template-product .mobile-builder-overlay .overlay--footer .btn.clicked, .template-product .mobile-builder-overlay .overlay--footer .module--account-details-content .clicked.add-address, .module--account-details-content .template-product .mobile-builder-overlay .overlay--footer .clicked.add-address {
background-color: #0e285b;
}
.template-product .mobile-builder-overlay .overlay--footer .back {
display: block;
height: 70px;
line-height: 70px;
width: 100px;
color: #324eca;
text-align: center;
margin-top: 0;
font-family: "BrandonTextWeb-Regular";
}
.template-product .mobile-builder-overlay #AddToCart {
visibility: hidden;
height: 0px;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview {
margin-top: 0;
/* Don't need this padding in a vertical stack */
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .grid--flex {
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .product-title {
font-family: "BrandonTextWeb-Regular";
text-align: left;
line-height: 1.5;
color: #181818;
font-size: 14px;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .product-title .discount {
text-decoration: line-through;
color: #ddd;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .product-title span.title {
font-family: "BrandonTextWeb-Bold";
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview img {
display: block;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .backorder-msg {
display: none;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .backordered .backorder-msg {
display: block;
background-color: #ddd;
font-size: 12px;
padding: 4px 0;
text-align: center;
}
.template-product .mobile-builder-overlay .grid__item--bundle-preview .component.padded .backorder-msg {
display: none;
}
.template-product .mobile-builder-overlay [data-accordion] [data-content] {
overflow: visible;
max-height: none;
}
.template-product .mobile-builder-overlay [data-control],
.template-product .mobile-builder-overlay [data-content] > * {
border-bottom: none;
padding-right: 0;
}
.template-product .mobile-builder-overlay .accordion [data-control] {
display: none;
}
.template-product .mobile-builder-overlay .mobile-builder-overlay [data-control] {
display: none;
}
.template-product .mobile-builder-overlay .accordion-last {
padding-bottom: 80px;
}
.template-product .mobile-builder-overlay .bundle-add-on {
height: 0;
width: 0;
visibility: hidden;
overflow: hidden;
opacity: 0;
flex-grow: 0 !important;
}
/*=============================== Miscellaneous ==============================*/
#productId-2860866819 .grid__item--product-details {
display: none;
}
.below-cart {
display: none;
clear: both;
opacity: 0.5;
padding-top: 5px;
}
.tooltip-target {
position: relative;
display: inline-block;
margin-left: 5px;
color: #fff;
z-index: 1;
width: 18px;
height: 18px;
line-height: 22px;
text-align: center;
text-transform: lowercase;
z-index: 99;
}
.tooltip-target:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
content: " ";
width: 18px;
height: 18px;
border-radius: 9999px;
background-color: #2b8df2;
}
.tooltip-content {
display: none;
background-color: #fff;
border: 2px solid #2b8df2 ;
color: #181818;
position: absolute;
bottom: 35px;
padding: 20px;
right: 9px;
width: 270px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 1.5;
-ms-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.tooltip-content:after {
content: " ";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
height: 20px;
width: 20px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
border: 2px solid #2b8df2 ;
z-index: 1;
}
.tooltip-content:before {
content: " ";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
background-color: #fff;
height: 20px;
width: 40px;
z-index: 2;
}
.tooltip-target:hover .tooltip-content {
display: block;
}
.reach-out-on-chat {
text-align: center;
}
.reach-out-on-chat span {
display: block;
}
@media screen and (min-width: 769px) {
.reach-out-on-chat span {
display: inline;
}
}
.selector-wrapper:not(.quantity-wrapper) {
position: absolute;
z-index: -1;
top: -9999px;
left: -9999px;
}
/*=========================== Tote Messaging PopUp ===========================*/
.tote-popup {
position: fixed;
background-color: #ffffff;
bottom: 0;
left: 9rem;
z-index: 0;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 1rem 1.5rem;
display: flex;
align-items: center;
transform: translateY(7rem);
transition: all 800ms ease 400ms;
}
@media screen and (max-width: 899px) {
.tote-popup {
left: 1rem;
}
}
.tote-popup.active {
z-index: 3;
opacity: 1;
transform: translateY(-2.125rem);
}
@media screen and (max-width: 899px) {
.tote-popup.active {
left: 1rem;
transform: translateY(-6.125rem);
}
}
.tote-popup.dismissed {
user-select: none;
transform: translateY(7rem);
}
.tote-popup--content {
font-size: 0.75rem;
padding-top: 3px;
}
.tote-popup--close {
margin-left: 1rem;
cursor: pointer;
}
/*============================================================================
#Modals (size|wieight|oeko|spaces)
==============================================================================*/
.info-modal {
display: flex;
justify-content: flex-start;
align-items: flex-start;
pointer-events: none;
background-color: rgba(14, 40, 91, 0.2);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
opacity: 0;
z-index: -1;
transition: z-index 250ms step-end, opacity 250ms linear;
}
.info-modal.active {
opacity: 1;
pointer-events: auto;
z-index: 99999;
transition: z-index 250ms step-start, opacity 250ms linear;
}
@media screen and (min-width: 768px) {
.info-modal.active {
z-index: 99999;
}
}
@media screen and (min-width: 768px) {
.info-modal {
justify-content: center;
align-items: center;
}
}
.info-modal .inner {
width: auto;
height: auto;
background-color: #fff;
position: relative;
padding: 30px 0;
padding-top: 0;
max-width: 90%;
min-height: 90%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 5% auto;
}
@media screen and (min-width: 768px) {
.info-modal .inner {
display: block;
max-width: none;
min-height: 0;
padding: 70px;
}
}
.info-modal .inner header {
display: block;
width: 100%;
position: relative;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
text-align: center;
margin: 50px 0 30px 0;
color: #0e285b;
}
@media screen and (min-width: 769px) {
.info-modal .inner header {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.info-modal .inner header {
margin-top: 0;
}
}
.info-modal .inner a.close {
color: #024BC2;
position: absolute;
top: 10px;
right: 10px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 50px;
line-height: 50px;
}
.info-modal table {
display: none !important;
}
@media screen and (min-width: 769px) {
.info-modal table.active {
display: table !important;
}
}
.info-modal.weight-modal .inner, .info-modal.support-modal .inner, .info-modal.fill-modal .inner {
justify-content: center;
align-items: center;
padding: 30px;
}
@media screen and (min-width: 768px) {
.info-modal.weight-modal .inner, .info-modal.support-modal .inner, .info-modal.fill-modal .inner {
max-width: 570px;
}
.info-modal.weight-modal .inner header, .info-modal.support-modal .inner header, .info-modal.fill-modal .inner header {
margin-top: 0;
text-align: left;
}
}
.info-modal.comforter-modal .inner {
justify-content: center;
align-items: center;
padding: 30px;
color: #777777;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
@media screen and (min-width: 768px) {
.info-modal.comforter-modal .inner {
max-width: 570px;
}
.info-modal.comforter-modal .inner header {
margin-top: 0;
text-align: left;
}
}
.info-modal.comforter-modal .inner .close {
color: #293C70;
}
.info-modal.comforter-modal .inner .bold {
font-family: BrandonTextWeb-Bold;
}
.info-modal.comforter-modal .inner .nightsky-dark {
color: #283455;
}
.info-modal.oeko-modal .inner, .info-modal.sale-modal .inner {
justify-content: center;
align-items: center;
padding: 30px;
min-height: 500px !important;
}
@media screen and (min-width: 768px) {
.info-modal.oeko-modal .inner, .info-modal.sale-modal .inner {
min-height: 300px !important;
}
}
.info-modal.oeko-modal .inner .grid--flex, .info-modal.sale-modal .inner .grid--flex {
justify-content: center;
align-items: center;
width: 325px;
height: 400px;
}
@media screen and (min-width: 768px) {
.info-modal.oeko-modal .inner .grid--flex, .info-modal.sale-modal .inner .grid--flex {
width: 570px;
height: 300px;
}
}
.info-modal.oeko-modal .inner .grid--flex img, .info-modal.sale-modal .inner .grid--flex img {
height: 52px;
width: 52px;
margin-bottom: 15px;
}
.info-modal.oeko-modal .inner .grid--flex img.sale-logo, .info-modal.sale-modal .inner .grid--flex img.sale-logo {
width: 100px;
height: auto;
}
.info-modal.oeko-modal .inner .grid--flex .module-title, .info-modal.sale-modal .inner .grid--flex .module-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
line-height: 1.72;
letter-spacing: 0.06em;
color: #757575;
}
@media screen and (min-width: 769px) {
.info-modal.oeko-modal .inner .grid--flex .module-title, .info-modal.sale-modal .inner .grid--flex .module-title {
font-size: 16px;
}
}
.info-modal.oeko-modal .inner .grid--flex .caption,
.info-modal.oeko-modal .inner .grid--flex .certification, .info-modal.sale-modal .inner .grid--flex .caption,
.info-modal.sale-modal .inner .grid--flex .certification {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 1.57;
letter-spacing: 0.04em;
margin: 0 auto;
max-width: 275px;
text-align: center;
}
@media screen and (min-width: 768px) {
.info-modal.oeko-modal .inner .grid--flex .caption,
.info-modal.oeko-modal .inner .grid--flex .certification, .info-modal.sale-modal .inner .grid--flex .caption,
.info-modal.sale-modal .inner .grid--flex .certification {
max-width: 400px;
}
}
.info-modal.spaces-modal .inner, .info-modal.dropship-modal .inner {
justify-content: center;
align-items: center;
padding: 40px 35px;
position: relative;
width: 330px;
margin: 30% auto;
min-height: 70%;
}
@media screen and (min-width: 768px) {
.info-modal.spaces-modal .inner, .info-modal.dropship-modal .inner {
margin: 0;
width: 530px;
padding: 48px;
min-height: 50%;
}
}
.info-modal.spaces-modal .inner .grid--flex, .info-modal.dropship-modal .inner .grid--flex {
position: relative;
justify-content: center;
align-items: flex-start;
}
.info-modal.spaces-modal .inner .grid--flex a.close, .info-modal.dropship-modal .inner .grid--flex a.close {
color: #283455;
position: absolute;
top: 0px;
right: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 40px;
line-height: 36px;
}
.info-modal.spaces-modal .inner .grid--flex a.email, .info-modal.dropship-modal .inner .grid--flex a.email {
color: #293C70;
}
.info-modal.spaces-modal .inner .grid--flex .module-title, .info-modal.dropship-modal .inner .grid--flex .module-title {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
color: #283455;
margin-bottom: 30px;
text-align: left;
}
@media screen and (min-width: 769px) {
.info-modal.spaces-modal .inner .grid--flex .module-title, .info-modal.dropship-modal .inner .grid--flex .module-title {
font-size: 24px;
}
}
.info-modal.spaces-modal .inner .grid--flex p, .info-modal.dropship-modal .inner .grid--flex p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
text-align: left;
}
.info-modal.spaces-modal .inner .grid--flex p.caption_1, .info-modal.dropship-modal .inner .grid--flex p.caption_1 {
margin-bottom: 20px;
}
.info-modal.spaces-modal .inner .grid--flex p.caption_2, .info-modal.dropship-modal .inner .grid--flex p.caption_2 {
margin-bottom: 0px;
}
.info-modal.sms-legal-modal .inner {
justify-content: center;
align-items: center;
position: relative;
width: 300px;
min-height: 200px;
padding: 48px;
border: 1px solid #283455;
}
@media screen and (min-width: 768px) {
.info-modal.sms-legal-modal .inner {
margin: 0;
width: 400px;
padding: 48px;
}
}
.info-modal.sms-legal-modal .inner a.close {
color: #283455;
position: absolute;
top: 10px;
right: 10px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 40px;
line-height: 36px;
}
.info-modal.sms-legal-modal .inner .grid--flex {
position: relative;
justify-content: center;
align-items: flex-start;
}
.info-modal.sms-legal-modal .inner .grid--flex p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
text-align: left;
margin-bottom: 0px;
}
.info-modal.dropship-modal .inner {
min-height: auto;
}
.info-modal.price-raise-modal .inner {
text-align: center;
max-width: 350px;
max-height: 380px;
align-self: center;
min-height: 0px;
padding: 60px 30px;
}
.info-modal.price-raise-modal .inner a.close {
right: 20px;
font-size: 30px;
color: #293C70;
}
.info-modal.price-raise-modal .inner h2 {
margin-bottom: 24px;
color: #293C70;
}
.info-modal.price-raise-modal .inner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #757575;
}
.info-modal table.sizing {
min-width: 640px;
width: auto;
border-top: 0;
}
.info-modal .sizing-footnote {
display: none;
}
.info-modal .grid--list .grid__item--header span {
display: block;
background-color: #eaf1ff;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
color: #0e285b;
height: 36px;
line-height: 40px;
padding: 0 18px;
}
.info-modal .grid--list .grid__item--content .grid__item span {
display: block;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
padding: 25px 18px 20px 18px;
border-bottom: 1px solid #eaf1ff;
color: #0e285b;
}
.info-modal .grid--list .grid__item--content .grid__item:nth-last-child(-n+2) span {
border-bottom: none;
}
.info-modal .grid--list .grid__item--content .grid__item.grid__item--size span {
text-align: right;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
/* Trigger Link for BMSM Bundle Modal on PDP */
.trigger-bmsm-bundle-modal,
.trigger-price-raise-modal,
.trigger-dropship-modal {
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-align: center;
color: #04247D;
transition: color 0.2s;
}
.trigger-bmsm-bundle-modal:hover, .trigger-bmsm-bundle-modal:focus,
.trigger-price-raise-modal:hover,
.trigger-price-raise-modal:focus,
.trigger-dropship-modal:hover,
.trigger-dropship-modal:focus {
color: #04247D;
}
body.variant-sold-out .trigger-bmsm-bundle-modal,
body.variant-sold-out .trigger-price-raise-modal,
body.variant-sold-out .trigger-dropship-modal {
display: none;
}
.trigger-bmsm-bundle-modal .trigger-bmsm-bundle-modal__image,
.trigger-bmsm-bundle-modal .trigger-price-raise-modal,
.trigger-bmsm-bundle-modal .trigger-dropship-modal__image,
.trigger-price-raise-modal .trigger-bmsm-bundle-modal__image,
.trigger-price-raise-modal .trigger-price-raise-modal,
.trigger-price-raise-modal .trigger-dropship-modal__image,
.trigger-dropship-modal .trigger-bmsm-bundle-modal__image,
.trigger-dropship-modal .trigger-price-raise-modal,
.trigger-dropship-modal .trigger-dropship-modal__image {
display: inline-block;
margin-top: 2px;
margin-left: 8px;
min-width: 15px;
min-height: 15px;
background-image: url( brooklinen-tool-tipf5ed.png?v=12185547349459394578);
background-size: cover;
}
.bmsm-bundle-modal {
text-align: center;
}
.bmsm-bundle-modal .inner {
margin: auto;
min-height: 0;
padding: 30px;
}
@media screen and (min-width: 768px) {
.bmsm-bundle-modal .inner {
padding: 70px;
}
}
.spaces-modal-trigger {
display: flex;
flex-direction: row;
width: 100%;
margin-top: -10px;
margin-bottom: 20px;
}
.spaces-modal-trigger a {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.spaces-modal-trigger a p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
color: #293C70;
margin-bottom: 0px;
padding-top: 3px;
letter-spacing: normal !important;
}
@media screen and (min-width: 769px) {
.spaces-modal-trigger a p {
font-size: 16px;
}
}
.spaces-modal-trigger a img {
margin-left: 5px;
height: 15px;
width: 15px;
}
/*============================== Size Chart =================================*/
table.sizing {
width: 100%;
margin: 0 auto;
}
table.sizing thead tr {
background-color: #eaf1ff;
}
table.sizing tr th {
border: none;
padding: 15px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 14px;
color: #024BC2;
}
table.sizing th span.empty-th {
opacity: 0;
}
table.sizing tr th:first-child {
color: transparent;
}
table.sizing tbody tr:first-child td {
border-top: none;
}
table.sizing tbody tr:last-child td {
border-bottom: none;
padding-bottom: 0;
}
table.sizing tbody td:first-child {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #024BC2;
text-align: left;
}
table.sizing td {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
padding: 20px 3px;
text-align: center;
border-color: #eaf1ff;
border-right: 1px solid white;
border-left: 1px solid white;
}
table.sizing th {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-align: center;
padding: 8px;
font-size: 14px;
}
table.sizing th span {
display: block;
}
@media screen and (max-width: 767px) {
table.sizing th {
font-size: 0.4375em;
}
table.sizing th span {
display: block;
}
}
.header-sizing {
max-width: 350px;
text-align: center;
margin: 0 auto;
padding-bottom: 30px;
margin: -15px auto 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #0F1528;
font-size: 14px;
line-height: 1.57;
letter-spacing: -0.07px;
}
@media screen and (min-width: 768px) {
.header-sizing {
max-width: 500px;
}
}
.header-sizing a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #293C70;
}
.info-modal table.sizing.loungewear {
min-width: 300px !important;
}
table.sizing.loungewear.active {
display: table !important;
}
table.sizing.loungewear {
color: #0F1528;
text-align: center;
width: 300px !important;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear {
width: auto !important;
}
}
table.sizing.loungewear thead tr {
background-color: #FFFFFF;
}
table.sizing.loungewear tr tbody:first-child {
color: #0F1528;
padding: 3px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear tr tbody:first-child {
padding: 20px 3px;
}
}
table.sizing.loungewear tbody tr:last-child td {
padding-bottom: 0px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear tbody tr:last-child td {
padding-bottom: 20px;
}
}
table.sizing.loungewear thead tr th:first-child {
transform: rotate(270deg);
color: #0F1528;
line-height: 1.21;
letter-spacing: -0.07px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear thead tr th:first-child {
transform: rotate(0deg);
}
}
table.sizing.loungewear thead th {
color: #0F1528;
line-height: 1.21;
letter-spacing: -0.07px;
font-size: 14px;
padding: 3px;
width: 15%;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear thead th {
padding: 20px 3px;
width: 100px;
}
}
table.sizing.loungewear tbody td:first-child {
transform: rotate(270deg);
color: #0F1528;
line-height: 1.21;
letter-spacing: -0.07px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear tbody td:first-child {
transform: rotate(0deg);
}
}
table.sizing.loungewear tr td:first-child {
text-align: center;
}
table.sizing.loungewear tr {
border-top: 1px solid #eaf1ff;
border-bottom: 1px solid #eaf1ff;
}
table.sizing.loungewear th {
border-left: 1px solid #eaf1ff;
border-right: 1px solid #eaf1ff;
height: 110px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear th {
height: auto;
}
}
table.sizing.loungewear td {
border-left: 1px solid #eaf1ff;
border-right: 1px solid #eaf1ff;
white-space: normal;
padding: 3px;
word-break: break-word;
height: 90px;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear td {
height: auto;
padding: 20px 3px;
}
}
table.sizing.loungewear td.header,
table.sizing.loungewear th.header {
width: 10%;
}
@media screen and (min-width: 768px) {
table.sizing.loungewear td.header,
table.sizing.loungewear th.header {
width: 100px;
}
}
table.sizing.hammam tr th:first-child {
color: #181818;
}
.sizing-footnote {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
display: block;
width: 100%;
margin: 0 0 20px 10%;
border: none;
font-size: 0.5625em;
padding-top: 5px;
text-align: right;
color: #2b8df2;
font-style: italic;
}
@media screen and (min-width: 768px) {
.sizing-footnote {
margin-right: 10%;
}
}
.sizing-footnote.hammam {
float: none !important;
margin: 0 0 20px 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.sizing-footnote.hammam {
margin-right: 10%;
text-align: right;
}
}
.rotate-title-height {
transform: rotate(270deg);
position: absolute;
left: 0px;
top: 62%;
}
.title-weight {
text-align: center;
margin-bottom: 10px;
}
.title-e-gift-card .tabs-container .menu li:last-of-type {
display: none;
}
/*============================================================================
#PDP Modules
==============================================================================*/
/*========================== Product Info Module =============================*/
.module--pdp-product-info {
margin-top: 50px;
margin-bottom: 50px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.module--pdp-product-info.product-single {
margin-top: 20px;
}
.module--pdp-product-info .wrapper {
max-width: 100%;
}
.module--pdp-product-info .grid__item {
padding-left: 0;
}
.module--pdp-product-info [data-control],
.module--pdp-product-info [data-content] {
padding: 0;
border: none;
}
.module--pdp-product-info [data-accordion] > [data-control]:after,
.module--pdp-product-info [data-accordion].open [data-control]::after {
font-family: "BrandonTextWeb-Regular";
height: 16px;
line-height: 16px;
top: 2px;
right: 0;
font-size: 18px;
color: inherit;
}
.module--pdp-product-info [data-accordion].open [data-control]::after {
top: 0;
}
.module--pdp-product-info [data-accordion] > [data-control] h3 {
font-family: "BrandonTextWeb-Bold";
font-size: 18px;
letter-spacing: 0.0333em;
border: none;
text-transform: none;
margin: 1.25em 0;
}
.module--pdp-product-info h3 {
font-family: "BrandonTextWeb-Medium";
font-size: 12px;
letter-spacing: 0.0833em;
border: none;
text-transform: uppercase;
margin: 1.75em 0 0.75em 0;
}
.module--pdp-product-info .accordion {
border-top: 1px solid #ddd;
}
.module--pdp-product-info .accordion.open {
padding-bottom: 40px;
}
.module--pdp-product-info .accordion:first-child {
border-top: none;
}
}
@media screen and (min-width: 769px) {
.module--pdp-product-info.ver-0 .grid--flex {
flex-direction: row;
justify-content: space-between;
}
.module--pdp-product-info.ver-0 [data-accordion] [data-content] {
overflow: visible;
max-height: none;
border: none;
position: relative;
}
.module--pdp-product-info.ver-0 [data-control]::after {
content: "";
display: none;
}
.module--pdp-product-info.ver-0 .grid__item {
padding-left: 0;
max-width: 270px;
}
.module--pdp-product-info.ver-0 .grid__item--section-2 {
max-width: 370px;
padding: 0 30px;
}
.module--pdp-product-info.ver-0 [data-control], .module--pdp-product-info.ver-0 [data-content] > * {
cursor: default;
border: none;
}
.module--pdp-product-info.ver-0 h3,
.module--pdp-product-info.ver-0 [data-accordion] > [data-control] h3 {
font-family: "BrandonTextWeb-Medium";
font-size: 12px;
letter-spacing: 0.0833em;
border: none;
text-transform: uppercase;
margin: 2.75em 0 1.5em 0;
}
}
@media screen and (min-width: 1024px) {
.module--pdp-product-info.ver-0 .grid__item--section-2 {
padding: 0;
}
}
.module--pdp-product-info.ver-1 {
padding-top: 50px;
}
.module--pdp-product-info.ver-1 [data-accordion] > [data-control] h3 {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
.module--pdp-product-info.ver-1 .grid--tabs h3 {
display: none;
}
@media screen and (min-width: 769px) {
.module--pdp-product-info.ver-1 .grid--tabs h3 {
display: inline;
}
}
@media screen and (min-width: 769px) {
.module--pdp-product-info.ver-1 .wrapper {
max-width: 855px;
}
.module--pdp-product-info.ver-1 .grid--tabs {
flex-flow: row nowrap;
justify-content: space-between;
margin-top: 20px;
cursor: pointer;
}
.module--pdp-product-info.ver-1 .grid--tabs .grid__item {
text-align: center;
color: #777777;
padding-bottom: 26px;
transition: color 0.2s ease-in-out;
}
.module--pdp-product-info.ver-1 .grid--tabs .grid__item h3 {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
.module--pdp-product-info.ver-1 .grid--tabs .grid__item.active h3 {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
color: #293C70;
}
.module--pdp-product-info.ver-1 .grid--tabs .grid__item:hover {
color: #293C70;
cursor: pointer;
}
.module--pdp-product-info.ver-1 .grid--tabs .grid__item:hover h3 {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
.module--pdp-product-info.ver-1 .grid--tab-index {
flex-flow: row nowrap;
justify-content: space-between;
height: 8px;
border: 1px solid #293C70;
margin: -8px 0px 40px 0px;
margin-left: 0;
}
.module--pdp-product-info.ver-1 .grid--tab-index .grid__item {
width: 33.3333%;
background-color: #293C70;
height: 100%;
transition: margin-left 0.2s ease-in-out;
}
.module--pdp-product-info.ver-1 .grid--tab-index:hover {
cursor: pointer;
}
.module--pdp-product-info.ver-1 .grid--flex.accordion-group {
display: block;
position: relative;
overflow: visible;
}
.module--pdp-product-info.ver-1 .grid__item.accordion {
position: absolute;
top: 0;
left: 0;
background-color: #FFFFFF;
height: 100%;
z-index: 1;
text-align: center;
padding-top: 0px;
padding-left: 0px;
}
.module--pdp-product-info.ver-1 .grid__item.accordion.active {
z-index: 2;
}
.module--pdp-product-info.ver-1 [data-accordion] [data-content] {
overflow: visible;
max-height: none;
border: none;
position: relative;
}
.module--pdp-product-info.ver-1 [data-control]::after {
content: "";
display: none;
}
.module--pdp-product-info.ver-1 [data-control], .module--pdp-product-info.ver-1 [data-content] > * {
cursor: default;
border: none;
}
.module--pdp-product-info.ver-1 [data-content] {
width: 100%;
margin: 0 auto;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 26px;
}
.module--pdp-product-info.ver-1 [data-accordion] > [data-control] h3 {
display: none;
}
}
.module--pdp-product-info [data-content] ul {
padding: 0;
list-style-position: inside;
margin-left: 0;
list-style-image: url("data:image/svg+xml;utf8,");
}
.module--pdp-product-info [data-content] li {
font-family: "BrandonTextWeb-Light";
font-size: 16px;
letter-spacing: 0.03125em;
font-size: 10px;
}
.module--pdp-product-info [data-content] p,
.module--pdp-product-info [data-content] li > * {
font-family: "BrandonTextWeb-Regular";
font-size: 16px;
letter-spacing: 0.00125em;
line-height: 1.5;
font-size: 16px;
}
.module--pdp-product-info [data-content] a {
color: #324eca;
}
.module--pdp-product-info [data-content] > * {
border: none;
}
/*==================== Bestsellers Classic Luxe Module =======================*/
.module--bestsellers {
background-color: #F2F5F8;
padding-top: 40px;
padding-bottom: 40px;
/* hide disabled button */
}
@media screen and (min-width: 768px) {
.module--bestsellers {
padding-top: 80px;
padding-bottom: 80px;
}
}
.module--bestsellers h3 {
margin-bottom: 40px;
font-size: 30px;
color: #283455;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--bestsellers h3 {
font-size: 36px;
}
.module--bestsellers h3 br {
display: none;
}
}
.module--bestsellers .carousel-bestsellers .carousel-cell {
width: 80%;
margin-right: 3%;
}
@media screen and (min-width: 768px) {
.module--bestsellers .carousel-bestsellers .carousel-cell {
width: calc(24% + 1px);
margin-right: 1%;
}
}
.module--bestsellers .carousel-bestsellers .carousel-cell p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-top: 0.5em;
margin-bottom: 0;
text-align: center;
}
.module--bestsellers .carousel-bestsellers .carousel-cell p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #283455;
line-height: 1;
}
@media screen and (max-width: 767px) {
.module--bestsellers .flickity-viewport {
overflow: visible;
}
}
.module--bestsellers .flickity-resize .carousel-cell {
min-height: 100%;
}
.module--bestsellers .flickity-button {
display: none;
}
@media screen and (min-width: 768px) {
.module--bestsellers .flickity-button {
display: block;
}
.module--bestsellers .flickity-button.flickity-prev-next-button.next {
right: -10px;
}
.module--bestsellers .flickity-button.flickity-prev-next-button.next {
right: -10px;
}
.module--bestsellers .flickity-button.flickity-prev-next-button.previous {
left: -20px;
}
.module--bestsellers .flickity-button .flickity-button-icon {
left: 32%;
top: 32%;
width: 36%;
height: 36%;
fill: #283455;
}
}
.module--bestsellers .flickity-button:disabled {
display: none;
}
/*==================== It's All in the Details Modules =======================*/
.module--details {
padding: 30px 0;
}
@media screen and (min-width: 768px) {
.module--details {
background-color: #fff;
padding: 0;
}
}
.module--details h4 {
margin-bottom: 28px;
letter-spacing: 2px;
}
.module--details img {
margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
.module--details img {
margin-bottom: 48px;
}
}
.module--details p {
max-width: 407px;
margin: 0px auto;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--details section.mobile-carousel .flickity-viewport {
overflow: visible;
}
.module--details section.mobile-carousel .carousel-cell {
width: 100%;
margin-right: 30px;
padding: 46px 0px 0px 0px;
background-color: #fff;
color: #293C70;
}
.module--details section.mobile-carousel .flickity-resize .carousel-cell {
min-height: 100%;
}
.module--details section.mobile-carousel .flickity-page-dots {
position: static;
margin: 30px 0 30px 0;
}
.module--details section.mobile-carousel .flickity-page-dots .dot {
background-color: transparent;
border: 1px solid #293C70;
opacity: 1;
width: 8px;
height: 8px;
margin: 0 5px;
}
.module--details section.mobile-carousel .flickity-page-dots .dot.is-selected {
background-color: #293C70;
}
.module--details section.desktop-section .module-card {
max-width: 464px;
margin: 0px auto;
padding: 90px 0px;
color: #293C70;
}
hr.module--hcb {
margin: 0;
}
/*================== Recommended Products... Module ==========================*/
body.loop-returns-activated .module--you-may-also-like {
display: none;
}
.module--you-may-also-like .grid--you-may-also-like {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--you-may-also-like .grid--you-may-also-like {
padding-top: 40px;
padding-bottom: 20px;
}
}
.module--you-may-also-like .grid--you-may-also-like h3 {
margin-bottom: 40px;
font-size: 36px;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel {
list-style: none;
margin: 0px 30px;
}
@media screen and (min-width: 769px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel {
margin: 0px 80px;
}
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell {
width: 100%;
padding: 1%;
position: relative;
text-align: left;
}
@media screen and (min-width: 768px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell {
width: 33.3333%;
}
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .carousel-image {
margin-bottom: 20px;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .headline {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 18px !important;
text-transform: none !important;
letter-spacing: 0.5px;
margin-bottom: 5px;
color: #0F1528;
}
@media screen and (min-width: 769px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .headline {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .headline {
max-width: 270px;
}
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.75;
letter-spacing: 0.0315em;
margin-bottom: 5px;
color: #0F1528;
}
@media screen and (min-width: 768px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .price {
max-width: 270px;
}
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 1.75;
color: #777777;
letter-spacing: 0.0315em;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption {
max-width: 270px;
}
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption a {
color: #04247D;
border-bottom: 1px solid #04247D;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption a:hover {
color: #AEB6A7;
border-bottom: 1px solid #AEB6A7;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption a:first-child {
color: #04247D;
border-bottom: 1px solid transparent;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .caption a:first-child:hover {
color: #AEB6A7;
border-bottom: 1px solid transparent;
}
.module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .btn, .module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .module--account-details-content .add-address, .module--account-details-content .module--you-may-also-like .grid--you-may-also-like .related-carousel .carousel-cell .add-address {
margin-top: 20px;
max-width: none;
}
@media screen and (min-width: 769px) {
.module--you-may-also-like .grid--you-may-also-like .flickity-page-dots {
display: none;
}
}
.module--you-may-also-like .grid--you-may-also-like .flickity-prev-next-button {
top: 0;
transform: translateY(0);
}
@media screen and (min-width: 769px) {
.module--you-may-also-like .grid--you-may-also-like .flickity-prev-next-button {
display: none;
}
}
.module--you-may-also-like .grid--you-may-also-like .flickity-prev-next-button.previous {
left: -30px;
}
.module--you-may-also-like .grid--you-may-also-like .flickity-prev-next-button.next {
right: -30px;
}
/*======================= Our Guarantee Modules ==============================*/
.module--our-guarantee {
background-image: url( module--our-guarantee-mobilev2_1536x1200d947.jpg?v=13012177493707384656);
background-position: 50% 30%;
min-height: 500px;
background-size: cover;
}
@media screen and (min-width: 768px) {
.module--our-guarantee {
background-image: url( module--our-guarantee-desktop_2048x9008e52.jpg?v=17852470936856395008);
background-position: 50% 50%;
min-height: 500px;
background-size: cover;
}
}
.module--our-guarantee .grid--flex {
min-height: 500px;
justify-content: flex-end;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--our-guarantee .grid--flex {
padding-bottom: 40px;
min-height: 500px;
justify-content: center;
}
}
.module--our-guarantee .grid--flex .grid__item--copy {
text-align: center;
padding-bottom: 0px;
margin: 0 auto;
max-width: 400px;
}
@media screen and (min-width: 768px) {
.module--our-guarantee .grid--flex .grid__item--copy {
text-align: left;
margin: 0;
max-width: none;
}
}
.module--our-guarantee .grid--flex .grid__item--copy h3 {
margin-bottom: 0.5em;
font-size: 36px;
}
/*======================= Call us, maybe? Module ============================*/
.module--call-us {
padding-top: 65px;
padding-bottom: 100px;
}
.module--call-us .wrapper .grid__item--banner {
text-align: center;
color: #293C70;
}
.module--call-us .wrapper .grid__item--banner h3 {
padding-bottom: 20px;
}
.module--call-us .wrapper .grid__item--banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
padding-bottom: 20px;
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid__item--banner p {
padding-bottom: 40px;
}
}
.module--call-us .wrapper .grid__item--banner p .callout {
font-family: BrandonTextWeb-Bold;
}
.module--call-us .wrapper .grid--flex {
justify-content: center;
align-items: center;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us {
max-width: 450px;
/* For mobile, we flip the native image/text order on the first and third rows. */
/* Second row, there is no need to adjust the order, but we need to touch the justification of the text cell. */
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us {
display: flex;
flex-direction: row;
justify-content: center;
max-width: none;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method {
flex-direction: row;
margin: 20px 5px;
justify-content: space-around;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method {
flex-direction: column;
width: 300px;
padding: 0 40px;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method:not(:last-of-type) {
border-right: 1px solid #DDDDDD;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex {
align-items: center;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex {
text-align: center;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex.image {
max-width: 120px;
padding: 0px;
flex: 1;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex.text {
flex: 1.2;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex.text {
flex: 1;
align-items: flex-end;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text {
width: 75%;
margin: 0px auto;
padding: 30px 0px;
border-bottom: 1px solid #DDDDDD;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text {
border-bottom: 0px;
width: 100%;
margin: 0px;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text h2 {
color: #293C70;
margin: 0px 0px 10px;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text h2 {
margin: 30px 0px 12px;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text p {
margin: 0;
margin-bottom: 12px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text p .text-cta {
font-family: BrandonTextWeb-Regular;
color: #344329;
border-color: #344329;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method .grid__item--flex .cell--text p .text-cta:hover {
color: #AEB6A7;
border-color: #AEB6A7;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .contact-method:last-of-type .cell--text {
border-bottom: 0px;
border-right: 0px;
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .grid--flex:nth-child(odd) .grid__item--flex:first-child {
order: 2;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .grid--flex:nth-child(odd) .grid__item--flex:first-child {
order: 1;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .grid--flex:nth-child(odd) .grid__item--flex:nth-child(2) {
order: 1;
}
@media screen and (min-width: 768px) {
.module--call-us .wrapper .grid--flex .grid__item--call-us .grid--flex:nth-child(odd) .grid__item--flex:nth-child(2) {
order: 2;
}
}
.module--call-us .wrapper .grid--flex .grid__item--call-us .grid--flex:nth-child(even) .grid__item--flex:nth-child(2) {
justify-content: flex-end;
}
/*============================= PDP FAQ Module ===============================*/
.module--pdp-faq {
color: #0F1528;
padding: 50px 0;
}
.module--pdp-faq .wrapper {
max-width: 700px;
}
.module--pdp-faq .wrapper h3 {
letter-spacing: 0.08px;
margin-bottom: 24px;
text-align: center;
color: #283455;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
}
@media screen and (min-width: 769px) {
.module--pdp-faq .wrapper h3 {
font-size: 30px;
}
}
.module--pdp-faq .wrapper .accordion-group [data-content] p, .module--pdp-faq .wrapper .accordion-group [data-content] li {
font-size: inherit;
line-height: inherit;
}
.module--pdp-faq .wrapper .accordion-group [data-accordion] > [data-control] h3 {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
color: #5D6E50;
font-size: 24px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
.module--pdp-faq .wrapper .accordion-group [data-accordion] > [data-control] h3 {
margin-top: 0.75em;
margin-bottom: 0.75em;
cursor: pointer;
}
}
.module--pdp-faq .wrapper .accordion-group [data-accordion] > [data-control]:after {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
color: #0F1528;
top: 2px;
}
.module--pdp-faq .wrapper .accordion-group div[data-content] .inner {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
padding: 20px 0;
text-align: center;
}
.module--pdp-faq .wrapper .accordion-group #sizeguide {
margin-top: 0 !important;
}
.module--pdp-faq .wrapper .accordion-group table.sizing {
width: 100%;
}
.module--pdp-faq .wrapper .accordion-group table.sizing th, .module--pdp-faq .wrapper .accordion-group table.sizing td {
border-color: #fff;
}
@media screen and (min-width: 768px) {
.module--pdp-faq .wrapper .accordion-group table.sizing th, .module--pdp-faq .wrapper .accordion-group table.sizing td {
font-size: 12px;
}
}
.module--pdp-faq .wrapper .accordion-group [data-content] p.sizing-footnote.right {
font-size: 9px;
padding-bottom: 10px;
float: none !important;
}
.module--pdp-faq a.btn, .module--pdp-faq .module--account-details-content a.add-address, .module--account-details-content .module--pdp-faq a.add-address {
margin-top: 42px;
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.module--pdp-faq a.btn, .module--pdp-faq .module--account-details-content a.add-address, .module--account-details-content .module--pdp-faq a.add-address {
margin-top: 60px;
margin-bottom: 60px;
}
}
.module--pdp-faq hr {
margin: 0 auto;
max-width: 375px;
}
@media screen and (min-width: 768px) {
.module--pdp-faq hr {
max-width: 950px;
}
}
/*======================== PDP testimonials module ===========================*/
.module--testimonials {
padding-top: 40px;
border-top: 1px solid #ddd;
margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
.module--testimonials {
padding-top: 0;
}
}
.module--testimonials .carousel-cell {
width: 100%;
text-align: center;
padding: 20px 5px 60px 5px;
}
@media screen and (min-width: 769px) {
.module--testimonials .carousel-cell {
padding-top: 60px;
}
}
.module--testimonials .testimonial {
font-size: 24px;
line-height: 1.33;
font-family: "BrandonTextWeb-Medium";
font-weight: normal;
margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
.module--testimonials .testimonial {
max-width: calc(100% - 120px);
margin-right: auto;
margin-left: auto;
}
}
.module--testimonials .name {
color: #757575;
font-family: "BrandonTextWeb-Regular";
}
.module--testimonials .testimonial-review-stars {
margin-bottom: 30px;
}
.module--testimonials .flickity-prev-next-button {
display: none;
}
@media screen and (min-width: 769px) {
.module--testimonials .flickity-prev-next-button {
display: block;
}
}
.module--testimonials .btn, .module--testimonials .module--account-details-content .add-address, .module--account-details-content .module--testimonials .add-address {
background-color: #324eca;
font-family: "BrandonTextWeb-Regular";
text-transform: none;
font-size: 18px;
letter-spacing: 0.5px;
letter-spacing: normal;
width: 335px;
margin-top: 10px;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.module--testimonials .btn, .module--testimonials .module--account-details-content .add-address, .module--account-details-content .module--testimonials .add-address {
font-size: 16px;
}
}
.module--testimonials.reviews-next {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 769px) {
.module--testimonials.reviews-next {
padding-bottom: 0;
}
}
.module--testimonials.reviews-next .btn, .module--testimonials.reviews-next .module--account-details-content .add-address, .module--account-details-content .module--testimonials.reviews-next .add-address {
display: none;
}
body.zero-product-reviews .module--testimonials .btn, body.zero-product-reviews .module--testimonials .module--account-details-content .add-address, .module--account-details-content body.zero-product-reviews .module--testimonials .add-address {
display: none;
}
.module--testimonials .flickity-page-dots {
bottom: 20px;
}
@media screen and (min-width: 769px) {
.module--testimonials .flickity-page-dots {
display: none;
}
}
.module--testimonials .flickity-page-dots .dot {
height: 8px;
width: 8px;
margin: 0 5;
}
/*==================== Loungewear Value Props Module ========================*/
.module--loungewear-value-props {
background-color: #F2F5F8;
margin-bottom: 84px;
/* Use left and right on els inside a flex container to "fake" the vertical
rule in designs */
}
.module--loungewear-value-props .module-img {
min-height: 316px;
background-image: url( module--loungewear-value-props__mobile7647.jpg?v=3377499346715575062);
background-size: cover;
}
@media screen and (min-width: 768px) {
.module--loungewear-value-props .module-img {
min-height: 607px;
background-image: url( module--loungewear-value-props__desktop6d93.jpg?v=16006499072967181794);
background-size: cover;
background-position: center;
}
}
.module--loungewear-value-props .lw-value-props {
margin: 0px auto;
max-width: 400px;
min-height: 607px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.module--loungewear-value-props .lw-value-props .value-prop {
text-align: center;
color: #293C70;
}
.module--loungewear-value-props .lw-value-props .value-prop h2 {
margin-bottom: 6px;
}
.module--loungewear-value-props .lw-value-props .value-prop p {
max-width: 282px;
margin-bottom: 20px;
font-family: "BrandonTextWeb-Regular";
font-size: 16px;
color: #293C70;
}
.module--loungewear-value-props .lw-value-props .value-prop:last-of-type p {
margin-bottom: 0px;
}
.module--loungewear-value-props .vertical-rule {
margin-bottom: 20px;
min-height: 81px;
display: flex;
}
.module--loungewear-value-props .vertical-rule .left {
border-right: 0.5px solid #293C70;
}
.module--loungewear-value-props .vertical-rule .right {
border-left: 0.5px solid #293C70;
}
/*========================= Meet the Maker Module ============================*/
.module--meet-the-maker .wrapper {
display: flex;
flex-direction: column;
padding: 0px;
margin-top: 20px;
max-width: none;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper {
margin-top: 60px;
}
}
.module--meet-the-maker .wrapper .meet-the-maker {
display: flex;
flex-direction: column;
color: #0F1528;
background-color: #F2F5F8;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker {
flex-direction: row;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 45px 30px 0px 30px;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text {
width: 50%;
padding: 0px;
padding-left: 7%;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text hr.desktop-hr {
display: none;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text hr.desktop-hr {
display: block;
margin: 40px 0px;
width: 100%;
border-top: 1px solid #DDE3EC;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption {
padding: 0px;
width: 100%;
align-items: flex-start;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
letter-spacing: 3.5px;
}
@media screen and (min-width: 769px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .eyebrow {
font-size: 16px;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .name {
margin-bottom: 24px;
color: #283455;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .name {
margin-bottom: 0px;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .mobile-image {
padding: 0px 48px;
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .mobile-image img {
width: 100%;
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption hr {
margin: 40px 0px;
border-top: 1px solid #DDE3EC;
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.57px;
padding: 0px 48px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .subtitle {
max-width: 420px;
padding: 0px;
text-align: left;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .bio {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.57px;
padding: 0px 48px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .bio {
max-width: 420px;
padding: 0px;
text-align: left;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .cta-wrapper {
padding: 0px 30px;
margin-top: 48px;
margin-bottom: 60px;
width: auto;
max-width: 400px;
width: auto;
max-width: 400px;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__text .caption .cta-wrapper {
padding: 0px;
margin-bottom: 0px;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__image {
width: 100%;
}
@media screen and (min-width: 768px) {
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__image {
width: 50%;
}
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__image .image-wrapper {
padding-bottom: 90.1252%;
height: 0;
position: relative;
}
.module--meet-the-maker .wrapper .meet-the-maker .meet-the-maker__image .image-wrapper .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
/*=============================== Why Spaces =================================*/
.module--why-spaces .wrapper {
display: flex;
flex-direction: column;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
max-width: none;
}
@media screen and (min-width: 768px) {
.module--why-spaces .wrapper {
margin-top: 0px;
margin-bottom: 60px;
}
}
.module--why-spaces .wrapper .meet-spaces {
color: #0F1528;
margin: 0px 30px;
}
.module--why-spaces .wrapper .meet-spaces .headline {
margin: 48px 0 24px;
text-align: center;
color: #283455;
}
@media screen and (min-width: 768px) {
.module--why-spaces .wrapper .meet-spaces .headline {
margin: 90px 0;
}
}
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values {
flex-direction: row;
align-items: flex-start;
}
}
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .space-bar {
align-self: center;
width: 1px;
min-height: 60px;
margin: 0px 50px;
background: #F2F2F2;
}
@media screen and (min-width: 768px) {
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .space-bar {
align-self: stretch;
width: 1px;
margin: 0px 50px;
}
}
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .quality {
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 0px;
align-items: center;
text-align: center;
width: 100%;
max-width: 240px;
}
@media screen and (min-width: 768px) {
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .quality {
width: 33.3333%;
padding: 0px;
}
}
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .quality .title {
margin-bottom: 20px;
color: #283455;
}
.module--why-spaces .wrapper .meet-spaces .meet-spaces-values .quality .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 0px;
}
/*==================== Weighted Comforter Video Module =======================*/
.module--pdp-wc-primer {
background-color: #F2F2F2;
}
.module--pdp-wc-primer .wrapper {
padding: 40px 0px;
}
@media screen and (min-width: 769px) {
.module--pdp-wc-primer .wrapper {
padding: 100px 0px;
}
}
.module--pdp-wc-primer .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-primer .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__mobile-header {
z-index: 10;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__mobile-header h2 {
font-size: 24px;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__mobile-header .vertical-line {
background-color: #283455;
height: 30px;
width: 2px;
margin: 15px auto -15px;
z-index: 2;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video {
width: 100%;
display: flex;
justify-content: center;
padding-right: 0px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video {
justify-content: flex-end;
padding-right: 15px;
width: 50%;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper {
position: relative;
display: flex;
justify-content: flex-end;
max-width: 500px;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper .wc-video {
width: 100%;
height: auto;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper .play {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper .play:hover {
cursor: pointer;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper .play .play-btn {
background-image: url( module--iwd-hero-play-btn16dd.png?v=390894285877429752);
background-repeat: no-repeat;
width: 45px;
height: 45px;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
background-size: contain;
background-position: center;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__video .wc-video-wrapper .play .play-btn:hover {
cursor: pointer;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details {
width: 50%;
padding: 0px 15px;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper {
display: flex;
flex-direction: column;
max-width: none;
align-items: center;
text-align: center;
padding-left: 0px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper {
margin-top: 0px;
align-items: flex-start;
text-align: left;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .title {
color: #283455;
margin-bottom: 18px;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .subtitle {
color: #777777;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
max-width: 300px;
margin-bottom: 30px;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .subtitle .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .subtitle .desktop {
display: block;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-title p {
color: #283455;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 16px;
text-transform: none;
margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-title p {
font-size: 16px;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-title h3 {
color: #283455;
font-size: 30px;
margin-bottom: 20px;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-title h3 span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 16px;
text-transform: none;
margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-title h3 span {
font-size: 16px;
}
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .text-border {
padding: 8px 0;
}
.module--pdp-wc-primer .wrapper .grid--flex .grid-item__details .caption-wrapper .caption-list-item {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
padding: 8px 0;
color: #283455;
border-bottom: 1px solid #DDDDDD;
letter-spacing: 0.57px;
}
/*==================== Weighted Comforter Details triptic ====================*/
.module--pdp-wc-details .wrapper {
padding: 30px 0px;
}
@media screen and (min-width: 769px) {
.module--pdp-wc-details .wrapper {
padding: 54px 0px;
}
}
.module--pdp-wc-details .wrapper .grid--flex {
justify-content: center;
align-items: center;
}
.module--pdp-wc-details .wrapper .grid--flex .grid__item--header {
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 20px;
max-width: 840px;
}
.module--pdp-wc-details .wrapper .grid--flex .grid__item--header h4 {
color: #293C70;
font-size: 14px;
margin-bottom: 12px;
letter-spacing: 2.5px;
}
.module--pdp-wc-details .wrapper .grid--flex .grid__item--header p {
color: #777777;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--pdp-wc-details .wrapper .triple-detail-carousel {
display: block;
margin-left: 50px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-details .wrapper .triple-detail-carousel {
margin-left: 0px;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 100%;
}
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell {
display: block;
width: 80%;
margin-right: 20px;
max-width: none;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell {
display: inline-block;
width: 33%;
max-width: 380px;
margin-right: 0px;
}
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper {
margin: 0px;
text-align: left;
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper img {
margin-bottom: 20px;
max-width: 100%;
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper video {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper h2 {
color: #283455;
margin-bottom: 10px;
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper h2 span {
display: none;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper h2 span {
display: inline;
}
}
.module--pdp-wc-details .wrapper .triple-detail-carousel .triple-detail-carousel-cell .detail-wrapper p {
color: #777777;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
/*==================== Weighted Comforter Product Info =======================*/
.module--pdp-wc-comfort {
background-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort {
background-color: #F2F2F2;
}
}
.module--pdp-wc-comfort hr {
width: 80%;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort hr {
display: none;
}
}
.module--pdp-wc-comfort .wrapper {
padding: 40px 0px 0px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper {
padding: 110px 30px;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex {
display: flex;
align-content: center;
justify-content: space-between;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 0px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details {
margin-right: 30px;
align-items: flex-start;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper {
text-align: center;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper {
text-align: left;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper h2 {
color: #283455;
font-size: 30px;
margin: 0 auto 18px;
max-width: 200px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper h2 {
max-width: none;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper p {
color: #777777;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
max-width: 330px;
margin: 0;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__details .caption-wrapper p {
max-width: 320px;
}
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__video {
display: flex;
}
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__video .module-comfort-video-wrapper .module_comfort_video {
width: 100%;
height: auto;
margin-bottom: -7px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-comfort .wrapper .grid--flex .grid-item__video .module-comfort-video-wrapper .module_comfort_video {
margin-bottom: 0px;
}
}
/*==================== Weighted Comforter Product Info =======================*/
.module--pdp-wc-product-info .wrapper {
max-width: none;
padding: 0px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper {
padding-bottom: 100px;
}
}
.module--pdp-wc-product-info .wrapper .grid--flex {
align-content: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--header {
margin: 48px 30px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--header {
margin: 72px 0px;
}
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--header h4 {
color: #293C70;
letter-spacing: 2.5px;
font-size: 14px;
margin-bottom: 10px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
margin: 0;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--stack {
background-color: #283455;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #FFFFFF;
padding: 50px 30px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--stack .vertical-line {
border-left: 1px solid #FFFFFF;
height: 50px;
width: 1px;
margin: 30px auto;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--stack h4 {
color: #FFFFFF;
margin-bottom: 10px;
font-size: 14px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--stack p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #FFFFFF;
margin: 0;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider {
background-color: #F2F2F2;
padding: 30px 0px 80px;
width: 100%;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider {
background-color: #FFFFFF;
padding: 0px 0px 50px;
width: 50%;
}
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .slider-header {
margin: 0 auto;
padding: 0;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .slider-header {
max-width: 80%;
}
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .slider-header h2 {
color: #283455;
margin: 0 0 18px 0;
font-size: 30px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .slider-header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
margin: 0;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell {
width: 100%;
margin-top: 30px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container {
margin: 0 auto;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container h4 {
color: #293C70;
margin: 0 12px 0;
letter-spacing: 2.5px;
font-size: 14px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container .image-wrapper {
display: flex;
padding: 20px;
justify-content: center;
align-items: center;
flex-direction: column;
height: 190px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container .image-wrapper img.phase-image {
height: 76px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container .image-wrapper img.weight-image {
height: 160px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container .image-wrapper img.weight-image-twin {
height: 118px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container .image-wrapper h4 {
color: #293C70;
margin: 10px 0 0;
letter-spacing: 2.5px;
font-size: 14px;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider .carousel-cell .container p {
margin: 20px auto 0;
max-width: 350px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider.weight {
border-left: 1px solid transparent;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .grid--flex .grid__item--slider.weight {
border-left: 1px solid #DDDDDD;
}
}
.module--pdp-wc-product-info .wrapper .flickity-page-dots {
bottom: -45px;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .flickity-page-dots {
bottom: -74px;
}
}
.module--pdp-wc-product-info .wrapper .flickity-page-dots .dot {
background: #FFFFFF;
border: 1px solid #283455;
opacity: 1;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .flickity-page-dots .dot {
background: #FFFFFF;
border: 1px solid #777777;
opacity: 1;
}
}
.module--pdp-wc-product-info .wrapper .flickity-page-dots .dot.is-selected {
background: #283455;
}
@media screen and (min-width: 768px) {
.module--pdp-wc-product-info .wrapper .flickity-page-dots .dot.is-selected {
background: #777777;
}
}
/*======================== April Fools Video Module ==========================*/
.module--pdp-april-fools-video {
background-color: #F2F5F8;
}
.module--pdp-april-fools-video .wrapper {
padding: 40px 0px;
}
@media screen and (min-width: 769px) {
.module--pdp-april-fools-video .wrapper {
padding: 100px 0px;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-video .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__mobile-header {
z-index: 10;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__mobile-header h2 {
font-size: 24px;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__mobile-header .vertical-line {
background-color: #283455;
height: 30px;
width: 1px;
margin: 15px auto -15px;
z-index: 2;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video {
width: 100%;
display: flex;
justify-content: center;
padding-right: 0px;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video {
justify-content: center;
padding-right: 15px;
width: 60%;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper {
position: relative;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper .fools-video {
width: 100%;
height: auto;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper .play {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper .play:hover {
cursor: pointer;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper .play .play-btn {
background-image: url( module--iwd-hero-play-btn16dd.png?v=390894285877429752);
background-repeat: no-repeat;
width: 45px;
height: 45px;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
background-size: contain;
background-position: center;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__video .fools-video-wrapper .play .play-btn:hover {
cursor: pointer;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption {
width: 40%;
padding: 0px 15px;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper {
display: flex;
flex-direction: column;
max-width: none;
align-items: center;
text-align: center;
padding-left: 0px;
margin-top: 20px;
padding: 0px 30px;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper {
margin-top: 0px;
padding: 0px;
align-items: flex-start;
text-align: left;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper .title {
color: #283455;
margin-bottom: 18px;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper .subtitle {
color: #283455;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
max-width: 370px;
margin-bottom: 30px;
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper .subtitle .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper .subtitle .desktop {
display: block;
}
}
.module--pdp-april-fools-video .wrapper .grid--flex .grid-item__caption .caption-wrapper .caption-title {
color: #283455;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
}
/*======================== April Fools Testimonial ===========================*/
.module--pdp-april-fools-testimonials {
padding: 0px 50px 50px 50px;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-testimonials {
padding: 100px 30px;
}
}
.module--pdp-april-fools-testimonials .wrapper {
padding: 0px;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper {
flex-direction: row;
}
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell {
width: 100%;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell {
width: 50%;
}
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy {
display: flex;
width: 100%;
height: auto;
justify-content: center;
align-items: center;
padding: 50px 0px 80px;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy {
height: 500px;
padding: 0px;
}
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper {
width: 100%;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell {
width: 100%;
height: auto;
text-align: center;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell img {
height: 54px;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell p.testimonial-review {
margin: 20px auto;
max-width: 350px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell .star-wrapper .review-star {
font-family: "yotpo-widget-font-bl";
color: #DF8957;
font-size: 18px;
font-weight: normal;
font-variant: normal;
text-transform: none;
width: auto !important;
background: none;
height: auto;
-webkit-font-smoothing: antialiased;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell .star-wrapper .review-star:before {
content: "\e60e";
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-copy .carousel--wrapper .carousel-cell h2 {
color: #293C70;
margin: 20px;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-images .carousel-cell {
width: 100%;
height: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-images .carousel-cell img {
max-height: 100%;
width: 100%;
}
@media screen and (min-width: 768px) {
.module--pdp-april-fools-testimonials .wrapper .testimonial-flex-wrapper .testimonial-slider-cell .carousel-testimonial-images .carousel-cell img {
max-height: 500px;
width: auto;
object-fit: cover;
}
}
.module--pdp-april-fools-testimonials .wrapper .carousel-cell {
opacity: 0;
transition: opacity 150ms ease-in-out;
z-index: -1;
}
.module--pdp-april-fools-testimonials .wrapper .carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--pdp-april-fools-testimonials .wrapper .flickity-page-dots .dot {
width: 10px;
height: 10px;
opacity: 1;
background: transparent;
border: 1px solid #283455;
transition: background-color 0.3s;
}
.module--pdp-april-fools-testimonials .wrapper .flickity-page-dots .dot.is-selected {
background-color: #283455;
}
/*============================================================================
#PDP Modules -- Why You'll Love
==============================================================================*/
.module--why-love .top-border .grid--flex {
background-color: #DDE3EC;
height: 98px;
text-align: center;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 769px) {
.module--why-love .top-border .grid--flex {
height: 65px;
}
}
.module--why-love .top-border .grid--flex .copy .mobile {
color: #283455;
letter-spacing: 2px;
line-height: 1.5;
}
.module--why-love .top-border .grid--flex .copy .desktop {
color: #283455;
letter-spacing: 2px;
line-height: 1;
}
.module--why-love .main-image-content {
background-size: cover;
background-position: 50% 50%;
}
.module--why-love .main-image-content .grid--flex {
min-height: 500px;
justify-content: flex-end;
align-items: center;
text-align: center;
}
.module--why-love .main-image-content .grid--flex.center {
justify-content: center;
}
@media screen and (min-width: 769px) {
.module--why-love .main-image-content .grid--flex {
min-height: 464px;
justify-content: center;
align-items: flex-start;
text-align: left;
}
}
.module--why-love .main-image-content .grid--flex h3 {
margin-bottom: 12px;
color: #283455;
line-height: 1.3;
}
.module--why-love .main-image-content .grid--flex p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
color: #283455;
max-width: 350px;
margin-bottom: 40px;
}
.module--why-love .main-image-content .grid--flex p.classic {
padding: 0px 31px;
}
.module--why-love .main-image-content .grid--flex p.luxe {
padding: 0px 30px;
}
.module--why-love .main-image-content .grid--flex p.cashmere {
padding: 0px;
}
@media screen and (min-width: 769px) {
.module--why-love .main-image-content .grid--flex p {
margin-bottom: 0px;
padding: 0px;
}
.module--why-love .main-image-content .grid--flex p.classic {
padding: 0px;
}
.module--why-love .main-image-content .grid--flex p.luxe {
padding: 0px;
}
}
.module--why-love-luxe {
background-image: url( module--why-love-luxe-2020-mobileb71c.jpg?v=13350909899522024395);
}
@media screen and (min-width: 768px) {
.module--why-love-luxe {
background-image: url( module--why-love-luxe-2020-desktopbda6.jpg?v=17864051801782993187);
}
}
.module--why-love-classic {
background-image: url( module--why-love-classic-2020-mobile75fc.jpg?v=3259673231413569602);
}
@media screen and (min-width: 768px) {
.module--why-love-classic {
background-image: url( module--why-love-classic-2020-desktop3d52.jpg?v=17416751234476411211);
}
}
.module--why-love-cashmere {
background-image: url( module--why-love-cashmere-2020-mobiled54a.jpg?v=18426648774883166774);
}
@media screen and (min-width: 768px) {
.module--why-love-cashmere {
background-image: url( module--why-love-cashmere-2020-desktop4b12.jpg?v=2212983759502628848);
}
}
/*============================================================================
#PDP Modules -- Resasons To Believe
==============================================================================*/
.module--reasons-to-believe {
margin: 48px 0px;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe {
margin: 120px 0px;
}
}
.module--reasons-to-believe .grid--flex {
flex-direction: row;
flex-wrap: wrap;
}
.module--reasons-to-believe .grid--flex .grid__item--icon {
width: 50%;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe .grid--flex .grid__item--icon {
margin-top: 20px;
width: 25%;
border-right: 1px solid #dddddd;
padding: 20px 0px;
}
}
.module--reasons-to-believe .grid--flex .grid__item--icon:last-child {
border-right: 1px solid transparent;
}
.module--reasons-to-believe .grid--flex .grid__item--icon.thread-count-icon {
order: 4;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe .grid--flex .grid__item--icon.thread-count-icon {
order: 3;
}
}
.module--reasons-to-believe .grid--flex .grid__item--icon.oeko-icon {
order: 3;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe .grid--flex .grid__item--icon.oeko-icon {
order: 4;
}
}
.module--reasons-to-believe .grid--flex .grid__item--icon img {
max-width: 110px;
margin-bottom: 5px;
}
.module--reasons-to-believe .grid--flex .grid__item--icon p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.module--reasons-to-believe-cashmere {
margin: 48px 0px;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe-cashmere {
margin: 120px 0px;
}
}
.module--reasons-to-believe-cashmere .grid--flex {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.module--reasons-to-believe-cashmere .grid--flex .grid__item--icon {
width: 100%;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--reasons-to-believe-cashmere .grid--flex .grid__item--icon {
margin-top: 20px;
width: 33.3333%;
max-width: 310px;
border-right: 1px solid #dddddd;
padding: 20px 0px;
}
}
.module--reasons-to-believe-cashmere .grid--flex .grid__item--icon:last-child {
border-right: 1px solid transparent;
}
.module--reasons-to-believe-cashmere .grid--flex .grid__item--icon img {
max-width: 110px;
margin-bottom: 5px;
}
.module--reasons-to-believe-cashmere .grid--flex .grid__item--icon p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.Filters {
width: 100%;
height: calc(100% - 8rem);
overflow-y: scroll;
overflow-x: hidden;
max-width: 560px;
margin: 0 auto;
display: block;
}
.Filters__Cta-Wrapper {
display: flex;
flex-direction: column;
margin-top: 2rem;
position: relative;
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.Filters__Cta-Wrapper {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.Filters__Cta-Wrapper {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.Filters__Cta-Wrapper {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.Filters__Cta-Wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.Filters__Cta-Wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.Filters__Cta-Wrapper {
grid-column-end: span 14;
}
}
@media screen and (min-width: 900px) {
.Filters__Cta-Wrapper {
flex-direction: row;
}
}
.Filters__Tip {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
background-color: #FFFFFF;
border: 1px solid #283455;
display: block;
padding: 7px 14px 5px;
border-radius: 10px;
position: absolute;
top: -130%;
left: 0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1607843137);
display: flex;
}
.Filters__Tip.hover-active--underline, .Filters__Tip .hover-active--underline {
position: relative;
}
.Filters__Tip.hover-active--underline:after, .Filters__Tip .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Filters__Tip.hover-active--underline:hover, .Filters__Tip.hover-active--underline:active, .Filters__Tip.hover-active--underline.active, .Filters__Tip .hover-active--underline:hover, .Filters__Tip .hover-active--underline:active, .Filters__Tip .hover-active--underline.active {
cursor: pointer;
}
.Filters__Tip.hover-active--underline:hover:after, .Filters__Tip.hover-active--underline:active:after, .Filters__Tip.hover-active--underline.active:after, .Filters__Tip .hover-active--underline:hover:after, .Filters__Tip .hover-active--underline:active:after, .Filters__Tip .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Filters__Tip .Filters__TipClose {
width: 20px;
height: 20px;
margin-left: 1.25rem;
}
.Filters__Tip .Filters__TipClose svg {
width: 100%;
height: 100%;
}
.Filters__Tip .Filters__TipClose svg, .Filters__Tip .Filters__TipClose path {
fill: #283455;
}
.Filters__Tip:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='17' viewBox='0 0 24 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_95_7341)'%3E%3Cpath d='M12.5 8L5 1H19.5L12.5 8Z' fill='white'/%3E%3Cpath d='M5 1L12.5 8L19.5 1' stroke='%23283455' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_95_7341' x='0.658936' y='0.634521' width='23.1946' height='15.8655' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_95_7341'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_95_7341' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
width: 24px;
height: 17px;
position: absolute;
bottom: -16px;
left: 2rem;
z-index: 1;
}
.Filters__Cta {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
width: 100%;
padding: 0 1.5rem;
height: 2.5rem;
line-height: 2.5rem;
border-radius: 1.25rem;
max-width: 100px;
background: #283455;
color: #FFFFFF;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Filters__Cta.hover-active--underline, .Filters__Cta .hover-active--underline {
position: relative;
}
.Filters__Cta.hover-active--underline:after, .Filters__Cta .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Filters__Cta.hover-active--underline:hover, .Filters__Cta.hover-active--underline:active, .Filters__Cta.hover-active--underline.active, .Filters__Cta .hover-active--underline:hover, .Filters__Cta .hover-active--underline:active, .Filters__Cta .hover-active--underline.active {
cursor: pointer;
}
.Filters__Cta.hover-active--underline:hover:after, .Filters__Cta.hover-active--underline:active:after, .Filters__Cta.hover-active--underline.active:after, .Filters__Cta .hover-active--underline:hover:after, .Filters__Cta .hover-active--underline:active:after, .Filters__Cta .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Filters__Cta .cta-text {
position: relative;
top: 0.1rem;
user-select: none;
}
.Filters__Category {
margin-bottom: 1rem;
}
.Filters__Category:last-of-type {
margin-bottom: 8rem;
}
.Filters__Category:first-of-type {
margin-top: 2rem;
}
.Filters__Category label {
display: block;
width: 100%;
margin-bottom: 1rem;
}
.Filters__List {
display: grid;
margin: 0 -1rem;
list-style: none;
grid-template-columns: repeat(auto-fill, 170px);
grid-auto-columns: 170px;
}
.Filters__List[data-name=Color] span:not(.Filters__Swatch) {
width: calc(100% - 30px) !important;
}
.Filters__ListItem {
margin: 0 0 1rem 1rem;
}
.Filters__ListItem--Active .Filters__Cta {
background: #283455 !important;
border-color: #283455 !important;
color: #FFFFFF !important;
}
.Filters__ListItem .Filters__Cta {
background: transparent;
border: 1px solid #DDDDDD;
color: #777777;
max-width: none;
text-align: left;
padding: 0 0.75rem;
display: flex;
align-items: center;
}
.Filters__ListItem .Filters__Cta span:not(.Filters__Swatch) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 100%;
position: relative;
top: 0.1rem;
}
.Filters__Swatch {
height: 19px;
width: 19px;
display: block;
border: 1px solid #283455;
border-radius: 50%;
margin-right: 10px;
background-position: center !important;
}
.Filters__ListItem label {
color: #777777;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.Filters__ListItem label.hover-active--underline, .Filters__ListItem label .hover-active--underline {
position: relative;
}
.Filters__ListItem label.hover-active--underline:after, .Filters__ListItem label .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Filters__ListItem label.hover-active--underline:hover, .Filters__ListItem label.hover-active--underline:active, .Filters__ListItem label.hover-active--underline.active, .Filters__ListItem label .hover-active--underline:hover, .Filters__ListItem label .hover-active--underline:active, .Filters__ListItem label .hover-active--underline.active {
cursor: pointer;
}
.Filters__ListItem label.hover-active--underline:hover:after, .Filters__ListItem label.hover-active--underline:active:after, .Filters__ListItem label.hover-active--underline.active:after, .Filters__ListItem label .hover-active--underline:hover:after, .Filters__ListItem label .hover-active--underline:active:after, .Filters__ListItem label .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Filters__Chips {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0rem;
margin-top: 1rem;
}
.Filters__Chips .icon--close {
width: 15px;
height: 15px;
position: relative;
top: 0.2rem;
color: #283455;
}
@media screen and (min-width: 900px) {
.Filters__Chips {
flex-wrap: nowrap;
margin-top: 0;
}
}
.Filters__Chips .Filters__Cta {
margin-right: 0.75rem;
}
.Filters__Chips .Filters__ListItem {
min-width: 5.5rem;
margin: 0 0.75rem 1rem 0;
}
.Filters__Chips .Filters__ListItem .Filters__Cta {
color: #283455;
background-color: #F2F2F2;
}
.Filters__Chips .Filters__ListItem .Filters__Cta span:not(.Filters__Swatch) {
overflow: unset;
width: auto;
}
.Filters__Chips .Filters__ListItem .Filters__Cta span.name {
margin-right: 0.5rem;
}
.Filters__Chips .Filters__ListItem .Filters__Cta span:last-of-type {
margin-left: auto;
}
.Filters__Chips .Filters__Clear {
height: 2.5rem;
line-height: 2.5rem;
position: relative;
top: 0.1rem;
}
/*
* CartBase Mixin
*
* The cart can appear in multiple places: in the body of the cart page & in the
* modal cart drawer.
* We want to keep things DRY and reuse styles for both, but the drawer needs to
* receive only mobile styles, even if the viewport is larger than our mobile
* breakpoint. Essentially, we only want to apply desktop styles to the cart if
* we are on the cart page; otherwise, we want to exclude them.
*
* To accomplish this, we declare all the styles we need in the below mixin that
* accepts a single argument called $modal, which is set to false by default. We
* are then able to reference the value of that mixin to determine whether the
* desktop styles should be applied by wrapping each media query in an SCSS
* conditional.
*
* Finally, we can control when these should be applied by including the mixin
* with $modal set to the desired value inside the two different containers.
*/
#your-shopping-cart .terms--link {
display: none;
}
.template-cart .cart {
padding-top: 2.5rem;
}
@media screen and (min-width: 1200px) {
.template-cart .cart {
padding-top: 4rem;
}
}
.template-cart .cart__heading {
color: #283455;
}
.template-cart .cart__heading .h_3, .template-cart .cart__heading #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .template-cart .cart__heading .yotpo-header-title, .template-cart .cart__heading .module--faq .gladlyHC h2, .module--faq .gladlyHC .template-cart .cart__heading h2, .template-cart .cart__heading .module--faq .gladlyHC h3, .module--faq .gladlyHC .template-cart .cart__heading h3 {
margin-bottom: 0.5rem;
}
.template-cart .cart__heading .checkout-now {
margin-top: 1rem;
background: unset;
grid-template-columns: unset;
}
.template-cart .cart .cart-bod-notification {
color: #777777;
}
.template-cart .cart .grid__item--line-items {
margin-bottom: 1.5rem;
opacity: 1;
}
.template-cart .cart .grid__item--line-items .cart__item {
will-change: opacity;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart .grid__item--line-items .cart__loader .cart__item {
height: auto;
opacity: 1;
}
.template-cart .cart .grid__item--line-items[data-transition-triggered=true] .cart__item {
height: auto;
opacity: 1;
}
.template-cart main {
min-height: 40rem;
}
.Drawer .cart {
padding-top: 2.5rem;
}
.Drawer .cart__heading {
color: #283455;
}
.Drawer .cart__heading .h_3, .Drawer .cart__heading #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .Drawer .cart__heading .yotpo-header-title, .Drawer .cart__heading .module--faq .gladlyHC h2, .module--faq .gladlyHC .Drawer .cart__heading h2, .Drawer .cart__heading .module--faq .gladlyHC h3, .module--faq .gladlyHC .Drawer .cart__heading h3 {
margin-bottom: 0.5rem;
}
.Drawer .cart__heading .checkout-now {
margin-top: 1rem;
background: unset;
grid-template-columns: unset;
}
.Drawer .cart .cart-bod-notification {
color: #777777;
}
.Drawer .cart .grid__item--line-items {
margin-bottom: 1.5rem;
opacity: 1;
}
.Drawer .cart .grid__item--line-items .cart__item {
will-change: opacity;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart .grid__item--line-items .cart__loader .cart__item {
height: auto;
opacity: 1;
}
.Drawer .cart .grid__item--line-items[data-transition-triggered=true] .cart__item {
height: auto;
opacity: 1;
}
/*
* CartReceipt Mixin
*
* The cart can appear in multiple places: in the body of the cart page & in the
* modal cart drawer.
* We want to keep things DRY and reuse styles for both, but the drawer needs to
* receive only mobile styles, even if the viewport is larger than our mobile
* breakpoint. Essentially, we only want to apply desktop styles to the cart if
* we are on the cart page; otherwise, we want to exclude them.
*
* To accomplish this, we declare all the styles we need in the below mixin that
* accepts a single argument called $modal, which is set to false by default. We
* are then able to reference the value of that mixin to determine whether the
* desktop styles should be applied by wrapping each media query in an SCSS
* conditional.
*
* Finally, we can control when these should be applied by including the mixin
* with $modal set to the desired value inside the two different containers.
*/
@media screen and (min-width: 600px) {
.template-cart .cart__receipt {
padding-top: 4rem;
}
}
.template-cart .cart__receipt .subtotal-headers {
border-bottom: 1px solid #DDDDDD;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header {
display: flex;
justify-content: space-between;
padding-bottom: 1rem;
color: #283455;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header p {
margin-bottom: 0px;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal {
transition: opacity 0.2s;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal .reduced {
color: #777777;
text-decoration: line-through;
margin-right: 0.5rem;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated {
color: #283455;
font-family: BrandonTextWeb-Bold;
text-decoration: none;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline {
position: relative;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:hover, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:active, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline.active, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:hover, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:active, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline.active {
cursor: pointer;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:hover:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:active:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline.active:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:hover:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:active:after, .template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--savings {
color: #aa3f00;
}
.template-cart .cart__receipt .subtotal-headers .subtotal-header--grand-total {
border-top: 1px solid #DDDDDD;
padding: 1rem 0rem;
}
.template-cart .cart__receipt .afterpay-messaging {
margin-bottom: 1rem;
}
.template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #283455;
}
.template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline {
position: relative;
}
.template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:hover, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:active, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline.active, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:hover, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:active, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline.active {
cursor: pointer;
}
.template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:hover:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:active:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline.active:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:hover:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:active:after, .template-cart .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.template-cart .cart__receipt afterpay-placement {
margin: 0.75rem 0 0 !important;
--logo-badge-width: 62px;
color: #283455 !important;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.template-cart .cart__receipt afterpay-placement.hover-active--underline, .template-cart .cart__receipt afterpay-placement .hover-active--underline {
position: relative;
}
.template-cart .cart__receipt afterpay-placement.hover-active--underline:after, .template-cart .cart__receipt afterpay-placement .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt afterpay-placement.hover-active--underline:hover, .template-cart .cart__receipt afterpay-placement.hover-active--underline:active, .template-cart .cart__receipt afterpay-placement.hover-active--underline.active, .template-cart .cart__receipt afterpay-placement .hover-active--underline:hover, .template-cart .cart__receipt afterpay-placement .hover-active--underline:active, .template-cart .cart__receipt afterpay-placement .hover-active--underline.active {
cursor: pointer;
}
.template-cart .cart__receipt afterpay-placement.hover-active--underline:hover:after, .template-cart .cart__receipt afterpay-placement.hover-active--underline:active:after, .template-cart .cart__receipt afterpay-placement.hover-active--underline.active:after, .template-cart .cart__receipt afterpay-placement .hover-active--underline:hover:after, .template-cart .cart__receipt afterpay-placement .hover-active--underline:active:after, .template-cart .cart__receipt afterpay-placement .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.template-cart .cart__receipt .add-gift-note-card {
border: none;
padding: 0rem;
margin-bottom: 1rem;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
}
.template-cart .cart__receipt .add-gift-note-card[data-transition-triggered=true] {
opacity: 0;
}
.template-cart .cart__receipt .add-gift-note-card[data-transition-triggered=true] {
transform: scale(0);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle label {
display: flex;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle:hover {
cursor: pointer;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle.disabled {
pointer-events: none;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
width: 1rem;
height: 1rem;
background: transparent;
border-radius: 4px;
border: 1px solid #DDDDDD;
margin-right: 0.5rem;
outline: none;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:hover {
cursor: pointer;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:checked {
color: #283455;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:checked::before {
position: absolute;
font-family: BrandonTextWeb-Bold;
font-size: 14px !important;
left: 3px;
top: -3px;
content: "⅃";
transform: rotate(40deg);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle label {
color: #283455;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-toggle label:hover {
cursor: pointer;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper {
height: 0px;
visibility: hidden;
opacity: 0;
margin-top: 0px;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
width: 100%;
height: 0px;
resize: none;
visibility: hidden;
opacity: 0;
background: transparent;
border-radius: 20px;
border: 1px solid #DDDDDD;
color: #283455;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline {
position: relative;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:hover, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline.active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:hover, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline.active {
cursor: pointer;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:hover:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline.active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:hover:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #DDDDDD;
height: 0px;
margin-top: -7px;
margin-bottom: 0px;
padding-right: 5px;
text-align: right;
visibility: hidden;
opacity: 0;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline {
position: relative;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:hover, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline.active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:hover, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:active, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline.active {
cursor: pointer;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:hover:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline.active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:hover:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:active:after, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .add-address, .module--account-details-content .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .add-address {
background: transparent;
height: 0px;
visibility: hidden;
opacity: 0;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address, .module--account-details-content .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address {
pointer-events: none;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready a, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address a, .module--account-details-content .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address a, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready a:hover,
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready button,
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address button,
.module--account-details-content .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address button, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready button:hover {
border-color: #DDDDDD;
background: transparent;
color: #DDDDDD;
pointer-events: none;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active {
height: 13rem;
visibility: visible;
opacity: 1;
margin-bottom: 2rem;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .gift-note-text {
height: 7rem;
visibility: visible;
margin-top: 1rem;
opacity: 1;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .gift-counter {
visibility: visible;
padding: 0.5rem 0rem 1rem 0rem;
height: 2rem;
opacity: 1;
}
.template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .btn, .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .module--account-details-content .add-address, .module--account-details-content .template-cart .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .add-address {
height: 3.5rem;
visibility: visible;
opacity: 1;
}
.template-cart .cart__receipt .checkout-now {
background: unset;
grid-template-columns: unset;
}
.template-cart .cart__receipt .sub-total .cart-promo-sub {
color: #283455;
}
.Drawer .cart__receipt .subtotal-headers {
border-bottom: 1px solid #DDDDDD;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header {
display: flex;
justify-content: space-between;
padding-bottom: 1rem;
color: #283455;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header p {
margin-bottom: 0px;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal {
transition: opacity 0.2s;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal .reduced {
color: #777777;
text-decoration: line-through;
margin-right: 0.5rem;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated {
color: #283455;
font-family: BrandonTextWeb-Bold;
text-decoration: none;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline {
position: relative;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:hover, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:active, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline.active, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:hover, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:active, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline.active {
cursor: pointer;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:hover:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline:active:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated.hover-active--underline.active:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:hover:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline:active:after, .Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--calculated .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header .cart__subtotal--savings {
color: #aa3f00;
}
.Drawer .cart__receipt .subtotal-headers .subtotal-header--grand-total {
border-top: 1px solid #DDDDDD;
padding: 1rem 0rem;
}
.Drawer .cart__receipt .afterpay-messaging {
margin-bottom: 1rem;
}
.Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #283455;
}
.Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline {
position: relative;
}
.Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:hover, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:active, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline.active, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:hover, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:active, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline.active {
cursor: pointer;
}
.Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:hover:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline:active:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph.hover-active--underline.active:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:hover:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline:active:after, .Drawer .cart__receipt .afterpay-messaging .afterpay-paragraph .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Drawer .cart__receipt afterpay-placement {
margin: 0.75rem 0 0 !important;
--logo-badge-width: 62px;
color: #283455 !important;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.Drawer .cart__receipt afterpay-placement.hover-active--underline, .Drawer .cart__receipt afterpay-placement .hover-active--underline {
position: relative;
}
.Drawer .cart__receipt afterpay-placement.hover-active--underline:after, .Drawer .cart__receipt afterpay-placement .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt afterpay-placement.hover-active--underline:hover, .Drawer .cart__receipt afterpay-placement.hover-active--underline:active, .Drawer .cart__receipt afterpay-placement.hover-active--underline.active, .Drawer .cart__receipt afterpay-placement .hover-active--underline:hover, .Drawer .cart__receipt afterpay-placement .hover-active--underline:active, .Drawer .cart__receipt afterpay-placement .hover-active--underline.active {
cursor: pointer;
}
.Drawer .cart__receipt afterpay-placement.hover-active--underline:hover:after, .Drawer .cart__receipt afterpay-placement.hover-active--underline:active:after, .Drawer .cart__receipt afterpay-placement.hover-active--underline.active:after, .Drawer .cart__receipt afterpay-placement .hover-active--underline:hover:after, .Drawer .cart__receipt afterpay-placement .hover-active--underline:active:after, .Drawer .cart__receipt afterpay-placement .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Drawer .cart__receipt .add-gift-note-card {
border: none;
padding: 0rem;
margin-bottom: 1rem;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 1;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
}
.Drawer .cart__receipt .add-gift-note-card[data-transition-triggered=true] {
opacity: 0;
}
.Drawer .cart__receipt .add-gift-note-card[data-transition-triggered=true] {
transform: scale(0);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle label {
display: flex;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle:hover {
cursor: pointer;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle.disabled {
pointer-events: none;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
width: 1rem;
height: 1rem;
background: transparent;
border-radius: 4px;
border: 1px solid #DDDDDD;
margin-right: 0.5rem;
outline: none;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:hover {
cursor: pointer;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:checked {
color: #283455;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle #giftNoteCheckbox:checked::before {
position: absolute;
font-family: BrandonTextWeb-Bold;
font-size: 14px !important;
left: 3px;
top: -3px;
content: "⅃";
transform: rotate(40deg);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle label {
color: #283455;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-toggle label:hover {
cursor: pointer;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper {
height: 0px;
visibility: hidden;
opacity: 0;
margin-top: 0px;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
width: 100%;
height: 0px;
resize: none;
visibility: hidden;
opacity: 0;
background: transparent;
border-radius: 20px;
border: 1px solid #DDDDDD;
color: #283455;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline {
position: relative;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:hover, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline.active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:hover, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline.active {
cursor: pointer;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:hover:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline:active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text.hover-active--underline.active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:hover:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline:active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-note-text .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #DDDDDD;
height: 0px;
margin-top: -7px;
margin-bottom: 0px;
padding-right: 5px;
text-align: right;
visibility: hidden;
opacity: 0;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline {
position: relative;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:hover, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline.active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:hover, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:active, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline.active {
cursor: pointer;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:hover:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline:active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter.hover-active--underline.active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:hover:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline:active:after, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .gift-counter .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .add-address, .module--account-details-content .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .add-address {
background: transparent;
height: 0px;
visibility: hidden;
opacity: 0;
transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address, .module--account-details-content .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address {
pointer-events: none;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready a, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address a, .module--account-details-content .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address a, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready a:hover,
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready button,
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .module--account-details-content .not-ready.add-address button,
.module--account-details-content .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .not-ready.add-address button, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper .btn.not-ready button:hover {
border-color: #DDDDDD;
background: transparent;
color: #DDDDDD;
pointer-events: none;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active {
height: 13rem;
visibility: visible;
opacity: 1;
margin-bottom: 2rem;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .gift-note-text {
height: 7rem;
visibility: visible;
margin-top: 1rem;
opacity: 1;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .gift-counter {
visibility: visible;
padding: 0.5rem 0rem 1rem 0rem;
height: 2rem;
opacity: 1;
}
.Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .btn, .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .module--account-details-content .add-address, .module--account-details-content .Drawer .cart__receipt .add-gift-note-card .gift-note-text-wrapper.active .add-address {
height: 3.5rem;
visibility: visible;
opacity: 1;
}
.Drawer .cart__receipt .checkout-now {
background: unset;
grid-template-columns: unset;
}
.Drawer .cart__receipt .sub-total .cart-promo-sub {
color: #283455;
}
.Savings {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
background: #EFF0ED;
color: #5D6E50;
width: 100%;
border-radius: 2.125rem;
text-align: center;
margin: 0 0 1.25rem;
padding: 5px 0 3px;
display: block;
}
.Savings.hover-active--underline, .Savings .hover-active--underline {
position: relative;
}
.Savings.hover-active--underline:after, .Savings .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Savings.hover-active--underline:hover, .Savings.hover-active--underline:active, .Savings.hover-active--underline.active, .Savings .hover-active--underline:hover, .Savings .hover-active--underline:active, .Savings .hover-active--underline.active {
cursor: pointer;
}
.Savings.hover-active--underline:hover:after, .Savings.hover-active--underline:active:after, .Savings.hover-active--underline.active:after, .Savings .hover-active--underline:hover:after, .Savings .hover-active--underline:active:after, .Savings .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
/*
* cartItem Mixin
*
* The cart can appear in multiple places: in the body of the cart page & in the
* modal cart drawer.
* We want to keep things DRY and reuse styles for both, but the drawer needs to
* receive only mobile styles, even if the viewport is larger than our mobile
* breakpoint. Essentially, we only want to apply desktop styles to the cart if
* we are on the cart page; otherwise, we want to exclude them.
*
* To accomplish this, we declare all the styles we need in the below mixin that
* accepts a single argument called $modal, which is set to false by default. We
* are then able to reference the value of that mixin to determine whether the
* desktop styles should be applied by wrapping each media query in an SCSS
* conditional.
*
* Finally, we can control when these should be applied by including the mixin
* with $modal set to the desired value inside the two different containers.
*/
.template-cart .cart__item,
.template-cart .gwp__item {
padding: 1.5rem 0rem 1.5rem 0rem;
border-bottom: 1px solid #DDDDDD;
}
.template-cart .cart__item.gwp__item--disabled,
.template-cart .gwp__item.gwp__item--disabled {
display: none;
}
@media screen and (min-width: 600px) {
.template-cart .cart__item .line-item,
.template-cart .gwp__item .line-item {
padding: 2.5rem 0rem 2.5rem 0rem;
}
}
.template-cart .cart__item .line-item__main,
.template-cart .gwp__item .line-item__main {
display: flex;
min-height: 8rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.template-cart .cart__item .line-item__main,
.template-cart .gwp__item .line-item__main {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.template-cart .cart__item .line-item__main,
.template-cart .gwp__item .line-item__main {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(7, 1fr);
grid-template-areas: "img img details details details pricing pricing";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.template-cart .cart__item .line-item__main,
.template-cart .gwp__item .line-item__main {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(7, 1fr);
grid-template-areas: "img img details details details pricing pricing";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.template-cart .cart__item .line-item__main,
.template-cart .gwp__item .line-item__main {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "img img details details details pricing pricing pricing pricing";
}
}
.template-cart .cart__item .line-item__img,
.template-cart .gwp__item .line-item__img {
max-width: 5.375rem;
margin-right: 1rem;
grid-area: img;
}
@media screen and (min-width: 600px) {
.template-cart .cart__item .line-item__img,
.template-cart .gwp__item .line-item__img {
max-width: 100%;
margin-right: 0rem;
}
}
.template-cart .cart__item .line-item__img img,
.template-cart .gwp__item .line-item__img img {
width: 100%;
}
.template-cart .cart__item .line-item__img--slider,
.template-cart .gwp__item .line-item__img--slider {
cursor: grab;
overflow-x: hidden;
}
.template-cart .cart__item .line-item__img--slider:active,
.template-cart .gwp__item .line-item__img--slider:active {
cursor: grabbing;
}
.template-cart .cart__item .line-item__img--slider a,
.template-cart .gwp__item .line-item__img--slider a {
cursor: unset;
}
.template-cart .cart__item .line-item__img--slider .splide__pagination,
.template-cart .gwp__item .line-item__img--slider .splide__pagination {
bottom: -1.75rem;
}
.template-cart .cart__item .line-item__img--slider .splide__pagination__page,
.template-cart .gwp__item .line-item__img--slider .splide__pagination__page {
width: 0.375rem;
height: 0.375rem;
background: #DDDDDD;
}
.template-cart .cart__item .line-item__img--slider .splide__pagination__page.is-active,
.template-cart .gwp__item .line-item__img--slider .splide__pagination__page.is-active {
background: #283455;
}
.template-cart .cart__item .line-item__chips,
.template-cart .gwp__item .line-item__chips {
margin: 0;
padding: 0;
width: 100%;
text-align: right;
}
.template-cart .cart__item .line-item__chip,
.template-cart .gwp__item .line-item__chip {
margin: 0;
list-style: none;
color: #5D6E50;
}
.template-cart .cart__item .line-item__details,
.template-cart .gwp__item .line-item__details {
margin-right: 1rem;
grid-area: details;
}
.template-cart .cart__item .line-item__details .p_1, .template-cart .cart__item .line-item__details .p_2, .template-cart .cart__item .line-item__details .p_3,
.template-cart .gwp__item .line-item__details .p_1,
.template-cart .gwp__item .line-item__details .p_2,
.template-cart .gwp__item .line-item__details .p_3 {
margin-bottom: 0.25rem;
}
.template-cart .cart__item .line-item__details .title,
.template-cart .gwp__item .line-item__details .title {
margin-bottom: 1rem;
}
.template-cart .cart__item .line-item__details .component,
.template-cart .gwp__item .line-item__details .component {
margin-bottom: 0.5rem;
}
.template-cart .cart__item .line-item__details .component .component-title,
.template-cart .gwp__item .line-item__details .component .component-title {
margin-bottom: 0rem;
}
.template-cart .cart__item .line-item__details .option, .template-cart .cart__item .line-item__details .ships-by-date, .template-cart .cart__item .line-item__details a.remove-from-cart,
.template-cart .gwp__item .line-item__details .option,
.template-cart .gwp__item .line-item__details .ships-by-date,
.template-cart .gwp__item .line-item__details a.remove-from-cart {
color: #777777;
}
.template-cart .cart__item .line-item__details .final-sale-messaging,
.template-cart .gwp__item .line-item__details .final-sale-messaging {
color: #aa3f00;
}
.template-cart .cart__item .line-item__details a.remove-from-cart,
.template-cart .gwp__item .line-item__details a.remove-from-cart {
text-decoration: underline;
}
.template-cart .cart__item .line-item__pricing,
.template-cart .gwp__item .line-item__pricing {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
grid-area: pricing;
}
.template-cart .cart__item .line-item__pricing .prices,
.template-cart .gwp__item .line-item__pricing .prices {
display: flex;
justify-content: flex-end;
flex-flow: row wrap;
}
.template-cart .cart__item .line-item__pricing .prices .p_2,
.template-cart .gwp__item .line-item__pricing .prices .p_2 {
margin-bottom: 0;
}
.template-cart .cart__item .line-item__pricing .prices .reduced,
.template-cart .gwp__item .line-item__pricing .prices .reduced {
margin-right: 0.5rem;
color: #777777;
text-decoration: line-through;
display: block;
}
@media screen and (min-width: 1200px) {
.template-cart .cart__item .line-item__pricing .prices .reduced,
.template-cart .gwp__item .line-item__pricing .prices .reduced {
display: initial;
}
}
.template-cart .cart__item .line-item__qty,
.template-cart .gwp__item .line-item__qty {
display: none;
}
@media screen and (min-width: 1200px) {
.template-cart .cart__item .line-item__qty,
.template-cart .gwp__item .line-item__qty {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
.template-cart .cart__item .line-item__qty .bmsm-wrapper,
.template-cart .gwp__item .line-item__qty .bmsm-wrapper {
min-width: 7rem;
margin-bottom: 0rem;
height: 0.75rem;
}
.template-cart .cart__item .line-item__qty label,
.template-cart .gwp__item .line-item__qty label {
margin-right: 0.5rem;
margin-bottom: 0rem;
}
.template-cart .cart__item .line-item__qty .select-input--wrapper,
.template-cart .gwp__item .line-item__qty .select-input--wrapper {
width: 3.375rem;
}
.template-cart .cart__item .line-item__qty .select-input--wrapper .select-input,
.template-cart .gwp__item .line-item__qty .select-input--wrapper .select-input {
padding: 0.1rem 0.75rem 0rem 0.75rem;
margin-bottom: 0rem;
}
.template-cart .cart__item .line-item__qty .select-input--wrapper svg,
.template-cart .gwp__item .line-item__qty .select-input--wrapper svg {
right: 1rem;
top: -0.75rem;
}
.template-cart .cart__item .line-item__mobile-messaging,
.template-cart .gwp__item .line-item__mobile-messaging {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 1rem;
}
.template-cart .cart__item .line-item__mobile-messaging .bmsm-wrapper,
.template-cart .gwp__item .line-item__mobile-messaging .bmsm-wrapper {
flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
.template-cart .cart__item .line-item__mobile-messaging,
.template-cart .gwp__item .line-item__mobile-messaging {
display: none;
}
}
.template-cart .cart__item .line-item__mobile-messaging .p_3,
.template-cart .gwp__item .line-item__mobile-messaging .p_3 {
margin-bottom: 0px;
}
.template-cart .cart__item .line-item__mobile-messaging .line-item__qty,
.template-cart .gwp__item .line-item__mobile-messaging .line-item__qty {
display: flex;
justify-content: flex-end;
align-items: center;
margin-left: 12px;
}
.template-cart .cart__loader .title {
height: 15px;
width: 45%;
}
.template-cart .cart__loader .option {
height: 15px;
width: 100%;
}
.template-cart .gwp__item .line-item__main {
min-height: auto;
}
.template-cart .gwp__item .line-item__mobile-trigger {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
min-height: 40px;
}
@media screen and (min-width: 1200px) {
.template-cart .gwp__item .line-item__mobile-trigger {
display: none;
}
}
.template-cart .gwp__item .btn--secondary--small {
margin: 0;
position: absolute;
right: 0%;
top: 0;
}
@media screen and (min-width: 600px) {
.template-cart .gwp__item .btn--secondary--small {
top: -100%;
}
}
@media screen and (min-width: 1200px) {
.template-cart .gwp__item .btn--secondary--small {
position: relative;
right: initial;
top: initial;
}
}
.template-cart .gwp__title {
padding-bottom: 1.5rem;
color: #283455;
}
.Drawer {
opacity: 0;
pointer-events: none;
will-change: opacity;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
color: #283455;
background-color: #0F1528; /* The Fallback */
background-color: rgba(15, 21, 40, 0.2);
}
.Drawer--Active {
opacity: 1;
z-index: 2147483645;
pointer-events: initial;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer__Spacer {
padding-bottom: 4rem;
}
.Drawer--Filters .Drawer__Wrapper {
padding-bottom: 4rem;
}
@media screen and (min-width: 900px) {
.Drawer--Filters .Drawer__Wrapper {
max-width: 720px;
}
}
.Drawer__Wrapper {
overflow-x: hidden;
overflow-y: scroll;
opacity: 0;
width: 100%;
height: 100%;
transform: translateX(100vw);
will-change: opacity, transform;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1), transform 400ms cubic-bezier(0.33, 1, 0.68, 1);
background: #fdfaf8;
padding: 0 1.5rem 0;
position: relative;
}
@media screen and (min-width: 600px) {
.Drawer__Wrapper {
max-width: 40rem;
}
}
@media screen and (min-width: 900px) {
.Drawer__Wrapper {
max-width: 27.813rem;
}
}
.Drawer__Wrapper--Active {
opacity: 1;
transform: translateX(0);
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1), transform 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer__Close {
position: fixed;
top: 0;
right: 0;
margin: 1rem;
transition: transform 400ms cubic-bezier(0.33, 1, 0.68, 1);
transform-box: fill-box;
transform-origin: center;
}
.Drawer__Close:hover {
transform: rotate(90deg);
}
.Drawer__Close svg {
fill: #283455;
}
.Drawer .module--cart-empty {
padding-top: 0;
}
.Drawer .module--cart-empty .h_3, .Drawer .module--cart-empty #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .Drawer .module--cart-empty .yotpo-header-title, .Drawer .module--cart-empty .module--faq .gladlyHC h2, .module--faq .gladlyHC .Drawer .module--cart-empty h2, .Drawer .module--cart-empty .module--faq .gladlyHC h3, .module--faq .gladlyHC .Drawer .module--cart-empty h3 {
margin-bottom: 4rem;
}
.Drawer__Footer {
position: sticky;
margin: 0 -1.5rem -4rem;
padding: 1rem;
min-height: 140px;
background: #F9F3ED;
border-top: 1px solid #DDDDDD;
text-align: center;
}
.Drawer__Footer .Filters__Cta {
height: 56px;
line-height: 56px;
width: 100%;
max-width: 156px;
margin-right: 70px;
transition: background 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer__Footer .Filters__Cta--Disabled {
background: #DDE3EC;
pointer-events: none;
}
.Drawer__FooterWrap {
width: 100%;
max-width: 560px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.Drawer__FooterWrap.p_3 {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer__FooterWrap--Active.p_3 {
opacity: 1;
}
.Drawer__FooterWrap:last-of-type {
margin-bottom: 0;
}
.Drawer__FooterWrap .p_2--bold, .Drawer__FooterWrap .module--faq .gladlyHC-answerDetail-backLink, .module--faq .Drawer__FooterWrap .gladlyHC-answerDetail-backLink, .Drawer__FooterWrap .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .Drawer__FooterWrap a, .Drawer__FooterWrap .module--faq .gladlyHC-answersIndex-link, .module--faq .Drawer__FooterWrap .gladlyHC-answersIndex-link, .Drawer__FooterWrap .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .Drawer__FooterWrap a, .Drawer__FooterWrap .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .Drawer__FooterWrap a, .Drawer__FooterWrap .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .Drawer__FooterWrap a, .Drawer__FooterWrap .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .Drawer__FooterWrap a {
color: #283455;
}
.Drawer__Timer {
background: #F2F5F8;
color: #283455;
border-radius: 5px;
padding: 8px 13px 11px;
width: 100%;
}
.Drawer__TimerWrap {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.Drawer__TimerWrap > span {
height: 43px;
}
.Drawer__TimerWrap--Complete .track {
opacity: 0;
}
.Drawer__TimerWrap--Complete .progress {
stroke-dasharray: initial !important;
stroke-dashoffset: initial !important;
}
.Drawer__TimerWrap p {
margin: 0;
margin-left: 16px;
}
.Drawer__TimerWrap circle {
transform: rotate(-90deg);
transform-origin: center;
transition: opacity 100ms cubic-bezier(0.33, 1, 0.68, 1), stroke-dasharray 100ms cubic-bezier(0.33, 1, 0.68, 1), stroke-dashoffset 100ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Drawer .cart__item,
.Drawer .gwp__item {
padding: 1.5rem 0rem 1.5rem 0rem;
border-bottom: 1px solid #DDDDDD;
}
.Drawer .cart__item.gwp__item--disabled,
.Drawer .gwp__item.gwp__item--disabled {
display: none;
}
.Drawer .cart__item .line-item__main,
.Drawer .gwp__item .line-item__main {
display: flex;
min-height: 8rem;
color: #283455;
}
.Drawer .cart__item .line-item__img,
.Drawer .gwp__item .line-item__img {
max-width: 5.375rem;
margin-right: 1rem;
grid-area: img;
}
.Drawer .cart__item .line-item__img img,
.Drawer .gwp__item .line-item__img img {
width: 100%;
}
.Drawer .cart__item .line-item__img--slider,
.Drawer .gwp__item .line-item__img--slider {
cursor: grab;
overflow-x: hidden;
}
.Drawer .cart__item .line-item__img--slider:active,
.Drawer .gwp__item .line-item__img--slider:active {
cursor: grabbing;
}
.Drawer .cart__item .line-item__img--slider a,
.Drawer .gwp__item .line-item__img--slider a {
cursor: unset;
}
.Drawer .cart__item .line-item__img--slider .splide__pagination,
.Drawer .gwp__item .line-item__img--slider .splide__pagination {
bottom: -1.75rem;
}
.Drawer .cart__item .line-item__img--slider .splide__pagination__page,
.Drawer .gwp__item .line-item__img--slider .splide__pagination__page {
width: 0.375rem;
height: 0.375rem;
background: #DDDDDD;
}
.Drawer .cart__item .line-item__img--slider .splide__pagination__page.is-active,
.Drawer .gwp__item .line-item__img--slider .splide__pagination__page.is-active {
background: #283455;
}
.Drawer .cart__item .line-item__chips,
.Drawer .gwp__item .line-item__chips {
margin: 0;
padding: 0;
width: 100%;
text-align: right;
}
.Drawer .cart__item .line-item__chip,
.Drawer .gwp__item .line-item__chip {
margin: 0;
list-style: none;
color: #5D6E50;
}
.Drawer .cart__item .line-item__details,
.Drawer .gwp__item .line-item__details {
margin-right: 1rem;
grid-area: details;
}
.Drawer .cart__item .line-item__details .p_1, .Drawer .cart__item .line-item__details .p_2, .Drawer .cart__item .line-item__details .p_3,
.Drawer .gwp__item .line-item__details .p_1,
.Drawer .gwp__item .line-item__details .p_2,
.Drawer .gwp__item .line-item__details .p_3 {
margin-bottom: 0.25rem;
}
.Drawer .cart__item .line-item__details .title,
.Drawer .gwp__item .line-item__details .title {
margin-bottom: 1rem;
}
.Drawer .cart__item .line-item__details .component,
.Drawer .gwp__item .line-item__details .component {
margin-bottom: 0.5rem;
}
.Drawer .cart__item .line-item__details .component .component-title,
.Drawer .gwp__item .line-item__details .component .component-title {
margin-bottom: 0rem;
}
.Drawer .cart__item .line-item__details .option, .Drawer .cart__item .line-item__details .ships-by-date, .Drawer .cart__item .line-item__details a.remove-from-cart,
.Drawer .gwp__item .line-item__details .option,
.Drawer .gwp__item .line-item__details .ships-by-date,
.Drawer .gwp__item .line-item__details a.remove-from-cart {
color: #777777;
}
.Drawer .cart__item .line-item__details .final-sale-messaging,
.Drawer .gwp__item .line-item__details .final-sale-messaging {
color: #aa3f00;
}
.Drawer .cart__item .line-item__details a.remove-from-cart,
.Drawer .gwp__item .line-item__details a.remove-from-cart {
text-decoration: underline;
}
.Drawer .cart__item .line-item__pricing,
.Drawer .gwp__item .line-item__pricing {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
grid-area: pricing;
}
.Drawer .cart__item .line-item__pricing .prices,
.Drawer .gwp__item .line-item__pricing .prices {
display: flex;
justify-content: flex-end;
flex-flow: row wrap;
}
.Drawer .cart__item .line-item__pricing .prices .p_2,
.Drawer .gwp__item .line-item__pricing .prices .p_2 {
margin-bottom: 0;
}
.Drawer .cart__item .line-item__pricing .prices .reduced,
.Drawer .gwp__item .line-item__pricing .prices .reduced {
margin-right: 0.5rem;
color: #777777;
text-decoration: line-through;
display: block;
}
@media screen and (min-width: 1200px) {
.Drawer .cart__item .line-item__pricing .prices .reduced,
.Drawer .gwp__item .line-item__pricing .prices .reduced {
display: initial;
}
}
.Drawer .cart__item .line-item__qty,
.Drawer .gwp__item .line-item__qty {
display: none;
}
@media screen and (min-width: 1200px) {
.Drawer .cart__item .line-item__qty,
.Drawer .gwp__item .line-item__qty {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
.Drawer .cart__item .line-item__qty .bmsm-wrapper,
.Drawer .gwp__item .line-item__qty .bmsm-wrapper {
min-width: 7rem;
margin-bottom: 0rem;
height: 0.75rem;
}
.Drawer .cart__item .line-item__qty label,
.Drawer .gwp__item .line-item__qty label {
margin-right: 0.5rem;
margin-bottom: 0rem;
}
.Drawer .cart__item .line-item__qty .select-input--wrapper,
.Drawer .gwp__item .line-item__qty .select-input--wrapper {
width: 3.375rem;
}
.Drawer .cart__item .line-item__qty .select-input--wrapper .select-input,
.Drawer .gwp__item .line-item__qty .select-input--wrapper .select-input {
padding: 0.1rem 0.75rem 0rem 0.75rem;
margin-bottom: 0rem;
}
.Drawer .cart__item .line-item__qty .select-input--wrapper svg,
.Drawer .gwp__item .line-item__qty .select-input--wrapper svg {
right: 1rem;
top: -0.75rem;
}
.Drawer .cart__item .line-item__mobile-messaging,
.Drawer .gwp__item .line-item__mobile-messaging {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 1rem;
}
.Drawer .cart__item .line-item__mobile-messaging .bmsm-wrapper,
.Drawer .gwp__item .line-item__mobile-messaging .bmsm-wrapper {
flex-shrink: 0;
}
.Drawer .cart__item .line-item__mobile-messaging .p_3,
.Drawer .gwp__item .line-item__mobile-messaging .p_3 {
margin-bottom: 0px;
}
.Drawer .cart__item .line-item__mobile-messaging .line-item__qty,
.Drawer .gwp__item .line-item__mobile-messaging .line-item__qty {
display: flex;
justify-content: flex-end;
align-items: center;
margin-left: 12px;
}
.Drawer .cart__loader .title {
height: 15px;
width: 45%;
}
.Drawer .cart__loader .option {
height: 15px;
width: 100%;
}
.Drawer .gwp__item .line-item__main {
min-height: auto;
}
.Drawer .gwp__item .line-item__mobile-trigger {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
min-height: 40px;
}
.Drawer .gwp__item .btn--secondary--small {
margin: 0;
position: absolute;
right: 0%;
top: 0;
}
.Drawer .gwp__title {
padding-bottom: 1.5rem;
color: #283455;
}
.Cart__Alert {
pointer-events: none;
z-index: -1;
opacity: 0;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
color: #283455;
background-color: #0F1528; /* The Fallback */
background-color: rgba(15, 21, 40, 0.2);
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: hidden;
}
.Cart__Alert--Active {
z-index: 2147483647;
pointer-events: initial;
opacity: 1;
width: 100%;
height: 100vh;
}
.Cart__AlertWrapper {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.Cart__AlertModal {
background: #fdfaf8;
border-radius: 30px;
width: 100%;
max-width: 516px;
padding: 20px;
margin: 0 25px;
}
@media screen and (min-width: 900px) {
.Cart__AlertModal {
padding: 16px 31px;
}
}
.Cart__AlertClose:first-of-type {
width: 100%;
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
}
.Cart__AlertClose:first-of-type button {
appearance: none;
border: none;
box-shadow: none;
background: transparent;
outline: none;
}
@media screen and (min-width: 900px) {
.Cart__AlertClose:first-of-type {
margin-bottom: 35px;
}
}
.Cart__AlertClose:last-of-type {
display: flex;
justify-content: center;
}
.Cart__AlertClose:last-of-type a {
width: 100%;
max-width: 217px;
background: #283455;
color: #FFFFFF;
border-radius: 20px;
margin-bottom: 45px;
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
text-align: center;
padding: 18px 0 19px;
text-decoration: none;
}
.Cart__AlertClose:last-of-type a.hover-active--underline, .Cart__AlertClose:last-of-type a .hover-active--underline {
position: relative;
}
.Cart__AlertClose:last-of-type a.hover-active--underline:after, .Cart__AlertClose:last-of-type a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Cart__AlertClose:last-of-type a.hover-active--underline:hover, .Cart__AlertClose:last-of-type a.hover-active--underline:active, .Cart__AlertClose:last-of-type a.hover-active--underline.active, .Cart__AlertClose:last-of-type a .hover-active--underline:hover, .Cart__AlertClose:last-of-type a .hover-active--underline:active, .Cart__AlertClose:last-of-type a .hover-active--underline.active {
cursor: pointer;
}
.Cart__AlertClose:last-of-type a.hover-active--underline:hover:after, .Cart__AlertClose:last-of-type a.hover-active--underline:active:after, .Cart__AlertClose:last-of-type a.hover-active--underline.active:after, .Cart__AlertClose:last-of-type a .hover-active--underline:hover:after, .Cart__AlertClose:last-of-type a .hover-active--underline:active:after, .Cart__AlertClose:last-of-type a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Cart__AlertClose:last-of-type a:visited {
color: #FFFFFF;
}
.Cart__AlertTitle {
font-family: ToledoTS-Bold;
font-size: 1.875rem;
letter-spacing: normal !important;
text-transform: none;
text-align: center;
margin-bottom: 16px;
}
.Cart__AlertTitle.hover-active--underline, .Cart__AlertTitle .hover-active--underline {
position: relative;
}
.Cart__AlertTitle.hover-active--underline:after, .Cart__AlertTitle .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Cart__AlertTitle.hover-active--underline:hover, .Cart__AlertTitle.hover-active--underline:active, .Cart__AlertTitle.hover-active--underline.active, .Cart__AlertTitle .hover-active--underline:hover, .Cart__AlertTitle .hover-active--underline:active, .Cart__AlertTitle .hover-active--underline.active {
cursor: pointer;
}
.Cart__AlertTitle.hover-active--underline:hover:after, .Cart__AlertTitle.hover-active--underline:active:after, .Cart__AlertTitle.hover-active--underline.active:after, .Cart__AlertTitle .hover-active--underline:hover:after, .Cart__AlertTitle .hover-active--underline:active:after, .Cart__AlertTitle .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.Cart__AlertTitle {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.Cart__AlertTitle {
font-size: 1.875rem;
line-height: 3.231rem;
}
}
.Cart__AlertCopy {
text-align: center;
max-width: 300px;
margin: 0 auto;
margin-bottom: 42px;
}
.Progress {
margin-bottom: 2rem;
display: none;
}
.Progress--Mobile {
display: block;
margin-top: 1.5rem;
}
@media screen and (min-width: 600px) {
.Progress--Mobile {
display: none;
}
}
.Progress--Desktop {
display: none;
}
@media screen and (min-width: 600px) {
.Progress--Desktop {
display: block;
}
}
.Progress--Disabled {
display: none;
}
.Progress__Label {
width: 100%;
display: block;
text-align: left;
margin-bottom: 1rem;
color: #283455;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
}
.Progress__Label.hover-active--underline, .Progress__Label .hover-active--underline {
position: relative;
}
.Progress__Label.hover-active--underline:after, .Progress__Label .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Progress__Label.hover-active--underline:hover, .Progress__Label.hover-active--underline:active, .Progress__Label.hover-active--underline.active, .Progress__Label .hover-active--underline:hover, .Progress__Label .hover-active--underline:active, .Progress__Label .hover-active--underline.active {
cursor: pointer;
}
.Progress__Label.hover-active--underline:hover:after, .Progress__Label.hover-active--underline:active:after, .Progress__Label.hover-active--underline.active:after, .Progress__Label .hover-active--underline:hover:after, .Progress__Label .hover-active--underline:active:after, .Progress__Label .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Progress__Label.hover-active--underline, .Progress__Label .hover-active--underline {
position: relative;
}
.Progress__Label.hover-active--underline:after, .Progress__Label .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Progress__Label.hover-active--underline:hover, .Progress__Label.hover-active--underline:active, .Progress__Label.hover-active--underline.active, .Progress__Label .hover-active--underline:hover, .Progress__Label .hover-active--underline:active, .Progress__Label .hover-active--underline.active {
cursor: pointer;
}
.Progress__Label.hover-active--underline:hover:after, .Progress__Label.hover-active--underline:active:after, .Progress__Label.hover-active--underline.active:after, .Progress__Label .hover-active--underline:hover:after, .Progress__Label .hover-active--underline:active:after, .Progress__Label .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.Progress__Label {
text-align: center;
}
}
.Progress__Bar[value] {
background: #F2F2F2;
}
.Progress__Bar[value]::-webkit-progress-value {
will-change: width;
transition: width 0.4s cubic-bezier(0.33, 1, 0.68, 1);
background: #F0D7BF;
}
.Progress__Bar[value]::-moz-progress-bar {
transition: padding-bottom 0.4s cubic-bezier(0.33, 1, 0.68, 1);
padding-left: 60px;
padding-bottom: var(--percentage);
background: #F0D7BF;
height: 0;
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-60px);
}
.Progress__Bar[value]::-ms-fill {
background: #F0D7BF;
}
.Progress__Bar {
appearance: none;
-webkit-appearance: none;
width: 100%;
border: none;
overflow: hidden;
border-radius: 1.25rem;
}
.Drawer .Progress {
margin-top: 1.5rem;
}
::-webkit-progress-bar {
background: #F2F2F2;
}
/*============================================================================
#Swatch Styles
==============================================================================*/
.swatch {
width: 100%;
margin: 0 0 20px 0;
}
.swatch .section-title {
margin: 20px 0px 12px 0px;
}
.swatch .section-title.section-title--evergreen {
margin-top: 0px;
}
.swatch .section-title span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #777777;
border-bottom: 1px solid #777777;
}
.grid.product-single .swatch.swatch-gallery-option, .product-single.grid--gutter-30 .swatch.swatch-gallery-option, .product-single.grid--gutter-24 .swatch.swatch-gallery-option, .product-single.grid--rev .swatch.swatch-gallery-option, .product-single.grid--full .swatch.swatch-gallery-option,
.grid.product-single .swatch.swatch-no-gallery,
.product-single.grid--gutter-30 .swatch.swatch-no-gallery,
.product-single.grid--gutter-24 .swatch.swatch-no-gallery,
.product-single.grid--rev .swatch.swatch-no-gallery,
.product-single.grid--full .swatch.swatch-no-gallery {
margin-top: 20px;
}
.swatch-set {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.swatch-element {
flex: 0 0 auto;
margin-bottom: 5px;
flex-basis: 33.333%;
max-width: 105px;
}
@media screen and (min-width: 769px) {
.swatch-element {
max-width: 135px;
}
}
.swatch-element.color {
flex-basis: 20%;
height: 30px;
max-width: 60px;
}
@media screen and (min-width: 769px) {
.swatch-element.color {
max-width: 70px;
}
}
/* Label */
.swatch .header {
flex: 0 0 auto;
flex-basis: 100%;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 12px;
margin-bottom: 20px;
font-family: BrandonTextWeb-Regular;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.swatch .header span.option-value {
float: right;
text-transform: none;
color: #757575;
letter-spacing: normal;
font-size: 14px;
}
.swatch .header span.option-value span.retiring {
color: #156559;
}
.swatch .header span.option-value span.suffix {
display: block;
}
@media screen and (min-width: 769px) {
.swatch .header span.option-value span.suffix {
display: inline;
}
.swatch .header span.option-value span.suffix::before {
content: " - ";
}
}
.swatch .header a.trigger-modal {
float: right;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-transform: none;
color: #04247D;
letter-spacing: normal;
cursor: pointer;
font-size: 14px;
}
.swatch .header span.stock-message.ships-by,
.swatch .header span.stock-message.sold-out {
float: right;
color: #d73814;
text-transform: none;
padding-left: 0.5em;
font-size: 14px;
letter-spacing: normal;
}
.product-options.ships-by .swatch .header span.option-value:after {
content: " —";
color: #757575;
}
.swatch.first-swatch .header {
border-top: none;
padding-top: 0;
}
.swatch-text .header span.stock-message:before {
content: " " !important;
}
/* Hide radio buttons.*/
.swatch input {
display: none !important;
}
.swatch label {
display: block;
/* No extra spacing between them */
margin: 0;
/* The border when the button is not selected */
border: #fff 2px solid;
/* Background color */
background-color: #fff;
/* Styling text */
font-weight: normal;
text-align: center;
line-height: 36px;
white-space: nowrap;
text-transform: none;
background-size: 100% 100%;
}
.swatch-element label {
padding: 0px;
}
.swatch-element label span.swatch-outer {
display: block;
border: 2px solid #fff;
position: relative;
}
.swatch-element.retiring label span.swatch-outer::after {
content: "20% off";
position: absolute;
top: -3px;
right: -3px;
width: 38px;
height: 12px;
color: #fff;
background: #024BC2;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-family: "BrandonTextWeb-Bold";
font-size: 9px;
line-height: 13px;
}
.swatch-element label span span.swatch-inner {
display: block;
border: 1px solid #ddd;
min-height: 24px;
background-color: #fff;
color: #181818;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: 36px;
}
.color.swatch-element label span span.swatch-inner {
padding: 0;
background-color: transparent;
}
/* Styling disabled swatch */
.swatch input[disabled] + label {
cursor: not-allowed !important;
}
.swatch input[disabled] + label span.swatch-inner {
color: #ddd;
}
/* Styling selected swatch */
.swatch input + label {
border: 1px solid white;
}
/* Styling selected color swatch */
.swatch-color input:checked + label,
.swatch-color input.checked + label {
border: 1px solid #024BC2;
}
/* Styling selected text swatch */
.swatch-text input:checked + label span span.swatch-inner,
.swatch-text input.checked + label span span.swatch-inner {
background-color: #293C70 !important;
color: #fff;
}
.swatch .swatch-element {
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.swatch .swatch-element label, .swatch .swatch-element span {
position: relative;
}
/* Image with the cross in it */
.crossed-out {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.swatch .swatch-element .crossed-out {
display: none;
}
.swatch-color .swatch-element .soldout + label span span.swatch-inner .crossed-out {
display: block;
}
.swatch-text .swatch-element .soldout + label span span.swatch-inner {
color: #ddd;
}
/* Tooltips */
.swatch .tooltip {
text-align: center;
background: gray;
color: #fff;
bottom: 100%;
padding: 10px;
display: block;
position: absolute;
width: 100px;
left: 30px;
margin-bottom: 15px;
/* Make it invisible by default */
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
/* Animations */
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
z-index: 10000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.swatch .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
/* CSS triangle */
.swatch .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid gray 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.swatch .swatch-element:hover .tooltip {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.swatch.error {
background-color: #E8D2D2 !important;
color: #333 !important;
padding: 1em;
border-radius: 5px;
}
.swatch.error p {
margin: 0.7em 0;
}
.swatch.error p:first-child {
margin-top: 0;
}
.swatch.error p:last-child {
margin-bottom: 0;
}
.swatch.error code {
font-family: monospace;
}
.swatch-element.redirect span.swatch-inner {
cursor: pointer;
}
/*============================================================================
#Loop Returns & Exchanges Page
==============================================================================*/
.module--returns-exchanges-options {
max-width: 960px;
margin: 74px auto;
margin-bottom: 108px;
}
.module--returns-exchanges-options .international-option-modal-overlay {
visibility: hidden;
opacity: 0;
display: none;
z-index: 9998;
}
.module--returns-exchanges-options .international-option-modal-overlay.active {
visibility: visible;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: rgba(4, 36, 125, 0.2);
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content {
padding: 42px;
margin: 30px;
max-width: 530px;
background: #fff;
z-index: 9999;
}
@media screen and (min-width: 768px) {
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content {
padding: 82px;
}
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content .option-modal-close-wrapper {
position: relative;
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content .option-modal-close-wrapper .option-modal-close {
position: absolute;
padding: 10px;
color: #04247D;
font-family: BrandonTextWeb-Light;
font-size: 28px;
top: -40px;
right: -30px;
}
@media screen and (min-width: 768px) {
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content .option-modal-close-wrapper .option-modal-close {
top: -80px;
right: -70px;
}
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content .option-modal-close-wrapper .option-modal-close:hover {
cursor: pointer;
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content p {
margin: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #04247D;
}
.module--returns-exchanges-options .international-option-modal-overlay.active .international-option-modal-content p a:hover {
color: #293C70;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-header-wrapper {
margin-bottom: 50px;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-header-wrapper .module-header {
margin-bottom: 24px;
color: #283455;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-header-wrapper .module-subheader {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0px auto;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option {
color: #0F1528;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option:hover {
color: #0F1528;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper {
padding: 36px 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 370px;
border: 2px solid #F2F5F8;
transition: background-color 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper {
width: 150px;
}
}
@media screen and (min-width: 769px) {
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper {
width: 216px;
}
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper:hover {
background-color: #F2F5F8;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper .option-title {
color: #283455;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper .option-img {
max-width: 74px;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper .option-subtitle-wrapper {
padding: 0px 12px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options .return-exchange-option .option-wrapper .option-subtitle-wrapper .option-subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
max-width: 164px;
margin: 0;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .carousel-cell {
width: 100%;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .carousel-cell .return-exchange-option {
width: 100%;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .carousel-cell .return-exchange-option .option-wrapper {
width: 100%;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .flickity-page-dots {
bottom: -56px;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .flickity-page-dots .dot {
width: 12px;
height: 12px;
opacity: 1;
background: transparent;
border: 1px solid #283455;
transition: background-color 0.3s;
}
.module--returns-exchanges-options .returns-exchanges-options-wrapper .module-options.module-options--carousel .flickity-page-dots .dot.is-selected {
background-color: #283455;
}
/*============================================================================
#Returns update
==============================================================================*/
.module--returns-update {
color: #283455;
}
.module--returns-update .wrapper {
padding: 30px;
}
.module--returns-update .wrapper .grid--flex {
align-items: center;
justify-content: center;
text-align: center;
}
.module--returns-update .wrapper .grid--flex h1 {
margin-bottom: 30px;
}
.module--returns-update .wrapper .grid--flex p { /*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--returns-update .wrapper .grid--flex p span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--returns-update .wrapper .grid--flex p a.contact {
color: #04247D;
}
.module--returns-update .wrapper .grid--flex p a.contact:hover {
color: #AEB6A7;
}
/*============================================================================
#Return Page
==============================================================================*/
.template-page-returns .main-content .grid h1, .template-page-returns .main-content .grid--gutter-30 h1, .template-page-returns .main-content .grid--gutter-24 h1, .template-page-returns .main-content .grid--rev h1, .template-page-returns .main-content .grid--full h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
text-align: center;
}
.template-page-returns .main-content .grid p, .template-page-returns .main-content .grid--gutter-30 p, .template-page-returns .main-content .grid--gutter-24 p, .template-page-returns .main-content .grid--rev p, .template-page-returns .main-content .grid--full p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-returns .main-content .grid p, .template-page-returns .main-content .grid--gutter-30 p, .template-page-returns .main-content .grid--gutter-24 p, .template-page-returns .main-content .grid--rev p, .template-page-returns .main-content .grid--full p {
font-size: 20px;
}
}
.template-page-returns .main-content .grid a, .template-page-returns .main-content .grid--gutter-30 a, .template-page-returns .main-content .grid--gutter-24 a, .template-page-returns .main-content .grid--rev a, .template-page-returns .main-content .grid--full a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-returns .main-content .grid a, .template-page-returns .main-content .grid--gutter-30 a, .template-page-returns .main-content .grid--gutter-24 a, .template-page-returns .main-content .grid--rev a, .template-page-returns .main-content .grid--full a {
font-size: 20px;
}
}
.template-customers h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
text-align: left;
}
/*============================================================================
#FAQ Page
==============================================================================*/
.module--faq {
margin-bottom: 4rem;
min-height: 100vh;
}
.module--faq-gladly {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "faq faq faq faq";
}
@media screen and (min-width: 600px) {
.module--faq-gladly {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". faq faq faq faq faq faq faq faq faq .";
}
}
@media screen and (min-width: 900px) {
.module--faq-gladly {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". faq faq faq faq faq faq faq faq faq .";
}
}
@media screen and (min-width: 1200px) {
.module--faq-gladly {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . faq faq faq faq faq faq faq faq faq faq faq . .";
}
}
.module--faq .gladlyHC {
grid-area: faq;
margin: 0;
}
.module--faq .gladlyHC-searchContainer {
margin-bottom: 2.5rem;
}
.module--faq .gladlyHC-searchContainer:after {
display: block;
user-select: none;
position: absolute;
height: 1.5rem;
width: 1.5rem;
left: 1rem;
pointer-events: none;
top: 48%;
transform: translateY(-50%);
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23283455' stroke-linecap='square' stroke-width='1.5' d='M14.324 14.546l4.859 4.86M14.3 7.805c1.78 1.78 1.76 4.738-.11 6.608-1.869 1.87-4.827 1.89-6.607.11-1.78-1.78-1.76-4.739.11-6.608 1.869-1.87 4.827-1.89 6.607-.11z'/%3E%3C/svg%3E");
}
.module--faq .gladlyHC-searchInput {
appearance: none !important;
align-items: flex-start !important;
background: rgb(248, 248, 248) !important;
border: 1px solid rgb(222, 222, 222) !important;
border-radius: 8px !important;
font-family: "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: normal !important;
padding: 20px 60px 20px 48px !important;
}
@media screen and (min-width: 900px) {
.module--faq .gladlyHC-searchInput {
width: calc(50% - 1.5rem) !important;
}
}
.module--faq .gladlyHC-searchMenu {
padding: 1.5rem 0 0 1.5rem;
}
.module--faq .gladlyHC-searchResult {
padding: 0 0 1.5rem;
}
.module--faq .gladlyHC-faqHeading {
display: none !important;
}
.module--faq .gladlyHC-answersIndex-list, .module--faq .gladlyHC-searchResultsSection-results {
margin-left: 0;
}
.module--faq .gladlyHC-faqSection-listItem, .module--faq .gladlyHC-answersIndex-item, .module--faq .gladlyHC-searchResultsSection-result {
list-style: none;
margin: 1.875rem 0 0;
}
.module--faq .gladlyHC-faqSection-listItem a:hover, .module--faq .gladlyHC-answersIndex-item a:hover, .module--faq .gladlyHC-searchResultsSection-result a:hover {
text-decoration: underline;
}
@media screen and (max-width: 599px) {
.module--faq .gladlyHC-faqSection-listItem-more {
margin-bottom: 2.5rem;
}
}
.module--faq .gladlyHC-answerDetail-backLink, .module--faq .gladlyHC-answersIndex-link {
margin-bottom: 2.5rem;
border: 1px solid #283455;
height: 2rem;
border-radius: 1rem;
display: flex;
align-items: center;
width: 9rem;
justify-content: center;
}
.module--faq .gladlyHC-answerDetail-content {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--faq .gladlyHC-answerDetail-content.hover-active--underline, .module--faq .gladlyHC-answerDetail-content .hover-active--underline {
position: relative;
}
.module--faq .gladlyHC-answerDetail-content.hover-active--underline:after, .module--faq .gladlyHC-answerDetail-content .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .gladlyHC-answerDetail-content.hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-content.hover-active--underline:active, .module--faq .gladlyHC-answerDetail-content.hover-active--underline.active, .module--faq .gladlyHC-answerDetail-content .hover-active--underline:hover, .module--faq .gladlyHC-answerDetail-content .hover-active--underline:active, .module--faq .gladlyHC-answerDetail-content .hover-active--underline.active {
cursor: pointer;
}
.module--faq .gladlyHC-answerDetail-content.hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-content.hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-content.hover-active--underline.active:after, .module--faq .gladlyHC-answerDetail-content .hover-active--underline:hover:after, .module--faq .gladlyHC-answerDetail-content .hover-active--underline:active:after, .module--faq .gladlyHC-answerDetail-content .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--faq .gladlyHC * {
color: #283455 !important;
}
@media screen and (min-width: 600px) {
.module--faq .gladlyHC-faqSection {
flex-basis: calc(50% - 1.5rem) !important;
margin: 0 0 4rem;
}
.module--faq .gladlyHC-faqSection:nth-child(odd) {
margin-right: 1.5rem;
}
}
.module--faq .tag-section {
margin-top: 4rem;
}
.module--faq .tag-section * {
color: #283455 !important;
}
.module--faq .tag-section .section-header, .module--faq .tag-section .gladlyHC h2, .module--faq .gladlyHC .tag-section h2, .module--faq .tag-section .gladlyHC h3, .module--faq .gladlyHC .tag-section h3 {
text-transform: capitalize;
}
.module--faq .tag-section .faq-header {
margin-top: 1.875rem;
}
.module--faq .tag-section .faq-header-button {
padding-right: 1.6rem;
font-weight: normal;
position: relative;
}
.module--faq .tag-section .faq-header-button-icon {
position: absolute;
right: 0;
top: 0;
}
.module--faq .tag-section .faq-header-button-icon svg {
display: block;
fill: #283455;
}
.module--faq .tag-section .faq-answer {
padding-top: 1rem;
}
.module--faq .tag-section .faq-answer h4 {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.module--faq .tag-section .faq-answer h4.hover-active--underline, .module--faq .tag-section .faq-answer h4 .hover-active--underline {
position: relative;
}
.module--faq .tag-section .faq-answer h4.hover-active--underline:after, .module--faq .tag-section .faq-answer h4 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section .faq-answer h4.hover-active--underline:hover, .module--faq .tag-section .faq-answer h4.hover-active--underline:active, .module--faq .tag-section .faq-answer h4.hover-active--underline.active, .module--faq .tag-section .faq-answer h4 .hover-active--underline:hover, .module--faq .tag-section .faq-answer h4 .hover-active--underline:active, .module--faq .tag-section .faq-answer h4 .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section .faq-answer h4.hover-active--underline:hover:after, .module--faq .tag-section .faq-answer h4.hover-active--underline:active:after, .module--faq .tag-section .faq-answer h4.hover-active--underline.active:after, .module--faq .tag-section .faq-answer h4 .hover-active--underline:hover:after, .module--faq .tag-section .faq-answer h4 .hover-active--underline:active:after, .module--faq .tag-section .faq-answer h4 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--faq .tag-section .faq-answer div,
.module--faq .tag-section .faq-answer p {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--faq .tag-section .faq-answer div.hover-active--underline, .module--faq .tag-section .faq-answer div .hover-active--underline,
.module--faq .tag-section .faq-answer p.hover-active--underline,
.module--faq .tag-section .faq-answer p .hover-active--underline {
position: relative;
}
.module--faq .tag-section .faq-answer div.hover-active--underline:after, .module--faq .tag-section .faq-answer div .hover-active--underline:after,
.module--faq .tag-section .faq-answer p.hover-active--underline:after,
.module--faq .tag-section .faq-answer p .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section .faq-answer div.hover-active--underline:hover, .module--faq .tag-section .faq-answer div.hover-active--underline:active, .module--faq .tag-section .faq-answer div.hover-active--underline.active, .module--faq .tag-section .faq-answer div .hover-active--underline:hover, .module--faq .tag-section .faq-answer div .hover-active--underline:active, .module--faq .tag-section .faq-answer div .hover-active--underline.active,
.module--faq .tag-section .faq-answer p.hover-active--underline:hover,
.module--faq .tag-section .faq-answer p.hover-active--underline:active,
.module--faq .tag-section .faq-answer p.hover-active--underline.active,
.module--faq .tag-section .faq-answer p .hover-active--underline:hover,
.module--faq .tag-section .faq-answer p .hover-active--underline:active,
.module--faq .tag-section .faq-answer p .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section .faq-answer div.hover-active--underline:hover:after, .module--faq .tag-section .faq-answer div.hover-active--underline:active:after, .module--faq .tag-section .faq-answer div.hover-active--underline.active:after, .module--faq .tag-section .faq-answer div .hover-active--underline:hover:after, .module--faq .tag-section .faq-answer div .hover-active--underline:active:after, .module--faq .tag-section .faq-answer div .hover-active--underline.active:after,
.module--faq .tag-section .faq-answer p.hover-active--underline:hover:after,
.module--faq .tag-section .faq-answer p.hover-active--underline:active:after,
.module--faq .tag-section .faq-answer p.hover-active--underline.active:after,
.module--faq .tag-section .faq-answer p .hover-active--underline:hover:after,
.module--faq .tag-section .faq-answer p .hover-active--underline:active:after,
.module--faq .tag-section .faq-answer p .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--faq .tag-section .faq-answer strong {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-weight: normal;
}
.module--faq .tag-section .faq-answer strong.hover-active--underline, .module--faq .tag-section .faq-answer strong .hover-active--underline {
position: relative;
}
.module--faq .tag-section .faq-answer strong.hover-active--underline:after, .module--faq .tag-section .faq-answer strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section .faq-answer strong.hover-active--underline:hover, .module--faq .tag-section .faq-answer strong.hover-active--underline:active, .module--faq .tag-section .faq-answer strong.hover-active--underline.active, .module--faq .tag-section .faq-answer strong .hover-active--underline:hover, .module--faq .tag-section .faq-answer strong .hover-active--underline:active, .module--faq .tag-section .faq-answer strong .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section .faq-answer strong.hover-active--underline:hover:after, .module--faq .tag-section .faq-answer strong.hover-active--underline:active:after, .module--faq .tag-section .faq-answer strong.hover-active--underline.active:after, .module--faq .tag-section .faq-answer strong .hover-active--underline:hover:after, .module--faq .tag-section .faq-answer strong .hover-active--underline:active:after, .module--faq .tag-section .faq-answer strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (max-width: 599px) {
.module--faq .tag-section .table-wrapper {
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
overflow: scroll;
}
}
@media screen and (max-width: 599px) {
.module--faq .tag-section table {
float: none !important;
margin: 0 1.5rem -4px;
display: inline-block;
}
}
.module--faq .tag-section table * {
background: transparent !important;
border-color: #283455 !important;
text-align: left !important;
}
.module--faq .tag-section table thead {
border-bottom: 1px solid;
}
.module--faq .tag-section table thead th {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
padding: 1rem 0 1rem 1rem !important;
}
.module--faq .tag-section table thead th.hover-active--underline, .module--faq .tag-section table thead th .hover-active--underline {
position: relative;
}
.module--faq .tag-section table thead th.hover-active--underline:after, .module--faq .tag-section table thead th .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section table thead th.hover-active--underline:hover, .module--faq .tag-section table thead th.hover-active--underline:active, .module--faq .tag-section table thead th.hover-active--underline.active, .module--faq .tag-section table thead th .hover-active--underline:hover, .module--faq .tag-section table thead th .hover-active--underline:active, .module--faq .tag-section table thead th .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section table thead th.hover-active--underline:hover:after, .module--faq .tag-section table thead th.hover-active--underline:active:after, .module--faq .tag-section table thead th.hover-active--underline.active:after, .module--faq .tag-section table thead th .hover-active--underline:hover:after, .module--faq .tag-section table thead th .hover-active--underline:active:after, .module--faq .tag-section table thead th .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--faq .tag-section table thead th:nth-child(1) {
border-right: 1px solid;
padding-left: 0 !important;
}
.module--faq .tag-section table thead + tbody td {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
padding: 1rem 0 1rem 1rem !important;
border-left: none;
border-right: none;
}
.module--faq .tag-section table thead + tbody td.hover-active--underline, .module--faq .tag-section table thead + tbody td .hover-active--underline {
position: relative;
}
.module--faq .tag-section table thead + tbody td.hover-active--underline:after, .module--faq .tag-section table thead + tbody td .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section table thead + tbody td.hover-active--underline:hover, .module--faq .tag-section table thead + tbody td.hover-active--underline:active, .module--faq .tag-section table thead + tbody td.hover-active--underline.active, .module--faq .tag-section table thead + tbody td .hover-active--underline:hover, .module--faq .tag-section table thead + tbody td .hover-active--underline:active, .module--faq .tag-section table thead + tbody td .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section table thead + tbody td.hover-active--underline:hover:after, .module--faq .tag-section table thead + tbody td.hover-active--underline:active:after, .module--faq .tag-section table thead + tbody td.hover-active--underline.active:after, .module--faq .tag-section table thead + tbody td .hover-active--underline:hover:after, .module--faq .tag-section table thead + tbody td .hover-active--underline:active:after, .module--faq .tag-section table thead + tbody td .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--faq .tag-section table thead + tbody td:nth-child(1) {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
padding: 1rem 0.5rem 1rem 0 !important;
border-right: 1px solid;
}
.module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline {
position: relative;
}
.module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline:after, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline:hover, .module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline:active, .module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline.active, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline:hover, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline:active, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline.active {
cursor: pointer;
}
.module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline:hover:after, .module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline:active:after, .module--faq .tag-section table thead + tbody td:nth-child(1).hover-active--underline.active:after, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline:hover:after, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline:active:after, .module--faq .tag-section table thead + tbody td:nth-child(1) .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
div[data-aid=selfService-wrapper] > div:nth-child(2) div div {
color: black !important;
font-size: 18px !important;
line-height: normal !important;
letter-spacing: normal !important;
}
/*============================================================================
#Flickity
==============================================================================*/
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: 0;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-button {
position: absolute;
background: hsla(0deg, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: #333;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/*============================================================================
#Flexslider
==============================================================================*/
/*
* jQuery FlexSlider v2.5.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
*/
/*================================FONT FACE ==================================*/
@font-face {
font-family: "flexslider-icon";
src: url( flexslider-icon0ca1.eot?v=70838442330258149421713475717);
src: url( flexslider-icon1773.eot?%23iefix&v=70838442330258149421713475717) format("embedded-opentype"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/flexslider-icon.woff?v=90228142568297769871713475717 ) format("woff"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/flexslider-icon.ttf?v=158777270765947999621713475717 ) format("truetype"), url( //www.brooklinen.com/cdn/shop/t/2821/assets/flexslider-icon.svg%23flexslider-icon?1992053 ) format("svg");
font-weight: normal;
font-style: normal;
}
/*================================= RESETS ===================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/*============================== BASE STYLES =================================*/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
/*============================ DEFAULT THEME =================================*/
.flexslider {
margin: 0 0 60px;
background: #ffffff;
border: 4px solid #ffffff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: "\f001";
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: "\f002";
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: "\f004";
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: "\f003";
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: 0.7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/*============================================================================
#Shelf Headers
==============================================================================*/
/* Update the min-height from 150px to 50px so Gift Cards and FAQ's with no subtitle is vertically centered.
This update does not affect the pages that have the subtitle. */
.shelf-header {
width: 100%;
background-color: #f2f6fc;
text-align: center;
position: relative;
overflow: auto;
}
@media screen and (min-width: 769px) {
.shelf-header {
min-height: 50px;
}
}
.shelf-header .inner {
padding: 25px 0;
}
.shelf-header .inner h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
line-height: 1;
color: #024BC2;
text-align: center;
margin: 0;
padding: 0;
}
@media screen and (min-width: 769px) {
.shelf-header .inner h1 {
font-size: 30px;
}
}
.shelf-header .inner h2, .shelf-header .inner h3, .shelf-header .inner h4 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin: 0;
padding: 0 20px;
text-align: center;
}
@media screen and (min-width: 769px) {
.shelf-header .inner h2, .shelf-header .inner h3, .shelf-header .inner h4 {
font-size: 20px;
}
}
.shelf-header .inner a {
display: none;
}
body.template-page-contact-2 .shelf-header, body.template-page-contact .shelf-header, body.template-page-press .shelf-header {
position: relative;
height: 250px;
background-repeat: no-repeat;
background-size: cover;
}
body.template-page-contact-2 .shelf-header .module-image, body.template-page-contact .shelf-header .module-image, body.template-page-press .shelf-header .module-image {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
body.template-page-contact-2 .shelf-header .inner, body.template-page-contact .shelf-header .inner, body.template-page-press .shelf-header .inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body.template-page-contact-2 .shelf-header h1, body.template-page-contact .shelf-header h1, body.template-page-press .shelf-header h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
line-height: 1.1;
color: #0F1528;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 .shelf-header h1, body.template-page-contact .shelf-header h1, body.template-page-press .shelf-header h1 {
font-size: 30px;
}
}
/*============================================================================
#Press Page
==============================================================================*/
.template-page-press .main-content {
margin-top: 20px;
}
.template-page-press .top-nav .top-nav-press a {
color: #2b8df2 ;
}
.template-page-press .grid__item--header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
.template-page-press .grid__item--header p {
font-size: 20px;
}
}
.template-page-press .grid__item--header p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.template-page-press .grid__item--press-logos-wrapper {
position: relative;
}
.template-page-press .grid--press-row {
margin-bottom: 20px;
}
.template-page-press .grid__item--featured-press a {
display: block;
border: 1px solid #cfcfcf;
padding: 40px;
text-align: center;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.template-page-press .grid__item--featured-press a {
margin-bottom: 0;
}
}
.template-page-press .grid__item--featured-press .quote-badge {
max-height: 50px;
margin: 0 auto 20px auto;
display: block;
}
.template-page-press .grid__item--featured-press h2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
text-align: center;
color: #181818;
margin: 0;
}
@media screen and (min-width: 769px) {
.template-page-press .grid__item--featured-press h2 {
font-size: 20px;
}
}
.template-page-press .grid__item--featured-press .featured-logo {
margin-top: 40px;
}
@media screen and (min-width: 769px) {
.template-page-press .vcenter {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.template-page-press .grid--logos .grid__item--press-logo {
text-align: center;
height: 50%;
}
.template-page-press .grid--logos .grid__item--press-logo img {
margin: 20px 0;
}
@media screen and (min-width: 768px) and (max-width: 767px) {
.template-page-press .grid--logos .grid__item--press-logo img {
margin-top: 60px;
}
}
@media screen and (min-width: 769px) {
.template-page-press .grid--logos .grid__item--press-logo img {
margin: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
body.template-page-press[data-theme-version="1"] .shelf-header {
display: none !important;
}
/*============================================================================
#Blog Landing Page
==============================================================================*/
/*====================== Shared between blog and article =====================*/
.grid--920 {
max-width: 920px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.grid--920 {
margin-left: auto;
margin-right: auto;
}
}
.grid--1024 {
max-width: 1024px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.grid--1024 {
margin-left: auto;
margin-right: auto;
}
}
.template-blog:not([data-theme-version="1"]) .grid--blog-sidebar > .grid__item, .template-blog:not([data-theme-version="1"]) .grid__item--shop-insta,
.template-article:not([data-theme-version="1"]) .grid--blog-sidebar > .grid__item,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta {
border-left: 1px solid #181818;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .cloned-sidebar-module,
.template-article:not([data-theme-version="1"]) .cloned-sidebar-module {
display: none;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--logo img,
.template-article:not([data-theme-version="1"]) .grid__item--logo img {
height: 40px;
width: auto;
display: block;
margin: 40px auto 10px auto;
}
.template-blog:not([data-theme-version="1"]) .grid__item--lead-copy,
.template-article:not([data-theme-version="1"]) .grid__item--lead-copy {
text-align: center;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--lead-copy .box.black,
.template-article:not([data-theme-version="1"]) .grid__item--lead-copy .box.black {
display: inline-block;
margin: 0 auto 20px auto;
border: 5px solid #181818;
text-align: center;
padding: 20px 20px 20px 20px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--lead-copy .box.black,
.template-article:not([data-theme-version="1"]) .grid__item--lead-copy .box.black {
border: none;
padding: 0;
margin: 0;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--lead-copy p,
.template-article:not([data-theme-version="1"]) .grid__item--lead-copy p {
line-height: 1.6;
text-align: center;
margin: 0 auto;
}
.template-blog:not([data-theme-version="1"]) section.featured,
.template-article:not([data-theme-version="1"]) section.featured {
margin-top: 0;
padding-bottom: 10px;
margin-bottom: 30px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--best-sellers li,
.template-article:not([data-theme-version="1"]) .grid__item--best-sellers li {
margin-bottom: 30px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--best-sellers h2,
.template-article:not([data-theme-version="1"]) .grid__item--best-sellers h2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
display: inline-block;
border-bottom: 3px solid #181818;
margin-bottom: 0;
margin-top: 50px;
}
@media screen and (min-width: 769px) {
.template-blog:not([data-theme-version="1"]) .grid__item--best-sellers h2,
.template-article:not([data-theme-version="1"]) .grid__item--best-sellers h2 {
font-size: 16px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--best-sellers h3,
.template-article:not([data-theme-version="1"]) .grid__item--best-sellers h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--best-sellers .badge,
.template-article:not([data-theme-version="1"]) .grid__item--best-sellers .badge {
height: 40%;
}
.template-blog:not([data-theme-version="1"]) .grid__item--social,
.template-article:not([data-theme-version="1"]) .grid__item--social {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--social,
.template-article:not([data-theme-version="1"]) .grid__item--social {
margin-bottom: inherit;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--social .social-icons,
.template-article:not([data-theme-version="1"]) .grid__item--social .social-icons {
text-align: center;
}
.template-blog:not([data-theme-version="1"]) .grid__item--social .social-icons a,
.template-article:not([data-theme-version="1"]) .grid__item--social .social-icons a {
width: 30px;
margin: 0 2px;
display: inline-block;
}
.template-blog:not([data-theme-version="1"]) .grid__item--social .social-icons a.label,
.template-article:not([data-theme-version="1"]) .grid__item--social .social-icons a.label {
display: none;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture {
margin-top: 40px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .box.blue,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .box.blue {
max-width: 70%;
margin: 0 auto 20px auto;
border: 5px solid #024BC2;
text-align: center;
padding: 18px 18px 35px 18px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .box.blue,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .box.blue {
max-width: none;
margin: 0;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture h2,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
color: #024BC2;
margin: 20px 0 20px 0;
}
@media screen and (min-width: 769px) {
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture h2,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture h2 {
font-size: 24px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group {
position: relative;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email],
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email] {
width: 100%;
border: 2px solid #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-webkit-input-placeholder,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-webkit-input-placeholder {
color: #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-moz-placeholder,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-moz-placeholder {
color: #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-ms-input-placeholder,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-ms-input-placeholder {
color: #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-webkit-input-placeholder,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .klaviyo_field_group input[type=email]::-webkit-input-placeholder {
color: #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn {
position: absolute;
top: 1px;
right: 0;
z-index: 2;
height: 40px;
width: 30px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .btn, .template-blog:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .module--account-details-content .add-address, .module--account-details-content .template-blog:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .add-address,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .btn,
.template-article:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .module--account-details-content .add-address,
.module--account-details-content .template-article:not([data-theme-version="1"]) .grid__item--email-capture .input-group-btn .add-address {
background-color: transparent;
color: #181818;
height: 40px;
width: 30px;
line-height: 40px;
padding: 0;
font-size: 10px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--shop-insta,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta {
text-align: center;
padding-bottom: 40px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--shop-insta h2,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta h2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
display: inline-block;
margin: 60px auto 20px auto;
border-bottom: 3px solid #181818;
}
@media screen and (min-width: 769px) {
.template-blog:not([data-theme-version="1"]) .grid__item--shop-insta h2,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta h2 {
font-size: 16px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--shop-insta a,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta a {
margin-top: 0.5em;
font-weight: 500;
float: right;
color: #181818;
}
.template-blog:not([data-theme-version="1"]) .grid__item--shop-insta a small,
.template-article:not([data-theme-version="1"]) .grid__item--shop-insta a small {
font-size: 8px;
}
.template-blog:not([data-theme-version="1"]) .site-header,
.template-article:not([data-theme-version="1"]) .site-header {
display: none;
}
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 {
display: none;
}
@media screen and (min-width: 769px) {
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 {
display: block;
}
}
html.js-drawer-open .template-blog:not([data-theme-version="1"]) .nav-bar .site-nav__link.js-drawer-open-right,
html.js-drawer-open .template-article:not([data-theme-version="1"]) .nav-bar .site-nav__link.js-drawer-open-right {
background-color: #000;
margin-right: -20px;
width: 50px;
height: 50px;
}
html.js-drawer-open .template-blog:not([data-theme-version="1"]) .nav-bar .site-nav__link.js-drawer-open-right .icon.icon-x,
html.js-drawer-open .template-article:not([data-theme-version="1"]) .nav-bar .site-nav__link.js-drawer-open-right .icon.icon-x {
color: #fff;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.template-blog:not([data-theme-version="1"]) #NavDrawer,
.template-article:not([data-theme-version="1"]) #NavDrawer {
background-color: #ffffff;
border-left-color: #888;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .site-header__nav-logo,
.template-article:not([data-theme-version="1"]) #NavDrawer .site-header__nav-logo {
float: left;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .drawer__header,
.template-article:not([data-theme-version="1"]) #NavDrawer .drawer__header {
border-bottom-color: #888;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .logo-blog,
.template-article:not([data-theme-version="1"]) #NavDrawer .logo-blog {
max-height: 32px;
margin: 10px 0 0 0px;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item {
background-color: #ffffff;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item:after,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item:after {
border-bottom-color: #888;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item span,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav > .mobile-nav__item span {
color: #fff;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav__link,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav__link {
color: #fff;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
line-height: 50px;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav__link.active span,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav__link.active span {
border-bottom: 2px solid #fff;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav .social-icons,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav .social-icons {
margin-top: 20px;
}
.template-blog:not([data-theme-version="1"]) #NavDrawer .mobile-nav .social-icons a,
.template-article:not([data-theme-version="1"]) #NavDrawer .mobile-nav .social-icons a {
color: #fff;
}
.template-blog:not([data-theme-version="1"]) .grid--1024,
.template-article:not([data-theme-version="1"]) .grid--1024 {
margin-top: 0;
}
.template-blog:not([data-theme-version="1"]) nav.breadcrumb,
.template-article:not([data-theme-version="1"]) nav.breadcrumb {
padding: 20px 0 10px 0;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) #PageContainer,
.template-article:not([data-theme-version="1"]) #PageContainer {
padding-top: 20px;
}
}
.template-blog:not([data-theme-version="1"]) .main-content,
.template-article:not([data-theme-version="1"]) .main-content {
margin-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 359px) {
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li, .template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li {
margin: 0 0 0 3%;
}
}
.template-blog:not([data-theme-version="1"]) nav.breadcrumb,
.template-article:not([data-theme-version="1"]) nav.breadcrumb {
margin: 0;
}
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child, .template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child {
display: inline-block;
}
@media screen and (max-width: 1023px) {
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child .icon-cart, .template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child .icon-cart,
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child .cart-items,
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child .cart-items,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child .icon-cart,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child .icon-cart,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child .cart-items,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child .cart-items {
display: none;
}
.template-blog:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child #CartCount, .template-blog:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child #CartCount,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-01 .nav li:last-child #CartCount,
.template-article:not([data-theme-version="1"]) .grid__site-header-alt-02 .nav li:last-child #CartCount {
display: inline-block;
background-color: #f2f6fc;
border-radius: 999px;
width: 20px;
height: 20px;
text-align: center;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel {
margin-top: 43px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel hr,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel hr {
margin-bottom: 47px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel h2,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel h2 {
font-family: "BrandonTextWeb-Bold";
text-align: center;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 1px;
margin-bottom: 34px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides {
width: 100%;
margin: 0px auto;
margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides {
max-width: 85%;
margin-bottom: 47px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell {
width: 100%;
padding: 0px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell {
width: 50%;
padding: 0px 30px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper {
width: 100%;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper {
text-align: left;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper a,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper a {
display: flex;
flex-direction: column;
justify-content: space-between;
color: #171717;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper a .img-wrapper img,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper a .img-wrapper img {
width: 100%;
margin-bottom: 36px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .title,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .title {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: "BrandonTextWeb-Bold";
font-size: 18px !important;
letter-spacing: 0.6px;
margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .title,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .title {
font-size: 36px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .price,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .price {
font-family: "BrandonTextWeb-Regular";
font-size: 16px !important;
color: #171717;
line-height: 1.5;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .desc,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .desc {
color: #757575;
font-family: "BrandonTextWeb-Regular";
font-size: 14px !important;
letter-spacing: 0.5px;
line-height: 1.5;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn, .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address, .module--account-details-content .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address,
.module--account-details-content .template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address {
width: 170px;
margin: 0px auto;
background-color: #324eca;
transition: background-color 0.3s;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn:hover, .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address:hover, .module--account-details-content .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address:hover,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn:hover,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address:hover,
.module--account-details-content .template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address:hover {
background-color: #0e285b;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn, .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address, .module--account-details-content .template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .btn,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .module--account-details-content .add-address,
.module--account-details-content .template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .carousel-cell .carousel-slide-wrapper .add-address {
width: 100%;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-page-dots,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-page-dots {
bottom: -50px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-page-dots,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-page-dots {
bottom: -25px;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-button,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-button {
display: none;
background: transparent;
top: 250px;
}
@media screen and (min-width: 768px) {
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-button,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-button {
display: block;
}
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-prev-next-button.previous,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-prev-next-button.previous {
left: -60px;
}
.template-blog:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-prev-next-button.next,
.template-article:not([data-theme-version="1"]) .grid__item--article-body .product-carousel .slides .flickity-prev-next-button.next {
right: -60px;
}
/*=============================== Blog only ==================================*/
.template-blog .grid__item--hr hr {
margin: 0;
border-color: #181818;
}
.template-blog .grid__item--category-header {
padding-top: 20px;
margin-bottom: 40px;
}
.template-blog .grid__item--category-header h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
margin: 0 0 0.5em 0;
border-bottom: 2px solid #024BC2;
display: inline-block;
padding: 0.1em 0.5em;
}
.template-blog .grid__item--category-header hr {
max-width: 230px;
color: #024BC2;
background-color: #024BC2;
height: 2px;
margin: 10px auto 20px auto;
}
.template-blog .grid__item--category-header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
max-width: 80%;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.template-blog .grid__item--category-header p {
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-feed {
padding-right: 30px;
}
}
.template-blog .grid__item--blog-post {
margin: 20px 0;
margin-right: 20px;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post {
margin: 30px 0;
margin-right: 30px;
}
}
.template-blog .grid__item--blog-post h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
.template-blog .grid__item--blog-post h2 {
font-size: 24px;
}
}
.template-blog .grid__item--blog-post p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-blog .grid__item--blog-post p {
font-size: 20px;
}
}
.template-blog .grid__item--blog-post p.read-more {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
}
.template-blog .grid__item--blog-post .grid__item--feed-item {
position: relative;
}
.template-blog .grid__item--blog-post .grid__item--feed-item a {
color: #181818;
}
.template-blog .grid__item--blog-post .grid__item--feed-item a.featured-image {
display: block;
width: 100%;
min-height: 200px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post .grid__item--feed-item a.featured-image {
float: left;
width: 55%;
min-height: 270px;
}
}
.template-blog .grid__item--blog-post .grid__item--feed-item a.featured-image img {
display: none;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt {
width: 100%;
text-align: center;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt {
margin-top: 0;
text-align: left;
float: left;
padding: 0 20px;
width: 45%;
height: 100%;
min-height: 270px;
}
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin-top: 0;
margin-bottom: 0.75em;
color: #b3c9ed;
line-height: 1;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt h2 {
display: inline;
line-height: 1.2;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt p {
line-height: 1.6;
margin-top: 1em;
margin-bottom: 1em;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .author {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
opacity: 0.5;
line-height: 1;
margin-bottom: 1em;
display: inline-block;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .author {
margin-bottom: 0.75em;
}
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .date {
text-transform: none;
letter-spacing: normal;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .date {
opacity: 0.4;
line-height: 1;
margin-bottom: 0.5em;
}
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .read-more {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin-top: 0.5em;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .social {
color: #024BC2;
font-size: 10px;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .social p {
display: inline-block;
cursor: pointer;
}
.template-blog .grid__item--blog-post .grid__item--feed-item .excerpt .social img {
max-height: 11px;
max-width: none;
}
.template-blog .grid__item--blog-post .grid__item--feed-item:hover .excerpt h2 {
box-shadow: inset 0 -2px 0 #fff, inset 0 -4px 0 #000;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}
.template-blog .grid__item--blog-post .grid__item--feed-item:hover .read-more {
text-decoration: underline;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post.hero .grid__item--feed-item a.featured-image {
width: 100%;
height: auto;
display: block;
float: none;
min-height: 300px;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item a.featured-image img {
display: none;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item .excerpt {
float: none;
width: 100%;
min-height: 0;
padding: 20px 0;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item .excerpt .copy {
float: left;
text-align: left;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item .excerpt .copy h2 {
line-height: 1;
margin-top: 0;
margin-bottom: 0.25em;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item .excerpt .meta {
float: right;
text-align: right;
}
.template-blog .grid__item--blog-post.hero .grid__item--feed-item .excerpt .meta h3 {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post.grid__item--blog-featured-post {
margin-top: 0;
}
}
.template-blog .grid__item--blog-post.grid__item--blog-featured-post .grid__item--feed-item a.featured-image {
min-height: 240px;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post.grid__item--blog-featured-post .grid__item--feed-item a.featured-image {
min-height: 380px;
}
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--blog-post.blue .grid__item--feed-item {
position: relative;
}
.template-blog .grid__item--blog-post.blue .grid__item--feed-item .excerpt {
padding: 20px;
background-color: #f2f6fc;
}
.template-blog .grid__item--blog-post.blue .grid__item--feed-item:hover .excerpt h2 {
box-shadow: inset 0 -6px 0 #f2f6fc, inset 0 -8px 0 #000;
text-shadow: -2px 0 #f2f6fc, 0 2px #f2f6fc, 2px 0 #f2f6fc, 0 -2px #f2f6fc;
}
}
.template-blog .grid__item--pagination {
padding: 20px 0;
}
@media screen and (min-width: 768px) {
.template-blog .grid__item--pagination {
padding: 40px 0;
}
}
.template-blog .grid__item--pagination .cta {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
color: #181818;
display: inline-block;
padding: 5px 10px;
text-align: center;
min-width: 80px;
line-height: 1;
min-width: 0px;
padding: 0;
background-color: #fff;
border-bottom: 3px solid transparent;
}
@media screen and (min-width: 769px) {
.template-blog .grid__item--pagination .cta {
font-size: 20px;
}
}
.template-blog .grid__item--pagination .cta:hover {
border-bottom: 3px solid #000;
}
/*============================= Sidebar fixes ================================*/
.grid--blog-sidebar {
display: none;
}
@media screen and (min-width: 769px) {
.grid--blog-sidebar {
display: block;
}
}
.template-blog .grid__item--blog-feed section.featured {
border: 1px solid #181818;
border-width: 1px 0 0 0;
margin-bottom: 10px;
padding-bottom: 0;
}
.template-article .grid__item--article-body section.featured {
border: 1px solid #181818;
border-width: 1px 0;
}
/*============================================================================
#Article
==============================================================================*/
.template-article {
/*======================= Author module at bottom ==========================*/
}
.template-article .top-nav {
border-color: #fff;
}
.template-article span.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
font-style: italic;
line-height: 1;
display: block;
margin: 0 0 20px 0;
}
.template-article .grid__item--article-featured-image {
position: relative;
}
.template-article .grid__item--article-featured-image .lead-image {
padding-right: 20px;
}
@media screen and (max-width: 767px) {
.template-article .grid__item--article-featured-image .lead-image {
padding-right: 0;
margin-top: 20px;
}
}
.template-article .grid__item--article-featured-image span.caption {
margin-bottom: 0;
}
.template-article header {
margin-top: 5px;
}
@media screen and (min-width: 768px) {
.template-article header {
margin-top: 10px;
}
}
.template-article header .author {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
text-align: center;
opacity: 0.6;
}
.template-article header .date {
text-transform: none;
}
.template-article header .copy {
margin-bottom: 20px;
}
.template-article .meta {
width: 100%;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-article .meta {
margin-bottom: 1.5em;
text-align: left;
}
}
.template-article .meta .share-widget {
display: block;
}
@media screen and (max-width: "767px"-1px) {
.template-article .meta .share-widget {
text-align: center;
}
.template-article .meta .share-widget a {
font-size: 12px;
border-radius: 999px;
height: 23px;
width: 23px;
line-height: 25px;
text-align: center;
color: #fff !important;
margin: 0 2px;
}
}
.template-article .meta h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #b3c9ed;
margin-top: 10px;
}
@media screen and (min-width: 769px) {
.template-article .meta h3 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.template-article .meta h3 {
float: left;
margin-top: 0;
}
}
.template-article .meta .social {
float: right;
color: #024BC2;
font-size: 10px;
}
.template-article .meta .social p {
display: block;
cursor: pointer;
margin-bottom: 0;
color: #024BC2;
}
.template-article .meta .social a {
display: inline-block;
margin-left: 5px;
}
.template-article .meta .date {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
letter-spacing: normal;
color: #b3c9ed;
}
@media screen and (min-width: 768px) {
.template-article .meta .date {
display: block;
}
}
.template-article .grid__item--article-body {
/* For SEO purposes, switch the h1 to an h2 with the class of 'article-title".
Duplicate the CSS for the h1 and use h2.article-title.
The subheaders of h2 are in each blog post and would be a lot of work */
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body {
padding-right: 20px;
}
}
.template-article .grid__item--article-body a {
color: #b3c9ed;
}
.template-article .grid__item--article-body img {
width: 100%;
max-width: 100%;
height: auto;
}
.template-article .grid__item--article-body h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 36px;
text-align: center;
line-height: 1.2;
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body h1 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.template-article .grid__item--article-body h1 {
font-size: 42px;
text-align: left;
margin: 0;
}
}
.template-article .grid__item--article-body h2.article-title {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
text-align: center;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.template-article .grid__item--article-body h2.article-title {
text-align: left;
margin: 0;
}
}
.template-article .grid__item--article-body h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0.5em;
line-height: 1;
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body h2 {
font-size: 36px;
}
}
.template-article .grid__item--article-body h2 b, .template-article .grid__item--article-body h2 strong {
font-weight: normal !important;
}
.template-article .grid__item--article-body h5 {
display: none;
}
.template-article .grid__item--article-body h6 {
display: none;
}
.template-article .grid__item--article-body p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
line-height: 1.6;
margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body p {
font-size: 20px;
}
}
.template-article .grid__item--article-body p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
color: #024BC2;
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body p a {
font-size: 20px;
}
}
.template-article .grid__item--article-body table {
display: none;
}
@media screen and (min-width: 1024px) {
.template-article .grid__item--article-body .list-wrapper .list-row img {
max-width: 400px !important;
}
.template-article .grid__item--article-body .list-wrapper .list-row.float-right {
float: right;
margin: 0 0 0 40px;
}
.template-article .grid__item--article-body .list-wrapper .list-row.float-left {
float: left;
margin: 0 40px 0 0;
}
}
.template-article .grid__item--article-body .list-wrapper span.caption {
margin-bottom: 0;
}
.template-article .grid__item--article-body blockquote {
margin: 0;
border: 0;
padding: 0 2em 0 0;
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
line-height: 1.5;
margin-bottom: 1em;
font-style: normal;
font-weight: normal;
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body blockquote {
font-size: 24px;
}
}
@media screen and (min-width: 769px) {
.template-article .grid__item--article-body blockquote {
padding: 0 4em 0 0;
margin-bottom: 0.5em;
}
}
.template-article .grid--author-module {
margin-top: 40px;
margin-bottom: 20px;
}
.template-article .grid--author-module hr {
border-color: #181818;
}
.template-article .grid--author-module p.byline {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-article .grid--author-module p.byline {
font-size: 16px;
}
}
.template-article .grid--author-module .grid__item--profile-photo img {
max-width: 100px;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.template-article .grid--author-module .grid__item--profile-photo img {
max-width: none;
}
}
.template-article .grid--author-module .social a {
color: #024BC2;
font-size: 24px;
margin-right: 0.25em;
}
/*========== Share and tags widgets appeared on some other templates =========*/
.widgets span.label {
color: #181818;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.widgets span.label {
font-size: 20px;
}
}
.share-widget {
width: 100%;
text-align: right;
}
.share-widget .label {
display: none;
height: 26px;
line-height: 26px;
padding-right: 5px;
}
.share-widget a {
width: 26px;
height: 26px;
line-height: 26px;
display: inline-block;
text-align: inherit;
color: #024BC2 !important;
}
.tag-widget {
display: inline-block;
}
.tag-widget a {
color: #2b8df2 ;
}
.grid__item--feed-item .share-widget {
text-align: left;
}
.grid__item--blog-featured-post .grid__item--feed-item .share-widget {
text-align: right;
}
/*============================================================================
#Blog Module - Product Carousel
==============================================================================*/
.flexslider.flexslider--product-carousel {
margin: 40px 0;
padding: 40px 0;
border: 1px solid #b7b7b7;
border-width: 1px 0;
border-radius: 0px;
text-align: center;
}
.flexslider.flexslider--product-carousel h2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
display: inline-block;
margin: 0;
border-bottom: 3px solid #181818;
}
@media screen and (min-width: 769px) {
.flexslider.flexslider--product-carousel h2 {
font-size: 16px;
}
}
.flexslider.flexslider--product-carousel .flex-direction-nav a {
margin-top: 0;
line-height: 80px;
opacity: 0.7;
background-color: transparent;
height: 80px;
width: 80px;
color: transparent;
font-size: 1px;
}
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-prev {
opacity: 1;
left: -30px;
font-weight: 200;
transform: scale(0.4, 0.75);
}
@media screen and (min-width: 768px) {
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-prev {
left: -25px;
}
}
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-prev:before {
content: "<";
position: absolute;
left: 0;
top: 0;
}
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-next {
opacity: 1;
right: -30px;
font-weight: 300;
transform: scale(0.4, 0.75);
}
@media screen and (min-width: 768px) {
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-next {
right: -25px;
}
}
.flexslider.flexslider--product-carousel .flex-direction-nav .flex-next:before {
content: ">";
position: absolute;
right: 0;
top: 0;
}
.flexslider.flexslider--product-carousel .slides {
text-align: center;
}
.flexslider.flexslider--product-carousel p {
color: #181818;
}
.flexslider.flexslider--product-carousel p.title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.flexslider.flexslider--product-carousel p.title {
font-size: 20px;
}
}
.flexslider.flexslider--product-carousel p.desc {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
padding: 0 3em;
}
.flexslider.flexslider--product-carousel p.price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-style: italic;
}
.flexslider.flexslider--product-carousel .cta {
background-color: #024BC2;
line-height: 40px;
height: 40px;
}
[data-theme-version="1"].template-blog img, [data-theme-version="1"].template-article img {
max-width: 100%;
}
[data-theme-version="1"].template-blog .site-header, [data-theme-version="1"].template-article .site-header {
display: block;
}
[data-theme-version="1"].template-blog header, [data-theme-version="1"].template-article header {
margin-top: unset;
}
[data-theme-version="1"].template-blog .module--recirculation {
margin: 0rem;
padding: 3rem 0rem 3rem 0rem;
background-color: #EFF0ED;
}
[data-theme-version="1"].template-article {
background-color: #EFF0ED;
}
[data-theme-version="1"].template-article .site-header, [data-theme-version="1"].template-article .site-header .drawer-contents, [data-theme-version="1"].template-article .top-nav {
background-color: #EFF0ED;
}
[data-theme-version="1"].template-article .module--recirculation {
margin-bottom: 0rem;
padding: 3rem 0rem 3rem 0rem;
background-color: #AEB6A7;
}
/*============================================================================
#Informational Pages & 404
// page.informational.liquid (Privacy page, etc.)
// 404s now redirect to the home page
==============================================================================*/
.template-page-informational .grid__item--page-contents img,
.template-404 .grid__item--page-contents img {
display: none;
}
.template-page-informational .grid__item--page-contents h1,
.template-404 .grid__item--page-contents h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-align: center;
padding: 20px 0 40px 0;
}
@media screen and (min-width: 769px) {
.template-page-informational .grid__item--page-contents h1,
.template-404 .grid__item--page-contents h1 {
font-size: 36px;
}
}
.template-page-informational .grid__item--page-contents h3,
.template-404 .grid__item--page-contents h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-top: 40px;
}
@media screen and (min-width: 769px) {
.template-page-informational .grid__item--page-contents h3,
.template-404 .grid__item--page-contents h3 {
font-size: 20px;
}
}
.template-page-informational .grid__item--page-contents h3:first-of-type,
.template-404 .grid__item--page-contents h3:first-of-type {
margin-top: 0;
}
.template-page-informational .grid__item--page-contents a,
.template-404 .grid__item--page-contents a {
color: #024BC2;
}
@media screen and (min-width: 768px) {
.template-404 .main-content {
min-height: 400px;
}
}
.template-404 p {
text-align: center;
}
/*============================================================================
#Account Pages - Moved to swell.scss.liquid
4/20/20 | added account page transaction history grid updates for BS-1888
==============================================================================*/
#account .modal-drawer__contents {
padding: 4rem 2rem;
}
/* tab section styles */
.tab-section {
display: none;
}
.tab-section.active {
display: grid;
}
.fulfillment-status.paid, .fulfillment-status.fulfilled, .fulfillment-status.refunded {
color: #5D6E50;
}
.fulfillment-status.voided, .fulfillment-status.unfulfilled {
color: #AA3F00;
}
/* order list styles */
.order-list {
grid-area: list;
}
.order-list p,
.order-list a {
margin: 0;
}
.order-list-row {
border: 1px solid #DDDDDD;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content";
}
@media screen and (min-width: 600px) {
.order-list-row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". content content content content content content content content .";
}
}
@media screen and (min-width: 900px) {
.order-list-row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". content content content content content content content content .";
}
}
@media screen and (min-width: 1200px) {
.order-list-row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(7, 1fr);
grid-template-areas: ". content content content content content .";
}
}
.order-list-row:first-child {
border-radius: 1.25rem 1.25rem 0 0;
}
.order-list-row:not(:first-child) {
border-top: none;
}
.order-list-row:last-child {
border-radius: 0 0 1.25rem 1.25rem;
}
.order-list-row > div {
grid-area: content;
display: flex;
justify-content: space-between;
}
.order-list-col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.order-list-col:last-of-type {
text-align: end;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.order-list-col:last-of-type.hover-active--underline, .order-list-col:last-of-type .hover-active--underline {
position: relative;
}
.order-list-col:last-of-type.hover-active--underline:after, .order-list-col:last-of-type .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-col:last-of-type.hover-active--underline:hover, .order-list-col:last-of-type.hover-active--underline:active, .order-list-col:last-of-type.hover-active--underline.active, .order-list-col:last-of-type .hover-active--underline:hover, .order-list-col:last-of-type .hover-active--underline:active, .order-list-col:last-of-type .hover-active--underline.active {
cursor: pointer;
}
.order-list-col:last-of-type.hover-active--underline:hover:after, .order-list-col:last-of-type.hover-active--underline:active:after, .order-list-col:last-of-type.hover-active--underline.active:after, .order-list-col:last-of-type .hover-active--underline:hover:after, .order-list-col:last-of-type .hover-active--underline:active:after, .order-list-col:last-of-type .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-title {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
}
.order-list-title.hover-active--underline, .order-list-title .hover-active--underline {
position: relative;
}
.order-list-title.hover-active--underline:after, .order-list-title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-title.hover-active--underline:hover, .order-list-title.hover-active--underline:active, .order-list-title.hover-active--underline.active, .order-list-title .hover-active--underline:hover, .order-list-title .hover-active--underline:active, .order-list-title .hover-active--underline.active {
cursor: pointer;
}
.order-list-title.hover-active--underline:hover:after, .order-list-title.hover-active--underline:active:after, .order-list-title.hover-active--underline.active:after, .order-list-title .hover-active--underline:hover:after, .order-list-title .hover-active--underline:active:after, .order-list-title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-date {
color: #283455;
}
.order-list-date.desktop {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: none;
}
.order-list-date.desktop.hover-active--underline, .order-list-date.desktop .hover-active--underline {
position: relative;
}
.order-list-date.desktop.hover-active--underline:after, .order-list-date.desktop .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-date.desktop.hover-active--underline:hover, .order-list-date.desktop.hover-active--underline:active, .order-list-date.desktop.hover-active--underline.active, .order-list-date.desktop .hover-active--underline:hover, .order-list-date.desktop .hover-active--underline:active, .order-list-date.desktop .hover-active--underline.active {
cursor: pointer;
}
.order-list-date.desktop.hover-active--underline:hover:after, .order-list-date.desktop.hover-active--underline:active:after, .order-list-date.desktop.hover-active--underline.active:after, .order-list-date.desktop .hover-active--underline:hover:after, .order-list-date.desktop .hover-active--underline:active:after, .order-list-date.desktop .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.order-list-date.desktop {
display: inline;
}
}
.order-list-date.mobile {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
padding-top: 0.5rem;
}
.order-list-date.mobile.hover-active--underline, .order-list-date.mobile .hover-active--underline {
position: relative;
}
.order-list-date.mobile.hover-active--underline:after, .order-list-date.mobile .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-date.mobile.hover-active--underline:hover, .order-list-date.mobile.hover-active--underline:active, .order-list-date.mobile.hover-active--underline.active, .order-list-date.mobile .hover-active--underline:hover, .order-list-date.mobile .hover-active--underline:active, .order-list-date.mobile .hover-active--underline.active {
cursor: pointer;
}
.order-list-date.mobile.hover-active--underline:hover:after, .order-list-date.mobile.hover-active--underline:active:after, .order-list-date.mobile.hover-active--underline.active:after, .order-list-date.mobile .hover-active--underline:hover:after, .order-list-date.mobile .hover-active--underline:active:after, .order-list-date.mobile .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.order-list-date.mobile {
display: none;
}
}
.order-list-header {
padding: 1.185rem 1rem 1.438rem 1.563rem;
}
@media screen and (min-width: 600px) {
.order-list-header {
margin: 0 -1.5rem;
padding: 1.125rem 0 1rem;
}
}
@media screen and (min-width: 1200px) {
.order-list-header {
margin: 0 -3rem;
padding: 1.125rem 0 1rem;
}
}
.order-list-item {
padding: 1rem 1rem 1.438rem 1.563rem;
}
@media screen and (min-width: 600px) {
.order-list-item {
margin: 0 -1.5rem;
padding: 1.5rem 0 1.438rem;
}
}
@media screen and (min-width: 1200px) {
.order-list-item {
margin: 0 -3rem;
padding: 1.5rem 0 1.438rem;
}
}
.order-list-footer {
flex-direction: column;
padding: 1.5rem 1rem 2.125rem 1.563rem;
}
@media screen and (min-width: 600px) {
.order-list-footer {
margin: 0 -1.5rem;
padding: 1.5rem 0 1.688rem;
}
}
@media screen and (min-width: 1200px) {
.order-list-footer {
margin: 0 -3rem;
padding: 1.5rem 0 1.813rem;
}
}
.order-list-footer-line {
display: flex;
justify-content: space-between;
color: #283455;
}
.order-list-footer-line:not(.total) {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
margin-bottom: 1.5rem;
}
.order-list-footer-line:not(.total).hover-active--underline, .order-list-footer-line:not(.total) .hover-active--underline {
position: relative;
}
.order-list-footer-line:not(.total).hover-active--underline:after, .order-list-footer-line:not(.total) .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-footer-line:not(.total).hover-active--underline:hover, .order-list-footer-line:not(.total).hover-active--underline:active, .order-list-footer-line:not(.total).hover-active--underline.active, .order-list-footer-line:not(.total) .hover-active--underline:hover, .order-list-footer-line:not(.total) .hover-active--underline:active, .order-list-footer-line:not(.total) .hover-active--underline.active {
cursor: pointer;
}
.order-list-footer-line:not(.total).hover-active--underline:hover:after, .order-list-footer-line:not(.total).hover-active--underline:active:after, .order-list-footer-line:not(.total).hover-active--underline.active:after, .order-list-footer-line:not(.total) .hover-active--underline:hover:after, .order-list-footer-line:not(.total) .hover-active--underline:active:after, .order-list-footer-line:not(.total) .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-footer-line.total {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.order-list-footer-line.total.hover-active--underline, .order-list-footer-line.total .hover-active--underline {
position: relative;
}
.order-list-footer-line.total.hover-active--underline:after, .order-list-footer-line.total .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-footer-line.total.hover-active--underline:hover, .order-list-footer-line.total.hover-active--underline:active, .order-list-footer-line.total.hover-active--underline.active, .order-list-footer-line.total .hover-active--underline:hover, .order-list-footer-line.total .hover-active--underline:active, .order-list-footer-line.total .hover-active--underline.active {
cursor: pointer;
}
.order-list-footer-line.total.hover-active--underline:hover:after, .order-list-footer-line.total.hover-active--underline:active:after, .order-list-footer-line.total.hover-active--underline.active:after, .order-list-footer-line.total .hover-active--underline:hover:after, .order-list-footer-line.total .hover-active--underline:active:after, .order-list-footer-line.total .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-footer-line .discount {
color: #AA3F00;
}
.order-list-line.details, .order-list-line.fulfillment-date {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #777777;
padding-top: 0.25rem;
}
.order-list-line.details.hover-active--underline, .order-list-line.details .hover-active--underline, .order-list-line.fulfillment-date.hover-active--underline, .order-list-line.fulfillment-date .hover-active--underline {
position: relative;
}
.order-list-line.details.hover-active--underline:after, .order-list-line.details .hover-active--underline:after, .order-list-line.fulfillment-date.hover-active--underline:after, .order-list-line.fulfillment-date .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-line.details.hover-active--underline:hover, .order-list-line.details.hover-active--underline:active, .order-list-line.details.hover-active--underline.active, .order-list-line.details .hover-active--underline:hover, .order-list-line.details .hover-active--underline:active, .order-list-line.details .hover-active--underline.active, .order-list-line.fulfillment-date.hover-active--underline:hover, .order-list-line.fulfillment-date.hover-active--underline:active, .order-list-line.fulfillment-date.hover-active--underline.active, .order-list-line.fulfillment-date .hover-active--underline:hover, .order-list-line.fulfillment-date .hover-active--underline:active, .order-list-line.fulfillment-date .hover-active--underline.active {
cursor: pointer;
}
.order-list-line.details.hover-active--underline:hover:after, .order-list-line.details.hover-active--underline:active:after, .order-list-line.details.hover-active--underline.active:after, .order-list-line.details .hover-active--underline:hover:after, .order-list-line.details .hover-active--underline:active:after, .order-list-line.details .hover-active--underline.active:after, .order-list-line.fulfillment-date.hover-active--underline:hover:after, .order-list-line.fulfillment-date.hover-active--underline:active:after, .order-list-line.fulfillment-date.hover-active--underline.active:after, .order-list-line.fulfillment-date .hover-active--underline:hover:after, .order-list-line.fulfillment-date .hover-active--underline:active:after, .order-list-line.fulfillment-date .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-line.fulfillment-tracking {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
display: block;
padding-top: 1.5rem;
}
.order-list-line.fulfillment-tracking.hover-active--underline, .order-list-line.fulfillment-tracking .hover-active--underline {
position: relative;
}
.order-list-line.fulfillment-tracking.hover-active--underline:after, .order-list-line.fulfillment-tracking .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-line.fulfillment-tracking.hover-active--underline:hover, .order-list-line.fulfillment-tracking.hover-active--underline:active, .order-list-line.fulfillment-tracking.hover-active--underline.active, .order-list-line.fulfillment-tracking .hover-active--underline:hover, .order-list-line.fulfillment-tracking .hover-active--underline:active, .order-list-line.fulfillment-tracking .hover-active--underline.active {
cursor: pointer;
}
.order-list-line.fulfillment-tracking.hover-active--underline:hover:after, .order-list-line.fulfillment-tracking.hover-active--underline:active:after, .order-list-line.fulfillment-tracking.hover-active--underline.active:after, .order-list-line.fulfillment-tracking .hover-active--underline:hover:after, .order-list-line.fulfillment-tracking .hover-active--underline:active:after, .order-list-line.fulfillment-tracking .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-line.item-price, .order-list-line.item-quantity, .order-list-line.order-total {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
}
.order-list-line.item-price.hover-active--underline, .order-list-line.item-price .hover-active--underline, .order-list-line.item-quantity.hover-active--underline, .order-list-line.item-quantity .hover-active--underline, .order-list-line.order-total.hover-active--underline, .order-list-line.order-total .hover-active--underline {
position: relative;
}
.order-list-line.item-price.hover-active--underline:after, .order-list-line.item-price .hover-active--underline:after, .order-list-line.item-quantity.hover-active--underline:after, .order-list-line.item-quantity .hover-active--underline:after, .order-list-line.order-total.hover-active--underline:after, .order-list-line.order-total .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-line.item-price.hover-active--underline:hover, .order-list-line.item-price.hover-active--underline:active, .order-list-line.item-price.hover-active--underline.active, .order-list-line.item-price .hover-active--underline:hover, .order-list-line.item-price .hover-active--underline:active, .order-list-line.item-price .hover-active--underline.active, .order-list-line.item-quantity.hover-active--underline:hover, .order-list-line.item-quantity.hover-active--underline:active, .order-list-line.item-quantity.hover-active--underline.active, .order-list-line.item-quantity .hover-active--underline:hover, .order-list-line.item-quantity .hover-active--underline:active, .order-list-line.item-quantity .hover-active--underline.active, .order-list-line.order-total.hover-active--underline:hover, .order-list-line.order-total.hover-active--underline:active, .order-list-line.order-total.hover-active--underline.active, .order-list-line.order-total .hover-active--underline:hover, .order-list-line.order-total .hover-active--underline:active, .order-list-line.order-total .hover-active--underline.active {
cursor: pointer;
}
.order-list-line.item-price.hover-active--underline:hover:after, .order-list-line.item-price.hover-active--underline:active:after, .order-list-line.item-price.hover-active--underline.active:after, .order-list-line.item-price .hover-active--underline:hover:after, .order-list-line.item-price .hover-active--underline:active:after, .order-list-line.item-price .hover-active--underline.active:after, .order-list-line.item-quantity.hover-active--underline:hover:after, .order-list-line.item-quantity.hover-active--underline:active:after, .order-list-line.item-quantity.hover-active--underline.active:after, .order-list-line.item-quantity .hover-active--underline:hover:after, .order-list-line.item-quantity .hover-active--underline:active:after, .order-list-line.item-quantity .hover-active--underline.active:after, .order-list-line.order-total.hover-active--underline:hover:after, .order-list-line.order-total.hover-active--underline:active:after, .order-list-line.order-total.hover-active--underline.active:after, .order-list-line.order-total .hover-active--underline:hover:after, .order-list-line.order-total .hover-active--underline:active:after, .order-list-line.order-total .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-list-line.order-fulfillment {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.order-list-line.order-fulfillment.hover-active--underline, .order-list-line.order-fulfillment .hover-active--underline {
position: relative;
}
.order-list-line.order-fulfillment.hover-active--underline:after, .order-list-line.order-fulfillment .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-list-line.order-fulfillment.hover-active--underline:hover, .order-list-line.order-fulfillment.hover-active--underline:active, .order-list-line.order-fulfillment.hover-active--underline.active, .order-list-line.order-fulfillment .hover-active--underline:hover, .order-list-line.order-fulfillment .hover-active--underline:active, .order-list-line.order-fulfillment .hover-active--underline.active {
cursor: pointer;
}
.order-list-line.order-fulfillment.hover-active--underline:hover:after, .order-list-line.order-fulfillment.hover-active--underline:active:after, .order-list-line.order-fulfillment.hover-active--underline.active:after, .order-list-line.order-fulfillment .hover-active--underline:hover:after, .order-list-line.order-fulfillment .hover-active--underline:active:after, .order-list-line.order-fulfillment .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-sidebar {
grid-area: sidebar;
align-content: start;
color: #283455;
}
.order-sidebar-title, .order-sidebar-status {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.order-sidebar-title.hover-active--underline, .order-sidebar-title .hover-active--underline, .order-sidebar-status.hover-active--underline, .order-sidebar-status .hover-active--underline {
position: relative;
}
.order-sidebar-title.hover-active--underline:after, .order-sidebar-title .hover-active--underline:after, .order-sidebar-status.hover-active--underline:after, .order-sidebar-status .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-sidebar-title.hover-active--underline:hover, .order-sidebar-title.hover-active--underline:active, .order-sidebar-title.hover-active--underline.active, .order-sidebar-title .hover-active--underline:hover, .order-sidebar-title .hover-active--underline:active, .order-sidebar-title .hover-active--underline.active, .order-sidebar-status.hover-active--underline:hover, .order-sidebar-status.hover-active--underline:active, .order-sidebar-status.hover-active--underline.active, .order-sidebar-status .hover-active--underline:hover, .order-sidebar-status .hover-active--underline:active, .order-sidebar-status .hover-active--underline.active {
cursor: pointer;
}
.order-sidebar-title.hover-active--underline:hover:after, .order-sidebar-title.hover-active--underline:active:after, .order-sidebar-title.hover-active--underline.active:after, .order-sidebar-title .hover-active--underline:hover:after, .order-sidebar-title .hover-active--underline:active:after, .order-sidebar-title .hover-active--underline.active:after, .order-sidebar-status.hover-active--underline:hover:after, .order-sidebar-status.hover-active--underline:active:after, .order-sidebar-status.hover-active--underline.active:after, .order-sidebar-status .hover-active--underline:hover:after, .order-sidebar-status .hover-active--underline:active:after, .order-sidebar-status .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.order-sidebar-details {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.order-sidebar-details.hover-active--underline, .order-sidebar-details .hover-active--underline {
position: relative;
}
.order-sidebar-details.hover-active--underline:after, .order-sidebar-details .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.order-sidebar-details.hover-active--underline:hover, .order-sidebar-details.hover-active--underline:active, .order-sidebar-details.hover-active--underline.active, .order-sidebar-details .hover-active--underline:hover, .order-sidebar-details .hover-active--underline:active, .order-sidebar-details .hover-active--underline.active {
cursor: pointer;
}
.order-sidebar-details.hover-active--underline:hover:after, .order-sidebar-details.hover-active--underline:active:after, .order-sidebar-details.hover-active--underline.active:after, .order-sidebar-details .hover-active--underline:hover:after, .order-sidebar-details .hover-active--underline:active:after, .order-sidebar-details .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 1200px) {
.order-sidebar-details {
margin-bottom: 1.5rem;
}
}
/* header styles */
.template-customers .main-content {
/* override top margin for tablet/mobile */
margin-top: 0;
/* page header */
/* grid */
/* grid table */
/* grid sidebar */
/*
overwrites swell.scss.liquid header styling
use of !important for some deeply nested selectors
*/
}
@media screen and (min-width: 769px) {
.template-customers .main-content {
margin-top: 20px;
}
}
.template-customers .main-content .account-page__header {
text-align: center;
color: #283455;
background-color: #F2F2F2;
padding: 40px 0 40px 0;
}
@media screen and (min-width: 769px) {
.template-customers .main-content .account-page__header {
margin: 45px 0 28px;
padding: 20px 0 20px 0;
background-color: transparent;
}
}
.template-customers .main-content .account-page__header h1 {
font-family: ToledoTS-Bold;
font-size: 36px;
letter-spacing: 1.13px !important; /* overwrites another !important :( */
}
.template-customers .main-content .account-page__information {
padding: 0 10px 0 30px;
/* remove left padding from first column */
/* grid subheadings */
/* grid link styles */
}
@media screen and (min-width: 769px) {
.template-customers .main-content .account-page__information {
padding: 0 30px;
}
}
.template-customers .main-content .account-page__information .grid__item--order-history {
padding-left: 0;
}
.template-customers .main-content .account-page__information h4 {
color: #344329;
padding: 20px 0;
font-size: 16px;
text-align: center;
}
@media screen and (min-width: 769px) {
.template-customers .main-content .account-page__information h4 {
padding-top: 0 0 18px 0;
text-align: left;
}
}
.template-customers .main-content .account-page__information a {
font-family: BrandonTextWeb-Bold;
text-decoration: underline;
}
.template-customers .main-content table th,
.template-customers .main-content table td {
border-color: #283455;
padding: 20px 18px;
font-size: 16px;
}
.template-customers .main-content table th {
font-family: BrandonTextWeb-Bold;
color: #4a4a4a; /* no variable */
text-align: center;
background-color: #fafafa; /* no variable */
}
.template-customers .main-content table td {
font-family: BrandonTextWeb-Regular;
color: #9b9b9b; /* no variable */
text-align: center;
/* overwrites price styling */
}
.template-customers .main-content table td.price {
color: #9b9b9b; /* no variable */
}
.template-customers .main-content table td a {
color: #293C70;
}
.template-customers .main-content .grid__item--sidebar {
padding-left: 0;
}
@media screen and (min-width: 769px) {
.template-customers .main-content .grid__item--sidebar {
padding-left: 68px;
}
}
.template-customers .main-content .grid__item--sidebar .inner {
color: #283455;
background-color: #fafafa; /* no variable */
margin: 0;
padding: 16px 20px;
border: 1px solid #283455;
font-family: BrandonTextWeb-Regular;
/* disables phone link in iOS Safari */
}
.template-customers .main-content .grid__item--sidebar .inner strong {
font-family: BrandonTextWeb-Bold;
font-weight: normal;
}
.template-customers .main-content .grid__item--sidebar .inner .address__phone {
pointer-events: none;
}
.template-customers .main-content .grid__item--sidebar .inner .address__phone > a {
text-decoration: none;
color: inherit;
font-family: inherit;
}
.template-customers .main-content .grid__item--sidebar .inner .view-addresses a {
color: #5D6E50;
}
.template-customers .main-content .grid__item--sidebar .inner .sign-out a {
color: #283455;
}
.template-customers .main-content .swell-rewards-banner-caption-holder .heading5,
.template-customers .main-content .swell-rewards-banner-caption-holder .heading6,
.template-customers .main-content .swell-rewards-banner-caption-holder .earn-credits-link,
.template-customers .main-content .swell-rewards-banner-caption-holder .content-heading-title,
.template-customers .main-content .swell-rewards-banner-caption-holder .content-heading-detail,
.template-customers .main-content .swell-rewards-vip-content .heading5,
.template-customers .main-content .swell-rewards-vip-content .heading6,
.template-customers .main-content .swell-rewards-vip-content .earn-credits-link,
.template-customers .main-content .swell-rewards-vip-content .content-heading-title,
.template-customers .main-content .swell-rewards-vip-content .content-heading-detail {
color: #283455 !important;
}
.template-customers .main-content .swell-rewards-banner-caption-holder .status-holder .btn, .template-customers .main-content .swell-rewards-banner-caption-holder .status-holder .module--account-details-content .add-address, .module--account-details-content .template-customers .main-content .swell-rewards-banner-caption-holder .status-holder .add-address,
.template-customers .main-content .swell-rewards-vip-content .status-holder .btn,
.template-customers .main-content .swell-rewards-vip-content .status-holder .module--account-details-content .add-address,
.module--account-details-content .template-customers .main-content .swell-rewards-vip-content .status-holder .add-address {
background-color: #283455 !important;
}
.template-customers .main-content .swell-rewards-banner-caption-holder .heading5,
.template-customers .main-content .swell-rewards-banner-caption-holder .heading6,
.template-customers .main-content .swell-rewards-vip-content .heading5,
.template-customers .main-content .swell-rewards-vip-content .heading6 {
font-family: ToledoTS-DemiBold;
}
/*============================================================================
#Education Page v1 (care guide)
==============================================================================*/
.template-page-education .main-content {
margin-bottom: 40px;
}
.template-page-education .main-content section {
margin-top: 20px;
text-align: center;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #d9d9d9;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
.template-page-education .main-content section h1, .template-page-education .main-content section h2, .template-page-education .main-content section h4 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
line-height: 1.2;
letter-spacing: normal;
text-transform: none;
border: none;
}
@media screen and (min-width: 769px) {
.template-page-education .main-content section h1, .template-page-education .main-content section h2, .template-page-education .main-content section h4 {
font-size: 36px;
}
}
.template-page-education .main-content section h1, .template-page-education .main-content section h2 {
margin-top: 1em;
margin-bottom: 0.25em;
}
.template-page-education .main-content section h4 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
.template-page-education .main-content section h4 {
font-size: 24px;
}
}
.template-page-education .main-content section p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
max-width: 600px;
margin: 0 auto;
margin-bottom: 1em;
}
.template-page-education .main-content section a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #024BC2;
}
.template-page-education .main-content section table {
border: none;
max-width: 600px;
}
.template-page-education .main-content section table tr, .template-page-education .main-content section table td {
border: none;
}
.template-page-education .main-content section .btn, .template-page-education .main-content section .module--account-details-content .add-address, .module--account-details-content .template-page-education .main-content section .add-address {
height: 50px;
line-height: 50px;
}
@media screen and (max-width: 960px) {
.template-page-education .main-content br {
display: none;
}
}
.template-page-education .button-wrapper a {
max-width: 310px;
margin: 0 auto;
}
#brooklinen-care-guide .shop-cta {
margin-bottom: 20px;
line-height: 50px;
}
/*============================================================================
#Education Pages v2 (About Us|About Down|About Cotton|About Pillows)
==============================================================================*/
.template-page-education-2:not([data-theme-version="1"]) .main-content, .template-page-landing-outbrain:not([data-theme-version="1"]) .main-content {
margin-top: 40px;
padding-bottom: 0;
}
.template-page-education-2:not([data-theme-version="1"]) section, .template-page-landing-outbrain:not([data-theme-version="1"]) section {
opacity: 0;
position: relative;
padding: 80px 0;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 1.6;
}
.template-page-education-2:not([data-theme-version="1"]) section:first-of-type, .template-page-landing-outbrain:not([data-theme-version="1"]) section:first-of-type {
padding-top: 20px;
padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section, .template-page-landing-outbrain:not([data-theme-version="1"]) section {
padding: 100px 0;
}
}
.template-page-education-2:not([data-theme-version="1"]) section.blue-bg, .template-page-landing-outbrain:not([data-theme-version="1"]) section.blue-bg {
background-color: #f2f6fc;
padding: 70px 0;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section.blue-bg, .template-page-landing-outbrain:not([data-theme-version="1"]) section.blue-bg {
padding: 75px 0;
}
}
.template-page-education-2:not([data-theme-version="1"]) section.blue-bg:after, .template-page-landing-outbrain:not([data-theme-version="1"]) section.blue-bg:after, .template-page-education-2:not([data-theme-version="1"]) section.blue-bg:before, .template-page-landing-outbrain:not([data-theme-version="1"]) section.blue-bg:before {
position: absolute;
width: 1000px;
top: 0;
left: -1000px;
bottom: 0;
right: 0;
content: " ";
background-color: #f2f6fc;
}
.template-page-education-2:not([data-theme-version="1"]) section.blue-bg:before, .template-page-landing-outbrain:not([data-theme-version="1"]) section.blue-bg:before {
left: auto;
right: -1000px;
}
.template-page-education-2:not([data-theme-version="1"]) section br, .template-page-landing-outbrain:not([data-theme-version="1"]) section br {
display: none !important;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section br, .template-page-landing-outbrain:not([data-theme-version="1"]) section br {
display: block !important;
}
}
.template-page-education-2:not([data-theme-version="1"]) section .grid--wide, .template-page-landing-outbrain:not([data-theme-version="1"]) section .grid--wide {
max-width: none;
}
.template-page-education-2:not([data-theme-version="1"]) section a small, .template-page-landing-outbrain:not([data-theme-version="1"]) section a small {
font-size: 10px;
}
.template-page-education-2:not([data-theme-version="1"]) section h2, .template-page-landing-outbrain:not([data-theme-version="1"]) section h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
color: #024BC2;
}
@media screen and (min-width: 769px) {
.template-page-education-2:not([data-theme-version="1"]) section h2, .template-page-landing-outbrain:not([data-theme-version="1"]) section h2 {
font-size: 36px;
}
}
.template-page-education-2:not([data-theme-version="1"]) section h3, .template-page-landing-outbrain:not([data-theme-version="1"]) section h3 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
white-space: pre-wrap;
text-decoration: none;
}
@media screen and (min-width: 769px) {
.template-page-education-2:not([data-theme-version="1"]) section h3, .template-page-landing-outbrain:not([data-theme-version="1"]) section h3 {
font-size: 24px;
}
}
.template-page-education-2:not([data-theme-version="1"]) section h3:not(.h_3), .template-page-landing-outbrain:not([data-theme-version="1"]) section h3:not(.h_3) {
text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
box-shadow: inset 0 -8px 0 0 #fff, inset 0 -11px 0 0 #000;
display: inline-block;
}
.template-page-education-2:not([data-theme-version="1"]) section h4, .template-page-landing-outbrain:not([data-theme-version="1"]) section h4 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-education-2:not([data-theme-version="1"]) section h4, .template-page-landing-outbrain:not([data-theme-version="1"]) section h4 {
font-size: 20px;
}
}
.template-page-education-2:not([data-theme-version="1"]) section .grid__item--center, .template-page-landing-outbrain:not([data-theme-version="1"]) section .grid__item--center {
text-align: center;
}
.template-page-education-2:not([data-theme-version="1"]) section .grid__item--center .inner.copy--center p, .template-page-landing-outbrain:not([data-theme-version="1"]) section .grid__item--center .inner.copy--center p {
padding: 0 20px;
}
.template-page-education-2:not([data-theme-version="1"]) section b, .template-page-landing-outbrain:not([data-theme-version="1"]) section b, .template-page-education-2:not([data-theme-version="1"]) section strong, .template-page-landing-outbrain:not([data-theme-version="1"]) section strong {
color: #024BC2 !important;
font-weight: normal;
}
.template-page-education-2:not([data-theme-version="1"]) section b.black, .template-page-landing-outbrain:not([data-theme-version="1"]) section b.black, .template-page-education-2:not([data-theme-version="1"]) section strong.black, .template-page-landing-outbrain:not([data-theme-version="1"]) section strong.black {
color: #000 !important;
}
.template-page-education-2:not([data-theme-version="1"]) section b.bold, .template-page-landing-outbrain:not([data-theme-version="1"]) section b.bold, .template-page-education-2:not([data-theme-version="1"]) section strong.bold, .template-page-landing-outbrain:not([data-theme-version="1"]) section strong.bold {
font-weight: 600 !important;
}
.template-page-education-2:not([data-theme-version="1"]) section span.blue, .template-page-landing-outbrain:not([data-theme-version="1"]) section span.blue {
color: #024BC2;
}
.template-page-education-2:not([data-theme-version="1"]) section .grid__item--sml-text, .template-page-landing-outbrain:not([data-theme-version="1"]) section .grid__item--sml-text {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.template-page-education-2:not([data-theme-version="1"]) section .inner, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section .inner.copy, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.copy {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 450px;
}
}
.template-page-education-2:not([data-theme-version="1"]) section .inner.copy.bio-copy, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.copy.bio-copy {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-left: 0;
}
@media screen and (min-width: 769px) {
.template-page-education-2:not([data-theme-version="1"]) section .inner.copy.bio-copy, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.copy.bio-copy {
font-size: 20px;
}
}
.template-page-education-2:not([data-theme-version="1"]) section .inner.copy.bio-copy img.signature, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.copy.bio-copy img.signature {
max-height: 38px;
margin-top: 5px;
}
.template-page-education-2:not([data-theme-version="1"]) section .inner.copy.bio-copy small, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.copy.bio-copy small {
display: block;
clear: both;
font-size: 15px;
margin-top: -3px;
}
.template-page-education-2:not([data-theme-version="1"]) section .inner a, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.template-page-education-2:not([data-theme-version="1"]) section .inner.image, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.image {
text-align: center;
padding-top: 20px;
max-width: 450px;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section .inner.image, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.image {
padding-top: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.template-page-education-2:not([data-theme-version="1"]) section .inner.image.bio-image, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.image.bio-image {
margin-top: 0;
max-width: none;
top: 0;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) section .inner.image.bio-image, .template-page-landing-outbrain:not([data-theme-version="1"]) section .inner.image.bio-image {
max-width: 420px;
margin-right: 40px;
}
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) .inner.copy, .template-page-landing-outbrain:not([data-theme-version="1"]) .inner.copy {
line-height: 1.8;
}
.template-page-education-2:not([data-theme-version="1"]) .grid--rev .inner.copy, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--rev .inner.copy {
padding-right: 0;
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col .inner, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col .inner {
padding-left: 0;
padding-right: 0;
}
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col {
margin-left: 0;
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col img, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col img {
display: block;
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col h3, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col h3 {
display: inline-block;
clear: both;
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col .inner.copy, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col .inner.copy {
text-align: center;
max-width: 424px;
margin: 0 auto;
top: 0;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.template-page-education-2:not([data-theme-version="1"]) .grid--sub-col .inner.copy img, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid--sub-col .inner.copy img {
margin: 0 auto;
}
.template-page-education-2:not([data-theme-version="1"]) .white-box, .template-page-landing-outbrain:not([data-theme-version="1"]) .white-box {
background-color: #fff;
text-align: left;
padding: 20px 10px;
}
.template-page-education-2:not([data-theme-version="1"]) .btn.cta, .template-page-education-2:not([data-theme-version="1"]) .module--account-details-content .cta.add-address, .module--account-details-content .template-page-education-2:not([data-theme-version="1"]) .cta.add-address, .template-page-landing-outbrain:not([data-theme-version="1"]) .btn.cta, .template-page-landing-outbrain:not([data-theme-version="1"]) .module--account-details-content .cta.add-address, .module--account-details-content .template-page-landing-outbrain:not([data-theme-version="1"]) .cta.add-address {
line-height: 50px;
margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) .btn.cta, .template-page-education-2:not([data-theme-version="1"]) .module--account-details-content .cta.add-address, .module--account-details-content .template-page-education-2:not([data-theme-version="1"]) .cta.add-address, .template-page-landing-outbrain:not([data-theme-version="1"]) .btn.cta, .template-page-landing-outbrain:not([data-theme-version="1"]) .module--account-details-content .cta.add-address, .module--account-details-content .template-page-landing-outbrain:not([data-theme-version="1"]) .cta.add-address {
min-width: 80%;
}
}
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image.about-us, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image.about-us {
margin-top: 20px;
margin-bottom: 20px;
}
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header {
margin: 0 auto;
text-align: center;
}
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header h1, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header h1 {
margin-bottom: 0.5em;
}
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header h1 span, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header h1 span {
white-space: pre-wrap;
text-decoration: none;
display: inline-block;
}
@media screen and (min-width: 768px) {
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header h1 span, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header h1 span {
display: inline;
}
}
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header p, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-education-2:not([data-theme-version="1"]) .grid__item--lead-image .header p, .template-page-landing-outbrain:not([data-theme-version="1"]) .grid__item--lead-image .header p {
font-size: 20px;
}
}
.Values {
color: #283455;
max-width: 849px;
width: 100%;
margin: 0 auto;
padding: 2.5rem 0;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
.Values__ImageWrap {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
margin: 10px 0;
}
.Values__Image {
max-width: 115px;
width: 100%;
}
.Values__Image img, .Values__Image svg {
width: 100%;
}
.Values__Image:first-of-type {
padding-right: 24px;
border-right: 1px solid #283455;
}
.Values__Image:last-of-type {
margin-right: 0;
margin-left: 24px;
max-width: 80px;
}
.Values p {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
max-width: 470px;
width: 100%;
text-align: center;
}
.Values p.hover-active--underline, .Values p .hover-active--underline {
position: relative;
}
.Values p.hover-active--underline:after, .Values p .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Values p.hover-active--underline:hover, .Values p.hover-active--underline:active, .Values p.hover-active--underline.active, .Values p .hover-active--underline:hover, .Values p .hover-active--underline:active, .Values p .hover-active--underline.active {
cursor: pointer;
}
.Values p.hover-active--underline:hover:after, .Values p.hover-active--underline:active:after, .Values p.hover-active--underline.active:after, .Values p .hover-active--underline:hover:after, .Values p .hover-active--underline:active:after, .Values p .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.NoToMiddlemen {
padding-top: 4rem;
padding-bottom: 6.25rem;
color: #283455;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.NoToMiddlemen__Wrapper {
background-color: #F9F3ED;
padding: 0 1.5rem;
}
.NoToMiddlemen .h_3, .NoToMiddlemen #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .NoToMiddlemen .yotpo-header-title, .NoToMiddlemen .module--faq .gladlyHC h2, .module--faq .gladlyHC .NoToMiddlemen h2, .NoToMiddlemen .module--faq .gladlyHC h3, .module--faq .gladlyHC .NoToMiddlemen h3 {
margin-bottom: 2.5rem;
}
.NoToMiddlemen__Image {
max-width: 64.125rem;
margin-bottom: 4.25rem;
}
@media screen and (min-width: 600px) {
.NoToMiddlemen__Image {
margin-bottom: 10.25rem;
}
}
.NoToMiddlemen__Image img {
width: 100%;
}
.NoToMiddlemen .h_2, .NoToMiddlemen #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .NoToMiddlemen span {
margin-bottom: 1.625rem;
}
.NoToMiddlemen p {
max-width: 31rem;
}
/*============================================================================
#Magnific Popup
==============================================================================*/
/*========================= Magnific Popup CSS ===============================*/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
z-index: 2147483646;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
z-index: 2147483647;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/*============================================================================
#Landing Pages (10/8/2019 This is vague)
==============================================================================*/
.blue-box {
border: 4px solid #024BC2;
padding: 10px;
}
@media screen and (min-width: 768px) {
.blue-box {
padding: 40px;
}
}
.slider {
height: auto;
position: relative;
}
.slider-clone, .slider-clone ul {
height: 100%;
}
.slider-clone .slides--grid-4 li {
float: left;
width: 50%;
height: 50%;
}
.slider-clone .slides--row-3 li {
float: left;
width: 33.333%;
height: 100%;
}
.slider-clone .slides--row-4 li {
float: left;
width: 25%;
height: 100%;
}
/*====================== The arrows for flexslider ===========================*/
.template-page .flex-direction-nav a:before {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 40px;
line-height: 40px;
display: inline-block;
content: ">";
color: #000;
text-shadow: none;
}
.template-page .flex-direction-nav a.flex-prev:before {
content: "<";
}
.template-page .flex-control-paging li a {
height: 6px;
width: 6px;
background: rgba(0, 0, 0, 0.5);
}
.template-page .flex-control-paging li a.flex-active {
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
/*======================== Why We're Different module ========================*/
section.why-were-different h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
display: inline-block;
margin: 40px 0 20px 0;
}
@media screen and (min-width: 769px) {
section.why-were-different h2 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
section.why-were-different h2 {
margin: 60px 0 20px 0;
}
}
section.why-were-different h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin: 20px 0 40px 0;
}
@media screen and (min-width: 769px) {
section.why-were-different h3 {
font-size: 20px;
}
}
section.why-were-different h3 br {
display: none;
}
@media screen and (min-width: 768px) {
section.why-were-different h3 br {
display: block;
}
}
section.why-were-different .slides li {
text-align: center;
}
section.why-were-different .slides li p {
padding: 0 50px 10px 50px;
}
section.why-were-different .slides li b.blue {
color: #024BC2;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
section.why-were-different .slides li b.blue {
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
section.why-were-different .slides li {
text-align: left;
padding: 0 20px 0 0;
}
section.why-were-different .slides li p {
padding: 0 0 10px 0;
}
}
section.why-were-different .flex-control-nav {
bottom: -10px;
}
/*========================= Featured Products module =========================*/
section.featured {
margin: 0;
}
@media screen and (min-width: 768px) {
section.featured {
margin: 40px 0;
}
}
section.featured h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-top: 60px;
}
@media screen and (min-width: 769px) {
section.featured h2 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
section.featured h2 {
margin: 60px 0 20px 0;
}
}
section.featured h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
section.featured h3 {
font-size: 20px;
}
}
section.featured h4 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
section.featured p {
margin-top: 0.5em;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #2b8df2;
}
section.featured .slides li img {
max-width: 80%;
}
section.featured .slides li a {
display: block;
position: relative;
text-align: center;
color: #000;
}
section.featured .slides li a:hover h3 {
color: #024BC2;
}
section.featured .slides li a h3 {
padding: 0 30px;
}
section.featured .slides li a h4 {
padding: 0 20px;
}
section.featured .slides li a img {
padding: 0;
}
section.featured .slides li a small {
font-size: 10px;
padding-left: 2px;
padding-right: 0;
}
section.featured .badge {
position: absolute;
top: 0;
right: 0;
z-index: 2;
height: 20%;
width: auto;
}
section.featured .flex-control-nav {
bottom: -30px;
}
/*========================= As seen in press quotes ==========================*/
section.as-seen-in {
margin-top: 100px;
padding: 80px 0;
position: relative;
z-index: 2;
}
section.as-seen-in .background {
z-index: -1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 2000px;
height: 100%;
background-color: #5f6f86;
background-image: url( as-seen-in-background5148.jpg?v=2140463210772736260);
background-size: cover;
}
section.as-seen-in h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: "uppercase";
border-bottom: 3px solid #fff;
display: inline-block;
margin-bottom: 40px;
color: #fff;
}
@media screen and (min-width: 769px) {
section.as-seen-in h2 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
section.as-seen-in h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
border-bottom: 4px solid #fff;
}
}
section.as-seen-in .flex-direction-nav a, section.as-seen-in .flex-direction-nav a:before {
color: #fff;
}
section.as-seen-in .flex-control-paging li a {
height: 6px;
width: 6px;
background: rgba(255, 255, 255, 0.5);
}
section.as-seen-in .flex-control-paging li a.flex-active {
background: rgba(255, 255, 255, 0.9);
cursor: default;
}
section.as-seen-in .slides li {
text-align: center;
color: #fff;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
line-height: 1.5;
}
@media screen and (min-width: 769px) {
section.as-seen-in .slides li {
font-size: 20px;
}
}
section.as-seen-in .slides li span.quote {
font-size: 26px;
}
@media screen and (min-width: 768px) {
section.as-seen-in .slides li span.quote {
font-size: 30px;
}
}
section.as-seen-in .slides li p {
min-height: 150px;
padding: 0 58px;
}
section.as-seen-in .slides li img {
max-width: 130px;
}
/*=============================== Our Founders ===============================*/
section.our-founders .blue-box, section.our-founders-v2 .blue-box {
max-width: 900px;
margin: 0 auto;
}
section.our-founders h2, section.our-founders-v2 h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-top: 60px;
}
@media screen and (min-width: 769px) {
section.our-founders h2, section.our-founders-v2 h2 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
section.our-founders h2, section.our-founders-v2 h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
margin-top: 100px;
}
}
section.our-founders .inner, section.our-founders-v2 .inner {
font-size: 18px;
line-height: 1.7;
font-weight: 400;
padding: 0 20px;
}
section.our-founders .inner.bio-image img, section.our-founders-v2 .inner.bio-image img {
display: block;
margin: 10px auto 10px auto;
}
@media screen and (min-width: 768px) {
section.our-founders .inner.bio-image img, section.our-founders-v2 .inner.bio-image img {
margin: 0;
}
}
@media screen and (min-width: 768px) {
section.our-founders .inner .teaser, section.our-founders-v2 .inner .teaser {
display: none;
}
}
section.our-founders .inner .teaser a, section.our-founders-v2 .inner .teaser a {
display: block;
text-align: right;
clear: both;
text-transform: uppercase;
color: #024BC2;
padding-top: 20px;
}
section.our-founders .inner .read-more, section.our-founders-v2 .inner .read-more {
display: none;
}
@media screen and (min-width: 768px) {
section.our-founders .inner .read-more, section.our-founders-v2 .inner .read-more {
display: block;
}
}
section.our-founders .inner b.blue, section.our-founders-v2 .inner b.blue {
color: #024BC2;
}
section.our-founders .inner small, section.our-founders-v2 .inner small {
display: block;
}
section.our-founders .inner .signature, section.our-founders-v2 .inner .signature {
max-height: 38px;
}
/*=============================== Our Founders ===============================*/
section.our-founders-v2 .from-us-to-you {
max-width: 230px;
}
section.our-founders-v2 .bio-image {
padding: 0;
position: relative;
}
/*============================= Start Shopping ==============================*/
section.start-shopping {
margin-top: 80px;
}
section.start-shopping h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: "uppercase";
border-bottom: 4px solid black;
display: inline-block;
margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
section.start-shopping h2 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
section.start-shopping h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
margin-bottom: 40px;
}
}
section.start-shopping .grid__item--product {
margin-bottom: 20px;
}
section.start-shopping .grid__item--product .inner {
background-color: #f2f6fc;
}
section.start-shopping .grid__item--product .inner a.product-image {
display: block;
position: relative;
}
section.start-shopping .grid__item--product .inner .badge {
position: absolute;
z-index: 2;
top: 10px;
right: 10px;
height: 35%;
width: auto;
}
section.start-shopping .grid__item--product .inner p {
display: none;
}
@media screen and (min-width: 768px) {
section.start-shopping .grid__item--product .inner p {
display: block;
padding: 20px;
}
}
section.start-shopping .grid__item--product .inner b, section.start-shopping .grid__item--product .inner strong {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
display: block;
margin-top: 20px;
}
@media screen and (min-width: 769px) {
section.start-shopping .grid__item--product .inner b, section.start-shopping .grid__item--product .inner strong {
font-size: 20px;
}
}
section.start-shopping .grid__item--product .inner .btn, section.start-shopping .grid__item--product .inner .module--account-details-content .add-address, .module--account-details-content section.start-shopping .grid__item--product .inner .add-address {
display: inline-block;
text-transform: none !important;
letter-spacing: normal;
margin: 5px auto 20px auto;
height: 40px;
line-height: 40px;
max-width: 80%;
text-align: center;
padding: 0 10px;
background-color: #2b8df2 ;
}
@media screen and (min-width: 768px) {
section.start-shopping .grid__item--product .inner .btn, section.start-shopping .grid__item--product .inner .module--account-details-content .add-address, .module--account-details-content section.start-shopping .grid__item--product .inner .add-address {
margin-top: 0;
height: 50px;
line-height: 50px;
max-width: none;
padding: 0 30px;
}
}
section.start-shopping .grid__item--product .inner .btn small, section.start-shopping .grid__item--product .inner .module--account-details-content .add-address small, .module--account-details-content section.start-shopping .grid__item--product .inner .add-address small {
font-size: 10px;
padding-left: 2px;
padding-right: 0;
}
/*============================================================================
#Best (Sheets|Comforter|Holiday Best Sheets) Landing pages
==============================================================================*/
body.template-page-landing-best-comforter section h2 {
margin: 1.5em 0 1em 0;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
color: #024BC2;
border-bottom: none;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter section h2 {
margin: 2em 0 0.5em 0;
}
}
body.template-page-landing-best-comforter section.featured p {
color: inherit;
}
body.template-page-landing-best-comforter section.featured .grid--collection-sub-module {
margin-top: 0;
}
body.template-page-landing-best-comforter section.as-seen-in {
max-height: 500px;
background-color: #dadbdd;
margin-top: 0;
}
body.template-page-landing-best-comforter section.as-seen-in h2 {
margin: 0 0 1em 0;
}
body.template-page-landing-best-comforter section.as-seen-in li {
color: #000;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
line-height: 1.3;
font-weight: 300;
}
@media screen and (min-width: 769px) {
body.template-page-landing-best-comforter section.as-seen-in li {
font-size: 20px;
}
}
body.template-page-landing-best-comforter section.as-seen-in li p, body.template-page-landing-best-comforter section.as-seen-in li .logo-wrapper {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
body.template-page-landing-best-comforter section.as-seen-in li .logo-wrapper {
height: 40px;
}
body.template-page-landing-best-comforter section.as-seen-in li .logo-wrapper img {
max-height: 30px;
max-width: none;
}
body.template-page-landing-best-comforter section.as-seen-in .flex-direction-nav a:before {
color: #000;
}
body.template-page-landing-best-comforter section.as-seen-in .flex-control-nav {
bottom: -60px;
}
body.template-page-landing-best-comforter section.as-seen-in .flex-control-paging li a.flex-active {
background-color: #000;
}
body.template-page-landing-best-comforter section.as-seen-in .background {
background-color: #dadbdd;
background-image: url( as-seen-in-background-downb072.jpg?v=10092079779497469516);
background-position: center center;
}
body.template-page-landing-best-comforter section.start-shopping {
margin-top: 0;
}
body.template-page-landing-best-comforter section.start-shopping .grid__item--product .inner b, body.template-page-landing-best-comforter section.start-shopping .grid__item--product .inner strong {
line-height: 1.3;
}
body.template-page-landing-best-comforter section.start-shopping .grid__item--product .inner p {
padding: 10px 20px;
}
body.template-page-landing-best-comforter .main-content, body.template-page-landing-best-sheets .main-content {
margin-top: 0px;
}
body.template-page-landing-best-comforter .module--best-sheets-header, body.template-page-landing-best-comforter .module--best-comforter-header, body.template-page-landing-best-sheets .module--best-sheets-header, body.template-page-landing-best-sheets .module--best-comforter-header {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 375px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header, body.template-page-landing-best-comforter .module--best-comforter-header, body.template-page-landing-best-sheets .module--best-sheets-header, body.template-page-landing-best-sheets .module--best-comforter-header {
min-height: 500px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .module-image, body.template-page-landing-best-comforter .module--best-comforter-header .module-image, body.template-page-landing-best-sheets .module--best-sheets-header .module-image, body.template-page-landing-best-sheets .module--best-comforter-header .module-image {
background-image: url( module--best-sheets-header-mobile27ba.jpg?v=12045313418443173563);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
position: absolute;
top: 0;
width: 100%;
height: 375px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header .module-image, body.template-page-landing-best-comforter .module--best-comforter-header .module-image, body.template-page-landing-best-sheets .module--best-sheets-header .module-image, body.template-page-landing-best-sheets .module--best-comforter-header .module-image {
background-image: url( module--best-sheets-header51c1.jpg?v=5506220610411928863);
background-position: center;
min-height: 500px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .module-image.best-comforter-module-image, body.template-page-landing-best-comforter .module--best-comforter-header .module-image.best-comforter-module-image, body.template-page-landing-best-sheets .module--best-sheets-header .module-image.best-comforter-module-image, body.template-page-landing-best-sheets .module--best-comforter-header .module-image.best-comforter-module-image {
background-image: url( module--best-comforter-header-mobilee2b6.jpg?v=14995766060121399213);
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header .module-image.best-comforter-module-image, body.template-page-landing-best-comforter .module--best-comforter-header .module-image.best-comforter-module-image, body.template-page-landing-best-sheets .module--best-sheets-header .module-image.best-comforter-module-image, body.template-page-landing-best-sheets .module--best-comforter-header .module-image.best-comforter-module-image {
background-image: url( module--best-comforter-header-desktopbcb2.jpg?v=16561224166372854098);
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper {
position: absolute;
text-align: center;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper {
min-height: 205px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper h1, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper h1, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper h1, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper h1 {
color: #fff;
font-size: 32px;
letter-spacing: 0.4px;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper h1, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper h1, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper h1, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper h1 {
font-size: 48px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper h4, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper h4, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper h4, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper h4 {
color: #fff;
font-family: "BrandonTextWeb-Bold";
font-size: 20px;
letter-spacing: 0.6px;
margin: 0px 15px 30px 15px;
}
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .btn, body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .add-address, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .btn, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .add-address, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .btn, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .add-address, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .btn, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .add-address {
display: flex;
justify-content: center;
align-items: center;
width: 270px;
height: 64px;
color: #000;
background-color: #fff;
font-family: "BrandonTextWeb-Medium";
font-size: 16px;
letter-spacing: 0.5px;
text-transform: none;
margin: 0px auto;
transition: background-color 0.25s;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .btn, body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .add-address, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .btn, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .add-address, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .btn, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .add-address, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .btn, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .add-address {
height: auto;
}
}
body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .btn:hover, body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-header .header-wrapper .add-address:hover, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .btn:hover, body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-comforter .module--best-comforter-header .header-wrapper .add-address:hover, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .btn:hover, body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-header .header-wrapper .add-address:hover, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .btn:hover, body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-sheets .module--best-comforter-header .header-wrapper .add-address:hover {
background-color: #f8f8f8;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different, body.template-page-landing-best-sheets .module--best-sheets-why-were-different {
text-align: center;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .wrapper, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .wrapper {
max-width: none;
padding: 0px;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .text-center, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .text-center {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 214px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .text-center, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .text-center {
min-height: 265px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .text-center h2, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .text-center h2 {
font-size: 24px;
color: #171717;
margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .text-center h2, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .text-center h2 {
font-size: 32px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .text-center p, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .text-center p {
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
letter-spacing: 0.5px;
color: #757575;
margin: 0px 15px;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different {
flex-direction: row;
flex-wrap: wrap;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason {
flex: 1 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
min-height: 360px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason {
min-height: 420px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-1, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-1 {
background-color: #0e285b;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-2, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-2 {
background-color: #feeee9;
color: #000;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-2 img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-2 img {
width: 140px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-2 img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-2 img {
width: 215px !important;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-3, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-3 {
background-color: #e2f1ff;
color: #000;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason.reason-4, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason.reason-4 {
background-color: #1d6558;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason .reason-img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason .reason-img {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason .reason-img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason .reason-img {
height: 140px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason img {
width: 100px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason img, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason img {
width: 140px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason h4, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason h4 {
font-family: "BrandonTextWeb-Medium";
font-size: 20px;
letter-spacing: 0.4px;
margin-bottom: 32px;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different .reason p, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different .reason p {
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
max-width: 460px;
padding: 0px 15px;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .reason, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .reason {
width: 100%;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots {
bottom: 20px;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots .dot, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots .dot {
width: 8px;
height: 8px;
opacity: 1;
background: transparent;
border: 1px solid white;
}
body.template-page-landing-best-comforter .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots .dot.is-selected, body.template-page-landing-best-sheets .module--best-sheets-why-were-different .grid-why-different.why-different-mobile-carousel .flickity-page-dots .dot.is-selected {
background: white;
}
body.template-page-landing-best-comforter .module--best-sheets-products h3, body.template-page-landing-best-sheets .module--best-sheets-products h3 {
font-size: 24px;
text-align: center;
margin-top: 50px;
margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
body.template-page-landing-best-comforter .module--best-sheets-products h3, body.template-page-landing-best-sheets .module--best-sheets-products h3 {
font-size: 32px;
margin-top: 50px;
margin-bottom: 55px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid {
margin-bottom: 52px;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod {
text-align: center;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod:last-of-type, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod:last-of-type {
margin-right: 0px;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod img, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod img {
width: 100%;
margin-bottom: 33px;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod h5, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod h5 {
font-family: "BrandonTextWeb-Medium";
font-size: 20px;
letter-spacing: 0.05px;
line-height: 30px;
color: #324eca;
text-decoration: underline;
margin-bottom: 16px;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod p, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod p {
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
letter-spacing: 0.7px;
color: #757575;
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid .prod p .reviewer, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid .prod p .reviewer {
font-family: "BrandonTextWeb-Italic";
}
body.template-page-landing-best-comforter .module--best-sheets-products .best-sheets-products-grid.best-sheets-products-carousel .prod, body.template-page-landing-best-sheets .module--best-sheets-products .best-sheets-products-grid.best-sheets-products-carousel .prod {
width: 100%;
max-width: none;
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders, body.template-page-landing-best-sheets .module--best-sheets-our-founders {
background-color: #f2f2f2;
}
@media screen and (min-width: 769px) {
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper {
flex-direction: row;
max-height: 540px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper {
width: 100%;
}
@media screen and (min-width: 769px) {
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper {
width: 40%;
}
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper .founders-img, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper .founders-img {
width: 100%;
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper img, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-img-wrapper img {
height: 100%;
object-fit: cover;
object-position: center top;
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper {
padding: 60px;
width: 100%;
text-align: center;
align-items: center;
}
@media screen and (min-width: 769px) {
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper {
width: 60%;
text-align: left;
}
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper h3, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper h3 {
font-size: 32px;
letter-spacing: 0.7px;
margin-bottom: 40px;
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper p, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper p {
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
}
body.template-page-landing-best-comforter .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper p .sig, body.template-page-landing-best-sheets .module--best-sheets-our-founders .founders-wrapper .founders-desc-wrapper p .sig {
max-width: 145px;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping, body.template-page-landing-best-sheets .module--best-sheets-start-shopping {
padding-top: 80px;
padding-bottom: 120px;
}
@media screen and (min-width: 769px) {
body.template-page-landing-best-comforter .module--best-sheets-start-shopping, body.template-page-landing-best-sheets .module--best-sheets-start-shopping {
padding-bottom: 100px;
}
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping h3, body.template-page-landing-best-sheets .module--best-sheets-start-shopping h3 {
margin-bottom: 58px;
font-size: 32px;
text-align: center;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection h5, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection h5 {
font-family: "BrandonTextWeb-Medium";
font-size: 20px;
text-align: center;
letter-spacing: 0.5px;
color: #000;
margin-top: 28px;
margin-bottom: 16px;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection p, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection p {
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
letter-spacing: 0.7px;
text-align: center;
color: #757575;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container {
display: flex;
justify-content: center;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .btn, body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .add-address, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .btn, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .add-address {
background-color: #024BC2;
font-family: "BrandonTextWeb-Medium";
letter-spacing: 0.6px;
text-transform: none;
transition: background-color 0.25s;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .btn:hover, body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .add-address:hover, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .btn:hover, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid .collection .btn-container .add-address:hover {
background-color: #0e285b;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .collection-img img, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .collection-img img {
width: 100%;
max-width: none;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .btn, body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .add-address, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .btn, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .module--account-details-content .add-address, .module--account-details-content body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .collection .btn-container .add-address {
width: 270px;
min-height: 64px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
body.template-page-landing-best-comforter .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .flickity-page-dots, body.template-page-landing-best-sheets .module--best-sheets-start-shopping .start-shopping-grid.best-sheets-start-shopping-carousel .flickity-page-dots {
bottom: -60px;
}
/*============================================================================
#Shop CTA ribbon (10/8/2019 What marketing pages are in use?)
==============================================================================*/
.grid--shop-cta-ribbon {
background-color: #024BC2;
position: relative;
z-index: 1;
margin-top: 60px;
margin-left: 0;
}
.grid--shop-cta-ribbon:before {
content: " ";
position: absolute;
top: 0;
left: -999px;
right: -999px;
bottom: 0;
background-color: #024BC2;
z-index: -1;
width: 9999px;
}
.grid--shop-cta-ribbon .grid__item {
padding: 20px 0;
}
.grid--shop-cta-ribbon h3 {
color: #fff;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.grid--shop-cta-ribbon .cta {
display: block;
background-color: #fff;
color: #024BC2;
display: inline-block;
text-transform: uppercase;
font-size: 20px;
padding: 0.25em 1.25em;
letter-spacing: 0.05em;
-webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.75);
box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 769px) {
.grid--shop-cta-ribbon .grid__item {
padding: 60px 0;
}
.grid--shop-cta-ribbon h3 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0.5em;
}
}
@media screen and (min-width: 769px) and (min-width: 769px) {
.grid--shop-cta-ribbon h3 {
font-size: 24px;
}
}
@media screen and (min-width: 769px) {
.grid--shop-cta-ribbon .cta {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
}
}
@media screen and (min-width: 769px) and (min-width: 769px) {
.grid--shop-cta-ribbon .cta {
font-size: 16px;
}
}
/*============================================================================
#Alt Site Headers & Footers (ver 1 & 2)
// Snippet: site-header-alt-01.liquid
// Include: article.liquid, blog.liquid, page.landing-outbrain.liquid
// Snippet: site-header-alt-02.liquid
// Include: article.liquid, blog.liquid
==============================================================================*/
.grid__site-header-alt-01 .grid__item, .grid__site-header-alt-02 .grid__item {
position: relative;
}
.grid__site-header-alt-01 .site-header__logo-link img, .grid__site-header-alt-02 .site-header__logo-link img {
max-height: 32px;
}
@media screen and (min-width: 768px) {
.grid__site-header-alt-01 .site-header__logo-link img, .grid__site-header-alt-02 .site-header__logo-link img {
max-height: 32px;
}
}
.grid__site-header-alt-01 .nav, .grid__site-header-alt-02 .nav {
height: 100%;
margin: 0;
list-style-type: none;
text-align: right;
}
@media screen and (min-width: 481px) {
.grid__site-header-alt-01 .nav, .grid__site-header-alt-02 .nav {
text-align: right;
}
}
.grid__site-header-alt-01 .nav li, .grid__site-header-alt-02 .nav li {
display: inline-block;
margin: 0 0 0 5%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.grid__site-header-alt-01 .nav li:last-child, .grid__site-header-alt-02 .nav li:last-child {
display: none;
}
@media screen and (min-width: 768px) {
.grid__site-header-alt-01 .nav li:last-child, .grid__site-header-alt-02 .nav li:last-child {
display: inline-block;
}
}
.grid__site-header-alt-01 .nav li a, .grid__site-header-alt-02 .nav li a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
color: #181818;
}
.site-footer-alt-01-wrapper {
padding: 0 !important;
height: 70px;
position: relative;
background-color: #eee;
}
.site-footer-alt-01-wrapper:after, .site-footer-alt-01-wrapper:before {
position: absolute;
width: 1000px;
top: 0;
left: -1000px;
bottom: 0;
right: 0;
content: " ";
background-color: #eee;
}
.site-footer-alt-01-wrapper:before {
left: auto;
right: -1000px;
}
.site-footer-alt-01-wrapper .grid__item {
height: 70px;
}
.site-footer-alt-01-wrapper img {
max-height: 40px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/*=========================== Ver 2 - Blog & Article =========================*/
.grid__site-header-alt-02 {
margin-bottom: 20px;
}
.grid__site-header-alt-02 .nav li a:hover, .grid__site-header-alt-02 #CartCount {
color: #181818;
}
.grid__site-header-alt-02 .nav > li:nth-child(2) a:hover {
border-color: #024BC2;
}
.grid__site-header-alt-02 .grid__item--logo-wrapper, .grid__site-header-alt-02 .grid__item--nav-wrapper {
z-index: 2;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper {
z-index: 1;
}
.grid__site-header-alt-02 ul.nav {
display: flex;
justify-content: flex-end;
align-items: center;
height: 40px;
}
.grid__site-header-alt-02 ul.nav > li {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex: 0 1 auto;
padding-left: 1em;
white-space: nowrap;
margin-left: 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.grid__site-header-alt-02 ul.nav > li {
padding-left: 2em;
}
}
.grid__site-header-alt-02 ul.nav > li:last-child {
display: flex !important;
margin-top: 4px;
}
.grid__site-header-alt-02 ul.nav > li a.cart-link .icon-fallback-text {
padding-right: 20px;
}
.grid__site-header-alt-02 ul.nav > li.shop a {
height: 26px;
line-height: 26px;
padding: 0 1em;
border: 2px solid #000;
}
.grid__site-header-alt-02 ul.nav > li.shop a:hover {
border-color: #024BC2;
}
.grid__site-header-alt-02 .easy-autocomplete-container ul li {
display: block;
margin: 0;
transform: none;
}
.grid__site-header-alt-02 .site-header__logo-link img {
float: left;
}
.grid__site-header-alt-02 .site-header__logo-link img.logo-blog {
max-height: 45px;
margin-left: 10px;
}
@media screen and (min-width: 768px) {
.grid__site-header-alt-02 .site-header__logo-link img.logo-blog {
max-height: 45px;
margin-left: 10px;
}
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper {
background-color: #f2f6fc;
min-height: 40px;
position: relative;
margin-top: 10px;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper:before, .grid__site-header-alt-02 .grid__item--sub-nav-wrapper:after {
content: " ";
position: absolute;
top: 0;
background-color: inherit;
height: 40px;
width: 100%;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper:before {
left: 0px;
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper:after {
left: 0;
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper .grid--1024 {
margin-top: 0;
height: 40px;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper .grid--1024 .grid__item {
height: 40px;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul {
height: 40px;
list-style-type: none;
margin: 2px 0 0 0;
padding: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul li {
margin-bottom: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: center;
align-items: center;
text-transform: uppercase;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul li a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin: 0 1em 0 0;
display: inline-block;
color: #024BC2;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul li a {
margin: 0 2em 0 0;
border-bottom: 2px solid transparent;
}
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul li a.active {
border-bottom: 2px solid #024BC2;
}
.grid__site-header-alt-02 .grid__item--sub-nav-wrapper ul li a:hover {
border-bottom: 2px solid #024BC2;
}
/*============================================================================
#Landing Pages - Outbrain (5 Reasons|8 Reasons|Best Sheets|People Love)
// 5 Reasons Why You Should Buy Your Bedding From Brooklinen
// 8 Reasons Why You Should Buy Your Bedding From Brooklinen
// How Brooklinen came to make the best sheets ever
// People Love These Sheets
==============================================================================*/
.template-page-landing-outbrain {
/*========================== 8 Reasons Page ================================*/
/*============== How Brooklinen Came to make the Best Sheets ===============*/
/*========================= Why We're Raising Prices =======================*/
}
.template-page-landing-outbrain #gts-c,
.template-page-landing-outbrain #___ratingbadge_0 {
display: none !important;
}
.template-page-landing-outbrain .site-header,
.template-page-landing-outbrain .site-footer,
.template-page-landing-outbrain .site-footer--mobile,
.template-page-landing-outbrain nav.nav-bar {
display: none;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain #PageContainer {
padding-top: 20px;
}
}
.template-page-landing-outbrain .main-content {
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .main-content {
margin-top: 0;
}
}
.template-page-landing-outbrain .header h1 {
color: #181818;
}
.template-page-landing-outbrain .header h1 span {
text-shadow: none !important;
box-shadow: none !important;
display: inline !important;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .header h1 span {
display: block !important;
}
}
.template-page-landing-outbrain .outbrain--8-reasons {
margin: 0 auto;
margin-bottom: 100px;
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image hr {
color: #181818;
background-color: #181818;
height: 4px;
margin: 40px 0 0 0;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image hr {
margin: 60px 0 0 0;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .header {
position: relative;
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .header .center {
margin: 10px auto 0 auto;
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 1.7;
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .social-share {
margin: 10px 0 0 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .social-share {
position: absolute;
top: 0;
left: 0;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .social-share a {
display: inline-block;
margin: 0 5px;
color: #181818;
border: 2px solid #181818;
border-radius: 999px;
margin-bottom: 10px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons .grid__item--lead-image .social-share a {
display: block;
}
}
.template-page-landing-outbrain .outbrain--8-reasons section {
max-width: 1050px;
margin-left: auto;
margin-right: auto;
padding: 70px 0;
}
.template-page-landing-outbrain .outbrain--8-reasons section h2 {
color: #181818;
}
@media screen and (min-width: 1100px) {
.template-page-landing-outbrain .outbrain--8-reasons section h2 span {
display: block;
}
}
.template-page-landing-outbrain .outbrain--8-reasons section:first-of-type {
max-width: none;
padding-top: 10px;
padding-bottom: 0;
}
@media screen and (min-width: 481px) {
.template-page-landing-outbrain .outbrain--8-reasons section:first-of-type {
padding-top: 20px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons section:nth-of-type(2) {
border-top: 4px solid #181818;
margin-top: 35px;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons section:nth-of-type(2) {
margin-top: 35px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type {
text-align: center;
padding-top: 0;
}
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type h2 {
color: #181818;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type h2 span {
display: block;
}
}
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type hr {
color: #181818;
background-color: #181818;
height: 4px;
margin: 0 0 100px 0;
}
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type a.btn, .template-page-landing-outbrain .outbrain--8-reasons section:last-of-type .module--account-details-content a.add-address, .module--account-details-content .template-page-landing-outbrain .outbrain--8-reasons section:last-of-type a.add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
margin-top: 10px;
height: 60px;
line-height: 60px;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--8-reasons section:last-of-type a.btn, .template-page-landing-outbrain .outbrain--8-reasons section:last-of-type .module--account-details-content a.add-address, .module--account-details-content .template-page-landing-outbrain .outbrain--8-reasons section:last-of-type a.add-address {
font-size: 16px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.image p a {
color: #2b8df2;
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.copy {
max-width: none;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons .inner.copy {
padding-left: 40px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.copy h2 {
color: #181818;
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta {
text-align: center;
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta h3 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0.5em;
text-shadow: none !important;
box-shadow: none !important;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta h3 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta h3 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta h3 {
font-size: 36px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta a.btn, .template-page-landing-outbrain .outbrain--8-reasons .inner.cta .module--account-details-content a.add-address, .module--account-details-content .template-page-landing-outbrain .outbrain--8-reasons .inner.cta a.add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 11px;
display: inline-block;
margin: 0 2%;
width: 44%;
max-width: 210px;
padding: 0;
height: 50px;
line-height: 50px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.template-page-landing-outbrain .outbrain--8-reasons .inner.cta a.btn, .template-page-landing-outbrain .outbrain--8-reasons .inner.cta .module--account-details-content a.add-address, .module--account-details-content .template-page-landing-outbrain .outbrain--8-reasons .inner.cta a.add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin: 0 4%;
line-height: 50px;
}
}
.template-page-landing-outbrain .outbrain--8-reasons .slider-wrapper {
margin-top: -40px;
}
.template-page-landing-outbrain .outbrain--8-reasons .slider {
text-align: center;
margin-bottom: 40px;
max-width: 25em;
}
.template-page-landing-outbrain .outbrain--8-reasons .slider p.match-height {
max-width: 25em;
margin-left: auto;
margin-right: auto;
}
.template-page-landing-outbrain .outbrain--8-reasons .slider img {
margin: 0 auto;
max-height: 30px;
filter: invert(100%);
}
.template-page-landing-outbrain .outbrain--8-reasons .slider .flex-control-nav {
bottom: -50px;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section {
opacity: 1;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:first-of-type {
padding-bottom: 0;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) {
padding-top: 60px;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) p {
margin-bottom: 1.2em;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) a {
color: #2b8df2;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) a.ul {
text-decoration: underline;
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) blockquote {
margin: 0.75em 0.75em 1.5em 0.75em;
font-weight: 400;
border-left: none;
font-style: normal;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) blockquote {
margin: 1em 2.5em 2em 1.5em;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen section:nth-of-type(2) blockquote .credit {
display: block;
margin-top: 1em;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy {
margin-top: 20px;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy {
margin-top: 50px;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
line-height: 1.2;
}
@media screen and (min-width: 1280px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy h1 span {
display: block !important;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .meta {
color: #2b8df2;
margin-bottom: 2em;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy em {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
letter-spacing: -0.01em;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy em {
font-size: 20px;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy hr {
color: #181818;
background-color: #181818;
height: 4px;
margin: 40px 0 0 0;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy hr {
margin: 60px 0 0 0;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .header {
position: relative;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .header .center {
margin: 10px auto 0 auto;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share {
margin: 20px 0 0 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share {
position: absolute;
top: 0;
left: -100px;
margin-top: 10px;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share a {
display: inline-block;
margin: 0 5px;
background-color: #181818;
color: #fff;
border-radius: 999px;
margin-bottom: 10px;
height: 40px;
width: 40px;
line-height: 44px;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share a {
display: block;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share a:nth-of-type(1) {
background-color: #3b5998;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--lead-copy .social-share a:nth-of-type(2) {
background-color: #4099FF;
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--body p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
line-height: 1.5;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--body p {
font-size: 20px;
}
}
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--body a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--how-brooklinen .grid__item--body a {
font-size: 20px;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .sign-off span {
text-shadow: none !important;
box-shadow: none !important;
display: block !important;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices .sign-off span {
display: inline !important;
}
}
.template-page-landing-outbrain .outbrain--raise-prices section {
opacity: 1;
}
.template-page-landing-outbrain .outbrain--raise-prices section br {
display: block !important;
}
.template-page-landing-outbrain .outbrain--raise-prices section:first-of-type {
padding-bottom: 0;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) {
padding-top: 60px;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) p {
margin-bottom: 1.2em;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) .button-wrapper {
width: 100%;
text-align: center;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) .button-wrapper button {
margin-top: 20px;
background-color: #024BC2;
opacity: 1;
border-radius: 5px;
color: #fff !important;
padding: 0px 70px;
font-size: 18px;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) .button-wrapper button a {
color: #fff;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) .button-wrapper button {
margin-top: 0;
}
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) .button-wrapper button:hover {
opacity: 1;
background-color: #0e285b;
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) blockquote {
margin: 0.75em 0.75em 1.5em 0.75em;
font-weight: 400;
border-left: none;
font-style: normal;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) blockquote {
margin: 1em 2.5em 2em 1.5em;
}
}
.template-page-landing-outbrain .outbrain--raise-prices section:nth-of-type(2) blockquote .credit {
display: block;
margin-top: 1em;
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy {
margin-top: 20px;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy {
margin-top: 50px;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
line-height: 1.2;
}
@media screen and (min-width: 1280px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy h1 span {
display: block !important;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .meta {
color: #2b8df2;
margin-bottom: 2em;
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy em {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
letter-spacing: -0.01em;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy em {
font-size: 20px;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy hr {
color: #181818;
background-color: #181818;
height: 4px;
margin: 40px 0 0 0;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy hr {
margin: 60px 0 0 0;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .header {
position: relative;
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .header .center {
margin: 10px auto 0 auto;
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .social-share {
margin: 20px 0 0 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .social-share {
position: absolute;
top: 0;
left: -100px;
margin-top: 10px;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .social-share a {
display: inline-block;
margin: 0 5px;
color: #fff;
border-radius: 999px;
margin-bottom: 10px;
height: 40px;
width: 40px;
line-height: 44px;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--lead-copy .social-share a {
display: block;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--body p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
line-height: 1.5;
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--body p {
font-size: 20px;
}
}
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--body a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .outbrain--raise-prices .grid__item--body a {
font-size: 20px;
}
}
.template-page-landing-outbrain .grid--blog-sidebar .grid__item--logo img {
margin-top: 0;
}
.template-page-landing-outbrain .grid--blog-sidebar .grid__item--lead-copy {
margin-top: 0;
}
.template-page-landing-outbrain .grid--blog-sidebar .grid__item--lead-copy p {
margin-bottom: 0 !important;
}
.template-page-landing-outbrain .grid--blog-sidebar a {
color: #181818 !important;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .grid--blog-sidebar a {
font-size: 20px;
}
}
.template-page-landing-outbrain .grid--blog-sidebar h2 {
color: #181818;
}
.template-page-landing-outbrain .grid--blog-sidebar h3 {
text-shadow: none;
box-shadow: none;
color: #181818;
}
.template-page-landing-outbrain .grid--blog-sidebar .klaviyo_header, .template-page-landing-outbrain .grid--blog-sidebar .klaviyo_subheader, .template-page-landing-outbrain .grid--blog-sidebar .error_message {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-page-landing-outbrain .grid--blog-sidebar .klaviyo_header, .template-page-landing-outbrain .grid--blog-sidebar .klaviyo_subheader, .template-page-landing-outbrain .grid--blog-sidebar .error_message {
font-size: 20px;
}
}
/*============================================================================
#Careers Pages
==============================================================================*/
.template-blog.title-careers .grid--920,
.template-blog.title-careers-open-jobs-at-brooklinen .grid--920 {
max-width: 840px;
}
.template-blog.title-careers .grid--shelf-header h1,
.template-blog.title-careers-open-jobs-at-brooklinen .grid--shelf-header h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
text-align: center;
}
.template-blog.title-careers header,
.template-blog.title-careers-open-jobs-at-brooklinen header {
margin-top: 20px;
margin-bottom: 20px;
}
.template-blog.title-careers header h2,
.template-blog.title-careers-open-jobs-at-brooklinen header h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
.template-blog.title-careers header h2,
.template-blog.title-careers-open-jobs-at-brooklinen header h2 {
font-size: 36px;
}
}
.template-blog.title-careers header p,
.template-blog.title-careers-open-jobs-at-brooklinen header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.template-blog.title-careers header p,
.template-blog.title-careers-open-jobs-at-brooklinen header p {
font-size: 20px;
}
}
.template-blog.title-careers .grid__item--jobs-offers-header h2,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--jobs-offers-header h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
.template-blog.title-careers .grid__item--jobs-offers-header h2,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--jobs-offers-header h2 {
font-size: 24px;
}
}
.template-blog.title-careers .grid__item--job-offer,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer {
margin-bottom: 20px;
}
.template-blog.title-careers .grid__item--job-offer h3,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer h3 {
color: #2b8df2;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.template-blog.title-careers .grid__item--job-offer h3,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer h3 {
font-size: 20px;
}
}
.template-blog.title-careers .grid__item--job-offer p.excerpt,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer p.excerpt {
margin-top: 0.25em;
}
.template-blog.title-careers .grid__item--job-offer a,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer a {
font-weight: normal;
color: #181818;
}
.template-blog.title-careers .grid__item--job-offer a .read-more,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer a .read-more {
color: #2b8df2;
}
.template-blog.title-careers .grid__item--job-offer a .read-more small,
.template-blog.title-careers-open-jobs-at-brooklinen .grid__item--job-offer a .read-more small {
font-size: 12px;
}
.grid__item--article-body.grid__item--job-offer {
margin-bottom: 60px;
}
.grid__item--article-body.grid__item--job-offer h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-align: left;
max-width: 100%;
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.grid__item--article-body.grid__item--job-offer h1 {
font-size: 36px;
}
}
.grid__item--article-body.grid__item--job-offer h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
.grid__item--article-body.grid__item--job-offer h2 {
font-size: 24px;
}
}
.grid__item--article-body.grid__item--job-offer h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-top: 2em;
}
@media screen and (min-width: 769px) {
.grid__item--article-body.grid__item--job-offer h3 {
font-size: 20px;
}
}
.grid__item--article-body.grid__item--job-offer .article-content p, .grid__item--article-body.grid__item--job-offer .article-content ul, .grid__item--article-body.grid__item--job-offer .article-content li, .grid__item--article-body.grid__item--job-offer .article-content a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 1.3;
}
.grid__item--article-body.grid__item--job-offer .article-content a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.grid__item--article-body.grid__item--job-offer .article-content ul {
padding: 0 60px 0 20px;
margin-bottom: 1em;
}
.grid__item--article-body.grid__item--job-offer a {
color: #2b8df2;
}
/*============================================================================
#Careers Page New
==============================================================================*/
.template-page-careers .wrapper.main-content {
margin-top: 0px;
}
.template-page-careers .wrapper.main-content .module--careers-hero {
margin-bottom: 40px;
position: relative;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-hero {
margin-bottom: 80px;
}
}
.template-page-careers .wrapper.main-content .module--careers-hero .image-wrapper {
display: block;
padding-bottom: 100%;
position: relative;
height: 0;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-hero .image-wrapper {
padding-bottom: 34.7464%;
}
}
.template-page-careers .wrapper.main-content .module--careers-hero .image-wrapper .image {
background-image: url( module--careers-hero-mobilee6f6.jpg?v=12107699156944991066);
background-position: center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-hero .image-wrapper .image {
background-image: url( module--careers-hero-desktop7bec.jpg?v=11642915693085822644);
}
}
.template-page-careers .wrapper.main-content .module--careers-hero .copy-wrapper {
display: none;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-hero .copy-wrapper {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-hero .copy-wrapper .copy {
flex-direction: column;
height: 100%;
justify-content: flex-start;
align-items: center;
}
}
.template-page-careers .wrapper.main-content .module--careers-hero .copy-wrapper .copy .module-title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 30px;
letter-spacing: -0.25px;
margin: 100px auto 0px;
text-align: center;
letter-spacing: -0.08px;
color: #283455;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-hero .copy-wrapper .copy .module-title {
font-size: 36px;
}
}
.template-page-careers .wrapper.main-content .module--careers-image {
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image {
margin-bottom: 87px;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper {
flex-direction: column;
padding: 0px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper {
flex-direction: row;
padding: 20px 0px;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--image {
order: 2;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--image {
order: 1;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--image .image-wrapper {
position: relative;
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--image .image-wrapper img {
display: block;
z-index: 1;
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy {
order: 1;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy {
order: 2;
margin-bottom: 0px;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner {
padding-right: 20px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner {
align-self: center;
padding: 0% 15%;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner h2 {
display: block;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
letter-spacing: -0.25px;
color: #293C70;
margin-bottom: 15px;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner h2 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner h2 {
display: none;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner h3 {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
color: #293C70;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner h3 {
font-size: 24px;
}
}
.template-page-careers .wrapper.main-content .module--careers-image .wrapper .grid--wrapper .grid__item--copy .inner hr {
width: 15%;
border-top-width: 2px;
border-top: solid #293C70;
margin: 20px 0;
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper .job-board-title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
color: #283455;
letter-spacing: 0.38px;
margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper .job-board-title {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper .job-board-title {
margin-bottom: 10px;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard {
display: block;
width: 100%;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard {
display: inline-block;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
width: 100%;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department {
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department {
margin-bottom: 35px;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department h4 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
letter-spacing: 1px;
color: #777777;
margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department h4 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department h4 {
margin-bottom: 20px;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job {
margin-bottom: 30px;
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job a.job-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
letter-spacing: 0.5px;
color: #283455;
text-transform: none !important;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job a.job-title {
font-size: 16px;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job a.job-title:hover {
color: #AEB6A7;
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job .job-location {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
text-transform: none !important;
color: #777777;
margin-top: 4px;
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department .job .job-location {
margin-top: 8px;
}
}
.template-page-careers .wrapper.main-content .module--careers-job-board .wrapper #jobBoard .department:last-child h4 {
display: none;
}
.template-page-careers .wrapper.main-content .module--careers-footer {
margin: 0px auto 40px;
}
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper {
text-align: center;
max-width: 860px;
}
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper .headline {
margin-bottom: 20px;
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
color: #283455;
}
@media screen and (min-width: 769px) {
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper .headline {
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper .headline {
margin-bottom: 30px;
}
}
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 20px;
letter-spacing: 0.21px;
color: #0F1528;
}
.template-page-careers .wrapper.main-content .module--careers-footer .wrapper p .text-cta {
font-family: BrandonTextWeb-Medium;
padding-bottom: 0px;
}
/*============================================================================
#Careers DEI V1 and Interviews V1
==============================================================================*/
.module--careers-dei-v1,
.module--careers-interviews-v1 {
color: #283455;
}
.module--careers-dei-v1 .content-wrapper,
.module--careers-interviews-v1 .content-wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--careers-dei-v1 .content-wrapper,
.module--careers-interviews-v1 .content-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--careers-dei-v1 .content-wrapper,
.module--careers-interviews-v1 .content-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper,
.module--careers-interviews-v1 .content-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content,
.module--careers-interviews-v1 .content-wrapper .content {
grid-column-end: span 12;
}
}
.module--careers-dei-v1 .content-wrapper .content section,
.module--careers-interviews-v1 .content-wrapper .content section {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content section,
.module--careers-interviews-v1 .content-wrapper .content section {
margin-bottom: 4rem;
}
}
.module--careers-dei-v1 .content-wrapper .content section .mobile,
.module--careers-interviews-v1 .content-wrapper .content section .mobile {
display: block;
}
@media screen and (min-width: 600px) {
.module--careers-dei-v1 .content-wrapper .content section .mobile,
.module--careers-interviews-v1 .content-wrapper .content section .mobile {
display: none;
}
}
.module--careers-dei-v1 .content-wrapper .content section .tablet-up,
.module--careers-interviews-v1 .content-wrapper .content section .tablet-up {
display: none;
}
@media screen and (min-width: 600px) {
.module--careers-dei-v1 .content-wrapper .content section .tablet-up,
.module--careers-interviews-v1 .content-wrapper .content section .tablet-up {
display: block;
}
}
.module--careers-dei-v1 .content-wrapper .content section h1,
.module--careers-interviews-v1 .content-wrapper .content section h1 {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content section h1,
.module--careers-interviews-v1 .content-wrapper .content section h1 {
margin-bottom: 1rem;
}
}
.module--careers-dei-v1 .content-wrapper .content section p.p_2.p_2--bold, .module--careers-dei-v1 .content-wrapper .content section .module--faq p.p_2.gladlyHC-answerDetail-backLink, .module--faq .module--careers-dei-v1 .content-wrapper .content section p.p_2.gladlyHC-answerDetail-backLink, .module--careers-dei-v1 .content-wrapper .content section .module--faq p.p_2.gladlyHC-answersIndex-link, .module--faq .module--careers-dei-v1 .content-wrapper .content section p.p_2.gladlyHC-answersIndex-link,
.module--careers-interviews-v1 .content-wrapper .content section p.p_2.p_2--bold,
.module--careers-interviews-v1 .content-wrapper .content section .module--faq p.p_2.gladlyHC-answerDetail-backLink,
.module--faq .module--careers-interviews-v1 .content-wrapper .content section p.p_2.gladlyHC-answerDetail-backLink,
.module--careers-interviews-v1 .content-wrapper .content section .module--faq p.p_2.gladlyHC-answersIndex-link,
.module--faq .module--careers-interviews-v1 .content-wrapper .content section p.p_2.gladlyHC-answersIndex-link {
margin-bottom: 1.5rem;
}
.module--careers-dei-v1 .content-wrapper .content section p.p_2,
.module--careers-interviews-v1 .content-wrapper .content section p.p_2 {
margin-bottom: 1.5rem;
}
.module--careers-dei-v1 .content-wrapper .content section ul li,
.module--careers-interviews-v1 .content-wrapper .content section ul li {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content section ul li,
.module--careers-interviews-v1 .content-wrapper .content section ul li {
margin-bottom: 1rem;
}
}
@media screen and (min-width: 1200px) {
.module--careers-dei-v1 .content-wrapper .content section.stats li:last-child, .module--careers-dei-v1 .content-wrapper .content section.work li:last-child, .module--careers-dei-v1 .content-wrapper .content section.questions li:last-child,
.module--careers-interviews-v1 .content-wrapper .content section.stats li:last-child,
.module--careers-interviews-v1 .content-wrapper .content section.work li:last-child,
.module--careers-interviews-v1 .content-wrapper .content section.questions li:last-child {
margin-bottom: 1.5rem;
}
}
/*============================================================================
#Careers Job Board V1
==============================================================================*/
.module--careers__grid {
display: block;
}
@media screen and (min-width: 1200px) {
.module--careers__grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 600px) {
.module--careers__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
.module--careers__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.module--careers__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--careers__grid--item {
display: block;
}
@media screen and (min-width: 1200px) {
.module--careers__grid--item {
grid-column-start: 1;
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) and (min-width: 600px) {
.module--careers__grid--item {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
.module--careers__grid--item {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.module--careers__grid--item {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) and (min-width: 600px) {
.module--careers__grid--item {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
.module--careers__grid--item {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.module--careers__grid--item {
grid-column-end: span 12;
}
}
.module--careers__header {
color: #283455;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--careers__header {
margin-bottom: 4rem;
}
}
.module--careers__job-board {
display: block;
}
@media screen and (min-width: 600px) {
.module--careers__job-board {
-webkit-columns: 2 150px;
-moz-columns: 2 150px;
columns: 2 150px;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
}
.module--careers__job-board .department {
width: 100%;
display: inline-block;
}
.module--careers__job-board .department--title {
color: #777777;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.module--careers__job-board .job {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--careers__job-board .job {
margin-bottom: 4rem;
}
}
.module--careers__job-board .job--title {
color: #283455;
}
.module--careers__job-board .job--location {
color: #777777;
margin-top: 0.25rem;
}
/*============================================================================
#Corporate Gifting Page
==============================================================================*/
#module--trade-forms.v1 {
padding: 4rem 2rem 8rem 2rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
#module--trade-forms.v1 {
padding: 4rem 2rem;
}
}
#module--trade-forms.v1 .forms-header {
color: #283455;
}
#module--trade-forms.v1 .forms-header h1, #module--trade-forms.v1 .forms-header h3 {
text-align: center;
margin-bottom: 1rem;
}
#module--trade-forms.v1 .forms-header p {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
#module--trade-forms.v1 .forms-header p.hover-active--underline, #module--trade-forms.v1 .forms-header p .hover-active--underline {
position: relative;
}
#module--trade-forms.v1 .forms-header p.hover-active--underline:after, #module--trade-forms.v1 .forms-header p .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#module--trade-forms.v1 .forms-header p.hover-active--underline:hover, #module--trade-forms.v1 .forms-header p.hover-active--underline:active, #module--trade-forms.v1 .forms-header p.hover-active--underline.active, #module--trade-forms.v1 .forms-header p .hover-active--underline:hover, #module--trade-forms.v1 .forms-header p .hover-active--underline:active, #module--trade-forms.v1 .forms-header p .hover-active--underline.active {
cursor: pointer;
}
#module--trade-forms.v1 .forms-header p.hover-active--underline:hover:after, #module--trade-forms.v1 .forms-header p.hover-active--underline:active:after, #module--trade-forms.v1 .forms-header p.hover-active--underline.active:after, #module--trade-forms.v1 .forms-header p .hover-active--underline:hover:after, #module--trade-forms.v1 .forms-header p .hover-active--underline:active:after, #module--trade-forms.v1 .forms-header p .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
#module--trade-forms.v1 .grid--input-field-group {
display: flex;
flex-direction: column;
}
#module--trade-forms.v1 .grid--input-field-group .input-header {
width: 100;
}
#module--trade-forms.v1 .checkboxes {
display: flex;
flex-wrap: wrap;
}
#module--trade-forms.v1 .checkboxes .input-checkbox--wrapper {
width: 50%;
}
body.template-page-corporate-gifting .radio-toolbar {
display: none;
}
/*============================================================================
#Trade Page
==============================================================================*/
#module--trade-forms {
padding: 0rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
#module--trade-forms {
padding: 0rem;
}
}
#module--trade-forms .forms-header {
color: #283455;
margin-bottom: 2.5rem;
text-align: center;
}
#module--trade-forms .forms-header h1, #module--trade-forms .forms-header h3 {
margin-bottom: 1rem;
}
#module--trade-forms .instructions p {
text-align: center;
margin-bottom: 0rem;
}
#module--trade-forms .grid--input-field-group {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
}
#module--trade-forms .grid--input-field-group .input-header {
width: 100;
}
#module--trade-forms .grid--input-field-group:first-child {
margin-top: 0;
}
#module--trade-forms .half-width {
display: flex;
flex-direction: row;
}
#module--trade-forms .half-width .text-input--wrapper {
justify-content: space-between;
width: 50%;
}
#module--trade-forms .half-width .text-input--wrapper:last-child {
margin-left: 1rem;
}
#module--trade-forms .radio-buttons {
display: flex;
flex-wrap: wrap;
}
#module--trade-forms .radio-buttons .component--radio-button {
width: 50%;
}
@media screen and (min-width: 600px) {
#module--trade-forms .radio-buttons .component--radio-button {
width: 25%;
}
}
#module--trade-forms .radio-buttons .component--radio-button input[type=radio] {
margin: 0 !important;
}
#module--trade-forms .checkboxes {
display: flex;
flex-wrap: wrap;
}
#module--trade-forms .checkboxes .input-checkbox--wrapper {
width: 50%;
}
@media screen and (min-width: 900px) {
#module--trade-forms .checkboxes .input-checkbox--wrapper {
width: 25%;
}
}
#module--trade-forms .tax-exemption a {
color: #283455;
}
#module--trade-forms .legal p {
margin-bottom: 1.5rem;
}
#module--trade-forms .legal p:last-child {
margin-bottom: 0rem;
}
#module--trade-forms .legal a {
color: #283455;
}
#module--trade-forms .submit-group {
margin-top: 2.5rem;
}
@media screen and (min-width: 600px) {
#module--trade-forms .submit-group {
margin-top: 4rem;
}
}
body.template-page-corporate-gifting .radio-toolbar {
display: none;
}
/*============================================================================
#Contact Page v2 (10/8/2019 what is the difference btwn contact and contact2)
==============================================================================*/
@media screen and (min-width: 1024px) {
body.template-page-contact-2 [data-theme-version="0"] .shelf-header,
body.template-page-contact [data-theme-version="0"] .shelf-header {
height: 380px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner {
width: 100%;
float: right;
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner {
width: 50%;
}
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner h1,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
line-height: 1.1;
color: #0F1528;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner h1,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner h1 {
font-size: 30px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner span,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner span {
display: block;
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header .inner .cta,
body.template-page-contact [data-theme-version="0"] .shelf-header .inner .cta {
display: block;
background-color: #024BC2;
text-transform: uppercase;
max-width: 150px;
margin: 0 auto;
height: 37px;
line-height: 37px;
letter-spacing: 0.1em;
padding: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header.sub,
body.template-page-contact [data-theme-version="0"] .shelf-header.sub {
width: calc(100vw + 40px);
margin-left: -40px;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .shelf-header.sub,
body.template-page-contact [data-theme-version="0"] .shelf-header.sub {
position: absolute;
left: 0;
max-height: 310px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header.sub .inner,
body.template-page-contact [data-theme-version="0"] .shelf-header.sub .inner {
float: left;
color: #fff;
padding-left: 10%;
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header.sub h3,
body.template-page-contact [data-theme-version="0"] .shelf-header.sub h3 {
text-transform: none;
text-align: left;
line-height: 1.7;
padding-left: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .shelf-header.sub h3 strong,
body.template-page-contact [data-theme-version="0"] .shelf-header.sub h3 strong {
display: inline-block;
margin-bottom: 0.5em;
border-bottom: 2px solid #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper {
min-height: 250px;
}
@media screen and (min-width: 1024px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper {
min-height: 310px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper h3,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-transform: none;
text-align: left;
line-height: 1.6;
padding-left: 0;
padding-top: 0.3em;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper h3 strong,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper h3 strong {
display: inline-block;
margin-bottom: 0.5em;
border-bottom: 2px solid #000;
text-transform: uppercase;
letter-spacing: 0.2em;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text {
min-height: 50px;
background-color: #eee;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text {
background-color: #eee;
min-height: 120px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .sub,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .sub {
height: auto;
min-height: 50px;
padding: 20px 0;
background-color: inherit;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .sub,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .sub {
min-height: 120px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .grid__item--secondary-email,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .grid__item--secondary-email {
padding: 10px 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .grid__item--secondary-email p:last-of-type,
body.template-page-contact [data-theme-version="0"] .grid__item--shelf-header-sub-wrapper-text .grid__item--secondary-email p:last-of-type {
margin-bottom: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .header-copy--mobile,
body.template-page-contact [data-theme-version="0"] .header-copy--mobile {
text-align: center;
padding: 20px 0 0 0;
}
@media screen and (max-width: "767px"-1px) {
body.template-page-contact-2 [data-theme-version="0"] .header-copy--mobile,
body.template-page-contact [data-theme-version="0"] .header-copy--mobile {
display: block !important;
}
}
body.template-page-contact-2 [data-theme-version="0"] .header-copy--mobile h2,
body.template-page-contact [data-theme-version="0"] .header-copy--mobile h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
line-height: 1.2;
color: #000;
}
body.template-page-contact-2 [data-theme-version="0"] .map-pin,
body.template-page-contact [data-theme-version="0"] .map-pin {
max-height: 30px;
display: block;
margin-bottom: 5px;
}
body.template-page-contact-2 [data-theme-version="0"] .main-content h1, body.template-page-contact-2 [data-theme-version="0"] .main-content h2,
body.template-page-contact [data-theme-version="0"] .main-content h1,
body.template-page-contact [data-theme-version="0"] .main-content h2 {
color: #024BC2;
}
body.template-page-contact-2 [data-theme-version="0"] .main-content h1,
body.template-page-contact [data-theme-version="0"] .main-content h1 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
}
body.template-page-contact-2 [data-theme-version="0"] .main-content h2,
body.template-page-contact [data-theme-version="0"] .main-content h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .main-content h2,
body.template-page-contact [data-theme-version="0"] .main-content h2 {
font-size: 36px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .main-content h3,
body.template-page-contact [data-theme-version="0"] .main-content h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
margin-bottom: 1.5em;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .main-content h3,
body.template-page-contact [data-theme-version="0"] .main-content h3 {
font-size: 16px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .main-content p,
body.template-page-contact [data-theme-version="0"] .main-content p {
margin-bottom: 1em;
line-height: 1.5;
}
body.template-page-contact-2 [data-theme-version="0"] .main-content p img,
body.template-page-contact [data-theme-version="0"] .main-content p img {
margin: 20px auto;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--lead-copy p,
body.template-page-contact [data-theme-version="0"] .grid__item--lead-copy p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
max-width: 90%;
margin: 0 auto 20px auto;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--lead-copy p,
body.template-page-contact [data-theme-version="0"] .grid__item--lead-copy p {
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--lead-copy,
body.template-page-contact [data-theme-version="0"] .grid__item--lead-copy {
padding: 30px 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--lead-copy p,
body.template-page-contact [data-theme-version="0"] .grid__item--lead-copy p {
max-width: 70%;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--lead-copy span,
body.template-page-contact [data-theme-version="0"] .grid__item--lead-copy span {
display: block;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--cta .schedule-call .calendly-link,
body.template-page-contact [data-theme-version="0"] .grid__item--cta .schedule-call .calendly-link {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
border-bottom: 1px solid #283455;
transition: color 0.2s, border-color 0.2s;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--cta .schedule-call .calendly-link:hover,
body.template-page-contact [data-theme-version="0"] .grid__item--cta .schedule-call .calendly-link:hover {
color: #AEB6A7;
border-color: #AEB6A7;
}
body.template-page-contact-2 [data-theme-version="0"] a.black,
body.template-page-contact [data-theme-version="0"] a.black {
color: #000;
}
body.template-page-contact-2 [data-theme-version="0"] a.dk-blue,
body.template-page-contact [data-theme-version="0"] a.dk-blue {
color: #024BC2;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--cta,
body.template-page-contact [data-theme-version="0"] .grid__item--cta {
padding: 20px 0 0 0;
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--cta,
body.template-page-contact [data-theme-version="0"] .grid__item--cta {
padding: 0;
}
}
body.template-page-contact-2 [data-theme-version="0"] p.greeting,
body.template-page-contact [data-theme-version="0"] p.greeting {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] p.greeting,
body.template-page-contact [data-theme-version="0"] p.greeting {
font-size: 20px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .btn, body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .module--account-details-content .add-address, .module--account-details-content body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .add-address,
body.template-page-contact [data-theme-version="0"] .grid--contact-page .btn,
body.template-page-contact [data-theme-version="0"] .grid--contact-page .module--account-details-content .add-address,
.module--account-details-content body.template-page-contact [data-theme-version="0"] .grid--contact-page .add-address {
background-color: #024BC2;
height: 60px;
line-height: 60px;
width: 215px;
margin: 0 auto 10px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .btn:hover, body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .module--account-details-content .add-address:hover, .module--account-details-content body.template-page-contact-2 [data-theme-version="0"] .grid--contact-page .add-address:hover,
body.template-page-contact [data-theme-version="0"] .grid--contact-page .btn:hover,
body.template-page-contact [data-theme-version="0"] .grid--contact-page .module--account-details-content .add-address:hover,
.module--account-details-content body.template-page-contact [data-theme-version="0"] .grid--contact-page .add-address:hover {
background-color: #0241a9;
}
body.template-page-contact-2 [data-theme-version="0"] hr,
body.template-page-contact [data-theme-version="0"] hr {
border-color: #181818;
margin: 35px 0;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] hr,
body.template-page-contact [data-theme-version="0"] hr {
margin: 50px 0;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us {
margin-bottom: 60px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us .grid__item--field-group,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us .grid__item--field-group {
margin-top: 15px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us h3,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us h3 {
color: #024BC2;
margin-bottom: 0.25em;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us h3 span,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us h3 span {
color: red;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us input[type=text], body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us input[type=email], body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us textarea,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us input[type=text],
body.template-page-contact [data-theme-version="0"] .grid__item--email-us input[type=email],
body.template-page-contact [data-theme-version="0"] .grid__item--email-us textarea {
background-color: #f2f6fc;
width: 100%;
max-width: none;
border: none;
height: 40px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us textarea,
body.template-page-contact [data-theme-version="0"] .grid__item--email-us textarea {
height: 6em;
resize: vertical;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--email-us input[type=submit],
body.template-page-contact [data-theme-version="0"] .grid__item--email-us input[type=submit] {
max-width: 160px;
max-height: 50px;
line-height: 50px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq,
body.template-page-contact [data-theme-version="0"] .grid__item--faq {
margin-top: 40px;
margin-bottom: 40px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h2,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h2 {
text-align: center;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h3,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h3 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0;
text-transform: none;
color: #000;
border: 1px solid #000;
border-width: 1px 0 0 0;
cursor: pointer;
padding: 5px 10px;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h3,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h3 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h3,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h3 {
padding: 5px 20px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h3 span,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h3 span {
color: #000;
width: 20px;
height: 100%;
position: relative;
float: right;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq h3 span:after,
body.template-page-contact [data-theme-version="0"] .grid__item--faq h3 span:after {
content: "+";
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li:last-of-type h3,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li:last-of-type h3 {
border-width: 1px 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.open h3,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.open h3 {
border-width: 1px 0;
background-color: #f2f6fc;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.open h3 span:after,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.open h3 span:after {
content: "×";
color: #f2f6fc;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq ul,
body.template-page-contact [data-theme-version="0"] .grid__item--faq ul {
margin: 0;
padding: 20px 0;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq ul,
body.template-page-contact [data-theme-version="0"] .grid__item--faq ul {
padding: 20px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq ul.sub,
body.template-page-contact [data-theme-version="0"] .grid__item--faq ul.sub {
display: none;
padding: 20px 10px;
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq ul.sub,
body.template-page-contact [data-theme-version="0"] .grid__item--faq ul.sub {
padding: 20px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq ul li,
body.template-page-contact [data-theme-version="0"] .grid__item--faq ul li {
margin: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all {
margin-top: 25px;
margin-bottom: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all:first-child,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all:first-child {
margin-top: 0;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all span.title,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all span.title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all span.title,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all span.title {
font-size: 20px;
}
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer *,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer * {
line-height: 1.7 !important;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer a,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer a {
font-weight: 600 !important;
color: #024BC2;
}
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer th, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer td, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer th *, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer td *,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer th,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer td,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer th *,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer td * {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
@media screen and (min-width: 768px) {
body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer th, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer td, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer th *, body.template-page-contact-2 [data-theme-version="0"] .grid__item--faq li.all .answer td *,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer th,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer td,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer th *,
body.template-page-contact [data-theme-version="0"] .grid__item--faq li.all .answer td * {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
}
.module--faq-contact {
margin: 2.5rem 0;
}
@media screen and (min-width: 1200px) {
.module--faq-contact {
margin: 4rem 0;
}
}
.module--faq-contact .module--faq .grid--columns .tag-section {
margin: 0 !important;
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-start: 5;
}
}
@media screen and (min-width: 600px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--faq-contact .module--faq .grid--columns .tag-section {
grid-column-end: span 8;
}
}
/*============================================================================
#Product Cards (Not a snippet but used on the sleep style pages)
==============================================================================*/
.grid--product-cards {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
margin-bottom: 40px;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.grid--product-cards {
overflow: hidden;
margin-bottom: 60px;
padding-bottom: 0;
}
}
.grid__item--product-card a {
display: block;
color: inherit;
font-weight: inherit;
}
.grid__item--product-card img {
margin-bottom: 10px;
}
.grid__item--product-card h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin: 0;
}
.grid__item--product-card h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.grid__item--product-card h2 {
font-size: 24px;
}
}
.grid__item--product-card p.description {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
padding-right: 1em;
}
@media screen and (min-width: 768px) {
.grid__item--product-card p.description {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
}
.grid__item--product-card .price {
color: #2b8df2;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 15px;
}
.grid__item--product-card .price small {
font-size: 10px;
}
@media screen and (min-width: 768px) {
.grid__item--product-card .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.grid__item--product-card .price small {
font-size: 12px;
}
}
.grid__item--product-card .btn, .grid__item--product-card .module--account-details-content .add-address, .module--account-details-content .grid__item--product-card .add-address {
padding: 0 45px;
height: auto;
}
.grid__item--product-card-two-column .grid--flex {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 768px) {
.grid__item--product-card-two-column .grid--flex {
flex-direction: row;
}
}
.grid__item--product-card-two-column:first-of-type {
margin-top: 20px;
}
@media screen and (min-width: 769px) {
.grid__item--product-card-two-column:first-of-type {
margin-top: 0;
}
}
.grid__item--product-card-two-column .grid__item--image h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
.grid__item--product-card-two-column .grid__item--image h2 {
font-size: 36px;
}
}
.grid__item--product-card-two-column .grid__item--image h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-transform: none;
letter-spacing: normal;
}
.grid__item--product-card-two-column .grid__item--image .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
.grid__item--product-card-two-column .grid__item--image .price .arrow {
display: none;
}
.grid__item--product-card-two-column .grid__item--copy h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 30px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
.grid__item--product-card-two-column .grid__item--copy h2 {
font-size: 36px;
}
}
.grid__item--product-card-two-column .grid__item--copy p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
padding: 0 0.5em;
line-height: 1.5;
margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
.grid__item--product-card-two-column .grid__item--copy p {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.grid__item--product-card-two-column .grid__item--copy p {
padding: 0;
}
}
.grid__item--product-card-two-column .grid__item--copy .cta {
border-radius: 5px;
background-color: #024BC2;
padding: 15px 50px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.grid__item--product-card-two-column .grid__item--copy .cta {
font-size: 16px;
}
}
.grid__item--product-card-two-column .grid__item--copy .cta:hover {
background-color: #0241a9;
}
.grid__item--product-card-two-column .grid__item--copy hr {
width: 100%;
margin: 0;
margin: 60px 0;
}
.grid__item--product-card-two-column:last-of-type {
margin-bottom: 40px;
}
.grid__item--product-card-two-column:last-of-type hr {
display: none !important;
}
.grid__item--product-card-two-column hr.large--show {
margin-bottom: 0;
}
/*============================================================================
#Sleep Style
==============================================================================*/
.shelf-header--landing-sleep-style {
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
overflow: visible;
margin-bottom: 140px;
min-height: 200px;
}
@media screen and (min-width: 480px) {
.shelf-header--landing-sleep-style {
min-height: 300px;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style {
background-position: center center;
min-height: 400px;
margin-bottom: 0;
}
}
.shelf-header--landing-sleep-style .grid__item--desktop-image {
background-size: cover;
align-self: stretch;
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style .grid__item--desktop-image {
background-position-y: bottom;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.sleep-style-hot {
background: #ff4444;
background-image: none !important;
}
}
.shelf-header--landing-sleep-style.sleep-style-hot .inner {
background-color: #ff4444;
}
.shelf-header--landing-sleep-style.sleep-style-temperate {
background-position: center -50px;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.sleep-style-temperate {
background: #F0BBA5;
background-image: none !important;
}
}
.shelf-header--landing-sleep-style.sleep-style-temperate .inner {
background-color: #F0BBA5;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.sleep-style-temperate .inner p {
padding: 0 13%;
}
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style.sleep-style-temperate .grid__item--desktop-image {
background-position-y: center;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.sleep-style-cold {
background: #201E77;
background-image: none !important;
}
}
.shelf-header--landing-sleep-style.sleep-style-cold .inner {
background-color: #201E77;
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style.sleep-style-cold .grid__item--desktop-image {
background-position-y: center;
}
}
.shelf-header--landing-sleep-style.last-call .caption {
display: none;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.last-call .caption {
display: block;
position: absolute;
bottom: 10px;
bottom: 5px;
left: 15px;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.last-call {
min-height: 330px;
background: #171717;
background-image: none !important;
}
.shelf-header--landing-sleep-style.last-call p {
text-align: left;
font-size: 16px !important;
max-width: 300px;
}
}
.shelf-header--landing-sleep-style.last-call .inner {
background-color: #171717;
text-align: center;
padding: 2em;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.last-call .inner {
text-align: left;
padding: 0px 0px 0px 100px;
}
}
.shelf-header--landing-sleep-style.last-call .inner h1 {
color: #ffffff;
font-size: 30px;
margin-bottom: 0.75em;
text-align: center;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.last-call .inner h1 {
text-align: left;
}
}
@media screen and (min-width: 1025px) {
.shelf-header--landing-sleep-style.last-call .inner span {
display: block;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.last-call .grid__item--desktop-image {
background-position-y: top;
background-position-x: right;
}
}
.shelf-header--landing-sleep-style.best-sellers .medium-up--one-half {
width: 51% !important;
}
.shelf-header--landing-sleep-style.best-sellers .caption {
display: none;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.best-sellers .caption {
display: block;
position: absolute;
bottom: 10px;
bottom: 5px;
left: 15px;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.best-sellers {
min-height: 330px;
background: #6850bf;
background-image: none !important;
}
.shelf-header--landing-sleep-style.best-sellers p {
padding: 0 2em;
}
}
.shelf-header--landing-sleep-style.best-sellers .inner {
background-color: #6850bf;
}
.shelf-header--landing-sleep-style.best-sellers .inner h1 {
font-family: "tiemposSemibold";
color: #31c183;
}
@media screen and (min-width: 1025px) {
.shelf-header--landing-sleep-style.best-sellers .inner span {
display: block;
}
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style.best-sellers .grid__item--desktop-image {
background-position-y: top;
background-position-x: right;
}
}
.shelf-header--landing-sleep-style .inner {
position: absolute;
margin: 0 auto;
bottom: 0;
left: 50%;
/* Update this for the dog image. Need to push inner caption down more.*/
transform: translateY(70%) translateX(-50%);
padding: 10% 5%;
min-width: 80%;
color: #fff;
}
@media screen and (min-width: 768px) {
.shelf-header--landing-sleep-style .inner {
position: relative;
left: auto;
bottom: auto;
transform: none;
padding: 0;
min-width: auto;
}
}
.shelf-header--landing-sleep-style .inner h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style .inner h3 {
font-size: 20px;
}
}
.shelf-header--landing-sleep-style .inner h1 {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
text-transform: none;
color: #fff;
margin-bottom: 0.3em;
letter-spacing: normal;
line-height: 1;
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style .inner h1 {
font-size: 24px;
}
}
.shelf-header--landing-sleep-style .inner p {
line-height: 1.2;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
}
.shelf-header--landing-sleep-style .inner p:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.shelf-header--landing-sleep-style .inner p {
font-size: 20px;
}
}
.shelf-sub-header--landing-sleep-style {
display: none !important;
}
.grid--not-quite-you {
background-color: #f2f6fc;
min-height: 200px;
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 769px) {
.grid--not-quite-you {
min-height: 400px;
}
}
.grid--not-quite-you:before, .grid--not-quite-you:after {
content: "";
background-color: inherit;
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.grid--not-quite-you:before {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.grid--not-quite-you:after {
display: block;
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.grid--not-quite-you h2 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
color: #024BC2;
margin-bottom: 0.25em;
line-height: 1;
}
.grid--not-quite-you h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
.grid--not-quite-you h3 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 40px;
}
}
.grid--not-quite-you .btn, .grid--not-quite-you .module--account-details-content .add-address, .module--account-details-content .grid--not-quite-you .add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
background-color: transparent;
border: 1px solid #181818;
border-radius: 5px;
color: #181818;
margin: 0 10px;
height: auto;
min-width: 120px;
padding: 10px 15px;
opacity: 0.7;
line-height: 1.2;
}
@media screen and (min-width: 769px) {
.grid--not-quite-you .btn, .grid--not-quite-you .module--account-details-content .add-address, .module--account-details-content .grid--not-quite-you .add-address {
border-width: 2px;
min-width: 160px;
padding: 15px 20px;
opacity: 0.6;
}
}
.grid--not-quite-you .btn:hover, .grid--not-quite-you .module--account-details-content .add-address:hover, .module--account-details-content .grid--not-quite-you .add-address:hover {
opacity: 1;
border-color: #024BC2;
background-color: #024BC2;
color: #fff;
}
/*============================================================================
#Towels Landing Page
==============================================================================*/
.template-page-landing-towels main.main-content {
margin-top: 0;
}
.template-page-landing-towels .btn:hover, .template-page-landing-towels .module--account-details-content .add-address:hover, .module--account-details-content .template-page-landing-towels .add-address:hover {
background-color: #0e7be6 !important;
}
#landing-towels .btn, #landing-towels .module--account-details-content .add-address, .module--account-details-content #landing-towels .add-address {
line-height: 50px;
}
/*================ Towels Landing Page Hero / Video Module ===================*/
.module--landing-towels-hero {
min-height: 450px;
}
.module--landing-towels-hero .grid--flex {
height: 50%;
justify-content: center;
}
@media screen and (min-width: 769px) {
.module--landing-towels-hero .grid--flex {
min-height: 450px;
}
}
.module--landing-towels-hero .module-image {
background-image: url( landing-towels-hero--mobile0c78.jpg?v=6182104687174951811);
min-height: 280px;
width: 100%;
height: 50%;
background-size: cover;
background-position: center center;
position: static;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
@media screen and (min-width: 769px) {
.module--landing-towels-hero .module-image {
position: absolute;
background-image: url( module--landing-towels-hero__desktop248e.jpg?v=13481432499470412179);
background-position: right top;
min-height: 450px;
}
}
.module--landing-towels-hero .heading1 {
color: #171717;
font-size: 36px;
line-height: 42px;
margin: 0.75em 0em;
}
.module--landing-towels-hero .module-subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
letter-spacing: 0.5px;
color: #171717;
margin-bottom: 37px;
}
@media screen and (min-width: 769px) {
.module--landing-towels-hero .module-subtitle {
margin-bottom: 0px;
}
}
.module--landing-towels-hero hr {
margin: 0px;
}
/*============= Towels Landing Page Attention to Detail Module ===============*/
.module--landing-towels-attention-to-detail {
padding: 42px 0px;
background-color: #f8f8f8;
}
@media screen and (min-width: 768px) {
.module--landing-towels-attention-to-detail {
padding: 72px 0px;
}
}
.module--landing-towels-attention-to-detail .grid--flex {
justify-content: center;
}
.module--landing-towels-attention-to-detail .grid__item--details-banner {
margin-bottom: 60px;
text-align: center;
}
@media screen and (min-width: 769px) {
.module--landing-towels-attention-to-detail .grid__item--details-banner {
text-align: left;
}
}
.module--landing-towels-attention-to-detail .grid__item--details-banner p {
padding-bottom: 40px;
}
.module--landing-towels-attention-to-detail .grid__item--details-banner .heading4 {
font-size: 24px;
letter-spacing: 0.5px;
}
.module--landing-towels-attention-to-detail .detail-carousel .carousel-cell {
width: 100%;
}
.module--landing-towels-attention-to-detail .detail-carousel .flickity-page-dots {
bottom: -6px;
}
.module--landing-towels-attention-to-detail .detail-wrapper {
letter-spacing: 0.5px;
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-attention-to-detail .detail-wrapper {
margin-bottom: 0px;
}
}
.module--landing-towels-attention-to-detail .detail-wrapper img {
max-height: 100px;
margin-bottom: 36px;
}
.module--landing-towels-attention-to-detail .detail-wrapper .detail-title {
font-family: BrandonTextWeb-Bold;
}
.module--landing-towels-attention-to-detail .detail-wrapper .detail-description {
font-family: BrandonTextWeb-Regular;
max-width: 327px;
margin: 0px auto;
}
/*============== Towels Landing Page Shop Bundles (Shop CTAs) ================*/
.module--landing-towels-shopbundles {
padding: 30px 0px;
}
@media screen and (min-width: 769px) {
.module--landing-towels-shopbundles {
padding: 54px 0px;
}
}
.module--landing-towels-shopbundles .grid__item--header {
margin-bottom: 20px;
}
.module--landing-towels-shopbundles .grid__item--header h4 {
font-size: 24px;
margin-bottom: 12px;
}
.module--landing-towels-shopbundles .grid__item--header p {
font-family: BrandonTextWeb-Regular;
letter-spacing: 0.5px;
}
.module--landing-towels-shopbundles .grid--bundle-grid-desktop {
flex-direction: row;
justify-content: center;
}
.module--landing-towels-shopbundles .grid--bundle-grid-desktop .grid__item--product {
max-width: 270px;
margin-right: 30px;
padding-left: 0px;
margin-bottom: 40px;
}
.module--landing-towels-shopbundles .grid--bundle-grid-desktop .grid__item--product:last-of-type {
margin-right: 0px;
}
.module--landing-towels-shopbundles .grid--bundle-grid-mobile {
margin-bottom: 30px;
}
.module--landing-towels-shopbundles .grid--bundle-grid-mobile .carousel-cell {
width: 100%;
}
.module--landing-towels-shopbundles .product-wrapper {
margin: 0px;
font-family: BrandonTextWeb-Regular;
letter-spacing: 0.5px;
}
.module--landing-towels-shopbundles .product-wrapper .product-title {
font-size: 16px;
color: #171717;
}
.module--landing-towels-shopbundles .product-wrapper .price {
font-size: 14px;
color: #171717;
}
.module--landing-towels-shopbundles .product-wrapper img {
margin-bottom: 20px;
}
/*============== Towels Landing Page Plush Comparison Module =================*/
.module--landing-towels-plush {
background-color: #F8F8F8;
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-plush {
padding-bottom: 40px;
}
}
@media screen and (min-width: 769px) {
.module--landing-towels-plush {
padding: 56px 0px;
}
}
.module--landing-towels-plush .grid--flex {
justify-content: center;
}
.module--landing-towels-plush .grid__item--plush-banner {
text-align: center;
}
.module--landing-towels-plush .grid__item--plush-banner p {
padding-bottom: 40px;
}
.module--landing-towels-plush .grid__item--plush-banner .heading4 {
font-size: 24px;
text-align: center;
color: #171717;
margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
.module--landing-towels-plush .grid__item--plush-banner .heading4 {
margin-bottom: 0.75em;
}
}
.module--landing-towels-plush .grid__item--plush-banner .module-description {
font-family: BrandonTextWeb-Regular;
letter-spacing: 0.5px;
text-align: center;
}
.module--landing-towels-plush .plush-mobile-carousel {
padding-bottom: 54px;
}
.module--landing-towels-plush .plush-mobile-carousel .carousel-cell {
width: 100%;
}
.module--landing-towels-plush .plush-mobile-carousel .flickity-page-dots {
bottom: 30px;
}
.module--landing-towels-plush .product-name {
font-family: BrandonTextWeb-Bold;
font-size: 18px;
letter-spacing: 0.4px;
margin-bottom: 30px;
padding-bottom: 0px;
color: #0F1528;
}
.module--landing-towels-plush .product-description {
font-family: BrandonTextWeb-Regular;
}
.module--landing-towels-plush .product-description .super-plush-subtitle {
color: #04247D;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--landing-towels-plush .grid__item--product-grid {
flex-direction: row;
}
.module--landing-towels-plush .grid__item--towel-wrapper {
text-align: center;
margin-bottom: 72px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-plush .grid__item--towel-wrapper {
margin-bottom: 0px;
}
}
.module--landing-towels-plush .grid__item--towel-wrapper .product-image {
margin-bottom: 42px;
}
.module--landing-towels-plush .grid__item--plush-bottom {
padding-top: 60px;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex {
flex-direction: row;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item {
min-height: 200px;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex {
width: 50%;
align-items: center;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex.flex--end {
justify-content: flex-end;
margin-left: 10px;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex.flex--start {
justify-content: flex-start;
border: 3px solid #ffffff;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex.flex--start .inner--text {
padding-left: 60px;
padding-right: 60px;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex.flex--start .inner--text p {
margin-bottom: 2em;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex .heading4 {
margin-bottom: 0.75em;
}
.module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex .btn.body.large.upper, .module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex .module--account-details-content .body.large.upper.add-address, .module--account-details-content .module--landing-towels-plush .grid__item--plush-bottom .grid--flex .grid__item--flex .body.large.upper.add-address {
font-weight: normal !important;
background-color: #024bc2;
border-radius: 4px;
line-height: 50px;
}
/*=================== Towels Landing Page Press Module =======================*/
.module--landing-towels-press {
padding: 24px 0px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-press {
padding: 143px 0px;
}
}
.module--landing-towels-press .grid__item--press-wrapper {
padding-bottom: 36px;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--landing-towels-press .grid__item--press-wrapper .grid--flex {
flex-direction: row;
}
}
@media screen and (min-width: 768px) {
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .grid__item--flex {
margin: 0px 10px;
}
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-img {
min-height: 325px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-img.press-img--1 {
background-image: url( module--towels-landing-press-business-insider4ba7.jpg?v=18127790862051341722);
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-img.press-img--2 {
background-image: url( module--towels-landing-press-real-simple4b37.jpg?v=2322070040639362444);
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-img.press-img--3 {
background-image: url( module--towels-landing-press-bravo44c5.jpg?v=988370172290599822);
}
@media screen and (min-width: 768px) {
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-img {
min-height: 570px;
}
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description {
min-height: 0px;
margin: 30px 0px 48px 0px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description p {
max-width: 21em;
font-family: BrandonTextWeb-Regular;
font-size: 18px;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description {
min-height: 570px;
margin: 0px 10px;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description p {
margin-bottom: 36px;
}
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description .press-logo.press-logo--business-insider {
max-width: 100px;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description .press-logo.press-logo--real-simple {
max-width: 140px;
}
.module--landing-towels-press .grid__item--press-wrapper .grid--flex .press-description .press-logo.press-logo--bravo {
max-width: 60px;
}
/*============ Towels Landing Page Dress Your Bathroom Up Module =============*/
.module--landing-towels-dress-your-bathroom-up {
padding: 36px 0px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up {
padding: 66px 0px;
}
}
.module--landing-towels-dress-your-bathroom-up .module-title {
font-size: 24px;
letter-spacing: 0.5px;
line-height: 32px;
margin-bottom: 12px;
}
.module--landing-towels-dress-your-bathroom-up .module-subtitle {
font-family: BrandonTextWeb-Regular;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 42px;
}
.module--landing-towels-dress-your-bathroom-up .module-nav {
max-width: 600px;
margin: 0px auto;
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__mobile {
margin-bottom: 37px;
/* copy of CSS for the breadcrumbs on collection templates because this dropdown is identical*/
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__mobile #mobile-breadcrumb {
width: 100%;
background-image: url( ico-select-bluec586.svg?v=89634391539904298651713475717);
padding: 18px 10px;
font-family: BrandonTextWeb-Regular;
font-size: 16px;
letter-spacing: 0.5px;
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__mobile .nav-wrapper.blue {
display: block;
}
@media screen and (min-width: 1240px) {
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__mobile .nav-wrapper.blue {
display: none;
}
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__desktop {
display: flex;
justify-content: space-around;
margin-bottom: 50px;
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__desktop .nav-item {
font-family: BrandonTextWeb-Bold;
letter-spacing: 1px;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
min-height: 40px;
transition: color 0.3s;
position: relative;
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__desktop .nav-item:hover, .module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__desktop .nav-item.active {
color: #324eca;
cursor: pointer;
}
.module--landing-towels-dress-your-bathroom-up .module-nav .module-nav__desktop .nav-item.active:after {
border-bottom: 3px solid #324eca;
content: " ";
position: absolute;
bottom: 0;
left: -30%;
width: 160%;
}
.module--landing-towels-dress-your-bathroom-up .module-body {
max-width: 1020px;
margin: 0px auto;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section {
display: none;
opacity: 0;
transition: opacity 0.2s;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section.active {
display: flex;
opacity: 1;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-img {
margin-right: auto;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-img {
margin-bottom: 0px;
}
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc {
max-width: 590px;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc h2 {
margin-bottom: 12px;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc p {
font-family: BrandonTextWeb-Regular;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products {
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product {
max-width: 170px;
max-height: 250px;
}
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a {
color: #171717;
transition: color 0.3s;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a:hover {
color: #324eca;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a img {
margin-bottom: 24px;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a p {
font-size: 14px;
margin-bottom: 0px;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a p.product-title {
font-family: BrandonTextWeb-Bold;
font-size: 18px;
line-height: 26px;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products .product a p.product-title {
font-family: BrandonTextWeb-Regular;
font-size: 14px;
line-height: 22px;
}
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products.products--desktop img {
max-width: 90%;
}
@media screen and (min-width: 1024px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products.products--desktop img {
max-width: 100%;
}
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel:after {
content: "flickity";
display: block;
height: 1px;
overflow: hidden;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel {
margin-left: -20px;
opacity: 0;
transition: opacity 150ms;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel .carousel-cell {
width: 80%;
padding-left: 20px;
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel.flickity-enabled {
opacity: 1;
}
@media screen and (min-width: 768px) {
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc {
/* disable Flickity for large devices */
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel:after {
content: "";
}
.module--landing-towels-dress-your-bathroom-up .module-body .grid--module-section .grid__item--body-desc .products--mobile-carousel {
opacity: 1;
margin-left: -30px;
}
}
/*================ Towels Landing Page For Everybody Module ==================*/
.module--landing-towels-for-everybody {
padding-top: 40px;
background-color: #DAEBF7;
}
@media screen and (min-width: 768px) {
.module--landing-towels-for-everybody {
padding-bottom: 40px;
}
}
@media screen and (min-width: 769px) {
.module--landing-towels-for-everybody {
padding-top: 80px;
padding-bottom: 80px;
}
}
.module--landing-towels-for-everybody .for-everybody-plushie {
background-image: url( ../module--landing-towels-for-everybody-plush5659a.html?1992053);
background-size: 57%;
background-position: -10% 50%;
position: relative;
background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) {
.module--landing-towels-for-everybody .for-everybody-plushie {
background-size: 50%;
}
}
.module--landing-towels-for-everybody .grid--flex {
justify-content: center;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-banner {
text-align: center;
}
@media screen and (min-width: 769px) {
.module--landing-towels-for-everybody .grid__item--for-everybody-banner {
text-align: left;
}
}
.module--landing-towels-for-everybody .grid__item--for-everybody-banner p {
padding-bottom: 40px;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-banner .heading4 {
color: #000000;
margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
.module--landing-towels-for-everybody .grid__item--for-everybody-banner .heading4 {
margin-bottom: 0.75em;
}
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom {
padding-top: 60px;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex {
flex-direction: row;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item {
min-height: 200px;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .inner--text {
color: #ffffff;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex {
width: 50%;
align-items: center;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex.flex--end {
justify-content: flex-end;
margin-left: 10px;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex.flex--start {
justify-content: flex-start;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex.flex--start .inner--text {
padding-left: 30px;
padding-right: 30px;
max-width: 500px;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex.flex--start .inner--text p {
margin-bottom: 1.5em;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex .heading4 {
margin-bottom: 0.75em;
}
.module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex .btn.body.large.upper, .module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex .module--account-details-content .body.large.upper.add-address, .module--account-details-content .module--landing-towels-for-everybody .grid__item--for-everybody-bottom .grid--flex .grid__item--flex .body.large.upper.add-address {
font-weight: normal !important;
background-color: #024bc2;
border-radius: 4px;
line-height: 50px;
}
/*================ Towels Landing Page Shop Weights Module ===================*/
@media screen and (min-width: 768px) {
.module--landing-towels-shop-weights .grid--flex {
flex-direction: row;
}
}
.module--landing-towels-shop-weights .grid--flex .collection-container {
width: 100%;
padding: 97px 0px 72px 0px;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a {
color: #171717;
transition: color 0.3s;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a .collection-title {
margin-bottom: 1.5em;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a .collection-image-wrapper {
height: 200px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a .collection-image-wrapper .collection-image {
max-width: 80%;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a .arrow {
margin-bottom: 0px;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a .arrow::after {
content: "→" !important;
font-size: 24px;
}
.module--landing-towels-shop-weights .grid--flex .collection-container a:hover {
color: #024bc2;
}
.module--landing-towels-shop-weights .grid--flex .collection-container.collection-container--ultralight {
background-color: #F2F2F2;
}
.module--landing-towels-shop-weights .grid--flex .collection-container.collection-container--mid-plush {
background-color: #E8E8E8;
}
.module--landing-towels-shop-weights .grid--flex .collection-container.collection-container--super-plush {
background-color: #CFCECE;
}
/*============================================================================
#Linen, Hammam, Cashmere Marketing Landing Pages
==============================================================================*/
.template-page-landing-comforters .main-content.wrapper, .template-page-landing-linen .main-content.wrapper, .template-page-landing-hammam .main-content.wrapper, .template-page-landing-heathered-cashmere .main-content.wrapper {
margin-top: 0;
}
.template-page-landing-comforters hr, .template-page-landing-linen hr, .template-page-landing-hammam hr, .template-page-landing-heathered-cashmere hr {
width: 95%;
margin: 40px auto;
}
@media screen and (min-width: 768px) {
.template-page-landing-comforters hr, .template-page-landing-linen hr, .template-page-landing-hammam hr, .template-page-landing-heathered-cashmere hr {
margin: 70px auto;
display: block;
}
}
.template-page-landing-comforters hr.tall, .template-page-landing-linen hr.tall, .template-page-landing-hammam hr.tall, .template-page-landing-heathered-cashmere hr.tall {
margin: 90px auto 40px;
}
.template-page-landing-hammam hr {
display: block;
margin-top: 24px;
}
/*============================== Hero Module ================================*/
.module--linen-comforters-hero, .module--linen-marketing-hero, .module--hammam-marketing-hero, .module--cashmere-marketing-hero {
margin-bottom: 70px;
}
.module--linen-comforters-hero .module--linen-marketing-hero-image, .module--linen-marketing-hero .module--linen-marketing-hero-image, .module--hammam-marketing-hero .module--linen-marketing-hero-image, .module--cashmere-marketing-hero .module--linen-marketing-hero-image {
min-height: 400px;
background-size: cover;
background-image: url( module--landing-linen-hero-image__summer-2020_mobile761e.jpg?v=4661537813354940725);
background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
.module--linen-comforters-hero .module--linen-marketing-hero-image, .module--linen-marketing-hero .module--linen-marketing-hero-image, .module--hammam-marketing-hero .module--linen-marketing-hero-image, .module--cashmere-marketing-hero .module--linen-marketing-hero-image {
min-height: 450px;
background-image: url( module--landing-linen-hero-image__summer-2020_desktopd77a.jpg?v=7525323724428078015);
background-position: 50% 50%;
}
}
.module--linen-comforters-hero .module--hammam-marketing-hero-image, .module--linen-marketing-hero .module--hammam-marketing-hero-image, .module--hammam-marketing-hero .module--hammam-marketing-hero-image, .module--cashmere-marketing-hero .module--hammam-marketing-hero-image {
min-height: 400px;
background-size: cover;
background-image: url( module--hammam-marketing-hero__mobilea48d.jpg?v=12464948386043148368);
background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
.module--linen-comforters-hero .module--hammam-marketing-hero-image, .module--linen-marketing-hero .module--hammam-marketing-hero-image, .module--hammam-marketing-hero .module--hammam-marketing-hero-image, .module--cashmere-marketing-hero .module--hammam-marketing-hero-image {
min-height: 450px;
background-image: url( module--hammam-marketing-hero__desktopd065.jpg?v=14467818450313893424);
background-position: 50% 50%;
}
}
.module--linen-comforters-hero .module--cashmere-marketing-hero-image, .module--linen-marketing-hero .module--cashmere-marketing-hero-image, .module--hammam-marketing-hero .module--cashmere-marketing-hero-image, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-image {
min-height: 400px;
background-size: cover;
background-image: url( module--cashmere-marketing-hero__mobile05c5.jpg?v=15571152950504202847);
background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
.module--linen-comforters-hero .module--cashmere-marketing-hero-image, .module--linen-marketing-hero .module--cashmere-marketing-hero-image, .module--hammam-marketing-hero .module--cashmere-marketing-hero-image, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-image {
min-height: 450px;
background-image: url( module--cashmere-marketing-hero__desktopd04b.jpg?v=9227325561782687804);
background-position: 50% 50%;
}
}
.module--linen-comforters-hero .module--linen-marketing-hero-text .grid__item--copy, .module--linen-comforters-hero .module--hammam-marketing-hero-text .grid__item--copy, .module--linen-comforters-hero .module--cashmere-marketing-hero-text .grid__item--copy, .module--linen-marketing-hero .module--linen-marketing-hero-text .grid__item--copy, .module--linen-marketing-hero .module--hammam-marketing-hero-text .grid__item--copy, .module--linen-marketing-hero .module--cashmere-marketing-hero-text .grid__item--copy, .module--hammam-marketing-hero .module--linen-marketing-hero-text .grid__item--copy, .module--hammam-marketing-hero .module--hammam-marketing-hero-text .grid__item--copy, .module--hammam-marketing-hero .module--cashmere-marketing-hero-text .grid__item--copy, .module--cashmere-marketing-hero .module--linen-marketing-hero-text .grid__item--copy, .module--cashmere-marketing-hero .module--hammam-marketing-hero-text .grid__item--copy, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-text .grid__item--copy {
text-align: center;
align-items: center;
justify-content: center;
padding: 30px 30px 0px 30px;
color: #283455;
}
.module--linen-comforters-hero .module--linen-marketing-hero-text h1, .module--linen-comforters-hero .module--hammam-marketing-hero-text h1, .module--linen-comforters-hero .module--cashmere-marketing-hero-text h1, .module--linen-marketing-hero .module--linen-marketing-hero-text h1, .module--linen-marketing-hero .module--hammam-marketing-hero-text h1, .module--linen-marketing-hero .module--cashmere-marketing-hero-text h1, .module--hammam-marketing-hero .module--linen-marketing-hero-text h1, .module--hammam-marketing-hero .module--hammam-marketing-hero-text h1, .module--hammam-marketing-hero .module--cashmere-marketing-hero-text h1, .module--cashmere-marketing-hero .module--linen-marketing-hero-text h1, .module--cashmere-marketing-hero .module--hammam-marketing-hero-text h1, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-text h1 {
font-size: 36px;
margin-bottom: 15px;
}
.module--linen-comforters-hero .module--linen-marketing-hero-text p, .module--linen-comforters-hero .module--hammam-marketing-hero-text p, .module--linen-comforters-hero .module--cashmere-marketing-hero-text p, .module--linen-marketing-hero .module--linen-marketing-hero-text p, .module--linen-marketing-hero .module--hammam-marketing-hero-text p, .module--linen-marketing-hero .module--cashmere-marketing-hero-text p, .module--hammam-marketing-hero .module--linen-marketing-hero-text p, .module--hammam-marketing-hero .module--hammam-marketing-hero-text p, .module--hammam-marketing-hero .module--cashmere-marketing-hero-text p, .module--cashmere-marketing-hero .module--linen-marketing-hero-text p, .module--cashmere-marketing-hero .module--hammam-marketing-hero-text p, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-text p {
margin-bottom: 30px;
font-family: "BrandonTextWeb-Regular";
font-size: 18px;
letter-spacing: 0.5px;
}
.module--linen-comforters-hero .module--linen-marketing-hero-text a, .module--linen-comforters-hero .module--hammam-marketing-hero-text a, .module--linen-comforters-hero .module--cashmere-marketing-hero-text a, .module--linen-marketing-hero .module--linen-marketing-hero-text a, .module--linen-marketing-hero .module--hammam-marketing-hero-text a, .module--linen-marketing-hero .module--cashmere-marketing-hero-text a, .module--hammam-marketing-hero .module--linen-marketing-hero-text a, .module--hammam-marketing-hero .module--hammam-marketing-hero-text a, .module--hammam-marketing-hero .module--cashmere-marketing-hero-text a, .module--cashmere-marketing-hero .module--linen-marketing-hero-text a, .module--cashmere-marketing-hero .module--hammam-marketing-hero-text a, .module--cashmere-marketing-hero .module--cashmere-marketing-hero-text a {
background-color: #181818;
width: 270px;
margin: 0 auto;
}
.module--linen-comforters-hero .btn, .module--linen-comforters-hero .module--account-details-content .add-address, .module--account-details-content .module--linen-comforters-hero .add-address, .module--linen-marketing-hero .btn, .module--linen-marketing-hero .module--account-details-content .add-address, .module--account-details-content .module--linen-marketing-hero .add-address, .module--hammam-marketing-hero .btn, .module--hammam-marketing-hero .module--account-details-content .add-address, .module--account-details-content .module--hammam-marketing-hero .add-address, .module--cashmere-marketing-hero .btn, .module--cashmere-marketing-hero .module--account-details-content .add-address, .module--account-details-content .module--cashmere-marketing-hero .add-address {
text-transform: none;
font-family: "BrandonTextWeb-Regular";
letter-spacing: 0.5px;
}
.module--linen-marketing-hero .module--linen-marketing-hero-text h1 {
color: #293C70;
}
.module--linen-marketing-hero .module--linen-marketing-hero-text p {
color: #121c2c;
}
.module--linen-marketing-hero .module--linen-marketing-hero-text a {
background-color: #293C70;
}
.module--hammam-marketing-hero {
margin-bottom: 0px;
}
/*========================= Shop Collection Module ===========================*/
.module--linen-marketing-collection, .module--hammam-marketing-collection, .module--cashmere-marketing-collection {
margin-bottom: 70px;
}
.module--linen-marketing-collection .grid__item--collection-banner, .module--hammam-marketing-collection .grid__item--collection-banner, .module--cashmere-marketing-collection .grid__item--collection-banner {
margin-bottom: 30px;
}
.module--linen-marketing-collection .grid__item--collection-banner h3, .module--hammam-marketing-collection .grid__item--collection-banner h3, .module--cashmere-marketing-collection .grid__item--collection-banner h3 {
text-align: center;
font-size: 24px !important;
line-height: 1.3;
color: #283455;
}
.module--linen-marketing-collection .grid__item--collections .grid .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item {
text-align: center;
margin-bottom: 24px;
}
.module--linen-marketing-collection .grid__item--collections .grid .grid__item .inner-image img, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-image img, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item .inner-image img, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item .inner-image img, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-image img, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item .inner-image img, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item .inner-image img, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-image img, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item .inner-image img {
width: 100%;
}
.module--linen-marketing-collection .grid__item--collections .grid .grid__item .inner-text, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item .inner-text, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item .inner-text, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text {
margin-top: 20px;
}
.module--linen-marketing-collection .grid__item--collections .grid .grid__item .inner-text p, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item .inner-text p, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item .inner-text p, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p {
color: #283455;
margin: 0 0 0.25em 0;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--linen-marketing-collection .grid__item--collections .grid .grid__item .inner-text p:last-child, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p:last-child, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p:last-child, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p:last-child, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p:last-child, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item .inner-text p:last-child, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p:last-child, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p:last-child, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p:last-child, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p:last-child, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item .inner-text p:last-child, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item .inner-text p:last-child, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item .inner-text p:last-child, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item .inner-text p:last-child, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item .inner-text p:last-child {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
@media screen and (min-width: 768px) {
.module--linen-marketing-collection .grid__item--collections .grid .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--linen-marketing-collection .grid__item--collections .grid--full .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--hammam-marketing-collection .grid__item--collections .grid--full .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-30 .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--gutter-24 .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--rev .grid__item, .module--cashmere-marketing-collection .grid__item--collections .grid--full .grid__item {
text-align: left;
}
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell {
width: 100%;
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper {
text-align: center;
margin-bottom: 24px;
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child {
margin-right: 0px;
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img {
width: 100%;
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text {
margin-top: 20px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p {
color: #283455;
margin: 0 0 0.25em 0;
}
.module--linen-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--linen-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--linen-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child, .module--hammam-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--hammam-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--hammam-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child, .module--cashmere-marketing-collection .linen-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--cashmere-marketing-collection .cashmere-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child,
.module--cashmere-marketing-collection .hammam-landing-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child {
font-size: 14px;
}
.module--linen-marketing-collection .grid__item--collection-banner h3 {
color: #293C70;
}
/*============================== Slider Module ===============================*/
.module--linen-marketing-sliders {
margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
.module--linen-marketing-sliders {
padding: 0;
}
}
.module--linen-marketing-sliders .linen-shelf-header {
margin-bottom: 35px;
}
.module--linen-marketing-sliders .linen-shelf-header h3 {
font-size: 24px;
margin-bottom: 18px;
}
.module--linen-marketing-sliders .linen-shelf-header p {
margin-bottom: 0;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button {
width: 40px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
border-radius: 0 !important;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button:hover {
background: rgba(255, 255, 255, 0.8);
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button.next {
right: 0px;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button.previous {
left: 0px;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button.next:after {
content: "→" !important;
font-size: 20px;
}
.module--linen-marketing-sliders .carousel-section .flickity-prev-next-button.previous:after {
content: "←" !important;
font-size: 20px;
}
.module--linen-marketing-sliders .carousel-section .flickity-button:focus {
box-shadow: none;
}
.module--linen-marketing-sliders .carousel-section .carousel-cell {
width: 100%;
background-size: cover;
background-position: center center;
opacity: 0;
transition: opacity 1000ms ease-in-out;
z-index: -1;
}
.module--linen-marketing-sliders .carousel-section .carousel-cell p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 5px;
}
.module--linen-marketing-sliders .carousel-section .carousel-cell a {
color: #181818 !important;
}
.module--linen-marketing-sliders .carousel-section .carousel-cell .grey {
color: #9B9B9B;
}
.module--linen-marketing-sliders .carousel-section .carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--linen-marketing-sliders .carousel-section .carousel-one .carousel-cell {
min-height: 350px;
}
@media screen and (min-width: 769px) {
.module--linen-marketing-sliders .carousel-section .carousel-one .carousel-cell {
height: 415px;
}
}
@media screen and (min-width: 769px) {
.module--linen-marketing-sliders .carousel-section .carousel-two .carousel-cell img,
.module--linen-marketing-sliders .carousel-section .carousel-three .carousel-cell img,
.module--linen-marketing-sliders .carousel-section .carousel-four .carousel-cell img {
height: auto;
}
}
.module--linen-marketing-sliders .carousel-section .carousel-one,
.module--linen-marketing-sliders .carousel-section .carousel-two,
.module--linen-marketing-sliders .carousel-section .carousel-three,
.module--linen-marketing-sliders .carousel-section .carousel-four {
margin-bottom: 24px;
}
.module--linen-marketing-sliders p.grey {
height: 35px;
}
.module--linen-marketing-sliders .flickity-page-dots {
bottom: 0;
}
.module--cashmere-marketing-sliders {
margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
.module--cashmere-marketing-sliders {
padding: 0;
}
}
.module--cashmere-marketing-sliders .cashmere-shelf-header {
margin-bottom: 35px;
}
.module--cashmere-marketing-sliders .cashmere-shelf-header h3 {
font-size: 24px;
margin-bottom: 18px;
}
.module--cashmere-marketing-sliders .cashmere-shelf-header p {
margin-bottom: 0;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button {
width: 40px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
border-radius: 0 !important;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button:hover {
background: rgba(255, 255, 255, 0.8);
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button.next {
right: 0px;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button.previous {
left: 0px;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button.next:after {
content: "→" !important;
font-size: 20px;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-prev-next-button.previous:after {
content: "←" !important;
font-size: 20px;
}
.module--cashmere-marketing-sliders .carousel-section .flickity-button:focus {
box-shadow: none;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-cell {
width: 100%;
background-size: cover;
background-position: center center;
opacity: 0;
transition: opacity 1000ms ease-in-out;
z-index: -1;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-cell p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 5px;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-cell a {
color: #181818 !important;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-cell .grey {
color: #9B9B9B;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--cashmere-marketing-sliders .carousel-section .carousel-one .carousel-cell {
min-height: 350px;
}
@media screen and (min-width: 769px) {
.module--cashmere-marketing-sliders .carousel-section .carousel-one .carousel-cell {
height: 415px;
}
}
@media screen and (min-width: 769px) {
.module--cashmere-marketing-sliders .carousel-section .carousel-two .carousel-cell img,
.module--cashmere-marketing-sliders .carousel-section .carousel-three .carousel-cell img,
.module--cashmere-marketing-sliders .carousel-section .carousel-four .carousel-cell img {
height: auto;
}
}
.module--cashmere-marketing-sliders .carousel-section .carousel-one,
.module--cashmere-marketing-sliders .carousel-section .carousel-two,
.module--cashmere-marketing-sliders .carousel-section .carousel-three,
.module--cashmere-marketing-sliders .carousel-section .carousel-four {
margin-bottom: 24px;
}
.module--cashmere-marketing-sliders p.grey {
height: 35px;
}
.module--cashmere-marketing-sliders .flickity-page-dots {
bottom: 0;
}
/*========================= What's the Diff Module ===========================*/
.module--linen-marketing-whats-the-diff, .module--cashmere-marketing-whats-the-diff {
margin-bottom: 70px;
}
.module--linen-marketing-whats-the-diff h3.heading3--bold, .module--cashmere-marketing-whats-the-diff h3.heading3--bold {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px !important;
text-align: center;
margin-bottom: 20px;
}
.module--linen-marketing-whats-the-diff p, .module--cashmere-marketing-whats-the-diff p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-align: center;
margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
.module--linen-marketing-whats-the-diff p, .module--cashmere-marketing-whats-the-diff p {
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.module--linen-marketing-whats-the-diff p.show-mobile, .module--cashmere-marketing-whats-the-diff p.show-mobile {
display: none;
}
.module--linen-marketing-whats-the-diff p.show-desktop, .module--cashmere-marketing-whats-the-diff p.show-desktop {
display: block;
}
}
.module--linen-marketing-whats-the-diff .grid__item--diff-detail-images, .module--cashmere-marketing-whats-the-diff .grid__item--diff-detail-images {
margin-bottom: 40px;
}
.module--linen-marketing-whats-the-diff .grid__item--diff-detail-images p.title, .module--cashmere-marketing-whats-the-diff .grid__item--diff-detail-images p.title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
line-height: 1.5;
letter-spacing: 3px;
color: #283455;
margin-top: 20px;
margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
.module--linen-marketing-whats-the-diff .grid__item--diff-detail-images p.title, .module--cashmere-marketing-whats-the-diff .grid__item--diff-detail-images p.title {
font-size: 16px;
}
}
.module--linen-marketing-whats-the-diff .grid__item--diff-detail-images p.subtitle, .module--cashmere-marketing-whats-the-diff .grid__item--diff-detail-images p.subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 28px;
color: #283455;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
.module--linen-marketing-whats-the-diff .grid__item--diff-detail-images .inner-image, .module--cashmere-marketing-whats-the-diff .grid__item--diff-detail-images .inner-image {
margin-bottom: 20px;
}
}
.module--linen-marketing-whats-the-diff .inner-image.last, .module--cashmere-marketing-whats-the-diff .inner-image.last {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.module--linen-marketing-whats-the-diff .inner-image.last, .module--cashmere-marketing-whats-the-diff .inner-image.last {
margin-bottom: 20px;
}
}
.module--linen-marketing-whats-the-diff .btn, .module--linen-marketing-whats-the-diff .module--account-details-content .add-address, .module--account-details-content .module--linen-marketing-whats-the-diff .add-address, .module--cashmere-marketing-whats-the-diff .btn, .module--cashmere-marketing-whats-the-diff .module--account-details-content .add-address, .module--account-details-content .module--cashmere-marketing-whats-the-diff .add-address {
margin: 0 auto;
text-transform: none;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
width: 290px;
}
/*============================= Why do you love =============================*/
.module--landing-linen-why-you-love .module-title, .module--landing-linen-introducing .module-title, .module--landing-linen-inspiration .module-title,
.module--hammam-marketing-towels .module-title, .module--hammam-marketing-blankets .module-title, .module--hammam-marketing-robes .module-title,
.module--landing-cashmere-why-you-love .module-title, .module--landing-cashmere-introducing .module-title, .module--landing-cashmere-inspiration .module-title {
font-size: 24px;
margin-bottom: 24px;
text-align: center;
color: #283455;
}
.module--landing-linen-why-you-love .module-subtitle, .module--landing-linen-introducing .module-subtitle, .module--landing-linen-inspiration .module-subtitle,
.module--hammam-marketing-towels .module-subtitle, .module--hammam-marketing-blankets .module-subtitle, .module--hammam-marketing-robes .module-subtitle,
.module--landing-cashmere-why-you-love .module-subtitle, .module--landing-cashmere-introducing .module-subtitle, .module--landing-cashmere-inspiration .module-subtitle {
padding: 0px 30px;
margin-bottom: 36px;
font-family: "BrandonTextWeb-Regular";
font-size: 16px;
letter-spacing: 0.5px;
color: #283455;
}
.module--landing-linen-why-you-love .grid__item--module-component, .module--landing-linen-introducing .grid__item--module-component, .module--landing-linen-inspiration .grid__item--module-component,
.module--hammam-marketing-towels .grid__item--module-component, .module--hammam-marketing-blankets .grid__item--module-component, .module--hammam-marketing-robes .grid__item--module-component,
.module--landing-cashmere-why-you-love .grid__item--module-component, .module--landing-cashmere-introducing .grid__item--module-component, .module--landing-cashmere-inspiration .grid__item--module-component {
margin-bottom: 24px;
}
.module--landing-linen-why-you-love .grid__item--module-component .product-wrapper .img-wrapper, .module--landing-linen-introducing .grid__item--module-component .product-wrapper .img-wrapper, .module--landing-linen-inspiration .grid__item--module-component .product-wrapper .img-wrapper,
.module--hammam-marketing-towels .grid__item--module-component .product-wrapper .img-wrapper, .module--hammam-marketing-blankets .grid__item--module-component .product-wrapper .img-wrapper, .module--hammam-marketing-robes .grid__item--module-component .product-wrapper .img-wrapper,
.module--landing-cashmere-why-you-love .grid__item--module-component .product-wrapper .img-wrapper, .module--landing-cashmere-introducing .grid__item--module-component .product-wrapper .img-wrapper, .module--landing-cashmere-inspiration .grid__item--module-component .product-wrapper .img-wrapper {
margin-bottom: 12px;
}
.module--landing-linen-why-you-love .grid__item--module-component .product-wrapper p, .module--landing-linen-introducing .grid__item--module-component .product-wrapper p, .module--landing-linen-inspiration .grid__item--module-component .product-wrapper p,
.module--hammam-marketing-towels .grid__item--module-component .product-wrapper p, .module--hammam-marketing-blankets .grid__item--module-component .product-wrapper p, .module--hammam-marketing-robes .grid__item--module-component .product-wrapper p,
.module--landing-cashmere-why-you-love .grid__item--module-component .product-wrapper p, .module--landing-cashmere-introducing .grid__item--module-component .product-wrapper p, .module--landing-cashmere-inspiration .grid__item--module-component .product-wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
font-size: 14px;
letter-spacing: 0.5px;
text-align: center;
margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.module--landing-linen-why-you-love .grid__item--module-component .product-wrapper p, .module--landing-linen-introducing .grid__item--module-component .product-wrapper p, .module--landing-linen-inspiration .grid__item--module-component .product-wrapper p,
.module--hammam-marketing-towels .grid__item--module-component .product-wrapper p, .module--hammam-marketing-blankets .grid__item--module-component .product-wrapper p, .module--hammam-marketing-robes .grid__item--module-component .product-wrapper p,
.module--landing-cashmere-why-you-love .grid__item--module-component .product-wrapper p, .module--landing-cashmere-introducing .grid__item--module-component .product-wrapper p, .module--landing-cashmere-inspiration .grid__item--module-component .product-wrapper p {
text-align: left;
}
}
.module--landing-linen-why-you-love .grid__item--module-component .product-wrapper p.product-subtitle, .module--landing-linen-introducing .grid__item--module-component .product-wrapper p.product-subtitle, .module--landing-linen-inspiration .grid__item--module-component .product-wrapper p.product-subtitle,
.module--hammam-marketing-towels .grid__item--module-component .product-wrapper p.product-subtitle, .module--hammam-marketing-blankets .grid__item--module-component .product-wrapper p.product-subtitle, .module--hammam-marketing-robes .grid__item--module-component .product-wrapper p.product-subtitle,
.module--landing-cashmere-why-you-love .grid__item--module-component .product-wrapper p.product-subtitle, .module--landing-cashmere-introducing .grid__item--module-component .product-wrapper p.product-subtitle, .module--landing-cashmere-inspiration .grid__item--module-component .product-wrapper p.product-subtitle {
color: #9B9B9B;
}
.module--landing-linen-why-you-love .grid__item--module-component .carousel-cell, .module--landing-linen-introducing .grid__item--module-component .carousel-cell, .module--landing-linen-inspiration .grid__item--module-component .carousel-cell,
.module--hammam-marketing-towels .grid__item--module-component .carousel-cell, .module--hammam-marketing-blankets .grid__item--module-component .carousel-cell, .module--hammam-marketing-robes .grid__item--module-component .carousel-cell,
.module--landing-cashmere-why-you-love .grid__item--module-component .carousel-cell, .module--landing-cashmere-introducing .grid__item--module-component .carousel-cell, .module--landing-cashmere-inspiration .grid__item--module-component .carousel-cell {
width: 100%;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.next,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button.next,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.next, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.next {
right: 0px;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.next:after,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button.next:after,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.next:after, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.next:after {
content: "→" !important;
font-size: 20px;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.previous,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button.previous,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.previous, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.previous {
left: 0px;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button.previous:after {
content: "←" !important;
font-size: 20px;
}
.module--landing-linen-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button, .module--landing-linen-introducing .mobile-lifestyle-carousel .flickity-prev-next-button, .module--landing-linen-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button,
.module--hammam-marketing-towels .mobile-lifestyle-carousel .flickity-prev-next-button, .module--hammam-marketing-blankets .mobile-lifestyle-carousel .flickity-prev-next-button, .module--hammam-marketing-robes .mobile-lifestyle-carousel .flickity-prev-next-button,
.module--landing-cashmere-why-you-love .mobile-lifestyle-carousel .flickity-prev-next-button, .module--landing-cashmere-introducing .mobile-lifestyle-carousel .flickity-prev-next-button, .module--landing-cashmere-inspiration .mobile-lifestyle-carousel .flickity-prev-next-button {
top: 50%;
width: 40px;
height: 100%;
border-radius: 0%;
transform: translateY(-50%);
}
.module--landing-linen-inspiration .module-title {
color: #293C70;
}
.module--landing-linen-inspiration .module-subtitle {
color: #121c2c;
}
.module--landing-linen-why-you-love .module-title {
color: #293C70;
line-height: 1.3;
}
.module--landing-linen-why-you-love .module-subtitle {
color: #121c2c;
}
/*============================================================================
#Homepage Modules
==============================================================================*/
/*========================= Homepage Hero Carousel ===========================*/
.module--homepage-hero-slider {
width: calc(100vw + 0px);
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider {
width: 100vw;
}
}
.module--homepage-hero-slider .wrapper {
max-width: none;
padding: 0;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell {
opacity: 0;
width: 100%;
transition: opacity 1000ms ease-in-out;
z-index: -1;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module-image {
min-height: 350px;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module-image {
min-height: 500px;
width: 100%;
height: 100%;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption {
z-index: 40;
width: 100%;
padding: 35px 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #171717;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption {
padding: 0px 30px;
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 64%;
width: 36%;
align-items: flex-start;
text-align: left;
margin-bottom: 0px;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption a {
color: #171717;
margin-bottom: 35px;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption a:hover {
color: #171717;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption a {
margin-bottom: 0;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption h6 {
display: none !important;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption h6 {
display: block !important;
margin-bottom: 30px;
line-height: 1;
font-size: 14px;
letter-spacing: 0.0315em;
color: #171717;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption h1 {
margin-bottom: 10px;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
color: #171717;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption p {
margin-bottom: 30px;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.btn, .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption .module--account-details-content div.add-address, .module--account-details-content .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.add-address {
background-color: #024BC2;
color: #fff;
transition: all 300ms ease-in-out;
border-radius: 0;
padding: 0px 60px;
text-decoration: none;
text-transform: none !important;
line-height: 50px;
width: 270px;
margin: 0 auto;
text-align: center;
font-size: 16px;
}
@media screen and (min-width: 769px) {
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.btn, .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption .module--account-details-content div.add-address, .module--account-details-content .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.add-address {
margin: 0;
}
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.btn:hover, .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption .module--account-details-content div.add-address:hover, .module--account-details-content .module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell .module--homepage-hero-caption div.add-address:hover {
background-color: #0e285b;
color: #fff;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .module--homepage-hero-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .flickity-page-dots {
bottom: 30px;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .flickity-page-dots .dot {
background: #ddd;
opacity: 1;
height: 8px;
width: 8px;
margin: 0px 6px;
}
.module--homepage-hero-slider .module--homepage-hero-carousel .flickity-page-dots .dot.is-selected {
background: #000;
opacity: 1;
}
/*========================= Homepage Press Ribbon ============================*/
.template-index .main-content {
margin-top: 0;
}
.module--homepage-press-ribbon {
background: #f2f2f2;
padding: 40px 0 40px 0;
}
.module--homepage-press-ribbon p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 16px !important;
color: #171717;
letter-spacing: 0.032em;
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.module--homepage-press-ribbon p {
font-size: 20px;
}
}
.module--homepage-press-ribbon p span.bold {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 16px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-press-ribbon p span.bold {
font-size: 16px;
}
}
.module--homepage-press-ribbon p.publication {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
margin-top: 16px;
}
@media screen and (min-width: 769px) {
.module--homepage-press-ribbon p.publication {
font-size: 16px;
}
}
.module--homepage-press-ribbon p.reviews-link {
color: #024BC2;
text-decoration: underline;
}
.module--homepage-press-ribbon p.reviews-link:hover {
color: #0e285b;
}
.module--homepage-press-ribbon .flickity-prev-next-button {
width: 40px;
height: 100%;
background: rgba(255, 255, 255, 0);
border-radius: 0 !important;
}
.module--homepage-press-ribbon .flickity-prev-next-button:hover {
background: rgba(255, 255, 255, 0);
}
.module--homepage-press-ribbon .flickity-prev-next-button.next {
right: 0px;
}
.module--homepage-press-ribbon .flickity-prev-next-button.previous {
left: 20px;
}
.module--homepage-press-ribbon .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.module--homepage-press-ribbon .flickity-prev-next-button.next:after {
content: "→" !important;
font-size: 20px;
}
.module--homepage-press-ribbon .flickity-prev-next-button.previous:after {
content: "←" !important;
font-size: 20px;
}
.module--homepage-press-ribbon .flickity-button:focus {
box-shadow: none;
}
@media screen and (max-width: 768px) {
.module--homepage-press-ribbon .wrapper {
padding: 0;
max-width: none;
}
.module--homepage-press-ribbon .flickity-slider {
padding: 0 10%;
}
.module--homepage-press-ribbon .carousel-cell {
width: 100%;
height: 80px;
margin-right: 40px;
text-align: center;
}
.module--homepage-press-ribbon .carousel-cell:first-of-type {
padding-left: 25px;
}
.module--homepage-press-ribbon .carousel-cell:last-of-type {
padding-right: 0px;
}
}
/*=========================== Homepage Rewards ============================*/
.module--homepage-rewards {
padding: 60px 30px;
}
@media screen and (min-width: 768px) {
.module--homepage-rewards {
padding: 60px 0px;
}
}
.module--homepage-rewards p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--homepage-rewards .btn, .module--homepage-rewards .module--account-details-content .add-address, .module--account-details-content .module--homepage-rewards .add-address {
margin: 0px auto;
max-width: 275px;
}
.module--homepage-rewards .module--homepage-rewards__title {
margin-bottom: 12px;
font-size: 24px;
}
.module--homepage-rewards .module--homepage-rewards__balance .balance-title {
margin-bottom: 12px;
}
.module--homepage-rewards .module--homepage-rewards__balance span {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-family: BrandonTextWeb-Bold;
color: #293C70;
}
/*=========================== Homepage Value Prop ============================*/
.module--homepage-value-prop a {
color: #171717;
}
.module--homepage-value-prop a:hover {
color: #171717;
}
.module--homepage-value-prop a .grid--flex {
margin: 60px 0px;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.module--homepage-value-prop a .grid--flex {
margin: 90px 90px 75px 90px;
margin: 60px 30px;
}
}
.module--homepage-value-prop a .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
line-height: 1.42;
letter-spacing: 0.032em;
}
@media screen and (min-width: 769px) {
.module--homepage-value-prop a .title {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-value-prop a .title {
line-height: 1;
}
}
.module--homepage-value-prop a p {
padding-bottom: 0;
text-align: center;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 1.42;
letter-spacing: 0.025em;
font-size: 16px !important;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--homepage-value-prop a p {
letter-spacing: 0.0315em;
font-size: 18px !important;
margin-bottom: 12px;
}
}
.module--homepage-value-prop a .btn, .module--homepage-value-prop a .module--account-details-content .add-address, .module--account-details-content .module--homepage-value-prop a .add-address {
background-color: #324eca;
color: #fff;
line-height: 50px;
font-size: 16px;
height: 50px;
width: 270px;
text-transform: none;
text-decoration: none;
margin-top: 24px;
}
.module--homepage-value-prop a .btn:hover, .module--homepage-value-prop a .module--account-details-content .add-address:hover, .module--account-details-content .module--homepage-value-prop a .add-address:hover {
background-color: #0e285b;
color: #fff;
}
/*======================== Homepage Shop Collections =========================*/
.module--homepage-shop-collections-grid .wrapper {
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper {
margin-bottom: 48px;
}
}
.module--homepage-shop-collections-grid .wrapper .grid--flex {
flex-direction: column;
display: block;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex {
flex-direction: row;
display: block;
}
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images {
display: block;
height: 100%;
width: 100%;
position: relative;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex .images {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .collection-grid-3 {
order: 4;
}
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .collection-grid-4 {
order: 3;
}
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper {
flex-basis: 50%;
flex-direction: row;
}
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper {
position: relative;
padding-bottom: 100%;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper {
position: relative;
padding-bottom: 100%;
}
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper a {
max-width: 270px;
margin: 0 auto;
position: absolute;
bottom: 10%;
left: 0;
right: 0;
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper .square-video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
.module--homepage-shop-collections-grid .wrapper .grid--flex .images .image-flex-wrapper .image-bg-wrapper video {
height: 100%;
width: 100%;
}
/*======================== Homepage Shop Collections =========================*/
.module--homepage-shop-collections .wrapper {
max-width: none;
padding: 0;
}
.module--homepage-shop-collections .container {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding: 0;
margin: 0;
/*
Using padding-bottom trick on the 3 cells.
Using aspect ratio to prop open the 3 container divs to the correct size.
padding-bottom:( height / width * 100) %;
*/
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections .container {
flex-direction: row;
}
}
.module--homepage-shop-collections .container .collections-large {
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections .container .collections-large {
flex-grow: 1.311;
}
}
.module--homepage-shop-collections .container .collections-small {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-1,
.module--homepage-shop-collections .container .module--homepage-shop-collections-2,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
position: relative;
height: 0;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .btn, .module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .module--account-details-content .add-address, .module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .add-address,
.module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .btn,
.module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .module--account-details-content .add-address,
.module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .add-address,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .btn,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .module--account-details-content .add-address,
.module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .add-address {
color: #324eca;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .btn span, .module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .module--account-details-content .add-address span, .module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-1:hover .add-address span,
.module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .btn span,
.module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .module--account-details-content .add-address span,
.module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-2:hover .add-address span,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .btn span,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .module--account-details-content .add-address span,
.module--account-details-content .module--homepage-shop-collections .container .module--homepage-shop-collections-3:hover .add-address span {
border-bottom: 1px solid #324eca;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-1 {
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 87.9121%;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections .container .module--homepage-shop-collections-1 {
margin-right: 10px;
margin-bottom: 0px;
padding-bottom: 86.4198%;
}
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-2 {
margin-bottom: 10px;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
margin-bottom: 0px;
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-2,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
padding-bottom: 87.9121%;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections .container .module--homepage-shop-collections-2,
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
padding-bottom: 56.5574%;
}
}
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
margin-bottom: 0px;
padding-bottom: 87.9121%;
}
@media screen and (min-width: 768px) {
.module--homepage-shop-collections .container .module--homepage-shop-collections-3 {
padding-bottom: 56.5574%;
}
}
.module--homepage-shop-collections .container .module--image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.module--homepage-shop-collections .container .btn, .module--homepage-shop-collections .container .module--account-details-content .add-address, .module--account-details-content .module--homepage-shop-collections .container .add-address {
background-color: #fff;
color: #171717;
position: absolute;
top: 0;
left: 0;
padding: 0px;
width: 200px;
height: 36px;
line-height: 22px;
letter-spacing: 1px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
}
.module--homepage-shop-collections .container .btn span, .module--homepage-shop-collections .container .module--account-details-content .add-address span, .module--account-details-content .module--homepage-shop-collections .container .add-address span {
border-bottom: 1px solid transparent;
}
/*============================ Homepage Quiz Cue =============================*/
.module--homepage-quiz-cue .wrapper {
max-width: none;
padding: 0;
background-color: #0e285b;
margin: 0px 0px;
text-align: center;
padding: 24px;
}
.module--homepage-quiz-cue .module--homepage-quiz-cue-text-bar-start {
color: #ffffff !important;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.0315em;
margin-top: 0;
}
.module--homepage-quiz-cue .module--homepage-quiz-cue-cta-text {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
height: 50px;
line-height: 50px;
width: 200px;
background-color: #fff;
color: #02285b;
letter-spacing: 0.0315em;
margin: 0 auto;
}
.module--homepage-quiz-cue .module--homepage-quiz-cue-cta-text:hover {
color: #324ECA;
border-bottom: 1px solid #324ECA;
}
/*======================== Homepage Reviews/Press ===========================*/
.module--home-reviews-slider {
background-color: #f8f8f8;
padding-top: 40px;
padding-bottom: 60px;
}
.module--home-reviews-slider .reviews-slider-header {
text-align: center;
}
.module--home-reviews-slider .reviews-slider-header h3 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
margin-bottom: 18px;
}
@media screen and (min-width: 769px) {
.module--home-reviews-slider .reviews-slider-header h3 {
font-size: 30px;
}
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector {
display: inline-block;
position: relative;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector span {
text-align: left;
white-space: nowrap;
background-color: #f8f8f8;
padding: 0.375em;
color: #324eca;
text-decoration: underline;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector span:hover {
cursor: pointer;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .active {
display: block;
position: relative;
width: 100%;
z-index: 2;
/* Two non-breaking spaces, then the small down triangle */
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .active.open {
background-color: #fff;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .active:after {
content: " ▾";
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .inactive {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translateY(0);
transition: all 150ms;
z-index: 1;
/* The texts are different lengths, when closed this needs to be hidden */
opacity: 0;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .inactive:hover {
color: #0e285b !important;
}
.module--home-reviews-slider .reviews-slider-header h3 .review-selector .inactive.open {
opacity: 1;
transform: translateY(100%);
}
.module--home-reviews-slider .reviews-slider-header p {
font-family: BrandonTextWeb-Regular;
font-size: 16px;
margin-bottom: 48px;
}
.module--home-reviews-slider .ugc-slider-wrapper, .module--home-reviews-slider .press-slider-wrapper {
visibility: hidden;
height: 0px;
}
@media screen and (min-width: 1024px) {
.module--home-reviews-slider .ugc-slider-wrapper, .module--home-reviews-slider .press-slider-wrapper {
padding: 0 20px;
}
}
.module--home-reviews-slider .ugc-slider-wrapper.active, .module--home-reviews-slider .press-slider-wrapper.active {
visibility: visible;
height: auto;
}
.module--home-reviews-slider .flickity-page-dots {
bottom: -50px;
}
.module--home-reviews-slider .flickity-page-dots .dot {
width: 8px;
height: 8px;
}
@media screen and (min-width: 1024px) {
.module--home-reviews-slider .flickity-page-dots {
bottom: -62px;
}
}
.module--home-reviews-slider .review {
padding: 42px 0px 36px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: center;
width: 33%;
min-height: 320px;
text-align: center;
margin: 0px 10px 0px 10px;
background-color: #ffffff;
}
.module--home-reviews-slider .review .user-img img {
max-height: 60px;
}
.module--home-reviews-slider .review p.quote {
max-width: 270px;
margin: 0px auto;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-size: 18px !important;
}
@media screen and (min-width: 769px) {
.module--home-reviews-slider .review p.quote {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.module--home-reviews-slider .review p.quote {
max-width: 80%;
}
}
.module--home-reviews-slider .review p.name {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
color: #757575;
margin-bottom: 0px;
}
@media screen and (min-width: 769px) {
.module--home-reviews-slider .review p.name {
font-size: 16px;
}
}
.module--home-reviews-slider .review.press-review {
justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
.module--home-reviews-slider .review.press-review {
justify-content: center;
}
}
@media screen and (max-width: 1023px) {
.module--home-reviews-slider .review {
width: 100%;
}
}
.module--home-reviews-slider .flickity-prev-next-button {
width: 40px;
height: 100%;
background: none;
border-radius: 0 !important;
}
@media screen and (max-width: 1023px) {
.module--home-reviews-slider .flickity-prev-next-button {
display: none;
}
}
.module--home-reviews-slider .flickity-prev-next-button.previous {
left: -23px;
}
.module--home-reviews-slider .flickity-prev-next-button.previous .flickity-button-icon {
left: 0;
right: auto;
}
.module--home-reviews-slider .flickity-prev-next-button.next {
right: -23px;
}
.module--home-reviews-slider .flickity-prev-next-button.next .flickity-button-icon {
right: 0;
left: auto;
}
.module--home-reviews-slider .reviews-slider-cta {
text-align: center;
margin-top: 100px;
}
.module--home-reviews-slider .reviews-slider-cta .btn, .module--home-reviews-slider .reviews-slider-cta .module--account-details-content .add-address, .module--account-details-content .module--home-reviews-slider .reviews-slider-cta .add-address {
text-align: center;
background-color: #324eca;
color: #fff;
line-height: 50px;
font-size: 16px;
height: 50px;
width: 270px;
text-transform: none;
text-decoration: none;
margin: 0 auto;
}
.module--home-reviews-slider .reviews-slider-cta .btn:hover, .module--home-reviews-slider .reviews-slider-cta .module--account-details-content .add-address:hover, .module--account-details-content .module--home-reviews-slider .reviews-slider-cta .add-address:hover {
background-color: #0e285b;
color: #fff;
}
html.supports-no-touch .module--home-reviews-slider .reviews-slider-header h3 .review-selector .active:hover {
background-color: #fff;
}
/*========================== Homepage Principles ============================*/
.module--homepage-principles {
background-color: #eaf1ff;
}
.module--homepage-principles .wrapper .grid--flex {
justify-content: center;
}
.module--homepage-principles .wrapper .grid--flex .grid__item--banner {
text-align: center;
}
.module--homepage-principles .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 48px;
margin-bottom: 12px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-principles .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-principles .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 72px;
margin-bottom: 48px;
}
}
.module--homepage-principles .wrapper .grid--principle-icons {
display: flex;
flex-direction: row;
margin-bottom: 80px;
}
.module--homepage-principles .wrapper .grid--principle-icons .grid__item--icon {
width: 50%;
margin-top: 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--homepage-principles .wrapper .grid--principle-icons .grid__item--icon {
margin-top: 0;
width: 25%;
padding: 10px;
}
}
.module--homepage-principles .wrapper .grid--principle-icons .grid__item--icon img {
max-width: 80px;
margin-bottom: 24px;
}
.module--homepage-principles .wrapper .grid--principle-icons .grid__item--icon .headline {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 16px !important;
text-transform: none !important;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
padding-bottom: 20px;
margin: 0 auto;
}
.module--homepage-principles .wrapper .grid--principle-icons .grid__item--icon .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
margin: 0 auto;
}
.module--homepage-principles .wrapper .principle-icons-carousel {
padding-bottom: 24px;
}
.module--homepage-principles .wrapper .principle-icons-carousel .principle-icons-carousel-cell {
width: 100%;
text-align: center;
opacity: 0;
transition: opacity 1000ms ease-in-out;
z-index: -1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 250px;
margin-bottom: 50px;
}
.module--homepage-principles .wrapper .principle-icons-carousel .principle-icons-carousel-cell img {
height: 70px;
width: 70px;
margin-bottom: 20px;
}
.module--homepage-principles .wrapper .principle-icons-carousel .principle-icons-carousel-cell .headline {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-size: 16px !important;
text-transform: none !important;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
padding-bottom: 20px;
margin: 0 auto;
}
.module--homepage-principles .wrapper .principle-icons-carousel .principle-icons-carousel-cell .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
margin: 0 auto;
}
.module--homepage-principles .wrapper .principle-icons-carousel .principle-icons-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--homepage-principles .wrapper .principle-icons-carousel .flickity-page-dots {
bottom: 50px;
}
/*======================== Homepage Shop Products ===========================*/
.module--homepage-product-spotlight {
margin: 24px 0px 60px;
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight {
margin: 60px 0px 72px;
}
}
.module--homepage-product-spotlight .wrapper .grid--flex {
justify-content: center;
}
.module--homepage-product-spotlight .wrapper .grid--flex .grid__item--banner {
text-align: center;
}
.module--homepage-product-spotlight .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 48px;
margin-bottom: 36px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-product-spotlight .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 72px;
margin-bottom: 48px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel {
display: flex;
flex-direction: row;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell {
width: 100%;
text-align: center;
opacity: 1;
transition: opacity 1000ms ease-in-out;
display: flex;
flex-direction: row;
justify-content: center;
min-height: 250px;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell {
margin-top: 0;
width: 33.3333%;
padding: 10px;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a {
color: #181818;
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a {
text-align: left;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a img {
max-width: 100%;
margin-bottom: 20px;
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .headline {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 18px !important;
text-transform: none !important;
line-height: 1.75;
letter-spacing: 0.0315em;
margin-bottom: 8px;
}
@media screen and (min-width: 769px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .headline {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .headline {
max-width: 270px;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
line-height: 1.75;
letter-spacing: 0.0315em;
margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .price {
max-width: 270px;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
color: #757575;
letter-spacing: 0.0315em;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell a .caption {
max-width: 270px;
}
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .product-spotlight-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--homepage-product-spotlight .wrapper .product-spotlight-carousel .flickity-page-dots {
bottom: 0px;
}
/*========================= Homepage Reviews Chat ===========================*/
.module--homepage-reviews-chat .wrapper {
max-width: none;
padding: 0px;
}
.module--homepage-reviews-chat .wrapper .reviews-chat {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--homepage-reviews-chat .wrapper .reviews-chat {
flex-direction: row;
}
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat {
position: relative;
height: 420px;
padding: 50px 20px;
justify-content: space-evenly;
align-items: center;
display: flex;
flex-direction: column;
text-align: center;
color: #171717;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat:hover .arrow {
color: #324ECA;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat a {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
color: #181818;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat img {
height: 70px;
width: 70px;
margin-bottom: 24px;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat h3 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat h3 {
font-size: 30px;
}
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 470px;
margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat p.caption {
font-size: 16px;
}
}
.module--homepage-reviews-chat .wrapper .reviews-chat .grid__item-review-chat .arrow:after {
content: "→" !important;
font-size: 18px;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .review {
background-color: #fff0eb;
}
.module--homepage-reviews-chat .wrapper .reviews-chat .chat {
background-color: #f7c65e;
}
/*============= Homepage Store Module (10/8/2019 not in use) =================*/
.module--homepage-store .wrapper {
max-width: none;
padding: 0px;
}
.module--homepage-store .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--homepage-store .wrapper .grid--flex {
flex-direction: row;
}
}
.module--homepage-store .wrapper .grid--flex .grid__item-store {
justify-content: center;
align-items: center;
flex-direction: column;
padding: 50px 20px;
text-align: center;
}
.module--homepage-store .wrapper .grid--flex .grid__item-image img {
width: 100%;
max-width: 470px;
margin: 0 auto;
height: auto;
}
.module--homepage-store .wrapper .grid--flex .grid__item-text {
align-items: center;
display: flex;
text-align: center;
color: #171717;
}
@media screen and (min-width: 768px) {
.module--homepage-store .wrapper .grid--flex .grid__item-text {
align-items: flex-start;
text-align: left;
}
}
.module--homepage-store .wrapper .grid--flex .grid__item-text:hover .arrow {
color: #324ECA;
}
.module--homepage-store .wrapper .grid--flex .grid__item-text .module-title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-store .wrapper .grid--flex .grid__item-text .module-title {
font-size: 30px;
}
}
.module--homepage-store .wrapper .grid--flex .grid__item-text .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
text-align: center;
line-height: 1.5;
letter-spacing: 0.0315em;
margin-top: 10px;
max-width: 470px;
}
@media screen and (min-width: 768px) {
.module--homepage-store .wrapper .grid--flex .grid__item-text .caption {
font-size: 16px;
text-align: left;
}
}
.module--homepage-store .wrapper .grid--flex .grid__item-text .btn, .module--homepage-store .wrapper .grid--flex .grid__item-text .module--account-details-content .add-address, .module--account-details-content .module--homepage-store .wrapper .grid--flex .grid__item-text .add-address {
background-color: #324eca;
}
/*====================== Homepage Instagram FourSixty ========================*/
.module--homepage-social .wrapper {
max-width: none;
padding: 0;
}
.module--homepage-social .wrapper .grid--flex {
justify-content: center;
}
.module--homepage-social .wrapper .grid--flex .social--banner {
padding: 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--homepage-social .wrapper .grid--flex .social--banner {
padding: 0px;
}
}
.module--homepage-social .wrapper .grid--flex .social--banner h3 {
margin-top: 48px;
margin-bottom: 18px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 769px) {
.module--homepage-social .wrapper .grid--flex .social--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--homepage-social .wrapper .grid--flex .social--banner h3 {
margin-top: 60px;
}
}
.module--homepage-social .wrapper .grid--flex .social--banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 1.5;
letter-spacing: 0.5px;
margin-bottom: 0em;
}
.module--homepage-social .wrapper .grid--flex .social--banner p .social-link {
color: #024BC2;
}
.module--homepage-social .wrapper .grid--flex .social--banner p .social-link:hover {
text-decoration: underline;
}
.module--homepage-social .wrapper .grid--flex .social--banner .caption {
margin: 30px 0em 48px;
}
.module--homepage-social .wrapper .social--images .fs-has-links::after {
padding: 10px 15px;
border: 1px solid #fff;
color: #fff;
content: "SHOP IT";
}
.module--homepage-social .wrapper .social--images .fs-has-links:hover:after {
background-color: #fff;
color: rgba(0, 0, 0, 0.8);
}
.module--homepage-social .wrapper .social--images .fs-wrapper div.fs-text-container .fs-entry-title,
.module--homepage-social .wrapper .social--images div.fs-detail-title {
font-family: BrandonTextWeb-Light;
font-style: normal;
font-weight: normal;
}
.module--homepage-social .wrapper .social--images div.fs-text-container .fs-entry-date,
.module--homepage-social .wrapper .social--images div.fs-detail-container .fs-post-info,
.module--homepage-social .wrapper .social--images div.fs-wrapper div.fs-has-links::after,
.module--homepage-social .wrapper .social--images .fs-text-product,
.module--homepage-social .wrapper .social--images .fs-overlink-text {
font-family: BrandonTextWeb-Regular;
font-style: normal;
font-weight: normal;
}
.module--homepage-social .wrapper .social--images .fs-wrapper div.fs-text-container * {
color: #fff;
}
.module--homepage-social .wrapper .social--images .fs-wrapper div.fs-text-container {
background-color: rgba(0, 0, 0, 0.8);
margin: 0px;
}
.module--homepage-social .wrapper .social--images div.fs-entry-date {
display: none;
}
.module--homepage-social .wrapper .social--images div.fs-entry-title {
display: none;
}
.module--homepage-social .wrapper .social--images .fs-wrapper div.fs-timeline-entry {
margin: 0px;
}
.module--homepage-social .wrapper .social--images .fs-wrapper {
transition: none !important;
-webkit-transition: none !important;
}
.module--homepage-social .wrapper .social--images .fs-desktop .fs-entry-container {
width: 50% !important;
padding-top: 50% !important;
margin-bottom: -7px !important;
}
@media screen and (min-width: 768px) {
.module--homepage-social .wrapper .social--images .fs-desktop .fs-entry-container {
width: 25% !important;
padding-top: 25% !important;
margin-bottom: -7px !important;
}
}
.module--homepage-social .wrapper .social--images .fs-mobile .fs-entry-container {
width: 50% !important;
padding-top: 50% !important;
margin-bottom: -7px !important;
}
@media screen and (min-width: 768px) {
.module--homepage-social .wrapper .social--images .fs-mobile .fs-entry-container {
width: 25% !important;
padding-top: 25% !important;
margin-bottom: -7px !important;
}
}
.template-collection-plp .plp-header__anchors-link span {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
}
/*============================================================================
#Brooklittles Landing Page
==============================================================================*/
.template-page-landing-brooklittles .main-content.wrapper {
margin-top: 0;
}
.template-page-landing-brooklittles hr {
width: 95%;
margin: 40px auto;
}
.template-page-landing-brooklittles hr.tall {
margin: 90px auto 40px;
}
/*========================== Baby Hero Module ==============================*/
/*===================== module--landing-baby-hero.liquid ====================*/
.module--landing-baby-hero {
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.module--landing-baby-hero {
margin-bottom: 70px;
}
}
.module--landing-baby-hero .hero-image {
min-height: 350px;
background-size: cover;
background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
.module--landing-baby-hero .hero-image {
min-height: 450px;
background-position: 50% 50%;
}
}
.module--landing-baby-hero .hero-text .grid__item--copy {
text-align: center;
align-items: center;
justify-content: center;
padding: 30px 0px 0px;
}
.module--landing-baby-hero .hero-text h3 {
font-size: 36px;
margin-bottom: 15px;
letter-spacing: 0.025em;
line-height: 1.17;
}
.module--landing-baby-hero .hero-text p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 30px;
letter-spacing: 0.025em;
font-size: 20px;
}
.module--landing-baby-hero .hero-text a {
background-color: #181818;
width: 325px;
font-size: 20px !important;
letter-spacing: 0.065em !important;
}
@media screen and (min-width: 768px) {
.module--landing-baby-hero .hero-text a {
width: 270px;
font-size: 16px !important;
}
}
/*======================= Baby 4 Bundle Products ===========================*/
/*=================== module--landing-baby-bundles.liquid ===================*/
.module--landing-baby-bundles {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--landing-baby-bundles {
margin-bottom: 70px;
}
}
.module--landing-baby-bundles .grid__item--collection-banner {
margin-bottom: 30px;
}
.module--landing-baby-bundles .grid__item--collection-banner h3 {
text-align: center;
font-size: 24px !important;
line-height: normal;
letter-spacing: 0.025em;
margin-bottom: 12px;
}
.module--landing-baby-bundles .grid__item--collection-banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.0315em;
line-height: 1.5;
text-align: center;
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item {
text-align: center;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item {
text-align: left;
}
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item .inner-image, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item .inner-image, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item .inner-image, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item .inner-image, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item .inner-image {
margin-bottom: 20px;
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item .inner-image img, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item .inner-image img, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item .inner-image img, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item .inner-image img, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item .inner-image img {
width: 100%;
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item .inner-text p, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item .inner-text p, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item .inner-text p, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item .inner-text p, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item .inner-text p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #181818;
letter-spacing: 0.035em;
line-height: 1.5;
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item .inner-text p.title, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item .inner-text p.title, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item .inner-text p.title, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item .inner-text p.title, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item .inner-text p.title {
font-size: 16px;
margin-bottom: 5px;
}
.module--landing-baby-bundles .grid__item--bundles .grid .grid__item .inner-text p.subtitle, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-30 .grid__item .inner-text p.subtitle, .module--landing-baby-bundles .grid__item--bundles .grid--gutter-24 .grid__item .inner-text p.subtitle, .module--landing-baby-bundles .grid__item--bundles .grid--rev .grid__item .inner-text p.subtitle, .module--landing-baby-bundles .grid__item--bundles .grid--full .grid__item .inner-text p.subtitle {
font-size: 14px;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell {
width: 100%;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper {
text-align: center;
margin-bottom: 24px;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper:last-child {
margin-right: 0px;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image {
margin-bottom: 20px;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-image img {
width: 100%;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p {
color: #181818;
margin: 0 0 0.25em 0;
letter-spacing: 0.0315em;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .carousel-cell .carousel-slide-wrapper .inner-text p:last-child {
font-size: 14px;
}
.module--landing-baby-bundles .landing-baby-carousel-mobile .flickity-page-dots {
bottom: -10px;
}
/*========================== Baby Sliders ==================================*/
/*============ module--landing-baby-slider-natural.liquid ===================*/
/*============ module--landing-baby-slider-seriously.liquid =================*/
/*============ module--landing-baby-slider-better.liquid ====================*/
.module--landing-baby-sliders {
margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
.module--landing-baby-sliders {
padding: 0;
}
}
.module--landing-baby-sliders .landing-baby-shelf-header {
margin-bottom: 35px;
}
.module--landing-baby-sliders .landing-baby-shelf-header h1 {
font-size: 24px;
margin-bottom: 24px;
letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
.module--landing-baby-sliders .landing-baby-shelf-header h1 {
margin-bottom: 18px;
}
}
.module--landing-baby-sliders .landing-baby-shelf-header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 0;
letter-spacing: 0.0315em;
line-height: 1.5;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button {
width: 40px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
border-radius: 0 !important;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button:hover {
background: rgba(255, 255, 255, 0.8);
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button.next {
right: 0px;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button.previous {
left: 0px;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button.next:after {
content: "→" !important;
font-size: 20px;
}
.module--landing-baby-sliders .carousel-section .flickity-prev-next-button.previous:after {
content: "←" !important;
font-size: 20px;
}
.module--landing-baby-sliders .carousel-section .flickity-button:focus {
box-shadow: none;
}
.module--landing-baby-sliders .carousel-section .carousel-cell {
width: 100%;
background-size: cover;
background-position: center center;
opacity: 0;
transition: opacity 1000ms ease-in-out;
z-index: -1;
}
.module--landing-baby-sliders .carousel-section .carousel-cell p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 5px;
letter-spacing: 0.0315em;
}
.module--landing-baby-sliders .carousel-section .carousel-cell a {
color: #181818 !important;
}
.module--landing-baby-sliders .carousel-section .carousel-cell .grey {
color: #757575;
height: 200%;
}
.module--landing-baby-sliders .carousel-section .carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--landing-baby-sliders .carousel-section .carousel-one .carousel-cell {
min-height: 350px;
}
@media screen and (min-width: 768px) {
.module--landing-baby-sliders .carousel-section .carousel-one .carousel-cell {
height: 415px;
}
}
@media screen and (min-width: 768px) {
.module--landing-baby-sliders .carousel-section .carousel-two .carousel-cell img,
.module--landing-baby-sliders .carousel-section .carousel-three .carousel-cell img,
.module--landing-baby-sliders .carousel-section .carousel-four .carousel-cell img {
height: auto;
}
}
.module--landing-baby-sliders .carousel-section .carousel-one,
.module--landing-baby-sliders .carousel-section .carousel-two,
.module--landing-baby-sliders .carousel-section .carousel-three,
.module--landing-baby-sliders .carousel-section .carousel-four {
margin-bottom: 24px;
}
.module--landing-baby-sliders .carousel-section p.grey {
height: 35px;
}
.module--landing-baby-sliders .carousel-section .flickity-page-dots {
bottom: 0;
}
.module--landing-baby-sliders .carousel-section .carousel-six .carousel-cell,
.module--landing-baby-sliders .carousel-section .carousel-seven .carousel-cell,
.module--landing-baby-sliders .carousel-section .carousel-eight .carousel-cell,
.module--landing-baby-sliders .carousel-section .carousel-nine .carousel-cell {
margin-bottom: 20px;
}
.module--landing-baby-sliders .carousel-section .carousel-six .carousel-cell img,
.module--landing-baby-sliders .carousel-section .carousel-seven .carousel-cell img,
.module--landing-baby-sliders .carousel-section .carousel-eight .carousel-cell img,
.module--landing-baby-sliders .carousel-section .carousel-nine .carousel-cell img {
margin-bottom: 10px;
}
.module--landing-baby-sliders .carousel-section .carousel-six .carousel-cell p,
.module--landing-baby-sliders .carousel-section .carousel-seven .carousel-cell p,
.module--landing-baby-sliders .carousel-section .carousel-eight .carousel-cell p,
.module--landing-baby-sliders .carousel-section .carousel-nine .carousel-cell p {
margin-bottom: 10px;
}
.module--landing-baby-sliders .carousel-section .carousel-six .flickity-page-dots,
.module--landing-baby-sliders .carousel-section .carousel-seven .flickity-page-dots,
.module--landing-baby-sliders .carousel-section .carousel-eight .flickity-page-dots,
.module--landing-baby-sliders .carousel-section .carousel-nine .flickity-page-dots {
text-align: left;
bottom: 0px;
margin-left: -8px;
}
.module--landing-baby-sliders .carousel-section .carousel-two {
display: none;
}
@media screen and (min-width: 768px) {
.module--landing-baby-sliders .carousel-section .carousel-two {
display: block;
}
}
/* Override DY Envelope experience. It messes up the nav alignment. */
.dy-envelope {
display: none !important;
}
/*============================================================================
#Store Landing Page
==============================================================================*/
.template-page-store .main-content.wrapper {
margin-top: 0;
}
.template-page-store hr {
width: 95%;
margin: 40px auto;
}
.template-page-store hr.tall {
margin: 90px auto 40px;
}
/*======================== Store Hero Module ===============================*/
.module--landing-store-hero {
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.module--landing-store-hero {
margin-bottom: 70px;
}
}
.module--landing-store-hero .hero-image {
min-height: 350px;
background-size: cover;
background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
.module--landing-store-hero .hero-image {
min-height: 450px;
background-position: 50% 50%;
}
}
.module--landing-store-hero .hero-text .wrapper {
max-width: 970px;
}
.module--landing-store-hero .hero-text .wrapper .grid__item--copy {
text-align: center;
align-items: center;
justify-content: center;
padding: 30px 0px 0px;
}
.module--landing-store-hero .hero-text .wrapper h3 {
font-size: 24px !important;
margin-bottom: 15px;
letter-spacing: 0.025em;
line-height: 1.7;
}
.module--landing-store-hero .hero-text .wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 20px;
letter-spacing: 0.025em;
line-height: 1.55;
font-size: 18px;
}
.module--landing-store-hero .hero-text .wrapper p:last-child {
margin-bottom: 0px;
}
/*===================== Store Location/hours Module ========================*/
.module--landing-store-location-hours {
margin-bottom: 60px;
}
.module--landing-store-location-hours .wrapper {
max-width: none;
padding: 0px 30px;
}
@media screen and (min-width: 768px) {
.module--landing-store-location-hours .wrapper {
padding: 30px;
}
}
.module--landing-store-location-hours .wrapper .grid--flex {
flex-direction: column;
display: relative;
}
@media screen and (min-width: 768px) {
.module--landing-store-location-hours .wrapper .grid--flex {
flex-direction: row;
}
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
text-align: center;
color: #171717;
padding: 40px 0px;
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact:last-child {
padding: 40px 0px 0px 0px;
}
@media screen and (min-width: 768px) {
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact:last-child {
padding: 0px 0px;
}
}
@media screen and (min-width: 768px) {
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact {
padding: 0px 0px;
}
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact.location {
border-bottom: 2px solid #dddddd;
border-right: 2px solid transparent;
}
@media screen and (min-width: 768px) {
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact.location {
border-bottom: 2px solid transparent;
border-right: 2px solid #dddddd;
}
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact p.sub-module-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 18px !important;
text-transform: none !important;
letter-spacing: 0.0315em;
line-height: 1.55;
margin: 0;
padding-bottom: 20px;
}
@media screen and (min-width: 769px) {
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact p.sub-module-title {
font-size: 16px;
}
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px !important;
line-height: 1.55;
letter-spacing: 0.0315em;
margin: 0;
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact a.directions-link {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 18px !important;
text-transform: none !important;
letter-spacing: 0.0315em;
line-height: 1.55;
color: #024BC2;
}
@media screen and (min-width: 769px) {
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact a.directions-link {
font-size: 16px;
}
}
.module--landing-store-location-hours .wrapper .grid--flex .grid__item-contact a.directions-link:hover {
text-decoration: underline;
}
/*===================== Store Location/hours Module ========================*/
.module--landing-store-pets-welcome {
margin-bottom: 60px;
}
.module--landing-store-pets-welcome .wrapper {
max-width: none;
}
.module--landing-store-pets-welcome .wrapper .grid--flex {
align-items: center;
justify-content: center;
text-align: center;
}
.module--landing-store-pets-welcome .wrapper .grid--flex img {
height: 70px;
width: 70px;
margin-bottom: 30px;
}
.module--landing-store-pets-welcome .wrapper .grid--flex p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px !important;
line-height: 1.55;
letter-spacing: 0.0315em;
}
/* Override DY Envelope experience. It messes up the nav alignment. */
.dy-envelope {
display: none !important;
}
/*============================================================================
#Store Landing Page (Permanent Location)
==============================================================================*/
.module--landing-store-header {
padding-top: 30px;
}
@media screen and (min-width: 768px) {
.module--landing-store-header {
padding: 72px 0px;
}
}
.module--landing-store-header .module-title, .module--landing-store-header .module-content {
color: #283455;
}
.module--landing-store-header .module-title {
margin-bottom: 18px;
}
.module--landing-store-header .module-content {
margin: 0px auto;
margin-bottom: 42px;
max-width: 705px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
}
.module--landing-store-header .module-content .callout {
font-family: BrandonTextWeb-Bold;
}
.module--landing-store-williamsburg {
margin-bottom: 51px;
}
@media screen and (min-width: 768px) {
.module--landing-store-williamsburg {
margin-bottom: 102px;
}
}
.module--landing-store-williamsburg .location-image-wrapper .module-image-mobile {
margin-bottom: 42px;
}
.module--landing-store-williamsburg .location-details {
color: #283455;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--landing-store-williamsburg .location-details {
padding: 36px 0px;
margin-left: 60px;
text-align: left;
}
}
.module--landing-store-williamsburg .location-details .location-details__title {
margin-bottom: 36px;
font-size: 24px;
}
.module--landing-store-williamsburg .location-details .location-details__address, .module--landing-store-williamsburg .location-details .location-details__hours, .module--landing-store-williamsburg .location-details .location-details__contact {
margin-bottom: 36px;
}
.module--landing-store-williamsburg .location-details .location-details__address h4, .module--landing-store-williamsburg .location-details .location-details__hours h4, .module--landing-store-williamsburg .location-details .location-details__contact h4 {
margin-bottom: 6px;
letter-spacing: 2px;
}
.module--landing-store-williamsburg .location-details .location-details__address p, .module--landing-store-williamsburg .location-details .location-details__hours p, .module--landing-store-williamsburg .location-details .location-details__contact p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
}
.module--landing-store-williamsburg .location-details .location-details__address p a, .module--landing-store-williamsburg .location-details .location-details__hours p a, .module--landing-store-williamsburg .location-details .location-details__contact p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
border-bottom: 1px solid transparent;
border-color: #283455;
transition: color 0.2s, border-color 0.2s;
}
.module--landing-store-williamsburg .location-details .location-details__address p a:hover, .module--landing-store-williamsburg .location-details .location-details__hours p a:hover, .module--landing-store-williamsburg .location-details .location-details__contact p a:hover {
color: #AEB6A7;
border-color: #AEB6A7;
}
.module--landing-store-williamsburg .location-details .location-details__address ul, .module--landing-store-williamsburg .location-details .location-details__hours ul, .module--landing-store-williamsburg .location-details .location-details__contact ul {
margin-left: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
list-style: none;
}
.module--landing-store-williamsburg .location-details hr {
margin: 0px auto;
margin-top: 51px;
max-width: 270px;
}
.module--landing-store-what-to-expect {
margin-bottom: 48px;
}
.module--landing-store-what-to-expect .module-header h4 {
margin-bottom: 12px;
color: #283455;
letter-spacing: 2px;
}
.module--landing-store-what-to-expect .module-header p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #777777;
}
.module--landing-store-what-to-expect .services img {
margin-bottom: 24px;
}
.module--landing-store-what-to-expect .services h2 {
color: #777777;
margin-bottom: 24px;
font-size: 24px;
}
.module--landing-store-what-to-expect .services p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.module--landing-store-what-to-expect .services .service-1 img {
max-width: 36px;
}
.module--landing-store-what-to-expect .services .service-2 img {
max-width: 40px;
}
.module--landing-store-what-to-expect .services .service-3 img {
max-width: 60px;
}
.module--landing-store-what-to-expect .services.services--mobile {
margin: 24px 0px;
}
.module--landing-store-what-to-expect .services.services--mobile div {
width: 100%;
}
.module--landing-store-what-to-expect .services.services--mobile .flickity-page-dots {
position: static;
margin: 30px 0 30px 0;
}
.module--landing-store-what-to-expect .services.services--mobile .flickity-page-dots .dot {
background-color: transparent;
border: 1px solid #293C70;
opacity: 1;
width: 8px;
height: 8px;
margin: 0 5px;
}
.module--landing-store-what-to-expect .services.services--mobile .flickity-page-dots .dot.is-selected {
background-color: #293C70;
}
.module--landing-store-what-to-expect .services.services--desktop {
padding: 48px 0px;
display: flex;
justify-content: space-around;
}
.module--landing-store-what-to-expect .services.services--desktop .divider {
width: 1px;
background-color: #DDE3EC;
}
.module--landing-store-styling-session {
padding: 48px 0px;
background-color: #F8F8F8;
}
.module--landing-store-styling-session .module-header h4 {
margin-bottom: 12px;
color: #283455;
letter-spacing: 2px;
}
.module--landing-store-styling-session .module-content {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
padding-bottom: 36px;
}
.module--landing-store-styling-session .module-cta .btn--secondary {
margin: 0px auto;
background-color: #FFF !important;
max-width: 280px;
}
.module--landing-store-styling-session .module-cta .btn--secondary:hover {
background-color: #293C70 !important;
}
/*============================================================================
#2018 Gift Guides
==============================================================================*/
/*======================= Gift Guide 2018 Specific ===========================*/
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero {
margin-bottom: 60px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--mobile-slider .wrapper {
padding-right: 0px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--mobile-slider .wrapper {
padding-right: 30px;
}
}
/*==================== Gift Guide Pricepoint Specific ========================*/
/*======================= 2x2 on mobile add margin ===========================*/
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero {
margin-bottom: 30px;
}
}
/*====================== 2018 ALL Gift Guides ================================*/
.template-collection-selected-variants--gift-guide-main-2018,
.template-collection-selected-variants--gift-guide-u75-2018,
.template-collection-selected-variants--gift-guide-u250-2018,
.template-collection-selected-variants--gift-guide-u500-2018 {
/*========= Full bleed Hero at the top of ALL the Gift Guides ==============*/
/*============= snippets/module--gift-guide-2018-hero ======================*/
/*============== Selected variant Collection Sub modules ===================*/
/*=========== Selected variant Collection Sub-modules Hero images ==========*/
/*=========== snippets/selected-variant--sub-module-gift-guide =============*/
/*====== The pricepoint gift guides do not have multiple sub modules =======*/
/*========== Selected variant Collection Sub modules variant items =========*/
/*== snippets/selected-variant--sub-module-gift-guide :: for the variant item carousel ==*/
/*== snippets/selected-variant--sub-module-gift-guide-under :: for the variant item grid ==*/
/*================== Main Gift Guide Collection Links ======================*/
/*=============== snippets/module--gift-guide-2018-collections =============*/
}
.template-collection-selected-variants--gift-guide-main-2018 .main-content.wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .main-content.wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .main-content.wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .main-content.wrapper {
margin-top: 0;
padding: 0px;
}
.template-collection-selected-variants--gift-guide-main-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u75-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u250-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u500-2018 .main-content.wrapper .fullbleed--mobile {
width: 100vw;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u75-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u250-2018 .main-content.wrapper .fullbleed--mobile,
.template-collection-selected-variants--gift-guide-u500-2018 .main-content.wrapper .fullbleed--mobile {
max-width: 1280px;
padding: 0px 30px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .shelf-header,
.template-collection-selected-variants--gift-guide-u75-2018 .shelf-header,
.template-collection-selected-variants--gift-guide-u250-2018 .shelf-header,
.template-collection-selected-variants--gift-guide-u500-2018 .shelf-header {
display: none;
}
.template-collection-selected-variants--gift-guide-main-2018 hr,
.template-collection-selected-variants--gift-guide-u75-2018 hr,
.template-collection-selected-variants--gift-guide-u250-2018 hr,
.template-collection-selected-variants--gift-guide-u500-2018 hr {
margin: 0px 30px 48px 30px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero {
width: 100vw;
position: relative;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper {
padding-bottom: 120%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper {
padding-bottom: 34.7222%;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-image-wrapper .module--hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper {
max-width: 1280px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper {
align-items: center;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption {
z-index: 10;
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
text-align: center;
padding: 40px 0px 0px 0px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 36%;
text-align: left;
margin-bottom: 0px;
padding: 30px;
justify-content: center;
align-items: flex-start;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
display: block;
margin-bottom: 20px;
line-height: 1;
letter-spacing: 0.08em;
color: #fff;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h6 {
font-size: 16px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-size: 24px;
line-height: 1.71;
letter-spacing: 0.05em;
color: #fff;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption h3 {
margin-bottom: 30px;
font-size: 30px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-hero .module--hero-caption-wrapper .module--hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
line-height: 24px;
font-size: 16px !important;
color: #ffffff;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero {
position: relative;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--image-wrapper {
padding-bottom: 73.3333%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--image-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--image-wrapper {
padding-bottom: 34.7222%;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--image-wrapper .sub-module--image,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--image-wrapper .sub-module--image,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--image-wrapper .sub-module--image,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--image-wrapper .sub-module--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 80% 50%;
background-repeat: no-repeat;
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
z-index: 10;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #ffffff;
padding: 20px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 50%;
align-items: flex-start;
text-align: left;
margin-bottom: 0px;
padding: 0px 0px 0px 100px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
display: block;
margin-bottom: 0px;
line-height: 24px;
letter-spacing: 0.032em;
color: #ffffff;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
margin-bottom: 20px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
font-size: 18px;
line-height: 1.3;
letter-spacing: 0.04em;
color: #ffffff;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u75-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u250-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3,
.template-collection-selected-variants--gift-guide-u500-2018 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
line-height: 1.7;
font-size: 24px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module {
margin-top: 30px;
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant {
margin-bottom: 48px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant p.h5,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant p.h5,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant p.h5,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant p.h5 {
height: auto;
overflow: hidden;
margin-top: 20px;
color: #171717;
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.032em;
line-height: 1.5;
display: block !important;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.variant-product-title {
font-size: 16px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.compare-price,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.compare-price,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.compare-price,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant p.h5 span.compare-price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
font-size: 16px !important;
letter-spacing: 0.032em;
line-height: 1.5;
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .grid__item--variant p.h6,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .grid__item--variant p.h6,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .grid__item--variant p.h6,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .grid__item--variant p.h6 {
display: none;
}
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .variant-cell {
width: 80%;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .variant-cell {
width: 50%;
}
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-main-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u75-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u250-2018 .grid--collection-sub-module .variant-cell,
.template-collection-selected-variants--gift-guide-u500-2018 .grid--collection-sub-module .variant-cell {
width: 33.3333%;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections {
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections {
flex-direction: row;
width: 100%;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .module-title h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .module-title h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .module-title h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .module-title h3 {
font-size: 24px !important;
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex {
flex-direction: row;
justify-content: center;
width: 100%;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide {
position: relative;
margin-bottom: 20px;
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide {
margin-right: 0px;
}
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide {
margin-right: 30px;
}
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-75 h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-75 h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-75 h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-75 h3 {
color: #0e285b !important;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-250 h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-250 h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-250 h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-250 h3 {
color: #156559 !important;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-500 h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-500 h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-500 h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide.guide-500 h3 {
color: #eaae08 !important;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a img,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a img,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a img,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a img {
max-width: 100%;
max-height: 100%;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a h3,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a h3,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a h3,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide a h3 {
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px !important;
}
.template-collection-selected-variants--gift-guide-main-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide:last-child,
.template-collection-selected-variants--gift-guide-u75-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide:last-child,
.template-collection-selected-variants--gift-guide-u250-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide:last-child,
.template-collection-selected-variants--gift-guide-u500-2018 .module--gift-guide-2018-collections .wrapper .grid--flex .gift-guide:last-child {
margin-right: 0px;
}
/*============================================================================
#2019 Gift Guide
==============================================================================*/
/*========================== 2019 Gift Guides ================================*/
.template-collection-selected-variants--gift-guide-2019 {
/*================== Full bleed Hero at the tippy top ======================*/
/*=========== Selected variant Collection Sub-modules Hero images ==========*/
}
.template-collection-selected-variants--gift-guide-2019 .main-content.wrapper {
margin-top: 0px !important;
margin-bottom: 60px;
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero {
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero {
width: 100vw;
position: relative;
margin-bottom: 150px;
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-image-wrapper {
padding-bottom: 127.4667%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-image-wrapper {
padding-bottom: 30.25%;
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-image-wrapper .module--hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url( gift-guide-2019-hero-mobile1e74.jpg?v=8849790226743768446);
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-image-wrapper .module--hero-image {
background-image: url( gift-guide-2019-hero-desktop0143.jpg?v=8284990647908048677);
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper {
max-width: 1280px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper {
align-items: center;
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption {
z-index: 10;
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
text-align: center;
padding: 60px 0px 0px 0px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: auto;
width: 36%;
text-align: left;
margin-bottom: 0px;
padding: 30px;
justify-content: center;
align-items: flex-start;
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 30px;
letter-spacing: -0.25px;
line-height: normal;
letter-spacing: 0.54px;
color: #FFFFFF;
margin-bottom: 12px;
text-align: center;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-size: 36px;
}
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
line-height: normal;
letter-spacing: 0.54px;
margin-bottom: 20px;
text-align: left;
}
}
.template-collection-selected-variants--gift-guide-2019 .module--gift-guide-2019-hero .module--hero-caption-wrapper .module--hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: normal;
letter-spacing: 0.29px;
color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero {
position: relative;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--image-wrapper {
padding-bottom: 66.4%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--image-wrapper {
padding-bottom: 31.7365%;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--image-wrapper .sub-module--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
z-index: 10;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #FFFFFF;
padding: 20px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 36%;
align-items: flex-start;
text-align: left;
margin-bottom: 0px;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
line-height: 1.33;
letter-spacing: 0.5px;
color: #FFFFFF;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
line-height: 1.33;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption p.subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #283455;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption p.subtitle {
letter-spacing: 0.29px;
color: #FFFFFF;
text-align: left;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption-right {
padding: 20px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption-right {
padding: 0px 80px 0px 0px;
left: auto;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption-left {
padding: 20px;
}
@media screen and (min-width: 768px) {
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption-left {
padding: 0px 0px 0px 80px;
}
}
.template-collection-selected-variants--gift-guide-2019 .sub-module--hero p.mobile-subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #283455;
margin-top: 40px;
}
.template-collection-selected-variants--gift-guide-2019 .quote-cell {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.template-collection-selected-variants--gift-guide-2019 .quote-cell .quote-wrapper p {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
line-height: 1.53;
letter-spacing: 0.54px;
color: #FFFFFF;
text-decoration: underline;
text-align: center;
}
@media screen and (min-width: 769px) {
.template-collection-selected-variants--gift-guide-2019 .quote-cell .quote-wrapper p {
font-size: 30px;
}
}
.template-collection-selected-variants--gift-guide-2019 .carousel--gift-guide-100 .quote-cell {
background-color: #2c4350;
}
.template-collection-selected-variants--gift-guide-2019 .carousel--gift-guide-200 .quote-cell {
background-color: #cc856b;
}
.template-collection-selected-variants--gift-guide-2019 .carousel--gift-guide-200-plus .quote-cell {
background-color: #0c1f4c;
}
.grid__item video {
max-width: 100%;
}
.zoom-wrapper video {
width: 100%;
}
.grid__item-insert .zoom-wrapper {
cursor: default !important;
}
/*============================================================================
#Swell - Moved to swell.scss.liquid
==============================================================================*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
body {
margin: 0;
padding: 0;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/*Media Query Breakpoints Ends*/
/*Text colors*/
/*theme font-family*/
/*Helper Classes Start*/
@font-face {
font-family: "Toledo";
src: url("toledo-demibold.woff2") format("woff2"), url("toledo-demibold.woff") format("woff");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "ToledoTS";
src: url("toledots-demibold.woff2") format("woff2"), url("toledots-demibold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "ToledoTS-RegularIta";
src: url("toledots-regularita.woff2") format("woff2"), url("toledots-regularita.woff") format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "ToledoTS";
src: url("toledots-bold.woff2") format("woff2"), url("toledots-bold.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "ToledoTS";
src: url("toledots-regular.woff2") format("woff2"), url("toledots-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "swell-rewards";
src: url("swell-rewards0f0b.eot?6m9cwe");
src: url("swell-rewards0f0b.eot?6m9cwe#iefix") format("embedded-opentype"), url("swell-rewards0f0b.ttf?6m9cwe") format("truetype"), url("swell-rewards0f0b.woff?6m9cwe") format("woff"), url("swell-rewards0f0b.svg?6m9cwe#swell-rewards") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=swell-rewards-icon-], [class*=" swell-rewards-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "swell-rewards" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.swell-rewards-icon-facebook:before {
content: "\e900";
color: #002481;
}
.swell-rewards-icon-link:before {
content: "\e901";
color: #002481;
}
.swell-rewards-icon-tweet:before {
content: "\e902";
color: #002481;
}
.swell-rewards-icon-plus:before {
content: "\e906";
}
.swell-rewards-icon-check:before {
content: "\e905";
}
.swell-rewards-icon-chevron-thin-left:before {
content: "\e904";
}
.swell-rewards-icon-chevron-thin-right:before {
content: "\e903";
}
/*Swell link list start*/
.swell-link-list {
list-style: none;
text-align: center;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}
.swell-link-list li a.swell-link-register {
border-bottom: 1px solid #a1a0a0;
color: #a1a0a0;
}
.swell-link-list .swell-link {
display: inline-block;
margin: 0 0.8em 1em;
}
.swell-link-list .swell-link a {
display: block;
border: 2px solid #fff;
padding: 0.6em 0.5em;
text-align: center;
min-width: 12em;
color: #fff;
text-decoration: none;
border-radius: 35px;
font-size: 18px;
}
.swell-link-list .swell-link a.swell-link-redeem {
background: #009af6;
}
.swell-link-list .swell-link a.swell-link-history {
background: #ffbe4b;
border-color: #ffbe4b;
}
.swell-link-login,
.swell-link-checkout {
background: #009af6;
color: #fff;
}
.brooklinen-rewards p {
font-size: 16px;
color: #a1a0a0;
}
.brooklinen-rewards img {
width: 100%;
}
.brooklinen-rewards ul {
padding: 0;
margin: 0;
}
.brooklinen-rewards ul li {
list-style: none;
}
.brooklinen-rewards .desktop {
display: none;
}
.brooklinen-rewards .mobile {
display: block;
}
@media (min-width: 768px) {
.brooklinen-rewards .desktop {
display: block;
}
.brooklinen-rewards .mobile {
display: none;
}
}
.brooklinen-rewards .vip-dot {
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #fff;
display: block;
margin: 0 auto 0 0;
}
.brooklinen-rewards .product-disable {
opacity: 0.3;
}
.brooklinen-rewards .swell-container {
max-width: 1152px;
margin: 0 auto;
width: 100%;
position: relative;
}
.brooklinen-rewards .swell-section-heading {
margin-bottom: 50px;
}
.brooklinen-rewards .swell-section-heading .swell-heading {
font-size: 30px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.97;
letter-spacing: 1.13px !important;
text-align: center;
color: #283455;
font-family: "ToledoTS";
text-transform: capitalize;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-section-heading .swell-heading {
font-size: 32px;
text-align: center;
margin: 0 0 20px;
}
}
.brooklinen-rewards .sub-heading-holder {
max-width: 450px;
margin: 0 auto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
.brooklinen-rewards .swell-banner {
background-image: url("swell-banner-mobile92dd.jpg?v=168229915745844666521713475717");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height: 570px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-banner {
background-image: url(swell-banner.jpg);
min-height: 515px;
justify-content: flex-start;
padding: 0 12%;
}
}
.brooklinen-rewards .swell-banner .swell-logo {
max-width: 280px;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-banner .swell-logo {
max-width: 375px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-banner .swell-logo {
max-width: 315px;
}
}
.brooklinen-rewards .swell-caption {
width: 100%;
padding: 50px 10px 10px;
position: relative;
margin: 0 auto 40px;
background: #f9f9f9;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption {
max-width: 900px;
margin: 0 auto 65px;
padding: 50px 10px;
background: transparent;
}
}
.brooklinen-rewards .swell-caption:after {
display: none;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption:after {
display: block;
content: "";
height: 90px;
width: 100%;
max-width: 1px;
margin: 0 auto;
background: rgba(204, 204, 204, 0.5);
position: absolute;
bottom: -30px;
left: 0;
right: 0;
}
}
.brooklinen-rewards .swell-caption .caption-content {
margin: 0 auto 30px;
text-align: center;
}
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-title {
font-family: "ToledoTS";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 2px !important;
text-align: center;
color: #344329;
margin-bottom: 25px;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-title {
font-size: 20px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-title {
font-size: 16px;
}
}
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-detail {
font-family: "BrandonTextWeb-Regular", sans-serif;
font-size: 17px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.39;
letter-spacing: 0.56px;
text-align: center;
color: #0d112c;
max-width: 333px;
margin: 0 auto 30px;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-detail {
font-size: 20px;
max-width: 388px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption .caption-content .swell-rewards-detail {
font-size: 17px;
max-width: 800px;
}
}
.brooklinen-rewards .swell-caption .caption-content .swell-link-list {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption .caption-content .swell-link-list {
flex-direction: row;
}
}
.brooklinen-rewards .swell-caption .caption-content .swell-link-list .swell-link .swell-link-login {
display: block;
min-width: 200px;
margin: 0 auto;
padding: 16px 0;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #fff;
font-family: "BrandonTextWeb-Regular", sans-serif;
background: #293c70;
border: 1px solid #293c70;
border-radius: 0;
cursor: pointer;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-caption .caption-content .swell-link-list .swell-link .swell-link-login {
min-width: 300px;
max-width: 300px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-caption .caption-content .swell-link-list .swell-link .swell-link-login {
min-width: 230px;
max-width: 230px;
padding: 13px 0;
font-size: 14px;
}
}
.brooklinen-rewards .swell-caption .caption-content .swell-link-list .swell-link .swell-link-login:hover {
background: #0F1528;
border: 1px solid #0F1528;
color: #fff;
}
.brooklinen-rewards .joining-section-holder {
padding: 50px 10px;
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder {
padding: 30px 10px;
}
}
.brooklinen-rewards .joining-section-holder .joining-section {
max-width: 770px;
margin: 0 auto 20px;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login {
margin: 0 auto;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading {
text-align: center;
border-bottom: 0;
margin-bottom: 30px;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h2 {
font-family: "ToledoTS";
font-size: 34px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.97;
letter-spacing: 1.13px important;
text-align: center;
color: #283455;
text-transform: capitalize;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h2 {
font-size: 38px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h2 {
font-size: 34px;
}
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h2 .swell-point-balance {
margin: 0 5px;
color: #344329;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 {
font-family: "ToledoTS";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.8;
letter-spacing: 0.14px;
text-align: center;
color: #283455;
text-transform: none;
max-width: 260px;
margin: 0 auto;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .swell-points-detail {
display: block;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .points {
font-family: "BrandonTextWeb-Regular", sans-serif;
color: #344329;
text-transform: uppercase;
font-size: 15px;
font-weight: 800;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .swell-point-balance {
font-family: "BrandonTextWeb-Regular", sans-serif;
font-weight: 800;
color: #344329;
font-size: 15px;
}
@media (min-width: 480px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 {
font-size: 24px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 {
font-size: 18px;
max-width: 100%;
}
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .current-tier-name {
color: #344329;
font-size: 18px;
}
@media (min-width: 480px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .current-tier-name {
font-size: 24px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-section-heading h4 .current-tier-name {
font-size: 18px;
}
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list {
flex-direction: row;
}
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link {
margin-bottom: 10px;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link a {
min-width: 270px;
background: #293c70;
border: 1px solid #293c70;
padding: 13px 0;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #fff;
font-family: "BrandonTextWeb-Regular", sans-serif;
text-transform: capitalize;
border-radius: 0;
cursor: pointer;
}
@media (min-width: 480px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link a {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link a {
min-width: 220px;
font-size: 13px;
}
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link a:hover {
background: transparent;
border: 1px solid #293c70;
color: #293c70;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link .swell-link-history {
background: transparent;
border: 1px solid #293c70;
color: #293c70;
}
.brooklinen-rewards .joining-section-holder .joining-section .joining-section-login .swell-link-list .swell-link .swell-link-history:hover {
background: #293c70;
border: 1px solid #293c70;
color: #fff;
}
.brooklinen-rewards .swell-how-it-work {
margin-bottom: 25px;
}
.brooklinen-rewards .swell-how-it-work .swell-section-heading {
margin-bottom: 25px;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-how-it-work .swell-section-heading {
margin-bottom: 50px;
}
}
.brooklinen-rewards .swell-how-it-work .swell-section-heading .swell-heading {
margin-bottom: 0;
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder {
padding: 25px 0;
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder {
padding: 0;
list-style: none;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
max-width: 430px;
margin: 0 auto;
}
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box {
margin: 0 auto 25px;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box {
margin-bottom: 0;
}
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box {
text-align: center;
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box .count {
width: 50px;
height: 50px;
border-radius: 100%;
background: transparent;
border: 1px solid #5d6e50;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
font-family: "ToledoTS";
letter-spacing: -5px !important;
text-align: center;
color: #5d6e50;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box .count {
margin-bottom: 35px;
}
}
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box .HIW-title {
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 2px !important;
text-align: center;
color: #344329;
font-family: "BrandonTextWeb-Regular", sans-serif;
margin-bottom: 10px;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box .HIW-title {
font-size: 16px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-how-it-work .swell-how-it-work-holder .work-box-holder .work-box .list-box .HIW-title {
font-size: 14px;
}
}
.brooklinen-rewards .way-to-earn {
text-align: center;
background: rgba(242, 242, 242, 0.4);
padding: 25px 0;
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn {
padding: 65px 0;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list {
max-width: 1220px;
justify-content: center;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list.logged-in .swell-campaign {
cursor: pointer;
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign {
margin-bottom: 0;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign:last-child .swell-campaign-content {
border-right: 0;
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign:nth-child(6n-1) .swell-campaign-content {
border-right: 0;
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-type .swell-campaign-type-content {
display: block;
font-family: "ToledoTS";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: 0.15px;
text-align: center;
color: #283455;
margin-bottom: 15px;
}
@media (min-width: 480px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-type .swell-campaign-type-content {
font-size: 24px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-type .swell-campaign-type-content {
font-size: 16px;
}
}
@media (min-width: 1025px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-type .swell-campaign-type-content {
font-size: 22px;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content {
width: 100%;
padding: 8px 0;
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content {
border-right: 1px solid #9b9b9b;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-icon .swell-campaign-icon-content {
display: block;
margin-bottom: 25px;
text-align: center;
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-icon .swell-campaign-icon-content {
margin-bottom: 15px;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-icon .swell-campaign-icon-content span {
font-size: 32px;
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value {
font-family: "BrandonTextWeb-Regular", sans-serif;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 0.5px;
text-align: center;
color: #5c6f4d;
}
@media (min-width: 480px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value {
font-size: 17px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value {
font-size: 14px;
}
}
@media (min-width: 1025px) {
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value {
font-size: 16px;
}
}
.brooklinen-rewards .way-to-earn .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value .swell-campaign-value-content {
border-bottom: 1px solid #5c6f4d;
}
@media (min-width: 320px) {
.brooklinen-rewards .swell-campaign {
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-campaign {
-webkit-box-flex: 0 0 20%;
-moz-box-flex: 0 0 20%;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.brooklinen-rewards .vips-earn-more {
padding: 0 15px;
margin-bottom: 85px;
background: #f2f2f2;
padding: 70px 0 0;
}
@media (min-width: 480px) {
.brooklinen-rewards .vips-earn-more {
padding: 70px 0;
}
}
.brooklinen-rewards .vips-earn-more .swell-section-heading {
margin-bottom: 0;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-section-heading {
margin-bottom: 50px;
}
}
.brooklinen-rewards .vips-earn-more .swell-section-heading .swell-detail {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.37;
letter-spacing: 0.56px;
text-align: center;
color: #0d102e;
font-family: "BrandonTextWeb-Regular", sans-serif;
max-width: 300px;
margin: 0 auto 70px;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-section-heading .swell-detail {
max-width: 100%;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .benefits-heading {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 2px;
text-align: center;
color: #4a4a4a;
font-family: "BrandonTextWeb-Regular", sans-serif;
display: block;
margin-bottom: 25px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile {
display: flex !important;
align-items: flex-start;
justify-content: center;
padding: 50px 10px 100px;
height: 725px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile.silver {
background: #5d6e50;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile.gold {
background: #344329;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile.gold .benefits-mobile li:last-child {
margin-top: 10px;
border: 1px solid #fff;
padding: 15px 5px 15px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile.platinum {
background: #0f1528;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile.platinum .benefits-mobile .benefit-borders {
margin-top: 15px;
padding: 10px 5px 5px;
border: 1px solid #fff;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder {
max-width: 330px;
width: 100%;
margin: 0 auto;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .item-holder-mobile {
border-bottom: 1px solid #fff;
padding-bottom: 15px;
margin-bottom: 20px;
text-align: center;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .item-holder-mobile .name-item-mobile {
display: block;
font-family: "ToledoTS";
font-size: 24px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.04;
letter-spacing: 0.1px;
text-align: center;
color: #fff;
margin-bottom: 15px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .item-holder-mobile .points-item-mobile {
font-family: "BrandonTextWeb-Regular", sans-serif;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 0.07px;
text-align: center;
color: #fff;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .benefits-mobile {
max-width: 260px;
margin: 0 auto;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .benefits-mobile li {
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.91;
letter-spacing: 0.06px;
text-align: left;
color: #fefffe;
font-family: "BrandonTextWeb-Regular", sans-serif;
display: flex;
align-items: center;
justify-content: flex-start;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .benefits-mobile li .benefits-detail {
flex-basis: 85%;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .titles-col-mobile .titles-col-mobile-holder .benefits-mobile li .swell-rewards-icon-plus {
font-size: 12px;
display: block;
margin: 0 auto 0 0;
padding-left: 10px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 50px;
width: 100%;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots li {
height: auto;
margin: 0 10px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots li:last-child {
margin-right: 0;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots .slick-active button {
width: 13px;
height: 13px;
background: #fff;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots li button {
font-size: 0;
width: 13px;
height: 13px;
background: transparent;
border: 1px solid #fff;
border-radius: 100%;
outline: 0;
min-height: 0;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table-mobile-holder .swell-tier-table-mobile .slick-dots li button:before {
color: transparent;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table {
overflow: auto;
display: none;
align-items: flex-start;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table {
display: flex;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status {
width: 100%;
min-height: 38px;
background-color: #fff;
border-bottom: 0;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: rgba(255, 255, 255, 0.28);
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-spend .current {
font-weight: bold;
background: transparent;
color: #000;
padding: 0 5px;
font-size: 12px;
}
@media (min-width: 480px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-spend .current {
font-size: 14px;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-current {
width: 100%;
height: 100%;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-current .current {
text-transform: uppercase;
font-size: 11px;
font-weight: 900 !important;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.8px;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 480px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-current .current {
font-size: 12px;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .current-status .status-current .current span {
font-weight: bold;
color: #000;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col {
display: inline-flex;
float: left;
align-items: center;
justify-content: center;
flex-direction: column;
background: #f9f9f9;
margin: 0 0 70px;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col {
background: #fff;
flex-basis: 30%;
margin: 0;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col span:last-child {
max-height: 65px;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col .empty {
min-height: 40px;
max-height: 40px;
background: #f2f2f2;
border-bottom: 0;
border-left: 0;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col span {
padding: 0 10px;
width: 100%;
display: flex;
align-items: center;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.06px;
text-align: left;
color: #4a4a4a;
font-family: "BrandonTextWeb-Regular", sans-serif;
min-height: 40px;
max-height: 40px;
border-right: 1px solid #979797;
border-left: 1px solid #979797;
border-bottom: 1px solid #979797;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col span {
padding: 0 25px;
font-size: 14px;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col .name-item {
min-height: 55px;
max-height: 55px;
padding: 0 10px;
display: flex;
align-items: center;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 2px;
text-align: center;
color: #4a4a4a;
font-family: "BrandonTextWeb-Regular", sans-serif;
text-transform: uppercase;
background: #f2f2f2;
border-left: 0;
position: relative;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .titles-col .name-item {
align-items: center;
justify-content: center;
padding: 0 15px;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder {
float: left;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder {
flex-basis: 70%;
display: flex;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col {
position: relative;
margin: 0 0 70px;
background: #fff;
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col {
width: 100%;
margin: 0;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col span {
display: block;
padding: 0;
width: 100%;
text-align: center;
min-height: 40px;
max-height: 40px;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.06px;
text-align: center;
color: #4a4a4a;
font-family: "BrandonTextWeb-Regular", sans-serif;
line-height: normal;
letter-spacing: normal;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #979797;
border-right: 1px solid #979797;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col span .cur-label,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col span .cur-label,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col span .cur-label {
display: contents;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item {
border-bottom: 0;
min-height: 55px;
max-height: 55px;
padding: 10px 10px 0;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #5d6e50;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item span {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: 0.1px;
text-align: center;
color: #fff;
font-family: "ToledoTS";
max-width: 140px;
width: 100%;
margin: 0 auto;
border-right: 0;
border-bottom: 0;
}
@media (min-width: 480px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item span {
font-size: 20px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item span {
font-size: 18px;
}
}
@media (min-width: 1025px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item span {
font-size: 20px;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .points-item,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .points-item,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .points-item {
padding: 0 10px 10px;
min-height: 28px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 0.07px;
text-align: center;
color: #fff;
font-family: "BrandonTextWeb-Regular", sans-serif;
border-right: 1px solid #5d6e50;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .points-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .points-item span,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .points-item span {
border-bottom: 0;
max-width: 190px;
border: 0;
margin: 0 auto;
text-align: center;
display: block;
color: #fff;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .points-item span .cur-label,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .points-item span .cur-label,
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .points-item span .cur-label {
display: contents;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .points-item {
background: #5d6e50;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item {
background: #5d6e50;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-1-col .name-item span {
max-width: 190px;
margin: 0 auto;
justify-content: center;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .points-item {
background: #344329;
border-right: 1px solid #344329;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item {
background: #344329;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-2-col .name-item span {
max-width: 190px;
margin: 0 auto;
justify-content: center;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .points-item {
background: #0f1528;
border-right: 1px solid #0f1528;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item {
background: #0f1528;
border-right: 1px solid #0f1528;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .tier-3-col .name-item span {
max-width: 190px;
margin: 0 auto;
justify-content: center;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-list .slick-track {
display: flex;
align-items: flex-end;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots li {
flex-basis: 16%;
height: auto;
}
@media (min-width: 480px) {
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots li {
flex-basis: 8%;
}
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots li:last-child {
margin-right: 0;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots .slick-active button {
width: 13px;
height: 13px;
background: #000;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots li button {
font-size: 0;
width: 13px;
height: 13px;
background: transparent;
border: 1px solid #000;
border-radius: 100%;
outline: 0;
min-height: 0;
}
.brooklinen-rewards .vips-earn-more .swell-tier-table .tier-holder .slick-dots li button:before {
color: transparent;
}
.brooklinen-rewards .vips-earn-more.logged-in {
padding: 85px 15px 0;
position: relative;
z-index: 9;
background: #fff;
}
.brooklinen-rewards .swell-redeem-for-product {
margin-bottom: 60px;
}
.brooklinen-rewards .swell-redeem-for-product.logged-in .swell-section-heading {
display: block;
}
.brooklinen-rewards .swell-redeem-for-product .swell-section-heading {
display: none;
}
.brooklinen-rewards .swell-redeem-for-product .swell-section-heading .swell-heading {
font-size: 28px;
}
.brooklinen-rewards .swell-redeem-for-product .redeem-rewards-amount {
display: block;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: 0.15px;
text-align: center;
color: #4a4a4a;
font-family: "ToledoTS";
margin: 50px 0 35px;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list {
display: flex;
align-items: flex-end;
justify-content: center;
max-width: 1085px;
margin: 0 auto;
padding-bottom: 65px;
position: relative;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list.swell-redemption-option-list-2000:after {
display: none;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list:after {
content: "";
width: 65%;
height: 1px;
background: #f2f2f2;
position: absolute;
bottom: 0;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list:after {
width: 95%;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-list {
width: 100%;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-list .slick-track {
width: 100%;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-arrow-right {
cursor: pointer;
position: absolute;
font-size: 22px;
color: #7f7f7f;
top: 26%;
right: 3px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 100%;
z-index: 99;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-arrow-right {
right: 0;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-arrow-left {
cursor: pointer;
position: absolute;
font-size: 22px;
color: #7f7f7f;
top: 26%;
left: 3px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 100%;
z-index: 99;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .slick-arrow-left {
left: 0;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption {
padding: 0 15px;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-image {
text-align: center;
max-width: 330px;
margin: 0 auto;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-image .swell-product-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
vertical-align: -webkit-baseline-middle;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-image .swell-product-image {
min-height: 330px;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder {
background: #fff;
padding: 25px 0 0 0;
max-width: 330px;
margin: 0 auto;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .custom-select {
max-width: 330px;
margin-bottom: 30px;
width: 100%;
min-height: 41px;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .custom-select select {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.18) !important;
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .product-title {
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 0.5px;
text-align: left;
color: #0f1528;
min-height: 45px;
font-family: "BrandonTextWeb-Regular", sans-serif;
}
@media (min-width: 480px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .product-title {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .product-title {
font-size: 16px;
text-align: center;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .product-point {
display: block;
max-width: 160px;
margin: 0 auto 15px 0;
padding: 10px 0;
font-size: 17px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 0.5px;
text-align: left;
color: #5d6e50;
font-family: "BrandonTextWeb-Bold";
text-transform: uppercase;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .product-point {
margin: 0 auto 15px;
text-align: center;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .earn-more {
display: block;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: 0.5px;
text-align: left;
color: #9b9b9b;
font-family: "BrandonTextWeb-Regular", sans-serif;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .earn-more {
text-align: center;
}
}
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .select {
display: block;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: 0.5px;
text-align: left;
color: #283455;
font-family: "BrandonTextWeb-Regular", sans-serif;
text-decoration: underline;
text-underline-position: under;
}
@media (min-width: 768px) {
.brooklinen-rewards .swell-redeem-for-product .swell-redeem-for-product-holder .swell-redemption-list .redemption .product-detail-holder .select {
text-align: center;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section {
background-image: url(swell-refer-image.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
min-height: 625px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media (min-width: 999px) {
.brooklinen-rewards .referral-section {
background-position: right;
}
}
@media (min-width: 1250px) {
.brooklinen-rewards .referral-section {
background-position: center;
}
}
.brooklinen-rewards .referral-section .referral-section-holder {
width: 100%;
padding: 50px 0 20px;
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder {
display: flex;
align-items: center;
justify-content: flex-end;
max-width: 840px;
padding: 0;
}
}
@media (min-width: 999px) {
.brooklinen-rewards .referral-section .referral-section-holder {
justify-content: center;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder {
background-image: url(../swell-refer-mobile.html);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder {
background-image: none;
max-width: 415px;
width: 100%;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral {
width: 100%;
padding: 0 15px;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-sidebar {
display: none;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main {
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-register {
max-width: 530px;
width: 100%;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-refer {
max-width: 530px;
width: 100%;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading {
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 2px !important;
text-align: center;
color: #5c6f4d;
margin-bottom: 20px;
font-family: "BrandonTextWeb-Regular", sans-serif;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading {
font-size: 16px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading .refer-friend {
display: block;
margin-bottom: 15px;
font-size: 28px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 0.97;
letter-spacing: 0.15px;
text-align: center;
color: #283455;
font-family: "ToledoTS";
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading .refer-friend {
font-size: 30px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-heading .refer-friend {
font-size: 34px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-details {
font-size: 17px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.39;
letter-spacing: 0.2px;
text-align: center;
color: #0e1429;
font-family: "BrandonTextWeb-Regular", sans-serif;
max-width: 300px;
width: 100%;
margin: 0 auto 35px;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-details {
font-size: 18px;
max-width: 320px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-details {
font-size: 16px;
max-width: 370px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .refer-customer-error {
color: red;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list {
max-width: 320px;
margin: 0 auto;
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list {
max-width: 330px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list .swell-referral-form-list-field {
flex: 1;
width: 100%;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list .swell-referral-form-list-field:first-child {
margin-bottom: 10px;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-field-input {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 0.5px;
text-align: center;
color: #9b9b9b;
font-family: "BrandonTextWeb-Regular", sans-serif;
border: 1px solid #9b9b9b;
background-color: #fff;
padding: 0 15px;
outline: 0;
width: 100%;
margin: 0;
box-shadow: none;
height: 48px;
border-radius: 0;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-field-input {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-field-input {
font-size: 14px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-field-input::placeholder {
color: #9b9b9b;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-submit {
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #fff;
font-family: "BrandonTextWeb-Regular", sans-serif;
background-color: #293c70;
border: 1px solid #293c70;
border-radius: 0;
width: 100%;
height: 48px;
outline: 0;
padding: 0;
margin: 0;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper .swell-referral-form-list-submit {
font-size: 16px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper {
margin-top: 15px;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper {
margin-top: 30px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-details {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
max-width: 320px;
width: 100%;
color: #fff;
margin: 0 auto 15px;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-details {
font-size: 16px;
max-width: 420px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-details {
margin: 0 auto 10px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 440px;
margin: auto;
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list {
max-width: 405px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium {
font-weight: normal;
line-height: 1.31;
letter-spacing: normal;
color: #000;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium {
font-size: 13px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-medium-content {
cursor: pointer;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-medium-content {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-medium-content {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-medium-content .swell-referral-media-icon {
display: block;
margin-bottom: 10px;
font-size: 36px;
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-medium-content .swell-referral-media-icon {
display: inline-block;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium.swell-share-referral-sms {
display: none;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 15px;
min-height: 420.2px;
max-width: 500px;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks {
min-height: 444.55px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks {
min-height: 384.45px;
padding: 0;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-heading {
font-size: 26px;
font-family: "ToledoTS";
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-heading {
font-size: 28px;
}
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-back-link {
top: 40px;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-back-link:before, .brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-back-link:after {
background: #000;
}
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-details {
font-size: 14px;
}
@media (min-width: 480px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-details {
font-size: 15px;
}
}
@media (min-width: 768px) {
.brooklinen-rewards .referral-section .referral-section-holder .swell-referral-holder .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-details {
font-size: 16px;
}
}
.swell-referral-back-link {
width: 1.5em;
height: 1.5em;
max-width: 25px;
max-height: 25px;
display: block;
vertical-align: middle;
margin-left: auto;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
cursor: pointer;
}
.swell-referral-back-link:after, .swell-referral-back-link:before {
background: #fff;
content: "";
height: 1.5px;
max-width: 35.35px;
position: absolute;
top: 0;
transition: 0.05s ease-in-out background-color;
width: 2.121em;
}
.swell-referral-back-link:before {
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.swell-referral-back-link:after {
right: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
.swell-referral-copy {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.85);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.swell-referral-copy .swell-referral-copy-content {
max-width: 1000px;
width: 100%;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-sidebar {
display: none;
}
.swell-referral-copy .swell-referral-copy-main {
position: relative;
background: #fff !important;
text-align: center;
width: 100%;
max-width: 420px;
padding: 50px 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main {
padding: 30px 0;
}
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-heading {
display: none;
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-back-link {
max-width: 30px;
top: -55px;
right: 0;
left: auto;
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-back-link {
max-width: 25px;
}
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-back-link:before, .swell-referral-copy .swell-referral-copy-main .swell-referral-back-link:after {
max-width: 42.42px;
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-back-link:before, .swell-referral-copy .swell-referral-copy-main .swell-referral-back-link:after {
max-width: 35.35px;
}
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-link {
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #21303b;
font-family: "ToledoTS";
margin-bottom: 20px;
text-transform: lowercase;
}
@media (min-width: 480px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-link {
font-size: 32px;
}
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-link {
font-size: 36px;
}
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-button {
max-width: 150px;
min-width: 150px;
width: 100%;
display: block;
padding: 12px 0;
margin: 0 auto 30px;
font-size: 15.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.31px;
text-align: center;
color: #fff;
background: #293c70;
border: 1px solid #293c70;
font-family: "BrandonTextWeb-Regular", sans-serif;
border-radius: 0;
text-transform: capitalize;
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-button {
min-width: 120px;
max-width: 120px;
font-size: 13px;
margin-bottom: 0 auto 20px;
padding: 11px 0;
}
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-copy-button:hover {
background: #000;
border-color: #000;
}
.swell-referral-copy .swell-referral-copy-main .swell-referral-details {
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #21303b;
font-family: "BrandonTextWeb-Regular", sans-serif;
}
@media (min-width: 768px) {
.swell-referral-copy .swell-referral-copy-main .swell-referral-details {
font-size: 14px;
}
}
/*============================================================================
Swell 'Under Construction' Messaging on accounts and rewards pages
==============================================================================*/
.under-construction__account {
background-color: #F8F8F8;
text-align: center;
font-stretch: normal;
font-style: normal;
margin-top: 80px;
padding: 70px 26px;
}
@media screen and (min-width: 768px) {
.under-construction__account {
padding: 115px 26px;
}
}
.under-construction__account h5,
.under-construction__account p {
color: #293C70;
}
.under-construction__account h5 {
font-family: ToledoTS-Demibold;
font-size: 32px;
margin-bottom: 18px;
}
.under-construction__account p {
font-family: BrandonTextWeb-Regular;
line-height: 1.5;
font-size: 20px;
max-width: 940px;
margin: 0 auto;
}
.under-construction__rewards {
background-color: #F8F8F8;
text-align: center;
font-stretch: normal;
font-style: normal;
padding: 68px 0 120px;
}
@media screen and (min-width: 768px) {
.under-construction__rewards {
padding-top: 96px;
}
}
.under-construction__rewards h5,
.under-construction__rewards h6,
.under-construction__rewards p {
margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
.under-construction__rewards h5,
.under-construction__rewards h6,
.under-construction__rewards p {
margin-bottom: 36px;
}
}
.under-construction__rewards h5 {
font-family: ToledoTS-Regular;
font-size: 24px;
color: #283455;
}
@media screen and (min-width: 768px) {
.under-construction__rewards h5 {
font-size: 32px;
}
}
.under-construction__rewards h6 {
font-family: BrandonGrotesqueWeb-Bold;
font-size: 18px;
line-height: 1.56;
letter-spacing: 2.5px;
color: #293C70;
text-transform: uppercase;
}
.under-construction__rewards p {
font-family: BrandonTextWeb-Regular;
font-size: 20px;
color: #293C70;
max-width: 940px;
}
.under-construction__rewards p.contact {
margin-bottom: 70px;
}
.under-construction__rewards-mail-link {
text-decoration: underline;
color: #04247D;
}
.under-construction__rewards-cta-link {
background-color: #293C70;
color: #FFFFFF;
font-family: BrandonGrotesqueWeb-Bold;
font-size: 20px;
display: block;
margin: 0 auto;
padding: 14px 0;
max-width: 300px;
transition: background-color 0.25s;
}
.under-construction__rewards-cta-link:hover {
color: #FFFFFF;
background-color: #0F1528;
}
/*============================================================================
#Directories (Sheets|Towels|Loungewear)
==============================================================================*/
.module--collections-sheets, .module--collections-towels, .module--collections-loungewear {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--collections-sheets, .module--collections-towels, .module--collections-loungewear {
margin-bottom: 70px;
}
}
.module--collections-sheets .shelf-header, .module--collections-towels .shelf-header, .module--collections-loungewear .shelf-header {
display: none;
}
.module--collections-sheets .collection-title, .module--collections-towels .collection-title, .module--collections-loungewear .collection-title {
margin-bottom: 50px;
}
.module--collections-sheets .collection-title .title, .module--collections-towels .collection-title .title, .module--collections-loungewear .collection-title .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 36px !important;
color: #293c70;
margin-bottom: 0.5em;
line-height: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .collection-title .title, .module--collections-towels .collection-title .title, .module--collections-loungewear .collection-title .title {
font-size: 30px;
}
}
.module--collections-sheets .collection-title .subtitle, .module--collections-towels .collection-title .subtitle, .module--collections-loungewear .collection-title .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #293c70;
letter-spacing: 0.025em;
}
.module--collections-sheets .grid__item--weaves .grid .grid__item, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item, .module--collections-sheets .grid__item--weaves .grid--full .grid__item, .module--collections-sheets .grid__item--collections .grid .grid__item, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-sheets .grid__item--collections .grid--rev .grid__item, .module--collections-sheets .grid__item--collections .grid--full .grid__item, .module--collections-towels .grid__item--weaves .grid .grid__item, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-towels .grid__item--weaves .grid--rev .grid__item, .module--collections-towels .grid__item--weaves .grid--full .grid__item, .module--collections-towels .grid__item--collections .grid .grid__item, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-towels .grid__item--collections .grid--rev .grid__item, .module--collections-towels .grid__item--collections .grid--full .grid__item, .module--collections-loungewear .grid__item--weaves .grid .grid__item, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item, .module--collections-loungewear .grid__item--collections .grid .grid__item, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item, .module--collections-loungewear .grid__item--collections .grid--full .grid__item {
text-align: left;
margin-bottom: 44px;
}
@media screen and (min-width: 768px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item, .module--collections-sheets .grid__item--weaves .grid--full .grid__item, .module--collections-sheets .grid__item--collections .grid .grid__item, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-sheets .grid__item--collections .grid--rev .grid__item, .module--collections-sheets .grid__item--collections .grid--full .grid__item, .module--collections-towels .grid__item--weaves .grid .grid__item, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-towels .grid__item--weaves .grid--rev .grid__item, .module--collections-towels .grid__item--weaves .grid--full .grid__item, .module--collections-towels .grid__item--collections .grid .grid__item, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-towels .grid__item--collections .grid--rev .grid__item, .module--collections-towels .grid__item--collections .grid--full .grid__item, .module--collections-loungewear .grid__item--weaves .grid .grid__item, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item, .module--collections-loungewear .grid__item--collections .grid .grid__item, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item, .module--collections-loungewear .grid__item--collections .grid--full .grid__item {
margin-bottom: 68px;
}
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .title, .module--collections-sheets .grid__item--collections .grid .grid__item .title, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .title, .module--collections-sheets .grid__item--collections .grid--full .grid__item .title, .module--collections-towels .grid__item--weaves .grid .grid__item .title, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .title, .module--collections-towels .grid__item--weaves .grid--full .grid__item .title, .module--collections-towels .grid__item--collections .grid .grid__item .title, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-towels .grid__item--collections .grid--rev .grid__item .title, .module--collections-towels .grid__item--collections .grid--full .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .title, .module--collections-loungewear .grid__item--collections .grid .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
color: #283455;
margin-bottom: 0.75em;
line-height: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .title, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .title, .module--collections-sheets .grid__item--collections .grid .grid__item .title, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .title, .module--collections-sheets .grid__item--collections .grid--full .grid__item .title, .module--collections-towels .grid__item--weaves .grid .grid__item .title, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .title, .module--collections-towels .grid__item--weaves .grid--full .grid__item .title, .module--collections-towels .grid__item--collections .grid .grid__item .title, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-towels .grid__item--collections .grid--rev .grid__item .title, .module--collections-towels .grid__item--collections .grid--full .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .title, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .title, .module--collections-loungewear .grid__item--collections .grid .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .title, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .title {
font-size: 30px;
}
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-image, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-image, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-image, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-image, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-image, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-image, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-image, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-image, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-image, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-image, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-image, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-image, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-image, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-image, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-image, .module--collections-towels .grid__item--collections .grid .grid__item .inner-image, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-image, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-image, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-image, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-image, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-image, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-image, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-image, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-image, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-image, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-image, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-image, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-image, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-image, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-image {
margin-bottom: 20px;
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-image img, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-image img, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-image img, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-image img, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-image img, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-image img, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-image img, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-image img, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-image img, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-image img, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-image img, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-image img, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-image img, .module--collections-towels .grid__item--collections .grid .grid__item .inner-image img, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-image img, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-image img, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-image img, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-image img, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-image img, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-image img, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-image img, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-image img, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-image img, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-image img, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-image img, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-image img {
width: 100%;
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #757575;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.5;
margin-bottom: 20px;
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption .strong {
color: #04247D;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.5;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption .luxe-subtitle, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption .strong, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption .strong {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .caption, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .caption {
margin-bottom: 30px;
}
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #04247d;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.5;
margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .price {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .price, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .price {
margin-bottom: 30px;
}
}
.module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .btn, .module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--weaves .grid .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .btn, .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--weaves .grid--rev .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .btn, .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--weaves .grid--full .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .btn, .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--collections .grid .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--collections .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--collections .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .btn, .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--collections .grid--rev .grid__item .inner-text .add-address, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .btn, .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-sheets .grid__item--collections .grid--full .grid__item .inner-text .add-address, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .btn, .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--weaves .grid .grid__item .inner-text .add-address, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .btn, .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--weaves .grid--rev .grid__item .inner-text .add-address, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .btn, .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--weaves .grid--full .grid__item .inner-text .add-address, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .btn, .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--collections .grid .grid__item .inner-text .add-address, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--collections .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--collections .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .btn, .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--collections .grid--rev .grid__item .inner-text .add-address, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .btn, .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-towels .grid__item--collections .grid--full .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--weaves .grid .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--weaves .grid--rev .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--weaves .grid--full .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--collections .grid .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--collections .grid--gutter-30 .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--collections .grid--gutter-24 .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--collections .grid--rev .grid__item .inner-text .add-address, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .btn, .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .module--account-details-content .add-address, .module--account-details-content .module--collections-loungewear .grid__item--collections .grid--full .grid__item .inner-text .add-address {
margin: 0;
text-transform: none;
}
.module--collections-sheets .grid__item--weaves .grid .static-item, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item, .module--collections-sheets .grid__item--weaves .grid--rev .static-item, .module--collections-sheets .grid__item--weaves .grid--full .static-item, .module--collections-sheets .grid__item--collections .grid .static-item, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item, .module--collections-sheets .grid__item--collections .grid--rev .static-item, .module--collections-sheets .grid__item--collections .grid--full .static-item, .module--collections-towels .grid__item--weaves .grid .static-item, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item, .module--collections-towels .grid__item--weaves .grid--rev .static-item, .module--collections-towels .grid__item--weaves .grid--full .static-item, .module--collections-towels .grid__item--collections .grid .static-item, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item, .module--collections-towels .grid__item--collections .grid--rev .static-item, .module--collections-towels .grid__item--collections .grid--full .static-item, .module--collections-loungewear .grid__item--weaves .grid .static-item, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item, .module--collections-loungewear .grid__item--weaves .grid--full .static-item, .module--collections-loungewear .grid__item--collections .grid .static-item, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item, .module--collections-loungewear .grid__item--collections .grid--rev .static-item, .module--collections-loungewear .grid__item--collections .grid--full .static-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 48px;
background-color: #EBD2B5;
color: #293C70;
}
.module--collections-sheets .grid__item--weaves .grid .static-item h2, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item h2, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item h2, .module--collections-sheets .grid__item--weaves .grid--rev .static-item h2, .module--collections-sheets .grid__item--weaves .grid--full .static-item h2, .module--collections-sheets .grid__item--collections .grid .static-item h2, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item h2, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item h2, .module--collections-sheets .grid__item--collections .grid--rev .static-item h2, .module--collections-sheets .grid__item--collections .grid--full .static-item h2, .module--collections-towels .grid__item--weaves .grid .static-item h2, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item h2, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item h2, .module--collections-towels .grid__item--weaves .grid--rev .static-item h2, .module--collections-towels .grid__item--weaves .grid--full .static-item h2, .module--collections-towels .grid__item--collections .grid .static-item h2, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item h2, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item h2, .module--collections-towels .grid__item--collections .grid--rev .static-item h2, .module--collections-towels .grid__item--collections .grid--full .static-item h2, .module--collections-loungewear .grid__item--weaves .grid .static-item h2, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item h2, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item h2, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item h2, .module--collections-loungewear .grid__item--weaves .grid--full .static-item h2, .module--collections-loungewear .grid__item--collections .grid .static-item h2, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item h2, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item h2, .module--collections-loungewear .grid__item--collections .grid--rev .static-item h2, .module--collections-loungewear .grid__item--collections .grid--full .static-item h2 {
text-align: center;
}
.module--collections-sheets .grid__item--weaves .grid .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--full .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--full .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--full .static-item .static-item-header {
font-family: ToledoTS-DemiBold;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
font-size: 46px !important;
margin-bottom: 24px;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .grid__item--weaves .grid .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-sheets .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-sheets .grid__item--collections .grid--full .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-towels .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-towels .grid__item--collections .grid--full .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--full .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--rev .static-item .static-item-header, .module--collections-loungewear .grid__item--collections .grid--full .static-item .static-item-header {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.module--collections-sheets .grid__item--weaves .grid .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--collections .grid .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-sheets .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--weaves .grid .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--collections .grid .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-towels .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--weaves .grid .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--collections .grid .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-header, .module--collections-loungewear .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-header {
font-size: 32px !important;
margin-bottom: 12px;
}
}
.module--collections-sheets .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--full .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--full .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--full .static-item .static-item-subheader {
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
font-size: 34px !important;
}
@media screen and (min-width: 1025px) {
.module--collections-sheets .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--full .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-towels .grid__item--collections .grid--full .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--full .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--rev .static-item .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--full .static-item .static-item-subheader {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.module--collections-sheets .grid__item--weaves .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--collections .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-sheets .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--weaves .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--collections .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-towels .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--weaves .grid--full .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-30 .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--gutter-24 .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--rev .static-item.static-item__desktop .static-item-subheader, .module--collections-loungewear .grid__item--collections .grid--full .static-item.static-item__desktop .static-item-subheader {
font-size: 24px !important;
}
}
/*============================================================================
#[8 Reasons Why (Page)]
==============================================================================*/
.template-page-reasons-why {
color: #171717;
}
.template-page-reasons-why .site-header {
visibility: hidden;
}
.template-page-reasons-why #PageContainer {
padding: 0px;
}
.template-page-reasons-why .grid__site-header-alt-01, .template-page-reasons-why .grid__site-header-alt-02 {
margin-bottom: 20px;
}
.template-page-reasons-why .grid__site-header-alt-01 .site-header__logo-link img, .template-page-reasons-why .grid__site-header-alt-02 .site-header__logo-link img {
max-height: 28px;
}
.template-page-reasons-why .grid__site-header-alt-01 .nav li a, .template-page-reasons-why .grid__site-header-alt-02 .nav li a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-transform: none;
font-size: 14px !important;
letter-spacing: 1.12px;
}
.template-page-reasons-why .grid__site-header-alt-01 .nav li a:hover, .template-page-reasons-why .grid__site-header-alt-02 .nav li a:hover {
font-family: "BrandonTextWeb-Medium";
}
.template-page-reasons-why .module--fullbleed {
background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--fullbleed {
min-height: 400px;
}
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .wrapper .grid--flex {
flex-direction: row;
align-items: center;
min-height: 400px;
max-width: 1020px;
margin: 0px auto;
}
}
.template-page-reasons-why .grid--flex {
align-items: center;
}
.template-page-reasons-why .grid--flex.footer-nav-cols {
min-height: 0;
align-items: flex-start;
}
.template-page-reasons-why .grid__item.img-wrapper {
max-width: 270px;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .grid__item.img-wrapper {
margin-right: 68px;
margin-bottom: 0px;
}
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .grid__item.footer-nav-col {
padding: 0px;
}
}
.template-page-reasons-why .copy-wrapper {
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .copy-wrapper {
text-align: left;
}
}
.template-page-reasons-why .copy-wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.template-page-reasons-why .copy-wrapper span {
font-size: 14px !important;
}
.template-page-reasons-why .copy-wrapper span a {
font-family: "BrandonTextWeb-Bold";
text-decoration: underline;
color: #324eca;
}
.template-page-reasons-why .copy-wrapper span.quote {
font-family: "BrandonTextWeb-Italic";
}
.template-page-reasons-why h2 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
@media screen and (min-width: 1025px) {
.template-page-reasons-why h2 {
font-size: 30px;
}
}
.template-page-reasons-why .module {
margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module {
margin-bottom: 0px;
}
}
.template-page-reasons-why .module .btn, .template-page-reasons-why .module .module--account-details-content .add-address, .module--account-details-content .template-page-reasons-why .module .add-address {
color: #fff;
color: #fff;
font-family: "BrandonTextWeb-Bold";
text-transform: none;
font-size: 16px !important;
background-color: #324eca;
transition: background-color 0.25s;
}
.template-page-reasons-why .module .btn:hover, .template-page-reasons-why .module .module--account-details-content .add-address:hover, .module--account-details-content .template-page-reasons-why .module .add-address:hover {
background-color: #283fa3;
}
.template-page-reasons-why .module .grid, .template-page-reasons-why .module .grid--gutter-30, .template-page-reasons-why .module .grid--gutter-24, .template-page-reasons-why .module .grid--rev, .template-page-reasons-why .module .grid--full {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module .grid, .template-page-reasons-why .module .grid--gutter-30, .template-page-reasons-why .module .grid--gutter-24, .template-page-reasons-why .module .grid--rev, .template-page-reasons-why .module .grid--full {
margin-top: 0px;
}
}
.template-page-reasons-why .module--reasons-header {
text-align: center;
background-color: #fff;
}
.template-page-reasons-why .module--reasons-header .img-wrapper {
background-image: url( module--reasons-hero66cb.jpg?v=2916299873902014722);
background-repeat: no-repeat;
background-size: cover;
min-height: 300px;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-header .img-wrapper {
min-height: 400px;
margin-bottom: 48px;
}
}
.template-page-reasons-why .module--reasons-header h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 27px !important;
margin-top: 24px;
margin-bottom: 27px;
letter-spacing: 0.5px;
line-height: 32px;
}
@media screen and (min-width: 1025px) {
.template-page-reasons-why .module--reasons-header h1 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-header h1 {
font-size: 32px !important;
line-height: 44px;
margin-top: 0px;
}
}
.template-page-reasons-why .module--reasons-header p {
margin: 0px auto;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-header p {
max-width: 970px;
letter-spacing: 0.5px;
margin-bottom: 72px;
}
}
.template-page-reasons-why .module--reasons-convinced {
min-height: 0;
}
.template-page-reasons-why .module--reasons-convinced .grid--flex {
min-height: 150px;
justify-content: space-between;
}
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item {
width: auto;
}
.template-page-reasons-why .module--reasons-convinced .grid--flex h2 {
margin-bottom: 0px;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-convinced .grid--flex h2 {
text-align: left;
}
}
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex {
justify-content: space-between;
}
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas {
min-width: 100%;
flex-direction: column;
align-items: center;
}
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .btn, .template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .module--account-details-content .add-address, .module--account-details-content .template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .add-address {
min-width: 195px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .btn, .template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .module--account-details-content .add-address, .module--account-details-content .template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas .add-address {
min-width: 0;
margin-top: 0px;
}
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-convinced .grid--flex .grid__item--flex.ctas {
min-width: 470px;
flex-direction: row;
align-items: flex-start;
}
}
.template-page-reasons-why .module--reasons-ending {
min-height: 0;
text-align: center;
background-color: #fff;
margin-top: 70px;
margin-bottom: 70px;
}
.template-page-reasons-why .module--reasons-ending .wrapper {
min-height: 0;
flex-direction: column !important;
}
.template-page-reasons-why .module--reasons-ending .wrapper h1 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 27px !important;
margin-top: 24px;
margin-bottom: 27px;
letter-spacing: 0.5px;
line-height: 32px;
}
@media screen and (min-width: 1025px) {
.template-page-reasons-why .module--reasons-ending .wrapper h1 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.template-page-reasons-why .module--reasons-ending .wrapper h1 {
font-size: 32px !important;
line-height: 44px;
margin-top: 0px;
}
}
/*============================================================================
#Bundle Landing Pages
==============================================================================*/
.template-page-empty .main-content,
.template-page-landing-hardcore-bundle .main-content,
.template-page-landing-move-in-bundle .main-content,
.template-page-landing-starter-sheet-set .main-content,
.template-page-landing-core-sheet-set .main-content,
.template-page-landing-duvet-cover .main-content {
margin-top: 0px;
}
/*========================== Hardcore Bundle Hero ============================*/
/*=========================== Move In Bundle Hero ============================*/
/*========================== Core Sheet Set Hero =============================*/
/*========================= Starter Sheet Set Hero ===========================*/
/*========================== Duvet Cover Hero ================================*/
.module--hardcore-bundle-hero .module--bundle-hero {
/* 1125 x 1206 */
padding-bottom: 107.2%;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-hero .module--bundle-hero {
/* 2880 x 1158 */
padding-bottom: 40.2083%;
}
}
.module--move-in-bundle-hero .module--bundle-hero {
/* 750 x 870 */
padding-bottom: 116%;
}
@media screen and (min-width: 768px) {
.module--move-in-bundle-hero .module--bundle-hero {
/* 2880 x 1518 */
padding-bottom: 52.7083%;
}
}
.module--core-set-hero .module--bundle-hero {
/* 750 x 612 */
padding-bottom: 81.6%;
}
@media screen and (min-width: 768px) {
.module--core-set-hero .module--bundle-hero {
/* 2880 x 1160 */
padding-bottom: 40.2083%;
}
}
.module--starter-set-hero .module--bundle-hero {
/* 750 x 640 */
padding-bottom: 85.3333%;
}
@media screen and (min-width: 768px) {
.module--starter-set-hero .module--bundle-hero {
/* 2880 x 932 */
padding-bottom: 32.3611%;
}
}
.module--duvet-cover-hero .module--bundle-hero {
/* 750 x 644 */
padding-bottom: 85.8667%;
}
@media screen and (min-width: 768px) {
.module--duvet-cover-hero .module--bundle-hero {
/* 2880 x 1050 */
padding-bottom: 36.4583%;
}
}
.module--hardcore-bundle-hero .wrapper,
.module--move-in-bundle-hero .wrapper,
.module--core-set-hero .wrapper,
.module--starter-set-hero .wrapper,
.module--duvet-cover-hero .wrapper {
max-width: none;
padding: 0;
}
.module--hardcore-bundle-hero .module--bundle-hero,
.module--move-in-bundle-hero .module--bundle-hero,
.module--core-set-hero .module--bundle-hero,
.module--starter-set-hero .module--bundle-hero,
.module--duvet-cover-hero .module--bundle-hero {
position: relative;
height: 0;
}
.module--hardcore-bundle-hero .module--bundle-hero .module--image,
.module--move-in-bundle-hero .module--bundle-hero .module--image,
.module--core-set-hero .module--bundle-hero .module--image,
.module--starter-set-hero .module--bundle-hero .module--image,
.module--duvet-cover-hero .module--bundle-hero .module--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.module--hardcore-bundle-hero .product-detail-wrapper,
.module--move-in-bundle-hero .product-detail-wrapper,
.module--core-set-hero .product-detail-wrapper,
.module--starter-set-hero .product-detail-wrapper,
.module--duvet-cover-hero .product-detail-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
justify-content: flex-start;
padding-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.module--hardcore-bundle-hero .product-detail-wrapper hr.product-detail-divide,
.module--move-in-bundle-hero .product-detail-wrapper hr.product-detail-divide,
.module--core-set-hero .product-detail-wrapper hr.product-detail-divide,
.module--starter-set-hero .product-detail-wrapper hr.product-detail-divide,
.module--duvet-cover-hero .product-detail-wrapper hr.product-detail-divide {
width: 90%;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-hero .product-detail-wrapper,
.module--move-in-bundle-hero .product-detail-wrapper,
.module--core-set-hero .product-detail-wrapper,
.module--starter-set-hero .product-detail-wrapper,
.module--duvet-cover-hero .product-detail-wrapper {
display: none;
}
}
.module--hardcore-bundle-hero .product-detail-wrapper .product-detail,
.module--move-in-bundle-hero .product-detail-wrapper .product-detail,
.module--core-set-hero .product-detail-wrapper .product-detail,
.module--starter-set-hero .product-detail-wrapper .product-detail,
.module--duvet-cover-hero .product-detail-wrapper .product-detail {
display: flex;
flex-direction: column;
width: 100%;
padding: 0px 30px;
}
.module--hardcore-bundle-hero .product-detail-wrapper .product-detail .title,
.module--move-in-bundle-hero .product-detail-wrapper .product-detail .title,
.module--core-set-hero .product-detail-wrapper .product-detail .title,
.module--starter-set-hero .product-detail-wrapper .product-detail .title,
.module--duvet-cover-hero .product-detail-wrapper .product-detail .title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #181818;
font-size: 14px !important;
letter-spacing: 0.07em;
line-height: 1.33;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-hero .product-detail-wrapper .product-detail .title,
.module--move-in-bundle-hero .product-detail-wrapper .product-detail .title,
.module--core-set-hero .product-detail-wrapper .product-detail .title,
.module--starter-set-hero .product-detail-wrapper .product-detail .title,
.module--duvet-cover-hero .product-detail-wrapper .product-detail .title {
font-size: 16px;
}
}
.module--hardcore-bundle-hero .product-detail-wrapper .product-detail .caption,
.module--move-in-bundle-hero .product-detail-wrapper .product-detail .caption,
.module--core-set-hero .product-detail-wrapper .product-detail .caption,
.module--starter-set-hero .product-detail-wrapper .product-detail .caption,
.module--duvet-cover-hero .product-detail-wrapper .product-detail .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
}
.module--starter-set-hero .product-detail-wrapper {
border-bottom: 0px solid #dddddd;
}
/*=================== Hardcore Bundle Shop Weaves=============================*/
/*=================== Move In Bundle Shop Weaves==============================*/
/*=================== Core Sheet Set Shop Weaves==============================*/
/*===================== Duvet Cover Shop Weaves===============================*/
.module--hardcore-bundle-weaves .wrapper .collection-title,
.module--move-in-bundle-weaves .wrapper .collection-title,
.module--core-set-weaves .wrapper .collection-title,
.module--duvet-cover-weaves .wrapper .collection-title {
margin-top: 48px;
margin-bottom: 48px;
text-align: center;
}
.module--hardcore-bundle-weaves .wrapper .collection-title .title,
.module--move-in-bundle-weaves .wrapper .collection-title .title,
.module--core-set-weaves .wrapper .collection-title .title,
.module--duvet-cover-weaves .wrapper .collection-title .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
letter-spacing: 0.025em;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .collection-title .title,
.module--move-in-bundle-weaves .wrapper .collection-title .title,
.module--core-set-weaves .wrapper .collection-title .title,
.module--duvet-cover-weaves .wrapper .collection-title .title {
font-size: 30px;
}
}
.module--hardcore-bundle-weaves .wrapper .collection-title .subtitle,
.module--move-in-bundle-weaves .wrapper .collection-title .subtitle,
.module--core-set-weaves .wrapper .collection-title .subtitle,
.module--duvet-cover-weaves .wrapper .collection-title .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.33px;
line-height: 1.33;
margin-top: 12px;
}
.module--hardcore-bundle-weaves .wrapper .collection-title .subtitle .save-80,
.module--move-in-bundle-weaves .wrapper .collection-title .subtitle .save-80,
.module--core-set-weaves .wrapper .collection-title .subtitle .save-80,
.module--duvet-cover-weaves .wrapper .collection-title .subtitle .save-80 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.33px;
line-height: 1.33;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .collection-title .subtitle .save-80,
.module--move-in-bundle-weaves .wrapper .collection-title .subtitle .save-80,
.module--core-set-weaves .wrapper .collection-title .subtitle .save-80,
.module--duvet-cover-weaves .wrapper .collection-title .subtitle .save-80 {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves,
.module--core-set-weaves .wrapper .grid__item--weaves,
.module--duvet-cover-weaves .wrapper .grid__item--weaves {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: 80px;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave {
width: 50%;
margin-top: 20px;
text-align: left;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave {
margin-top: 0;
padding: 10px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave img,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave img,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave img,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave img {
max-width: 100%;
margin-bottom: 24px;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title { /*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #181818;
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
color: #181818;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price {
margin-bottom: 10px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #757575;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.58;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption {
margin-bottom: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle {
color: #757575;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.33;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 48px;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch {
padding: 0;
height: 16px;
width: 38px;
margin: 1px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 12px;
color: #024BC2;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch img,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch img,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch img,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch img {
margin: 1px;
padding: 0;
height: 12px;
width: 36px;
border: 1px solid #dddddd;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch:last-child,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch:last-child,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch:last-child,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch:last-child {
margin-right: 0px;
padding-left: 2px;
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn, .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #ffffff;
width: 100%;
max-width: 170px;
height: 50px;
background-color: #024BC2;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 50px;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn, .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn:hover, .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address:hover, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address:hover,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn:hover,
.module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address:hover,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn:hover,
.module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--core-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address:hover,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn:hover,
.module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--duvet-cover-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address:hover {
background-color: #0e285b !important;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel,
.module--core-set-weaves .wrapper .bundle-weave-carousel,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel {
padding-bottom: 24px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell {
width: 80%;
text-align: left;
transition: opacity 1000ms ease-in-out;
margin-right: 30px;
margin-bottom: 50px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell img,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell img,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell img,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #181818;
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .title {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
color: #181818;
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .price {
margin-bottom: 10px;
}
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #757575;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.58;
margin-bottom: 20px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle {
color: #757575;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.33;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption .luxe-subtitle {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .caption {
margin-bottom: 30px;
}
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 48px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch {
padding: 0;
margin-right: 5px;
margin-bottom: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 12px;
color: #024BC2;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch img,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch img,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch img,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch img {
margin: 1px;
padding: 0;
height: auto;
border: 1px solid #dddddd;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch:last-child,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch:last-child,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch:last-child,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .swatch-wrapper .swatch:last-child {
margin-right: 0px;
padding-left: 2px;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn, .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #ffffff;
width: 170px;
height: 50px;
background-color: #024BC2;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 50px;
}
@media screen and (min-width: 1025px) {
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn, .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address,
.module--account-details-content .module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address {
font-size: 16px;
}
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn:hover, .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address:hover, .module--account-details-content .module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address:hover,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn:hover,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address:hover,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn:hover,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address:hover,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .btn:hover,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .module--account-details-content .add-address:hover,
.module--account-details-content .module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell .inner-text .add-address:hover {
background-color: #0e285b !important;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell.is-selected,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell.is-selected,
.module--core-set-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell.is-selected,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .bundle-weave-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--hardcore-bundle-weaves .wrapper .bundle-weave-carousel .flickity-page-dots,
.module--move-in-bundle-weaves .wrapper .bundle-weave-carousel .flickity-page-dots,
.module--core-set-weaves .wrapper .bundle-weave-carousel .flickity-page-dots,
.module--duvet-cover-weaves .wrapper .bundle-weave-carousel .flickity-page-dots {
bottom: 50px;
}
/*===================== Starter Sheet Set Shop Weaves=========================*/
.module--starter-set-weaves {
background-color: #f2f2f2;
}
.module--starter-set-weaves .wrapper .collection-title {
margin-top: 48px;
margin-bottom: 48px;
text-align: center;
}
.module--starter-set-weaves .wrapper .collection-title .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
text-align: center;
font-size: 24px !important;
letter-spacing: 0.025em;
}
@media screen and (min-width: 1025px) {
.module--starter-set-weaves .wrapper .collection-title .title {
font-size: 30px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
.module--starter-set-weaves .wrapper .grid__item--weaves {
flex-direction: row;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave {
width: 80%;
margin-top: 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave {
margin-top: 0;
width: 30%;
padding: 10px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave img {
max-width: 100%;
margin-bottom: 24px;
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #181818;
text-transform: none !important;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .title {
font-size: 16px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 1.33;
margin-bottom: 8px;
color: #181818;
}
@media screen and (min-width: 768px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .price {
margin-bottom: 10px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #757575;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.58;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption {
margin-bottom: 16px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle {
color: #757575;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
text-transform: none !important;
font-size: 14px !important;
letter-spacing: 0.035em;
line-height: 1.33;
}
@media screen and (min-width: 1025px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .caption .luxe-subtitle {
font-size: 16px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0px auto 48px;
max-width: 300px;
}
@media screen and (min-width: 768px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper {
justify-content: space-between;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch {
padding: 0;
height: 16px;
width: 38px;
margin: 1px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 12px;
color: #024BC2;
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch img {
margin: 1px;
padding: 0;
height: 12px;
width: 36px;
border: 1px solid #dddddd;
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .swatch-wrapper .swatch:last-child {
margin-right: 0px;
padding-left: 2px;
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn, .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address, .module--account-details-content .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
color: #ffffff;
width: 100%;
max-width: 170px;
height: 50px;
background-color: #024BC2;
font-size: 16px !important;
letter-spacing: 0.035em;
line-height: 50px;
}
@media screen and (min-width: 1025px) {
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn, .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address, .module--account-details-content .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address {
font-size: 16px;
}
}
.module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .btn:hover, .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .module--account-details-content .add-address:hover, .module--account-details-content .module--starter-set-weaves .wrapper .grid__item--weaves .grid__item--weave .inner-text .add-address:hover {
background-color: #0e285b !important;
}
/*========================== Bundle Satisfaction =============================*/
.module--bundle-satisfaction .wrapper {
max-width: none;
padding: 0;
}
.module--bundle-satisfaction .module--satisfaction {
width: 100%;
transition: opacity 1000ms ease-in-out;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.module--bundle-satisfaction .module--satisfaction .module--image {
min-height: 500px;
opacity: 1;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
}
@media screen and (min-width: 768px) {
.module--bundle-satisfaction .module--satisfaction .module--image {
min-height: 500px;
width: 100%;
height: 100%;
}
}
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
text-align: center;
color: #171717;
padding: 0px 30px 45px;
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption {
padding: 0px 30px;
left: 64%;
width: 36%;
align-items: flex-start;
justify-content: center;
text-align: left;
margin-bottom: 0px;
}
}
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption h3 {
margin-bottom: 30px;
font-size: 24px;
line-height: 1.33;
letter-spacing: 0.017em;
color: #171717;
}
@media screen and (min-width: 768px) {
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption h3 {
font-size: 30px;
}
}
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
color: #171717;
}
@media screen and (min-width: 768px) {
.module--bundle-satisfaction .module--satisfaction .module--bundle-caption p {
margin-bottom: 30px;
}
}
/*======================== Hardcore Bundle Details ===========================*/
/*======================== Move In Bundle Details ============================*/
.module--bundle-details .wrapper .grid--flex {
justify-content: center;
}
.module--bundle-details .wrapper .grid--flex .grid__item--banner {
text-align: center;
}
.module--bundle-details .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 48px;
margin-bottom: 24px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 1025px) {
.module--bundle-details .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--bundle-details .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 72px;
margin-bottom: 48px;
}
}
.module--bundle-details .wrapper .grid--bundle-details {
display: flex;
flex-direction: row;
margin-bottom: 80px;
}
.module--bundle-details .wrapper .grid--bundle-details .grid__item--detail {
width: 50%;
margin-top: 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--bundle-details .wrapper .grid--bundle-details .grid__item--detail {
margin-top: 0;
width: 25%;
padding: 10px;
}
}
.module--bundle-details .wrapper .grid--bundle-details .grid__item--detail img {
max-width: 100%;
margin-bottom: 24px;
}
.module--bundle-details .wrapper .grid--bundle-details .grid__item--detail .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
margin: 0 auto;
}
.module--bundle-details .wrapper .bundle-details-carousel {
padding-bottom: 24px;
}
.module--bundle-details .wrapper .bundle-details-carousel .bundle-carousel-cell {
width: 80%;
text-align: center;
transition: opacity 1000ms ease-in-out;
margin-right: 30px;
margin-bottom: 50px;
}
.module--bundle-details .wrapper .bundle-details-carousel .bundle-carousel-cell img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.module--bundle-details .wrapper .bundle-details-carousel .bundle-carousel-cell .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 96%;
margin: 0 auto;
}
.module--bundle-details .wrapper .bundle-details-carousel .bundle-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--bundle-details .wrapper .bundle-details-carousel .flickity-page-dots {
bottom: 50px;
}
/*========================= Core Sheet Set Details ===========================*/
/*======================= Starter Sheet Set Details ==========================*/
.module--core-starter-details .wrapper {
/* Mobile version is a slider */
}
.module--core-starter-details .wrapper .grid--flex {
justify-content: center;
}
.module--core-starter-details .wrapper .grid--flex .grid__item--banner {
text-align: center;
}
.module--core-starter-details .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 48px;
margin-bottom: 24px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 1025px) {
.module--core-starter-details .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--core-starter-details .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 72px;
margin-bottom: 48px;
}
}
.module--core-starter-details .wrapper .grid--bundle-details {
display: flex;
flex-direction: row;
margin-bottom: 80px;
}
.module--core-starter-details .wrapper .grid--bundle-details .grid__item--detail {
margin-top: 0;
width: 50%;
text-align: center;
margin-right: 30px;
}
.module--core-starter-details .wrapper .grid--bundle-details .grid__item--detail img {
max-width: 100%;
margin-bottom: 24px;
}
.module--core-starter-details .wrapper .grid--bundle-details .grid__item--detail .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
margin: 0 auto;
}
.module--core-starter-details .wrapper .grid--bundle-details .grid__item--detail:last-child {
margin-right: 0px;
}
.module--core-starter-details .wrapper .bundle-details-carousel {
padding-bottom: 24px;
}
.module--core-starter-details .wrapper .bundle-details-carousel .bundle-carousel-cell {
width: 80%;
text-align: center;
transition: opacity 1000ms ease-in-out;
margin-right: 30px;
margin-bottom: 50px;
}
.module--core-starter-details .wrapper .bundle-details-carousel .bundle-carousel-cell img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.module--core-starter-details .wrapper .bundle-details-carousel .bundle-carousel-cell .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 96%;
margin: 0 auto;
}
.module--core-starter-details .wrapper .bundle-details-carousel .bundle-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--core-starter-details .wrapper .bundle-details-carousel .flickity-page-dots {
bottom: 50px;
}
/*============================================================================
#Brooklinen Subway Facts Page
==============================================================================*/
.template-page-landing-brooklinen-facts {
background-color: #fffaf7;
}
.template-page-landing-brooklinen-facts .main-content.wrapper {
padding: 0;
}
@media screen and (min-width: 960px) {
.template-page-landing-brooklinen-facts .main-content.wrapper {
padding: 0 30px;
margin-top: 0px;
}
}
/*========================== Subway Facts :: Hero ============================*/
.module--subway-facts-hero {
width: 100vw;
position: relative;
/*Position the wrapper over the image. max width to make it line up with the logo*/
}
.module--subway-facts-hero .module--hero-image-wrapper {
height: 0;
}
@media screen and (min-width: 960px) {
.module--subway-facts-hero .module--hero-image-wrapper {
padding-bottom: 23.6111%;
height: 0;
position: relative;
}
}
@media screen and (min-width: 960px) {
.module--subway-facts-hero .module--hero-image-wrapper .module--hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url( module--subway-facts-hero0892.jpg?v=763552860890198724);
}
}
.module--subway-facts-hero .module--hero-caption-wrapper {
max-width: 1280px;
margin: 0 auto;
position: relative;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 960px) {
.module--subway-facts-hero .module--hero-caption-wrapper {
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
}
}
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption {
z-index: 10;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
text-align: center;
padding: 30px;
}
@media screen and (min-width: 960px) {
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
text-align: left;
margin-bottom: 0px;
justify-content: center;
align-items: flex-start;
}
}
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-family: "ToledoTS-Bold" !important;
font-size: 30px;
line-height: 1;
letter-spacing: 0.4px;
color: #0f1528;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-size: 40px;
letter-spacing: 0.6px;
color: #fff;
margin-top: 0px;
margin-bottom: 16px;
}
}
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.4px;
line-height: 1;
font-size: 16px !important;
color: #0f1528;
padding: 0px;
}
@media screen and (min-width: 960px) {
.module--subway-facts-hero .module--hero-caption-wrapper .module--hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.5px;
line-height: 1;
font-size: 20px !important;
color: #ffffff;
}
}
/*======= Shared CSS for image left and image right oriented modules =========*/
.module--facts-sleep-facts {
margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
.module--facts-sleep-facts {
width: 100%;
}
}
.module--facts-sleep-facts .wrapper {
padding: 0px;
}
.module--facts-sleep-facts .sleep-fact {
margin-top: 48px;
}
.module--facts-sleep-facts .sleep-fact:first-child {
margin-top: 0px;
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .sleep-fact:first-child {
margin-top: 48px;
}
}
.module--facts-sleep-facts .fact-image-container {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .fact-image-container {
flex-direction: row;
}
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell {
position: relative;
padding-top: 60px;
display: flex;
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container {
max-width: 330px;
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container {
height: 270px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 365px;
}
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.eyebrow {
padding: 0px;
margin-bottom: 16px;
color: #283455;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 16px;
letter-spacing: 3px;
}
@media screen and (min-width: 1025px) {
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.eyebrow {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.eyebrow {
font-size: 18px;
}
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.fact {
padding: 0px;
margin-bottom: 10px;
color: #0f1528;
font-family: "ToledoTS-Bold" !important;
font-size: 22px !important;
line-height: 30px;
letter-spacing: -0.25px;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.fact {
font-size: 24px !important;
}
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.caption {
padding: 0px;
margin-bottom: 10px;
color: #0f1528;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
letter-spacing: 0.5px;
}
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.source,
.module--facts-sleep-facts .fact-image-container .sleep-fact-cell .fact-container p.source a {
padding: 0px;
margin-bottom: 10px;
color: #fbb58c;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
letter-spacing: 0.4px;
text-decoration: underline;
word-wrap: break-word;
}
.module--facts-sleep-facts .fact-image-container .lifestyle-image-cell .lifestyle-wrapper {
display: block;
padding-bottom: 100%;
height: 0;
position: relative;
}
.module--facts-sleep-facts .fact-image-container .lifestyle-image-cell .lifestyle-wrapper .lifestyle {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .fact-image-container .lifestyle-image-cell {
width: 43%;
justify-content: center;
}
}
.module--facts-sleep-facts .fact-image-container .product-wrapper {
position: absolute;
z-index: 10;
margin-top: 0px;
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .fact-image-container .product-wrapper {
margin-top: 60px;
}
}
.module--facts-sleep-facts .fact-image-container .product-wrapper a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1;
letter-spacing: 0.5px;
text-decoration: underline;
color: #024BC2;
}
.module--facts-sleep-facts .fact-image-container .product-wrapper a:hover {
color: #283455;
}
.module--facts-sleep-facts .fact-image-container .product-wrapper img.product-image {
width: 170px;
margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
.module--facts-sleep-facts .fact-image-container .product-wrapper img.product-image {
width: 270px;
}
}
@media screen and (min-width: 960px) {
.module--facts-sleep-facts .fact-image-container .product-wrapper img.product-image {
width: 170px;
}
}
@media screen and (min-width: 1024px) {
.module--facts-sleep-facts .fact-image-container .product-wrapper img.product-image {
width: 270px;
}
}
.module--facts-sleep-facts .fact-image-container .product-wrapper p.product-title {
margin: 0 0 0 0;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px !important;
line-height: 1.44;
letter-spacing: 0.0315em;
text-decoration: underline;
}
/*=============== CSS for image right oriented modules =======================*/
.sleep-fact-right {
position: relative;
}
.sleep-fact-right .sleep-fact-cell {
width: 100%;
justify-content: center;
}
@media screen and (min-width: 960px) {
.sleep-fact-right .sleep-fact-cell {
justify-content: flex-end;
width: 57%;
}
}
.sleep-fact-right .sleep-fact-cell .fact-container {
text-align: center;
}
@media screen and (min-width: 1024px) {
.sleep-fact-right .sleep-fact-cell .fact-container {
text-align: left;
}
}
.sleep-fact-right .lifestyle-image-cell {
padding-bottom: 25%;
width: 60%;
}
@media screen and (min-width: 768px) {
.sleep-fact-right .lifestyle-image-cell {
padding-bottom: 15%;
}
}
@media screen and (min-width: 960px) {
.sleep-fact-right .lifestyle-image-cell {
width: 43%;
margin-left: 0;
padding-bottom: 0%;
}
}
.sleep-fact-right .product-wrapper {
z-index: 10;
top: 20%;
left: 34%;
}
@media screen and (min-width: 480px) {
.sleep-fact-right .product-wrapper {
top: 30%;
left: 44%;
}
}
@media screen and (min-width: 768px) {
.sleep-fact-right .product-wrapper {
top: 30%;
left: 42%;
}
}
@media screen and (min-width: 960px) {
.sleep-fact-right .product-wrapper {
top: 0;
left: 38%;
}
}
.sleep-fact-right .product-wrapper .product-set {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.sleep-fact-right .product-wrapper .product-title {
text-align: right;
}
/*================= CSS for image left oriented modules ======================*/
.sleep-fact-left {
position: relative;
}
.sleep-fact-left .sleep-fact-cell {
justify-content: center;
width: 100%;
order: 2;
}
@media screen and (min-width: 960px) {
.sleep-fact-left .sleep-fact-cell {
justify-content: flex-start;
width: 57%;
order: 1;
}
}
.sleep-fact-left .sleep-fact-cell .fact-container {
text-align: center;
}
@media screen and (min-width: 1024px) {
.sleep-fact-left .sleep-fact-cell .fact-container {
text-align: left;
}
}
.sleep-fact-left .lifestyle-image-cell {
order: 1;
margin-left: 40%;
width: 60%;
padding-bottom: 25%;
}
@media screen and (min-width: 768px) {
.sleep-fact-left .lifestyle-image-cell {
padding-bottom: 15%;
}
}
@media screen and (min-width: 960px) {
.sleep-fact-left .lifestyle-image-cell {
width: 43%;
margin-left: 0px;
padding-bottom: 0%;
order: 2;
}
}
.sleep-fact-left .product-wrapper {
z-index: 10;
top: 20%;
right: 34%;
}
@media screen and (min-width: 480px) {
.sleep-fact-left .product-wrapper {
top: 30%;
right: 44%;
}
}
@media screen and (min-width: 768px) {
.sleep-fact-left .product-wrapper {
top: 30%;
right: 44%;
}
}
@media screen and (min-width: 960px) {
.sleep-fact-left .product-wrapper {
top: 0%;
right: 38%;
}
}
.sleep-fact-left .product-wrapper .product-set {
display: flex;
flex-direction: column;
align-items: flex-start;
}
/*====================== Subway Facts :: Towels Module ======================*/
.module--subway-facts-towels {
background-color: #0f1528;
}
.module--subway-facts-towels .wrapper {
max-width: 1006px;
}
.module--subway-facts-towels .wrapper .grid--flex {
justify-content: center;
}
.module--subway-facts-towels .wrapper .grid--flex .grid__item--banner {
text-align: center;
max-width: 310px;
margin: 0 auto;
padding: 40px 0px 30px 0px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .grid--flex .grid__item--banner {
padding: 110px 0px 90px 0px;
max-width: 600px;
}
}
.module--subway-facts-towels .wrapper .grid--flex .grid__item--banner h3 {
font-family: "ToledoTS-Bold" !important;
color: #ffffff;
font-size: 24px !important;
line-height: 30px;
letter-spacing: -0.2px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px !important;
line-height: 36px;
letter-spacing: -0.3px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel {
padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel {
padding-bottom: 0px;
display: flex;
flex-direction: row;
margin-bottom: 120px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell {
width: 100%;
text-align: center;
opacity: 1;
transition: opacity 1000ms ease-in-out;
display: flex;
flex-direction: row;
justify-content: center;
min-height: 250px;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell {
margin-top: 0;
margin-bottom: 0px;
width: 33.3333%;
padding: 10px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a {
color: #ffffff;
text-align: left;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a {
text-align: left;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a img {
max-width: 270px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a img {
max-width: 270px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a .title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 18px;
letter-spacing: 0.6px;
line-height: normal;
margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a .title {
max-width: 270px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a .price {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
letter-spacing: 0.6px;
line-height: normal;
margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell a .price {
max-width: 270px;
}
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .subway-facts-towels-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .flickity-page-dots {
bottom: 50px;
}
.module--subway-facts-towels .wrapper .subway-facts-towels-carousel .flickity-page-dots .dot {
background: #ffffff;
}
/*============================================================================
#YotPo Zero Reviews
==============================================================================*/
body.template-product.zero-product-reviews .module--pdp-review,
body.template-product.zero-product-reviews .module--reviews-v1,
body.template-product.zero-product-reviews .review-wrapper {
display: none;
}
/*============================================================================
#Global Reviews Star CSS
==============================================================================*/
@font-face {
font-family: "yotpo-widget-font-bl";
src: url("http://staticw2.yotpo.com/assets/yotpo-widget-font.eot?version=1");
src: url("http://staticw2.yotpo.com/assets/yotpo-widget-font.eot?version=1#iefix") format("embedded-opentype"), url("http://staticw2.yotpo.com/assets/yotpo-widget-font.woff?version=1") format("woff"), url("http://staticw2.yotpo.com/assets/yotpo-widget-font.ttf?version=1") format("truetype"), url("http://staticw2.yotpo.com/assets/yotpo-widget-font.svg?version=1") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "yotpo-widget-font-bl";
src: url("http://staticw2.yotpo.com/assets/yotpo-widget-font.svg?version=1") format("svg");
}
}
.yotpo-icon.yotpo-icon-default-star:before,
.yotpo-icon.yotpo-icon-star:before,
.yotpo-icon.yotpo-icon-half-star:before,
.yotpo-icon.yotpo-icon-empty-star:before {
font-family: "yotpo-widget-font-bl";
font-size: 17.5px;
font-weight: normal;
font-variant: normal;
text-transform: none;
width: auto !important;
background: none;
height: auto;
-webkit-font-smoothing: antialiased;
}
.yotpo-icon-star:before {
content: "\e60e";
}
.yotpo-icon-half-star:before {
content: "\e61a";
}
.yotpo-icon-empty-star:before {
content: "\e61b";
}
/*============================================================================
#Pride Bar
==============================================================================*/
body.show-pride-bar nav.nav-bar, body.show-pride-bar header.site-header {
border-bottom: none;
}
body.show-pride-bar.template-page-quiz-surefoot nav.nav-bar, body.show-pride-bar.template-page-quiz-surefoot header.site-header {
border-bottom: 1px solid #dddddd;
}
body.show-pride-bar .pride-bar {
display: flex;
height: 8px;
}
body.show-pride-bar .pride-bar .color-section {
flex: 1;
}
body.show-pride-bar .pride-bar .color-section.color-section--red {
background-color: #f15c57;
}
body.show-pride-bar .pride-bar .color-section.color-section--orange {
background-color: #fbb58c;
}
body.show-pride-bar .pride-bar .color-section.color-section--yellow {
background-color: #f0ce7b;
}
body.show-pride-bar .pride-bar .color-section.color-section--green {
background-color: #616e55;
}
body.show-pride-bar .pride-bar .color-section.color-section--blue {
background-color: #beceda;
}
body.show-pride-bar .pride-bar .color-section.color-section--purp {
background-color: #8a8cc0;
}
body.show-pride-bar .pride-bar .color-section.color-section--lbrown {
background-color: #93684a;
}
body.show-pride-bar .pride-bar .color-section.color-section--dbrown {
background-color: #6f4325;
}
body.show-pride-bar .pride-bar .color-section.color-section--black {
background-color: #23150d;
}
/*============================================================================
#Pride 2019 Landing Page
==============================================================================*/
body.template-page-landing-pride-2019 .wrapper.main-content {
margin-top: 0px;
}
.module--pride-hero {
background-color: #f9f7ea;
}
.module--pride-hero img {
object-fit: cover;
width: 100%;
}
.module--pride-be-proud {
background-color: #f9f7ea;
}
.module--pride-be-proud .wrapper {
padding: 40px 30px;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper {
padding: 60px 30px 30px;
}
}
.module--pride-be-proud .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride {
order: 2;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride {
order: 1;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper {
max-width: 510px;
height: 100%;
margin: 0 auto;
position: relative;
justify-content: center;
display: flex;
flex-direction: column;
text-align: left;
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper {
align-items: flex-start;
margin: 0;
padding-top: 0px;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper h3 {
font-family: ToledoTS-Bold;
color: #0f1528;
margin-bottom: 19px;
font-size: 28px;
line-height: 1.19;
letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper h3 {
font-size: 36px;
line-height: 1.21;
letter-spacing: 0.6px;
margin-bottom: 22px;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.5px;
color: #4a4a4a;
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper p.caption {
margin-bottom: 25px;
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .caption + .caption {
margin-bottom: 50px;
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.btn, .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.add-address {
background-color: #438972;
color: #ffffff;
text-transform: none;
width: 100%;
height: 50px;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.btn, .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.add-address {
width: 247px;
cursor: pointer;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.btn a, .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .module--account-details-content div.add-address a, .module--account-details-content .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.add-address a {
color: #ffffff;
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.btn a p, .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.add-address a p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.6px;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.btn a p, .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--pride-be-proud .wrapper .grid--flex .grid__item-support-pride .caption-wrapper div.add-address a p {
font-size: 18px;
letter-spacing: 0.5px;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-pride-tote {
order: 1;
position: relative;
padding: 0px 0px;
display: flex;
}
@media screen and (min-width: 768px) {
.module--pride-be-proud .wrapper .grid--flex .grid__item-pride-tote {
order: 2;
padding: 0px 0px 0px 60px;
justify-content: flex-end;
max-width: 50%;
}
}
.module--pride-be-proud .wrapper .grid--flex .grid__item-pride-tote img {
height: 100%;
width: 100%;
border: 1px solid #0f1528;
}
.module--pride-bios {
background-color: #f9f7ea;
}
.module--pride-bios .wrapper {
padding: 0;
max-width: none;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner {
text-align: center;
margin: 20px 0px;
}
@media screen and (min-width: 768px) {
.module--pride-bios .wrapper .grid--flex .grid__item--banner {
margin-top: 20px;
margin-bottom: 50px;
}
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 {
font-family: ToledoTS-Bold;
font-size: 41px;
color: #0f1528;
margin-bottom: 8px;
letter-spacing: 1.23px;
line-height: 1.1;
}
@media screen and (min-width: 768px) {
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 {
font-size: 60px;
letter-spacing: 1.75px;
line-height: normal;
}
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 span.p {
color: #e35a5a;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 span.r {
color: #e35a5a;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 span.i {
color: #e46c2c;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 span.d {
color: #e9ae40;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner h3 span.e {
color: #438972;
}
.module--pride-bios .wrapper .grid--flex .grid__item--banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.5px;
line-height: normal;
color: #4a4a4a;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.module--pride-bios .wrapper .grid--flex .grid__item--banner p {
font-size: 20px;
letter-spacing: 0.5px;
}
}
.module--pride-bios .wrapper .pride-bios-carousel .pride-bios-carousel-cell {
width: 100%;
text-align: center;
transition: opacity 1000ms ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.module--pride-bios .wrapper .pride-bios-carousel .flickity-page-dots {
bottom: 30px;
}
.module--pride-bios .wrapper .pride-bios-carousel .flickity-page-dots .dot {
margin: 0px 4px;
border: 1px solid rbga(255, 255, 255, 0.9);
background: #ffffff;
}
.module--pride-bios .bio.bio-cherry {
background: linear-gradient(0deg, #75ccdf 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-cherry {
background: linear-gradient(90deg, #75ccdf 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-eric-chris {
background: linear-gradient(0deg, #7c73b5 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-eric-chris {
background: linear-gradient(270deg, #7c73b5 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-mila {
background: linear-gradient(0deg, #e9ae40 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-mila {
background: linear-gradient(90deg, #e9ae40 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-ailee-jess {
background: linear-gradient(0deg, #e35a5a 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-ailee-jess {
background: linear-gradient(270deg, #e35a5a 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-ian {
background: linear-gradient(0deg, #438972 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-ian {
background: linear-gradient(90deg, #438972 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-lafi-melo {
background: linear-gradient(0deg, #ec7fa8 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-lafi-melo {
background: linear-gradient(270deg, #ec7fa8 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio.bio-matt {
background: linear-gradient(0deg, #e46c2c 80%, #f9f7ea 0%);
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio.bio-matt {
background: linear-gradient(90deg, #e46c2c 95%, #f9f7ea 0%);
}
}
.module--pride-bios .bio {
height: 655px;
width: 100%;
position: relative;
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 360px;
margin: 0;
margin-top: 6%;
margin-bottom: 7%;
}
}
.module--pride-bios .bio .bio-content-wrapper {
display: flex;
width: 100%;
position: relative;
padding-top: 320px;
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio .bio-content-wrapper {
max-width: 1280px;
padding: 0px 90px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.module--pride-bios .bio .bio-content-wrapper img {
position: absolute;
top: 0px;
right: 10px;
max-width: 271px;
height: auto;
border: 2px solid #0f1528;
box-shadow: 10px 10px #0f1528;
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio .bio-content-wrapper img {
width: 50%;
max-width: 474px;
position: relative;
}
}
.module--pride-bios .bio .bio-content-wrapper .text-wrapper {
width: 100%;
margin: 0;
padding: 0px 30px 60px 30px;
max-width: none;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.module--pride-bios .bio .bio-content-wrapper .text-wrapper {
width: 50%;
margin: 72px 0px;
padding: 0;
max-width: 470px;
flex-direction: column;
}
}
.module--pride-bios .bio .bio-content-wrapper .text-wrapper h3.headline {
font-family: ToledoTS-Bold;
font-size: 30px;
line-height: normal;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.module--pride-bios .bio .bio-content-wrapper .text-wrapper p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: normal;
letter-spacing: 2.6px;
text-transform: uppercase;
}
.module--pride-bios .bio .bio-content-wrapper .text-wrapper p.quote {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
max-width: 426px;
}
.module--pride-bios .bio-image-right .bio-content-wrapper img {
order: 2;
margin-left: 10px;
}
.module--pride-bios .bio-image-right .bio-content-wrapper .text-wrapper {
order: 1;
margin-right: 10px;
}
.module--pride-bios .bio-image-left .bio-content-wrapper img {
order: 1;
margin-right: 0px;
}
.module--pride-bios .bio-image-left .bio-content-wrapper .text-wrapper {
order: 2;
margin-left: 10px;
}
.module--pride-bios .text-wrapper.primary-midnight h3.headline {
color: #0f1528;
}
.module--pride-bios .text-wrapper.primary-midnight p.caption {
color: #ffffff;
}
.module--pride-bios .text-wrapper.primary-midnight p.quote {
color: #0f1528;
}
.module--pride-bios .text-wrapper.primary-white h3.headline {
color: #ffffff;
}
.module--pride-bios .text-wrapper.primary-white p.caption {
color: #0f1528;
}
.module--pride-bios .text-wrapper.primary-white p.quote {
color: #ffffff;
}
.module--pride-avp {
background-color: #f9f7ea;
}
.module--pride-avp .wrapper {
padding: 50px 45px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper {
padding: 60px 30px;
}
}
.module--pride-avp .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid--flex {
flex-direction: row;
}
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper {
margin: 0 auto;
position: relative;
justify-content: center;
display: flex;
flex-direction: column;
text-align: left;
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper {
margin: 0;
padding-top: 0px;
}
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper h3 {
font-family: ToledoTS-Bold;
color: #0f1528;
margin-bottom: 19px;
font-size: 28px;
line-height: 1.19;
letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper h3 {
font-size: 30px;
line-height: normal;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-transform: uppercase;
color: #0f1528;
margin-bottom: 36px;
font-size: 14px;
line-height: normal;
letter-spacing: 2.6px;
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper p.eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
color: #4a4a4a;
margin-bottom: 30px;
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
color: #4a4a4a;
margin-bottom: 30px;
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.btn, .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.add-address {
margin-top: 10px;
background-color: #438972;
color: #ffffff;
text-transform: none;
width: 100%;
height: 50px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.btn, .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.add-address {
width: 335px;
cursor: pointer;
}
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.btn a, .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper .module--account-details-content div.add-address a, .module--account-details-content .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.add-address a {
color: #ffffff;
}
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.btn a p, .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.add-address a p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.6px;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.btn a p, .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--pride-avp .wrapper .grid--flex .grid__item-buy-a-tote .caption-wrapper div.add-address a p {
font-size: 18px;
letter-spacing: 0.5px;
}
}
.module--pride-avp .wrapper .grid__item-avp {
position: relative;
padding: 0px 0px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid__item-avp {
display: flex;
justify-content: center;
margin: 0px 10% 0px 60px;
justify-content: flex-end;
max-width: 40%;
}
}
.module--pride-avp .wrapper .grid__item-avp img.tote-image {
height: auto;
width: 100%;
object-fit: contain;
border: 2px solid #0f1528;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid__item-avp img.tote-image {
height: auto;
width: 100%;
object-fit: cover;
}
}
.module--pride-avp .wrapper .grid__item-avp img.avp-badge {
height: 70px;
width: 70px;
position: absolute;
top: -35px;
left: -35px;
}
@media screen and (min-width: 768px) {
.module--pride-avp .wrapper .grid__item-avp img.avp-badge {
height: 120px;
width: 120px;
top: -60px;
left: -60px;
}
}
/*============================================================================
#Collection Product Features
==============================================================================*/
.module--collection-product-features {
background-color: #DDE3EC;
}
.module--collection-product-features .wrapper .grid--flex {
justify-content: center;
}
.module--collection-product-features .wrapper .grid--flex .grid__item--banner {
text-align: center;
}
.module--collection-product-features .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 48px;
margin-bottom: 12px;
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 24px !important;
}
@media screen and (min-width: 1025px) {
.module--collection-product-features .wrapper .grid--flex .grid__item--banner h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.module--collection-product-features .wrapper .grid--flex .grid__item--banner h3 {
margin-top: 60px;
}
}
.module--collection-product-features .wrapper .grid--flex .grid__item--banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 12px;
font-size: 16px !important;
letter-spacing: 0.33px;
}
@media screen and (min-width: 768px) {
.module--collection-product-features .wrapper .grid--flex .grid__item--banner p {
margin-bottom: 24px;
font-size: 16px !important;
letter-spacing: 0.33px;
}
}
.module--collection-product-features .wrapper .grid--product-features {
display: flex;
flex-direction: row;
margin-bottom: 70px;
}
.module--collection-product-features .wrapper .grid--product-features .grid__item--feature {
margin-top: 0;
width: 25%;
text-align: center;
}
.module--collection-product-features .wrapper .grid--product-features .grid__item--feature img {
max-width: 150px;
margin-bottom: 10px;
}
.module--collection-product-features .wrapper .grid--product-features .grid__item--feature .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 280px;
margin: 0 auto;
}
.module--collection-product-features .wrapper .product-features-carousel {
padding-bottom: 24px;
}
.module--collection-product-features .wrapper .product-features-carousel .product-features-carousel-cell {
width: 100%;
text-align: center;
opacity: 0;
transition: opacity 1000ms ease-in-out;
z-index: -1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-height: 230px;
margin-bottom: 50px;
}
.module--collection-product-features .wrapper .product-features-carousel .product-features-carousel-cell img {
max-width: 150px;
margin-bottom: 20px;
}
.module--collection-product-features .wrapper .product-features-carousel .product-features-carousel-cell .caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.0315em;
max-width: 270px;
margin: 0 auto;
}
.module--collection-product-features .wrapper .product-features-carousel .product-features-carousel-cell.is-selected {
opacity: 1;
z-index: 0;
}
.module--collection-product-features .wrapper .product-features-carousel .flickity-page-dots {
bottom: 50px;
}
/*============================================================================
#Warranty Page
==============================================================================*/
.template-page-warranty .warranty-pt1-wrapper {
padding: 73px 0px;
}
.template-page-warranty .warranty-pt1-wrapper .module--warranty-pt1 .module-header {
margin-bottom: 40px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.template-page-warranty .warranty-pt1-wrapper .module--warranty-pt1 .module-header h1 {
margin-bottom: 0px;
color: #283455;
}
.template-page-warranty .warranty-pt1-wrapper .module--warranty-pt1 .module-content {
margin: 0px auto;
margin-bottom: 30px;
padding: 42px 54px;
max-width: 628px;
border: 2px solid #F2F2F2;
}
.template-page-warranty .warranty-pt1-wrapper .module--warranty-pt1 .module-content p {
margin-bottom: 30px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.template-page-warranty .warranty-pt1-wrapper .module--warranty-pt1 .module-img img {
max-width: 150px;
}
/*============================================================================
#Custom Variant Collections -- Vendors
==============================================================================*/
.template-collection.template-collection-custom-variants--vendors .custom-variant__header {
padding-top: 48px;
}
@media screen and (min-width: 768px) {
.template-collection.template-collection-custom-variants--vendors .custom-variant__header {
padding-top: 106px;
padding-bottom: 36px;
}
}
.template-collection.template-collection-custom-variants--vendors .custom-variant__header .vendor-title {
color: #283455;
}
.template-collection.template-collection-custom-variants--vendors .custom-variant__header .vendor-bio {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
/*============================================================================
#Collection :: Charity - Habitat for Humanity
==============================================================================*/
body.template-collection-selected-variants--charity-habitat .main-content {
margin-top: 0px;
}
.module--collection-charity-habitat {
/* Use the aspect ration of the image to determine the height the image takes up */
/*Position the caption over the image on desktop and mobile */
}
.module--collection-charity-habitat .module--hero-image-wrapper {
padding-bottom: 75%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.module--collection-charity-habitat .module--hero-image-wrapper {
padding-bottom: 34.7222%;
}
}
.module--collection-charity-habitat .module--hero-image-wrapper .module--hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url( module--collection-habitat__mobile736c.jpg?v=11660015986464301534);
}
@media screen and (min-width: 768px) {
.module--collection-charity-habitat .module--hero-image-wrapper .module--hero-image {
background-image: url( module--collection-habitat__desktopa832.jpg?v=10072821964090272313);
}
}
.module--collection-charity-habitat .module--hero-caption-wrapper {
max-width: 1280px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.module--collection-charity-habitat .module--hero-caption-wrapper {
align-items: flex-start;
}
}
.module--collection-charity-habitat .module--hero-caption-wrapper .module--hero-caption {
position: absolute;
display: flex;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 0px;
padding: 30px;
text-align: center;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.module--collection-charity-habitat .module--hero-caption-wrapper .module--hero-caption {
text-align: left;
align-items: flex-start;
}
}
.module--collection-charity-habitat .module--hero-caption-wrapper .module--hero-caption h1 {
color: #0F1528;
letter-spacing: 0.01px;
margin-bottom: 10px;
}
.module--collection-charity-habitat .module--hero-caption-wrapper .module--hero-caption .module-subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
letter-spacing: 0.01px;
color: #0F1528;
max-width: 400px;
}
@media screen and (min-width: 1025px) {
.module--collection-charity-habitat .module--hero-caption-wrapper .module--hero-caption .module-subtitle {
max-width: 600px;
}
}
/*============================================================================
#Spaces by Brooklinen -- Landing Page
==============================================================================*/
.template-page-landing-spaces .main-content {
margin-top: 0px;
}
.template-page-landing-spaces .module--landing-spaces-rooms-header {
padding-top: 48px;
color: #283455;
background-color: #F8F8F8;
text-align: center;
}
.template-page-landing-spaces .module--landing-spaces-room {
min-height: 520px;
padding-top: 42px;
padding-bottom: 42px;
background-color: #F8F8F8;
}
.template-page-landing-spaces .module--landing-spaces-room.module--landing-spaces-room-modern-glam {
background-color: #FFF;
}
@media screen and (min-width: 768px) {
.template-page-landing-spaces .module--landing-spaces-room.module--landing-spaces-room-modern-glam .room-wrapper--text {
margin-left: 68px;
}
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper {
display: flex;
flex-flow: column nowrap;
justify-content: center;
color: #283455;
text-align: center;
}
@media screen and (min-width: 768px) {
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper {
min-height: 520px;
text-align: left;
}
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper.room-wrapper--text {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper.room-wrapper--text {
max-width: 324px;
}
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-title {
font-size: 36px;
margin-bottom: 30px;
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-content {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 26px;
margin-bottom: 30px;
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-cta {
margin: 0px auto;
width: 229px;
height: auto;
padding: 12px 0px;
background-color: #293C70;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
transition: background-color 0.2s ease-in-out;
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-cta.room-cta:hover {
background-color: #283455;
}
@media screen and (min-width: 768px) {
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-cta {
margin: 0px;
}
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-video {
max-width: 100%;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .room-video {
margin-bottom: 0px;
}
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .vertical-room-title {
letter-spacing: 3px;
color: #DDDDDD;
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .vertical-room-title.vertical-room-title--right {
writing-mode: vertical-lr;
}
.template-page-landing-spaces .module--landing-spaces-room .room-wrapper .vertical-room-title.vertical-room-title--left {
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.module--landing-spaces-hero {
padding: 42px 0px;
}
.module--landing-spaces-hero .hero-image--mobile {
display: none;
}
@media screen and (min-width: 768px) {
.module--landing-spaces-hero {
min-height: 600px;
padding-top: 52px;
background-image: url( spaces-landing-hero-desktop--v24d16.jpg?v=11103366085304172732);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
}
@media screen and (min-width: 768px) {
.module--landing-spaces-hero .hero-copy {
text-align: center;
}
}
.module--landing-spaces-hero .hero-copy .hero-eyebrow {
margin-bottom: 18px;
letter-spacing: 3px;
color: #283455;
}
.module--landing-spaces-hero .hero-copy .hero-title {
margin-bottom: 18px;
color: #283455;
}
.module--landing-spaces-hero .hero-copy .hero-subtitle {
margin: 0px auto;
max-width: 600px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 26px;
color: #283455;
}
@media screen and (min-width: 768px) {
.module--landing-spaces-hero .hero-copy .hero-subtitle {
color: #0F1528;
}
}
.module--landing-spaces-hero-arrow,
.spaces-hero-arrow {
position: absolute;
left: 50%;
margin: auto;
margin-top: -22px;
z-index: 5;
}
.module--landing-spaces-hero-arrow .hero-arrow-wrapper,
.spaces-hero-arrow .hero-arrow-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 45px;
background-color: #FFF;
}
.module--landing-spaces-hero-arrow .hero-arrow-wrapper .arrow,
.spaces-hero-arrow .hero-arrow-wrapper .arrow {
position: relative;
top: -3px;
width: 15px;
height: 15px;
border-left: 3px solid #777777;
border-bottom: 3px solid #777777;
transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
body#spaces-by-brooklinen .module--landing-spaces-hero-arrow,
body#spaces-by-brooklinen .spaces-hero-arrow {
display: none;
}
}
/*============================================================================
#Spaces by Brooklinen -- PLP Breadcrumbs
==============================================================================*/
.module--spaces-plp-breadcrumbs .grid, .module--spaces-plp-breadcrumbs .grid--gutter-30, .module--spaces-plp-breadcrumbs .grid--gutter-24, .module--spaces-plp-breadcrumbs .grid--rev, .module--spaces-plp-breadcrumbs .grid--full {
height: 48px;
line-height: 48px;
}
@media screen and (min-width: 1025px) {
.module--spaces-plp-breadcrumbs .grid, .module--spaces-plp-breadcrumbs .grid--gutter-30, .module--spaces-plp-breadcrumbs .grid--gutter-24, .module--spaces-plp-breadcrumbs .grid--rev, .module--spaces-plp-breadcrumbs .grid--full {
height: 80px;
line-height: 80px;
}
}
.module--spaces-plp-breadcrumbs a {
color: #777777;
}
.module--spaces-plp-breadcrumbs .grid__item--link-out {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 48px;
color: #777777;
}
.module--spaces-plp-breadcrumbs .grid__item--link-out a {
color: inherit;
}
.module--spaces-plp-breadcrumbs .grid__item--link-out .sep {
display: inline-block;
padding: 0 0.5em;
}
@media screen and (min-width: 1025px) {
.module--spaces-plp-breadcrumbs .grid__item--link-out {
line-height: 80px;
}
}
.module--spaces-plp-breadcrumbs .grid__item--link-in {
text-align: right;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
line-height: 48px;
letter-spacing: 0.09583em;
}
@media screen and (min-width: 1025px) {
.module--spaces-plp-breadcrumbs .grid__item--link-in {
font-size: 16px;
}
}
.module--spaces-plp-breadcrumbs .grid__item--link-in a {
padding-left: 1.5em;
}
@media screen and (min-width: 1025px) {
.module--spaces-plp-breadcrumbs .grid__item--link-in {
line-height: 80px;
}
}
.module--spaces-plp-breadcrumbs .breadcrumb.sub-breadcrumb-blue {
padding-top: 0;
}
.module--spaces-plp-breadcrumbs.breadcrumbs-1 {
display: none;
}
@media screen and (min-width: 1025px) {
.module--spaces-plp-breadcrumbs.breadcrumbs-0 {
display: none;
}
.module--spaces-plp-breadcrumbs.breadcrumbs-1 {
display: block;
}
}
/*============================================================================
#Spaces by Brooklinen -- Lifestyle PLPs
==============================================================================*/
#earthy-minimalist-room .main-content,
#modern-glam-room .main-content,
#relaxed-industrial-room .main-content {
margin-top: 0px;
}
#earthy-minimalist-room .spaces-hero-arrow,
#modern-glam-room .spaces-hero-arrow,
#relaxed-industrial-room .spaces-hero-arrow {
transform: translateX(-50%);
margin-top: -5px;
}
#earthy-minimalist-room .spaces-hero-arrow .arrow,
#modern-glam-room .spaces-hero-arrow .arrow,
#relaxed-industrial-room .spaces-hero-arrow .arrow {
top: 1px;
width: 12px;
height: 12px;
border-left: 2px solid #777;
border-bottom: 2px solid #777;
}
@media screen and (max-width: 767px) {
#earthy-minimalist-room .module--landing-spaces-hero,
#modern-glam-room .module--landing-spaces-hero,
#relaxed-industrial-room .module--landing-spaces-hero {
padding-top: 10px;
}
}
#earthy-minimalist-room .module--landing-spaces-hero .hero-eyebrow,
#modern-glam-room .module--landing-spaces-hero .hero-eyebrow,
#relaxed-industrial-room .module--landing-spaces-hero .hero-eyebrow {
display: none;
}
@media screen and (max-width: 767px) {
#earthy-minimalist-room .module--landing-spaces-hero .hero-copy,
#modern-glam-room .module--landing-spaces-hero .hero-copy,
#relaxed-industrial-room .module--landing-spaces-hero .hero-copy {
text-align: center;
}
}
#earthy-minimalist-room .module--landing-spaces-hero .hero-image--mobile,
#modern-glam-room .module--landing-spaces-hero .hero-image--mobile,
#relaxed-industrial-room .module--landing-spaces-hero .hero-image--mobile {
display: block;
margin-top: 30px;
min-height: 265px;
background-image: url( spaces-earthy-room-plp-hero-mobile22f0.jpg?v=12294743518757848464);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (min-width: 768px) {
#earthy-minimalist-room .module--landing-spaces-hero .hero-image--mobile,
#modern-glam-room .module--landing-spaces-hero .hero-image--mobile,
#relaxed-industrial-room .module--landing-spaces-hero .hero-image--mobile {
display: none;
}
}
@media screen and (min-width: 768px) {
#earthy-minimalist-room .module--landing-spaces-hero,
#modern-glam-room .module--landing-spaces-hero,
#relaxed-industrial-room .module--landing-spaces-hero {
min-height: 600px;
padding-top: 52px;
background-image: url( spaces-earthy-room-plp-hero-desktop552b.jpg?v=8598146551052927585);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
}
#modern-glam-room .module--landing-spaces-hero .hero-image--mobile {
background-image: url( spaces-modern-glam-room-plp-hero-mobileb4ce.jpg?v=6161026384596665);
}
@media screen and (min-width: 768px) {
#modern-glam-room .module--landing-spaces-hero {
background-image: url( spaces-modern-glam-room-plp-hero-desktop78bf.jpg?v=880714501706214144);
}
}
#relaxed-industrial-room .module--landing-spaces-hero .hero-image--mobile {
background-image: url( spaces-relaxed-industrial-room-plp-hero-mobile0cbd.jpg?v=2082675414400420478);
}
@media screen and (min-width: 768px) {
#relaxed-industrial-room .module--landing-spaces-hero {
background-image: url( spaces-relaxed-industrial-room-plp-hero-desktopbca4.jpg?v=3741006452953211657);
}
}
.grid__item__module-group-title {
margin-bottom: 50px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
letter-spacing: 0.125em;
text-align: center;
}
@media screen and (min-width: 1025px) {
.grid__item__module-group-title {
font-size: 16px;
}
}
.grid--spaces-plp-pullquote .eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
letter-spacing: 0.423em;
color: #777777;
}
.grid--spaces-plp-pullquote .pullquote {
max-width: 85%;
font-family: ToledoTS-Regular;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.25px !important;
font-size: 24px;
line-height: 28px;
padding-bottom: 2em;
color: #293C70;
}
@media screen and (min-width: 1025px) {
.grid--spaces-plp-pullquote .pullquote {
font-size: 24px;
}
}
/*============================================================================
#Spaces by Brooklinen -- Story Sub Modules
==============================================================================*/
.module--sub-collection-story {
margin-bottom: 60px;
}
@media screen and (min-width: 1025px) {
.module--sub-collection-story#category1 {
padding-top: 30px;
margin-top: 30px;
}
}
.module--sub-collection-story .flickity-prev-next-button svg {
left: 50%;
top: 50%;
height: 40%;
width: 40%;
transform: translate3d(-50%, -50%, 0);
}
.module--sub-collection-story .btn, .module--sub-collection-story .module--account-details-content .add-address, .module--account-details-content .module--sub-collection-story .add-address {
max-width: 210px;
margin: 0 auto;
}
.module--sub-collection-story .hero-image-wrapper {
position: relative;
}
.module--sub-collection-story .grid__item--hero-image img {
display: block;
z-index: 1;
}
.module--sub-collection-story .grid__item--hero-image .label,
.module--sub-collection-story .grid__item--label-wrapper .label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: white;
width: auto;
text-align: center;
font-family: "BrandonTextWeb-Bold";
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.1428em;
padding: 0 5%;
height: 33px;
line-height: 33px;
color: #0F1528;
}
@media screen and (min-width: 1025px) {
.module--sub-collection-story .grid__item--hero-image .label,
.module--sub-collection-story .grid__item--label-wrapper .label {
height: 39px;
line-height: 39px;
font-size: 18px;
letter-spacing: 0.1427em;
}
}
.module--sub-collection-story .grid__item--hero-image .label:hover span,
.module--sub-collection-story .grid__item--label-wrapper .label:hover span {
border-bottom: 2px solid #0F1528;
}
@media screen and (max-width: 1024px) {
.module--sub-collection-story.fullbleed--mobile {
width: 100vw;
}
}
.module--sub-collection-story.module--fullbleed .wrapper {
z-index: 1;
}
.module--sub-collection-story.module--fullbleed .wrapper--large {
z-index: 0;
max-width: none;
padding: 40px 0 40px 0;
margin-top: -20px;
}
@media screen and (min-width: 1025px) {
.module--sub-collection-story.module--fullbleed .wrapper--large {
max-width: 1280px;
padding: 0 30px;
}
}
.module--sub-collection-story .carousel-background--mobile {
z-index: 0;
padding-bottom: 40px;
background-color: #f8f8f8;
background-color: #F8F8F8;
}
@media screen and (min-width: 1025px) {
.module--sub-collection-story .carousel-background--mobile {
z-index: 1;
padding-bottom: 30px;
background-color: #fff;
}
}
.module--sub-collection-story .zoom-wrapper {
position: relative;
overflow: hidden;
cursor: pointer;
}
.module--sub-collection-story .zoom-wrapper img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
}
.module--sub-collection-story .zoom-wrapper img:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.carousel_mobile--wide-card .zoom-wrapper {
max-height: 119px;
max-width: 119px;
float: left;
}
.carousel_mobile--wide-card .copy-wrapper {
max-height: 119px;
float: left;
width: calc(100% - 119px);
display: block;
background: #fff;
height: 119px;
padding: 20px 0 0 20px;
}
@media screen and (min-width: 1025px) {
.carousel_mobile--wide-card .copy-wrapper {
width: auto;
}
}
.carousel_mobile--wide-card .grid.sub-collection--lifestyle-carousel, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--gutter-30, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--gutter-24, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--rev, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--full {
margin-left: 0;
}
@media screen and (min-width: 1025px) {
.carousel_mobile--wide-card .grid.sub-collection--lifestyle-carousel, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--gutter-30, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--gutter-24, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--rev, .carousel_mobile--wide-card .sub-collection--lifestyle-carousel.grid--full {
margin-left: -20px;
}
}
.carousel_mobile--wide-card .grid__item--variant-card:last-child {
padding-right: 20px;
}
@media screen and (min-width: 1025px) {
.carousel_mobile--wide-card .grid__item--variant-card:last-child {
padding-right: 0;
}
}
.carousel_mobile--tall-card .copy-wrapper {
padding: 10px 0 0 0;
}
.carousel_mobile--wide-card .copy-wrapper *,
.carousel_mobile--tall-card .copy-wrapper * {
font-family: "BrandonTextWeb-Medium";
font-size: 16px;
font-weight: normal;
color: #0F1528;
}
.carousel_mobile--wide-card .product-variant-from-price,
.carousel_mobile--tall-card .product-variant-from-price {
padding-top: 0.5em;
color: #777777;
}
@media screen and (min-width: 1025px) {
.carousel_mobile--wide-card .zoom-wrapper,
.carousel_mobile--tall-card .zoom-wrapper {
max-height: none;
max-width: none;
float: none;
}
.carousel_mobile--wide-card .copy-wrapper,
.carousel_mobile--tall-card .copy-wrapper {
padding: 20px 0;
height: auto;
max-height: none;
float: none;
}
}
.carousel_mobile--wide-card .flickity-page-dots,
.carousel_mobile--tall-card .flickity-page-dots {
position: static;
margin: 30px 0 30px 0;
}
.carousel_mobile--wide-card .flickity-page-dots .dot,
.carousel_mobile--tall-card .flickity-page-dots .dot {
background-color: transparent;
border: 1px solid #000;
opacity: 1;
width: 8px;
height: 8px;
margin: 0 5px;
}
.carousel_mobile--wide-card .flickity-page-dots .dot.is-selected,
.carousel_mobile--tall-card .flickity-page-dots .dot.is-selected {
background-color: #000;
}
/*================= .carousel_desktop--hero-right--4-under ===================*/
@media screen and (max-width: 1024px) {
.carousel_desktop--hero-right--4-under {
margin-bottom: 0;
}
}
.carousel_desktop--hero-right--4-under .grid__item--lead-copy .inner {
align-self: flex-end;
}
.carousel_desktop--hero-right--4-under .grid__item--lead-copy h3 {
font-size: 32px;
line-height: 40px;
font-family: "ToledoTS-Regular";
color: #293C70;
}
.carousel_desktop--hero-right--4-under .grid__item--lead-copy hr {
width: 25%;
border-top-width: 2px;
border-color: #293C70;
margin: 20px 0 39px 0;
}
.carousel_desktop--hero-right--4-under .flickity-prev-next-button:disabled {
display: none;
}
.carousel_desktop--hero-right--4-under .flickity-prev-next-button.previous {
left: 20px;
transform: translateX(-50%);
}
.carousel_desktop--hero-right--4-under .flickity-prev-next-button.next {
right: 0;
transform: translateX(50%);
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-right--4-under .grid__item--hero-image .label {
top: auto;
bottom: 0;
left: 0;
transform: none;
}
.carousel_desktop--hero-right--4-under .grid.sub-collection--lifestyle-carousel, .carousel_desktop--hero-right--4-under .sub-collection--lifestyle-carousel.grid--gutter-30, .carousel_desktop--hero-right--4-under .sub-collection--lifestyle-carousel.grid--gutter-24, .carousel_desktop--hero-right--4-under .sub-collection--lifestyle-carousel.grid--rev, .carousel_desktop--hero-right--4-under .sub-collection--lifestyle-carousel.grid--full {
margin-left: -20px;
}
.carousel_desktop--hero-right--4-under .grid--header {
flex-direction: row;
}
.carousel_desktop--hero-right--4-under.module--fullbleed .wrapper--large {
margin-top: 20px;
}
}
/*================= .hero-left--1-right ===================*/
.carousel_desktop--hero-left--1-right.module--fullbleed {
margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-left--1-right.module--fullbleed {
margin-bottom: 60px;
}
}
.carousel_desktop--hero-left--1-right .wrapper--large {
padding-top: 20px;
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-left--1-right.module--fullbleed {
background-color: #f9f9f9;
}
.carousel_desktop--hero-left--1-right.module--fullbleed .wrapper--large {
background-color: #f9f9f9;
}
.carousel_desktop--hero-left--1-right .grid--flex {
flex-direction: row;
}
.carousel_desktop--hero-left--1-right .grid__item--carousel {
align-items: center;
}
.carousel_desktop--hero-left--1-right .grid__image img {
max-height: 300px;
display: block;
margin: 0 auto;
}
.carousel_desktop--hero-left--1-right .flickity-button.previous {
left: 60px;
}
.carousel_desktop--hero-left--1-right .flickity-button.next {
right: 40px;
}
}
.carousel_desktop--hero-left--1-right .grid__item--label-wrapper {
position: relative;
height: 80px;
}
.carousel_desktop--hero-left--1-right .grid__item--hero-image .label {
position: absolute;
top: auto;
bottom: 0;
left: 50%;
transform: translateY(50%) translateX(-50%);
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-left--1-right .grid__item--label-wrapper .label {
position: absolute;
top: 0;
bottom: 50%;
left: 50%;
transform: translateY(50%) translateX(-50%);
}
.carousel_desktop--hero-left--1-right .grid__item--hero-image .btn, .carousel_desktop--hero-left--1-right .grid__item--hero-image .module--account-details-content .add-address, .module--account-details-content .carousel_desktop--hero-left--1-right .grid__item--hero-image .add-address {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
}
.carousel_desktop--hero-left--1-right .sub-collection--lifestyle-carousel {
margin-top: 40px;
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-left--1-right .sub-collection--lifestyle-carousel {
margin-top: auto;
}
}
/*================= .hero-top--2-under ===================*/
.carousel_desktop--hero-top--2-under .carousel-background--mobile {
padding-top: 20px;
}
@media screen and (max-width: 767px) {
.carousel_desktop--hero-top--2-under {
margin-bottom: 0;
}
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-top--2-under .hero-image-wrapper .label {
left: 0;
right: auto;
}
.carousel_desktop--hero-top--2-under .btn, .carousel_desktop--hero-top--2-under .module--account-details-content .add-address, .module--account-details-content .carousel_desktop--hero-top--2-under .add-address {
margin-top: 40px;
}
}
/*================= .hero-bottom--2-over ===================*/
.carousel_desktop--hero-bottom--2-over .carousel-background--mobile {
padding-top: 20px;
}
.carousel_desktop--hero-bottom--2-over .hero-image-wrapper .label {
top: 0;
left: auto;
right: 0;
bottom: auto;
transform: none;
}
@media screen and (max-width: 767px) {
.carousel_desktop--hero-bottom--2-over {
margin-bottom: 0;
}
}
@media screen and (min-width: 1025px) {
.carousel_desktop--hero-bottom--2-over .carousel-background--mobile {
padding-top: 0;
}
.carousel_desktop--hero-bottom--2-over .hero-image-wrapper .label {
top: 0;
left: auto;
right: 0;
bottom: auto;
transform: none;
}
.carousel_desktop--hero-bottom--2-over .btn, .carousel_desktop--hero-bottom--2-over .module--account-details-content .add-address, .module--account-details-content .carousel_desktop--hero-bottom--2-over .add-address {
margin-top: 60px;
}
}
/*================= Solo Lifestyle PLP Product Module ===================*/
.module--selected-variant-sub-module-single-product {
margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product {
margin-bottom: 0;
}
}
.module--selected-variant-sub-module-single-product:last-of-type {
background-color: #F8F8F8;
padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.module--selected-variant-sub-module-single-product .wrapper--large {
max-width: none;
padding: 0;
}
}
.module--selected-variant-sub-module-single-product .grid--flex {
flex-direction: column-reverse;
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .grid--flex {
flex-direction: row;
}
.module--selected-variant-sub-module-single-product .grid--flex.hero-left {
flex-direction: row-reverse;
}
}
.module--selected-variant-sub-module-single-product .grid__item--flex {
align-items: center;
justify-content: flex-end;
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .grid__item--flex {
justify-content: center;
padding-left: 10px;
}
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product {
background-color: #F8F8F8;
}
}
.module--selected-variant-sub-module-single-product .grid__item--product .inner {
flex: 0 1 auto;
transform: translateX(10%);
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .grid__item--product .inner {
transform: translateX(0%);
}
}
.module--selected-variant-sub-module-single-product .grid__item--product img {
max-width: 90%;
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .grid__item--product img {
max-width: none;
max-height: 340px;
}
}
.module--selected-variant-sub-module-single-product .grid__item--product .zoom-wrapper {
position: relative;
overflow: hidden;
cursor: pointer;
}
.module--selected-variant-sub-module-single-product .grid__item--product .zoom-wrapper img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
}
.module--selected-variant-sub-module-single-product .grid__item--product .zoom-wrapper img:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.module--selected-variant-sub-module-single-product .grid__item--product p.h5 {
padding-top: 0.5em;
font-family: "BrandonTextWeb-Medium";
font-size: 16px;
font-weight: normal;
color: #0F1528;
}
.module--selected-variant-sub-module-single-product .grid__item--product p.h5.product-variant-from-price {
padding-top: 0.5em;
color: #777777;
}
.module--selected-variant-sub-module-single-product .grid__item--hero img {
display: block;
max-width: 90%;
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .grid__item--hero img {
max-width: 100%;
}
}
@media screen and (min-width: 1025px) {
.module--selected-variant-sub-module-single-product .hero-left {
transform: translateX(10px);
}
}
@media screen and (max-width: 767px) {
.module--selected-variant-sub-module-single-product:nth-of-type(odd) {
background-color: #F8F8F8;
padding-bottom: 80px;
margin-bottom: 0;
}
}
/*================= Bedding section at bottom of room PLP ===================*/
.template-collection[id$=room] .variant-collection--earthy-bedding,
.template-collection[id$=room] .variant-collection--modern-bedding,
.template-collection[id$=room] .variant-collection--relaxed-bedding {
position: relative;
z-index: 2;
margin-top: 0;
}
.template-collection[id$=room] .variant-collection--earthy-bedding h3.title,
.template-collection[id$=room] .variant-collection--modern-bedding h3.title,
.template-collection[id$=room] .variant-collection--relaxed-bedding h3.title {
text-align: center;
font-family: "BrandonTextWeb-Medium";
text-transform: uppercase;
letter-spacing: 0.1835em !important;
margin-bottom: 0;
font-size: 14px !important;
line-height: 14px !important;
background-color: #FFFFFF;
width: 120px;
padding: 10px;
margin: 0 auto;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.template-collection[id$=room] .variant-collection--earthy-bedding h3.title,
.template-collection[id$=room] .variant-collection--modern-bedding h3.title,
.template-collection[id$=room] .variant-collection--relaxed-bedding h3.title {
font-size: 18px !important;
line-height: 18px !important;
transform: translateY(0%);
margin: 20px auto 0 auto;
}
}
.template-collection[id$=room] .variant-collection--earthy-bedding h3.title a,
.template-collection[id$=room] .variant-collection--modern-bedding h3.title a,
.template-collection[id$=room] .variant-collection--relaxed-bedding h3.title a {
color: inherit;
}
.template-collection[id$=room] .variant-collection--earthy-bedding h3.title a:hover,
.template-collection[id$=room] .variant-collection--modern-bedding h3.title a:hover,
.template-collection[id$=room] .variant-collection--relaxed-bedding h3.title a:hover {
border-bottom: 2px solid #0F1528;
}
@media screen and (min-width: 1025px) {
.template-collection[id$=room] .variant-collection--earthy-bedding,
.template-collection[id$=room] .variant-collection--modern-bedding,
.template-collection[id$=room] .variant-collection--relaxed-bedding {
margin-top: 60px;
}
}
.template-collection[id$=room] .variant-collection--earthy-bedding .subtitle,
.template-collection[id$=room] .variant-collection--modern-bedding .subtitle,
.template-collection[id$=room] .variant-collection--relaxed-bedding .subtitle {
display: none;
}
.template-collection[id$=room] .carousel--earthy-bedding {
margin-top: 20px !important;
width: calc(100% + 40px);
}
.template-collection[id$=room] .carousel--earthy-bedding.last-slide {
margin-left: -40px;
}
@media screen and (min-width: 1025px) {
.template-collection[id$=room] .carousel--earthy-bedding {
margin-top: 40px !important;
}
}
.template-collection[id$=room] .grid--bedding-cta {
margin-bottom: 60px;
}
.template-collection[id$=room] .grid--bedding-cta .btn, .template-collection[id$=room] .grid--bedding-cta .module--account-details-content .add-address, .module--account-details-content .template-collection[id$=room] .grid--bedding-cta .add-address {
max-width: 220px;
margin: 0 auto;
}
.template-collection .zoom-wrapper img {
display: block;
}
/*============================================================================
#Influencers Landing Page
==============================================================================*/
.module--landing-influencers-header {
padding: 57px 0px 36px 0px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--landing-influencers-header {
padding: 96px 0px;
}
}
.module--landing-influencers-header .header-eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
font-family: "BrandonTextWeb-Bold";
color: #293C70;
letter-spacing: 1.5px;
}
.module--landing-influencers-header .header-main-copy {
color: #283455;
}
.module--influencers-grid {
margin-bottom: 60px;
}
.influencer-card .card-img-wrapper.zoom-wrapper {
position: relative;
overflow: hidden;
cursor: pointer;
}
.influencer-card .card-img-wrapper img {
display: block;
-moz-transition: transform 0.3s;
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
width: 100%;
}
.influencer-card .card-img-wrapper img:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.influencer-card .influencer-handle {
padding-top: 12px;
margin: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/*================================== Large =================================*/
font-size: 18px;
/*================================= Small ==================================*/
font-family: BrandonTextWeb-Bold;
color: #0F1528;
}
@media screen and (min-width: 1025px) {
.influencer-card .influencer-handle {
font-size: 20px;
}
}
.influencer-card .influencer-location {
padding-top: 12px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
}
/*============================================================================
#Site wide discount slashout prices
==============================================================================*/
.swd-priced {
color: #777777 !important;
}
.swd-strike {
position: relative;
display: inline-block;
line-height: 1em;
color: #777777 !important;
margin: 0 5px 0 2px;
}
.swd-strike::before {
content: "";
border-bottom: 1px solid #777777;
width: 110%;
position: absolute;
right: -5%;
top: 35%;
}
.swd-strike + .reduced {
color: #04247D !important;
font-family: BrandonTextWeb-Medium !important;
}
/*============================================================================
#SMS Capture Page
==============================================================================*/
.template-page-sms-capture .wrapper.main-content {
margin-top: 0px;
padding: 0px;
}
.template-page-sms-capture .module--sms-capture {
background-color: #EFF0ED;
}
.template-page-sms-capture .module--sms-capture .wrapper {
padding: 30px;
max-width: 740px;
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper {
padding: 80px;
}
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .eyebrow {
color: #293C70;
letter-spacing: 2px;
margin-bottom: 18px;
font-size: 14px !important;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .headline {
color: #283455;
line-height: 1.22;
letter-spacing: 0.1px;
margin-bottom: 28px;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper {
margin-bottom: 30px;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex {
flex-direction: row;
}
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex input[type=tel] {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-align: center;
width: 260px;
margin: 0 0 16px 0;
padding: 0 1em;
height: 50px;
border: 1px solid #283455;
color: #777777;
background-color: rgba(255, 255, 255, 0.99);
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex input[type=tel] {
margin: 0 20px 0 0;
}
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .btn.sms-submit, .template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .module--account-details-content .sms-submit.add-address, .module--account-details-content .template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .sms-submit.add-address {
width: 260px;
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .btn.sms-submit, .template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .module--account-details-content .sms-submit.add-address, .module--account-details-content .template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .sms-submit.add-address {
width: 200px;
}
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .thank-you-message {
display: none;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .cta-wrapper .grid--flex .thank-you-message {
text-align: center;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .legal {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #777777;
max-width: 260px;
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .legal {
max-width: 480px;
}
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .legal a {
color: #777777;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .legal a:hover {
color: #AEB6A7;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .sms-error {
display: none;
}
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .sms-error {
font-size: 11px;
text-align: center;
color: #AA3F00;
margin-top: 5px;
margin-bottom: 2px;
}
@media screen and (min-width: 768px) {
.template-page-sms-capture .module--sms-capture .wrapper .grid--flex .sms-error {
text-align: left;
}
}
/*============================================================================
#Days of Gifting (2019)
==============================================================================*/
/*======================= 2019 Days of Gifting ===============================*/
.template-collection-days-of-gifting--best-sellers,
.template-collection-days-of-gifting--bundles,
.template-collection-days-of-gifting--brooklittles,
.template-collection-days-of-gifting--classic-sheets,
.template-collection-days-of-gifting--comforters-pillows,
.template-collection-days-of-gifting--gifts,
.template-collection-days-of-gifting--loungewear,
.template-collection-days-of-gifting--luxe-sheets,
.template-collection-days-of-gifting--solid-color-sheets,
.template-collection-days-of-gifting--throws-cashmere,
.template-collection-days-of-gifting--towels,
.template-collection-days-of-gifting--towels-classic {
/*================== Full bleed Hero at the tippy top ======================*/
}
.template-collection-days-of-gifting--best-sellers .main-content.wrapper,
.template-collection-days-of-gifting--bundles .main-content.wrapper,
.template-collection-days-of-gifting--brooklittles .main-content.wrapper,
.template-collection-days-of-gifting--classic-sheets .main-content.wrapper,
.template-collection-days-of-gifting--comforters-pillows .main-content.wrapper,
.template-collection-days-of-gifting--gifts .main-content.wrapper,
.template-collection-days-of-gifting--loungewear .main-content.wrapper,
.template-collection-days-of-gifting--luxe-sheets .main-content.wrapper,
.template-collection-days-of-gifting--solid-color-sheets .main-content.wrapper,
.template-collection-days-of-gifting--throws-cashmere .main-content.wrapper,
.template-collection-days-of-gifting--towels .main-content.wrapper,
.template-collection-days-of-gifting--towels-classic .main-content.wrapper {
margin-top: 0px !important;
margin-bottom: 60px;
}
.template-collection-days-of-gifting--best-sellers #mobile-breadcrumb,
.template-collection-days-of-gifting--bundles #mobile-breadcrumb,
.template-collection-days-of-gifting--brooklittles #mobile-breadcrumb,
.template-collection-days-of-gifting--classic-sheets #mobile-breadcrumb,
.template-collection-days-of-gifting--comforters-pillows #mobile-breadcrumb,
.template-collection-days-of-gifting--gifts #mobile-breadcrumb,
.template-collection-days-of-gifting--loungewear #mobile-breadcrumb,
.template-collection-days-of-gifting--luxe-sheets #mobile-breadcrumb,
.template-collection-days-of-gifting--solid-color-sheets #mobile-breadcrumb,
.template-collection-days-of-gifting--throws-cashmere #mobile-breadcrumb,
.template-collection-days-of-gifting--towels #mobile-breadcrumb,
.template-collection-days-of-gifting--towels-classic #mobile-breadcrumb {
margin-bottom: 42px;
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero {
width: 100vw;
position: relative;
margin-bottom: 42px;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper {
padding-bottom: 127.4667%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper {
padding-bottom: 35%;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers {
background-image: url( dog-hero-best-sellers__mobilea8ca.jpg?v=1368381783226139810);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--best-sellers {
background-image: url( dog-hero-best-sellers__desktop667f.jpg?v=880543964309657766);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles {
background-image: url( dog-hero-bundles__mobilecd83.jpg?v=14472452352676792565);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--bundles {
background-image: url( dog-hero-bundles__desktopfe4b.jpg?v=17885970499627155511);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles {
background-image: url( dog-hero-brooklittles__mobile8a1a.jpg?v=15401575222635235644);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--brooklittles {
background-image: url( dog-hero-brooklittles__desktopa9c1.jpg?v=995788004060628547);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets {
background-image: url( dog-hero-classic-sheets__mobile99f4.jpg?v=3356794745873845638);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--classic-sheets {
background-image: url( dog-hero-classic-sheets__desktop76ca.jpg?v=12405825000355950389);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows {
background-image: url( dog-hero-pillows-comf__mobilef2d2.jpg?v=846746650764637750);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--comforters-pillows {
background-image: url( dog-hero-pillows-comf__desktope117.jpg?v=17591813828096565916);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts {
background-image: url( dog-hero-gifts__mobile5238.jpg?v=18169395451552943803);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--gifts {
background-image: url( dog-hero-gifts__desktop8bc6.jpg?v=17751270605726882030);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear {
background-image: url( dog-hero-loungewear__mobile7b03.jpg?v=7387341326492104760);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--loungewear {
background-image: url( dog-hero-loungewear__desktop6db0.jpg?v=15199464028844583140);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets {
background-image: url( dog-hero-luxe-sheets__mobile5f63.jpg?v=13046771325762069295);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--luxe-sheets {
background-image: url( dog-hero-luxe-sheets__desktop1fd5.jpg?v=14074330420981908685);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets {
background-image: url( dog-hero-bundles__mobilecd83.jpg?v=14472452352676792565);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--solid-color-sheets {
background-image: url( dog-hero-bundles__desktopfe4b.jpg?v=17885970499627155511);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere {
background-image: url( dog-hero-cashmere-throws__mobiled966.jpg?v=1261146025333332965);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--throws-cashmere {
background-image: url( dog-hero-cashmere-throws__desktop497c.jpg?v=13659115392177590238);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels {
background-image: url( dog-hero-towels__mobile690d.jpg?v=12903931628394876162);
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-image-wrapper .module--hero-image.gifting-hero-image--towels {
background-image: url( dog-hero-towels__desktopdebd.jpg?v=11044262774954257022);
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper {
max-width: 1280px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper {
align-items: center;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption {
margin-left: 20px;
z-index: 10;
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
text-align: center;
padding: 30px 0px 0px 0px;
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: auto;
left: 0;
width: 36%;
text-align: left;
margin-bottom: 0px;
padding: 30px;
justify-content: center;
align-items: flex-start;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 30px;
letter-spacing: -0.25px;
line-height: normal;
letter-spacing: 0.54px;
margin-bottom: 12px;
text-align: center;
color: #283455;
}
@media screen and (min-width: 1025px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
font-size: 36px;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3.white-text {
color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption h3 {
line-height: normal;
letter-spacing: 0.54px;
margin-bottom: 20px;
text-align: left;
}
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: normal;
letter-spacing: 0.29px;
color: #283455;
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--towels .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-2019-hero .module--hero-caption-wrapper .module--hero-caption p.white-text {
color: #FFFFFF;
}
.template-collection-days-of-gifting--best-sellers .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--bundles .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--brooklittles .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--classic-sheets .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--comforters-pillows .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--gifts .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--loungewear .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--luxe-sheets .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--solid-color-sheets .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--throws-cashmere .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--towels .module--days-of-gifting-section-title,
.template-collection-days-of-gifting--towels-classic .module--days-of-gifting-section-title {
color: #283455;
}
@media screen and (min-width: 768px) {
.sub-module--hero {
position: relative;
}
}
.sub-module--hero .sub-module--image-wrapper {
padding-bottom: 73.3333%;
height: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.sub-module--hero .sub-module--image-wrapper {
padding-bottom: 34.7222%;
}
}
.sub-module--hero .sub-module--image-wrapper .sub-module--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 80% 50%;
background-repeat: no-repeat;
}
.sub-module--hero .sub-module--caption-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
z-index: 10;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #ffffff;
padding: 20px;
}
@media screen and (min-width: 768px) {
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 50%;
align-items: flex-start;
text-align: left;
margin-bottom: 0px;
padding: 0px 40px 0px 100px;
}
}
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
font-size: 14px !important;
display: block;
margin-bottom: 0px;
line-height: 24px;
letter-spacing: 0.032em;
color: #ffffff;
}
@media screen and (min-width: 1025px) {
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h6 {
margin-bottom: 20px;
}
}
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
font-size: 18px;
line-height: 1.3;
letter-spacing: 0.04em;
color: #ffffff;
}
@media screen and (min-width: 768px) {
.sub-module--hero .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h3 {
line-height: 1.7;
font-size: 24px;
}
}
/*============================================================================
#Last Call
==============================================================================*/
.sub-module--hero-last-call {
position: relative;
}
@media screen and (min-width: 768px) {
.sub-module--hero-last-call {
position: relative;
}
}
.sub-module--hero-last-call .sub-module--image-wrapper {
padding-bottom: 250px;
position: relative;
}
@media screen and (min-width: 768px) {
.sub-module--hero-last-call .sub-module--image-wrapper {
padding-bottom: 300px;
}
}
.sub-module--hero-last-call .sub-module--image-wrapper .sub-module--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-image: url( last-call-collection-header__mobile8428.jpg?v=6804486276766407024);
}
@media screen and (min-width: 768px) {
.sub-module--hero-last-call .sub-module--image-wrapper .sub-module--image {
background-image: url( last-call-collection-header__desktop43bc.jpg?v=14747554480443666867);
}
}
.sub-module--hero-last-call .sub-module--caption-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.sub-module--hero-last-call .sub-module--caption-wrapper .sub-module--hero {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sub-module--hero-last-call .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 10;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #ffffff;
padding: 0px 40px 0px 20px;
}
@media screen and (min-width: 768px) {
.sub-module--hero-last-call .sub-module--caption-wrapper .sub-module--hero .sub-module--caption {
align-items: flex-start;
text-align: left;
margin-bottom: 0px;
padding: 0px 0px 0px 100px;
}
}
.sub-module--hero-last-call .sub-module--caption-wrapper .sub-module--hero .sub-module--caption h1 {
color: #ffffff;
margin-bottom: 20px;
}
.sub-module--hero-last-call .sub-module--caption-wrapper .sub-module--hero .sub-module--caption p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #ffffff;
}
/*============================================================================
#IWD 2020 Page
==============================================================================*/
body.template-page-iwd-2020 .wrapper.main-content {
margin-top: 0px;
}
.module--iwd-hero {
background-color: #F2F5F8;
padding: 36px 0px;
}
@media screen and (min-width: 768px) {
.module--iwd-hero {
padding: 90px 0px;
}
}
.module--iwd-hero .wrapper {
padding: 0px;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .wrapper {
padding-left: 30px;
}
}
.module--iwd-hero .wrapper .grid__item, .module--iwd-hero .wrapper .grid__item--flex {
padding: 0px;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .wrapper .grid__item, .module--iwd-hero .wrapper .grid__item--flex {
padding-left: 30px;
}
}
.module--iwd-hero .grid--flex {
display: flex;
align-content: center;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex {
flex-direction: row;
justify-content: space-evenly;
}
}
.module--iwd-hero .grid--flex .iwd-hero-text {
color: #283455;
flex-direction: column;
justify-content: center;
}
.module--iwd-hero .grid--flex .iwd-hero-text h1 {
max-width: 377px;
margin: 0px auto;
padding: 0px 30px;
margin-bottom: 24px;
font-family: ToledoTS-Regular;
font-size: 36px;
line-height: 1.17;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex .iwd-hero-text h1 {
font-size: 50px;
padding: 0px;
}
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex .iwd-hero-text {
order: 1;
min-width: 377px;
}
}
.module--iwd-hero .grid--flex .eyebrow {
color: #283455;
letter-spacing: 2.62px;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex .eyebrow {
font-size: 14px;
}
}
.module--iwd-hero .grid--flex .iwd-hero-video {
margin-bottom: 24px;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex .iwd-hero-video {
margin-bottom: 0px;
flex-direction: row;
}
}
.module--iwd-hero .grid--flex .iwd-hero-video .play {
width: 100%;
height: 100%;
padding: 10px calc(50% - 50px);
position: absolute;
top: 0;
left: 0;
}
.module--iwd-hero .grid--flex .iwd-hero-video .play:hover {
cursor: pointer;
}
.module--iwd-hero .grid--flex .iwd-hero-video .play .play-btn {
background-image: url( module--iwd-hero-play-btn16dd.png?v=390894285877429752);
background-repeat: no-repeat;
width: 45px;
height: 45px;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
background-size: contain;
background-position: center;
}
.module--iwd-hero .grid--flex .iwd-hero-video .play .play-btn:hover {
cursor: pointer;
}
.module--iwd-hero .grid--flex .iwd-hero-video .iwd-video-wrapper {
position: relative;
}
.module--iwd-hero .grid--flex .iwd-hero-video .iwd-video-wrapper .iwd-video {
width: 100%;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.module--iwd-hero .grid--flex .iwd-hero-video {
order: 2;
justify-content: center;
max-width: 796px;
}
}
.module--iwd-get-the-tee .wrapper {
padding: 30px;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper {
padding: 102px 30px;
}
}
.module--iwd-get-the-tee .wrapper .grid--flex {
padding: 0px 24px;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid--flex {
flex-direction: row;
padding: 0px;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-iwd-tee {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-iwd-tee {
max-width: 50%;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-iwd-tee img {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-iwd-tee img {
width: 100%;
max-width: 470px;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper {
max-width: 510px;
height: 100%;
position: relative;
justify-content: center;
display: flex;
flex-direction: column;
text-align: left;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper {
align-items: flex-start;
margin: 0;
padding-left: 60px;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper h2 {
padding-top: 24px;
font-size: 30px;
line-height: 1.27;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper h2 {
padding-top: 0px;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper p.caption {
margin-bottom: 25px;
max-width: 445px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.5px;
color: #4a4a4a;
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .caption + .caption {
margin-bottom: 50px;
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper {
flex-direction: row;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address {
padding: 0px;
margin-bottom: 48px;
background-color: #293C70;
color: #ffffff;
text-transform: none;
width: 100%;
height: 50px;
transition: background-color 0.2s;
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn:hover, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address:hover, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address:hover {
background-color: #283455;
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn:last-of-type, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address:last-of-type, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address:last-of-type {
margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address {
margin-bottom: 0px;
width: 200px;
cursor: pointer;
}
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn a, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address a, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address a {
color: #ffffff;
}
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn a p, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address a p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.6px;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.btn a p, .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--iwd-get-the-tee .wrapper .grid__item-empowering-women .caption-wrapper .cta-wrapper div.add-address a p {
font-size: 18px;
letter-spacing: 0.5px;
}
}
.grid__item-iwd-hr-wrapper {
margin-bottom: 54px;
}
.module--iwd-bios {
background-color: #FFFFFF;
}
.module--iwd-bios .wrapper {
padding: 0;
max-width: none;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner {
text-align: center;
margin: 20px 0px;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .wrapper .grid--flex .grid__item--banner {
margin-top: 20px;
margin-bottom: 50px;
}
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 {
font-family: ToledoTS-Bold;
font-size: 41px;
color: #283455;
margin-bottom: 8px;
letter-spacing: 1.23px;
line-height: 1.1;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 {
font-size: 60px;
letter-spacing: 1.75px;
line-height: normal;
}
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 span.p {
color: #e35a5a;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 span.r {
color: #e35a5a;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 span.i {
color: #e46c2c;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 span.d {
color: #e9ae40;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner h3 span.e {
color: #438972;
}
.module--iwd-bios .wrapper .grid--flex .grid__item--banner p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.5px;
line-height: normal;
color: #4a4a4a;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .wrapper .grid--flex .grid__item--banner p {
font-size: 20px;
letter-spacing: 0.5px;
}
}
.module--iwd-bios .wrapper .iwd-bios-carousel .iwd-bios-carousel-cell {
width: 100%;
text-align: center;
transition: opacity 1000ms ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.module--iwd-bios .wrapper .iwd-bios-carousel .flickity-page-dots {
bottom: 30px;
}
.module--iwd-bios .wrapper .iwd-bios-carousel .flickity-page-dots .dot {
margin: 0px 4px;
border: 1px solid #293C70;
background: none;
opacity: 1;
}
.module--iwd-bios .wrapper .iwd-bios-carousel .flickity-page-dots .dot.is-selected {
background: #293C70;
}
.module--iwd-bios .bio {
height: 655px;
width: 100%;
position: relative;
}
.module--iwd-bios .bio.bio-db {
background: linear-gradient(0deg, #dce8eb 80%, #ffffff 0%);
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio.bio-db {
background: linear-gradient(90deg, #dce8eb 80%, #ffffff 0%);
}
}
.module--iwd-bios .bio.bio-db--light {
background: linear-gradient(0deg, #F2F5F8 80%, #ffffff 0%);
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio.bio-db--light {
background: linear-gradient(270deg, #F2F5F8 80%, #ffffff 0%);
}
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 360px;
margin: 0;
margin-top: 6%;
margin-bottom: 7%;
}
}
.module--iwd-bios .bio .bio-content-wrapper {
display: flex;
width: 100%;
position: relative;
padding-top: 320px;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio .bio-content-wrapper {
max-width: 1280px;
padding: 0px 90px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.module--iwd-bios .bio .bio-content-wrapper img {
position: absolute;
top: 0px;
right: 10px;
max-width: 271px;
height: auto;
border: 2px solid #0f1528;
box-shadow: 10px 10px #0f1528;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio .bio-content-wrapper img {
width: 50%;
max-width: 474px;
position: relative;
}
}
.module--iwd-bios .bio .bio-content-wrapper .text-wrapper {
width: 100%;
margin: 0;
padding: 0px 30px 60px 30px;
max-width: none;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.module--iwd-bios .bio .bio-content-wrapper .text-wrapper {
width: 50%;
margin: 72px 0px;
padding: 0;
max-width: 470px;
flex-direction: column;
}
}
.module--iwd-bios .bio .bio-content-wrapper .text-wrapper h3.headline {
font-family: ToledoTS-Bold;
font-size: 30px;
line-height: normal;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.module--iwd-bios .bio .bio-content-wrapper .text-wrapper p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
line-height: normal;
letter-spacing: 2.6px;
text-transform: uppercase;
color: #283455;
}
.module--iwd-bios .bio .bio-content-wrapper .text-wrapper p.quote {
max-width: 320px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
}
.module--iwd-bios .bio-image-right .bio-content-wrapper img {
order: 2;
margin-left: 10px;
}
.module--iwd-bios .bio-image-right .bio-content-wrapper .text-wrapper {
order: 1;
margin-right: 10px;
}
.module--iwd-bios .bio-image-left .bio-content-wrapper img {
order: 1;
margin-right: 0px;
}
.module--iwd-bios .bio-image-left .bio-content-wrapper .text-wrapper {
order: 2;
margin-left: 10px;
}
.module--iwd-bios .text-wrapper.primary-midnight h3.headline {
color: #0f1528;
}
.module--iwd-bios .text-wrapper.primary-midnight p.caption {
color: #ffffff;
}
.module--iwd-bios .text-wrapper.primary-midnight p.quote {
color: #0f1528;
}
.module--iwd-women-take-tech {
background-color: #FFF;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech {
background-color: #dce8eb;
margin-top: 60px;
}
}
.module--iwd-women-take-tech .wrapper {
padding: 100px 45px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper {
padding: 200px 30px;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex {
flex-direction: row;
align-items: center;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper {
margin: 0 auto;
position: relative;
justify-content: center;
display: flex;
flex-direction: column;
text-align: left;
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper {
margin: 0;
padding-top: 0px;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper h3 {
font-family: ToledoTS-Bold;
text-align: center;
color: #0f1528;
margin-bottom: 19px;
font-size: 28px;
line-height: 1.19;
letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper h3 {
font-size: 30px;
text-align: left;
line-height: normal;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper h6 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
text-align: center;
text-transform: uppercase;
color: #0f1528;
margin-bottom: 36px;
font-size: 14px;
line-height: normal;
letter-spacing: 2.6px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper h6 {
text-align: left;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper p.eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
color: #4a4a4a;
margin-bottom: 30px;
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: normal;
letter-spacing: 0.6px;
margin-bottom: 30px;
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address {
margin-top: 10px;
background-color: #293C70;
color: #ffffff;
text-transform: none;
width: 100%;
height: 50px;
transition: color 0.2s;
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn:hover, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address:hover, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address:hover {
color: #0F1528;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address {
width: 335px;
cursor: pointer;
}
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn a, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address a, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address a {
color: #ffffff;
}
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn a p, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address a p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 20px;
letter-spacing: 0.6px;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.btn a p, .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper .module--account-details-content div.add-address a p, .module--account-details-content .module--iwd-women-take-tech .wrapper .grid--flex .grid__item-support-the-cause .caption-wrapper div.add-address a p {
font-size: 18px;
letter-spacing: 0.5px;
}
}
.module--iwd-women-take-tech .wrapper .grid__item-iwd {
position: relative;
padding: 0px 0px;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid__item-iwd {
order: 2;
display: flex;
justify-content: center;
justify-content: flex-end;
max-width: 40%;
}
}
.module--iwd-women-take-tech .wrapper .grid__item-iwd img.flatiron-image {
height: auto;
width: 100%;
object-fit: contain;
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid__item-iwd img.flatiron-image {
height: auto;
width: 100%;
object-fit: cover;
}
}
@media screen and (min-width: 768px) {
.module--iwd-women-take-tech .wrapper .grid__item-support-the-cause {
margin: 0px 10% 0px 60px;
}
}
/*============================================================================
#Sixth Birthday
==============================================================================*/
.template-page-sixth-birthday .main-content {
margin-top: 0px;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap {
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap {
position: relative;
padding-bottom: 150px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .wrapper {
position: relative;
padding: 0;
max-width: none;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-image-wrapper {
position: relative;
padding-bottom: 83.7054%;
height: 0;
min-height: 448px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-image-wrapper {
padding-bottom: 36.4583%;
min-height: 450px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-image-wrapper .header-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url( module--sixth-birthday-header-mobile2cca.jpg?v=14082962018742659433);
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-image-wrapper .header-image {
background-image: url( module--sixth-birthday-header-desktope701.jpg?v=16458872403897834637);
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper {
position: absolute;
top: 0%;
bottom: 0%;
right: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 30px;
bottom: 30px;
right: 30px;
left: 30px;
background-color: white;
border: 1px solid #283455;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption {
max-width: 550px;
min-height: 450px;
top: 90px;
left: auto;
right: auto;
bottom: 0;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 30px;
color: #283455;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture {
padding: 50px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture h3 {
margin-bottom: 18px;
font-size: 36px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture h3 {
font-size: 24px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture p.caption {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin: 0;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture p.caption {
margin-bottom: 16px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture p.caption2 {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture p.caption2 {
margin-bottom: 30px;
}
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe {
width: 220px;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe input {
font-size: 16px;
line-height: 1;
letter-spacing: 0.3px;
font-weight: normal;
text-align: center;
width: 100%;
margin: 0 0 12px;
padding: 0 1em;
height: 40px;
border: 1px solid #979797;
color: #283455;
background-color: rgba(255, 255, 255, 0.99);
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe .btn, .module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe .module--account-details-content .add-address, .module--account-details-content .module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe .add-address {
height: 40px;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe .sms-legal a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
text-transform: none !important;
font-size: 14px !important;
margin-bottom: 0px;
padding-top: 3px;
letter-spacing: normal !important;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .sms-subscribe .sms-legal a p {
margin-top: 12px;
margin-bottom: 0px;
}
.module--sixth-birthday .module--sixth-birthday-header-ecap .header-caption-wrapper .header-caption .sms-capture .cta-wrapper .thank-you-wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex {
display: block;
margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0px;
}
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video {
width: 100%;
padding: 0px;
margin-bottom: 20px;
margin-left: 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video {
width: 33.3333%;
padding: 20px;
margin-bottom: 70px;
margin-left: 0px;
text-align: left;
}
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video .video-wrapper {
padding-bottom: 133.2813%;
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video h3 {
margin-top: 20px;
color: #293C70;
font-size: 24px !important;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video h3 {
margin-top: 40px;
font-size: 30px !important;
}
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .grid--flex__video h4 {
margin-top: 12px;
color: #777777;
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .flickity-page-dots .dot {
background: #FFFFFF;
border: 1px solid #283455;
opacity: 1;
margin: 0 5px;
}
.module--sixth-birthday .module--sixth-birthday-videos .grid--flex .flickity-page-dots .dot.is-selected {
background: #283455;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap {
background: linear-gradient(0deg, #f2f5f8 80%, #ffffff 0%);
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-footer-ecap {
background: #F2F5F8;
}
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex {
height: auto;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex {
display: flex;
justify-content: center;
align-items: center;
height: 380px;
}
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
padding: 30px;
color: #283455;
border: 1px solid #283455;
background-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture {
padding: 50px;
}
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture h3 {
margin-bottom: 18px;
width: 265px;
font-size: 36px;
}
@media screen and (min-width: 768px) {
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture h3 {
width: auto;
font-size: 24px;
}
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin: 0 0 16px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe {
width: 220px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe input {
font-size: 14px;
line-height: 1;
letter-spacing: 0.3px;
font-weight: normal;
text-align: center;
width: 100%;
max-width: 100%;
margin: 0;
margin-bottom: 12px;
padding: 0 1em;
height: 40px;
border: 1px solid #979797;
color: #283455;
background-color: rgba(255, 255, 255, 0.99);
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe .btn, .module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe .module--account-details-content .add-address, .module--account-details-content .module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe .add-address {
height: 40px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe .sms-legal a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #777777;
text-transform: none !important;
font-size: 14px !important;
margin-bottom: 0px;
padding-top: 3px;
letter-spacing: normal !important;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .sms-capture .cta-wrapper .sms-subscribe .sms-legal a p {
margin-top: 12px;
margin-bottom: 0px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: #283455;
padding: 50px 0px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption h3 {
font-size: 36px;
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption p {
margin-top: 16px;
margin-bottom: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption .btn, .module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption .module--account-details-content .add-address, .module--account-details-content .module--sixth-birthday .module--sixth-birthday-footer-ecap .wrapper .grid--flex .footer-caption .add-address {
margin-top: 36px;
width: 220px;
}
/*============================================================================
#Challenge page
==============================================================================*/
.title-challenge .main-content {
margin-bottom: 30px !important;
}
.module--careers-dei .content-wrapper,
.module--careers-interviews .content-wrapper {
max-width: 960px;
margin: 0px auto;
margin-top: 30px;
margin-bottom: 110px;
}
@media screen and (min-width: 768px) {
.module--careers-dei .content-wrapper,
.module--careers-interviews .content-wrapper {
margin-top: 82px;
margin-bottom: 218px;
}
}
.module--careers-dei .content-wrapper h1, .module--careers-dei .content-wrapper h2,
.module--careers-interviews .content-wrapper h1,
.module--careers-interviews .content-wrapper h2 {
color: #283455;
margin-bottom: 24px;
}
.module--careers-dei .content-wrapper section,
.module--careers-interviews .content-wrapper section {
margin-bottom: 72px;
}
.module--careers-dei .content-wrapper section h2,
.module--careers-interviews .content-wrapper section h2 {
font-size: 24px;
}
.module--careers-dei .content-wrapper section p, .module--careers-dei .content-wrapper section ul,
.module--careers-interviews .content-wrapper section p,
.module--careers-interviews .content-wrapper section ul {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--careers-dei .content-wrapper section hr,
.module--careers-interviews .content-wrapper section hr {
margin-top: 42px;
max-width: 75%;
}
@media screen and (min-width: 768px) {
.module--careers-dei .content-wrapper section hr,
.module--careers-interviews .content-wrapper section hr {
max-width: 33%;
}
}
.module--careers-dei .content-wrapper section ul,
.module--careers-interviews .content-wrapper section ul {
margin: 30px 24px;
}
/*============================================================================
#Waffle Towels Landing Page
==============================================================================*/
.template-page-landing-waffle-towels .main-content {
margin-top: 0px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero {
padding: 82px 0px;
min-height: 535px;
background-color: #F8F8F8;
}
}
.module--landing-waffle-hero .module-content {
justify-content: center;
align-items: center;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero .module-content {
flex-direction: row;
}
}
.module--landing-waffle-hero .module-content .waffle-hero-image-wrapper {
margin: 0px -20px;
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero .module-content .waffle-hero-image-wrapper {
margin: 0px;
margin-right: 100px;
max-width: 530px;
}
}
.module--landing-waffle-hero .module-content .waffle-hero-copy {
max-width: 380px;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero .module-content .waffle-hero-copy {
text-align: left;
}
}
.module--landing-waffle-hero .module-content .waffle-hero-copy h1 {
color: #293C70;
margin-bottom: 12px;
}
.module--landing-waffle-hero .module-content .waffle-hero-copy p {
max-width: 360px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
line-height: 26px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero .module-content .waffle-hero-copy p {
margin-bottom: 24px;
}
}
.module--landing-waffle-hero .module-content .waffle-hero-copy .btn, .module--landing-waffle-hero .module-content .waffle-hero-copy .module--account-details-content .add-address, .module--account-details-content .module--landing-waffle-hero .module-content .waffle-hero-copy .add-address {
margin: 0px auto;
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-hero .module-content .waffle-hero-copy .btn, .module--landing-waffle-hero .module-content .waffle-hero-copy .module--account-details-content .add-address, .module--account-details-content .module--landing-waffle-hero .module-content .waffle-hero-copy .add-address {
margin: 0px;
}
}
.module--landing-waffle-hero .module-content hr {
margin-bottom: 42px;
width: 100%;
}
.module--landing-waffle-shop {
padding-bottom: 36px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-shop {
padding: 92px 0px 72px 0px;
}
}
.module--landing-waffle-shop .module-title {
margin-bottom: 36px;
color: #293C70;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-shop .module-title {
color: #0F1528;
}
}
.module--landing-waffle-shop .products-wrapper {
padding-bottom: 72px;
}
.module--landing-waffle-shop .products-wrapper.products-wrapper--mobile {
padding-bottom: 48px;
}
.module--landing-waffle-shop .products-wrapper.products-wrapper--mobile .product {
padding-left: 30px;
}
.module--landing-waffle-shop .products-wrapper.products-wrapper--mobile .flickity-page-dots {
padding-left: 30px;
margin-bottom: 30px;
}
.module--landing-waffle-shop .products-wrapper .product {
color: #0F1528;
}
.module--landing-waffle-shop .products-wrapper .product .product-image-wrapper {
margin-bottom: 24px;
}
.module--landing-waffle-shop .products-wrapper .product .product-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 6px;
color: #0F1528;
}
.module--landing-waffle-shop .products-wrapper .product .product-subtitle {
margin-bottom: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #0F1528;
}
.module--landing-waffle-shop .products-wrapper .product .product-subtitle .color-callout {
color: #324eca;
}
.module--landing-waffle-why-love {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-why-love {
margin-bottom: 72px;
}
}
.module--landing-waffle-why-love .module-title {
margin-bottom: 18px;
color: #293C70;
}
.module--landing-waffle-why-love .module-copy p {
margin: 0px auto;
margin-bottom: 60px;
max-width: 970px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--landing-waffle-why-love .lifestyle-wrapper .lifestyle-image-wrapper {
margin-bottom: 30px;
}
.module--landing-waffle-why-love .products-wrapper {
padding-bottom: 72px;
}
.module--landing-waffle-why-love .products-wrapper.products-wrapper--mobile {
padding-bottom: 48px;
}
.module--landing-waffle-why-love .products-wrapper.products-wrapper--mobile .product {
padding-left: 30px;
}
.module--landing-waffle-why-love .products-wrapper.products-wrapper--mobile .flickity-page-dots {
padding-left: 30px;
margin-bottom: 30px;
}
.module--landing-waffle-why-love .products-wrapper .product {
color: #0F1528;
text-align: center;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-why-love .products-wrapper .product {
text-align: left;
}
}
.module--landing-waffle-why-love .products-wrapper .product .product-image-wrapper {
margin-bottom: 12px;
}
.module--landing-waffle-why-love .products-wrapper .product .product-title {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
margin-bottom: 6px;
color: #0F1528;
}
.module--landing-waffle-why-love .products-wrapper .product .product-subtitle {
margin-bottom: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
color: #777777;
}
.module--landing-waffle-anatomy {
margin-bottom: 72px;
}
.module--landing-waffle-anatomy hr {
display: none;
}
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy {
display: flex;
flex-direction: column;
justify-content: space-around;
max-width: 400px;
margin: 0px auto;
padding: 30px 0px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy {
min-height: 570px;
}
}
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy h2 {
color: #293C70;
margin-bottom: 6px;
}
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy .copy-wrapper h4 {
margin-bottom: 12px;
color: #293C70;
letter-spacing: 2px;
}
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy .copy-wrapper p {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy .copy-wrapper p {
margin-bottom: 0px;
}
}
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy .btn--primary {
margin: 0px auto;
}
@media screen and (min-width: 768px) {
.module--landing-waffle-anatomy .anatomy-wrapper .module-copy .btn--primary {
margin: 0px;
}
}
.template-product .module--landing-waffle-anatomy hr {
display: block;
}
.template-product .module--landing-waffle-anatomy .anatomy-wrapper {
padding: 6px 0px;
}
@media screen and (min-width: 768px) {
.template-product .module--landing-waffle-anatomy .anatomy-wrapper {
padding: 72px 0px;
}
}
/*============================================================================
#Collections of Collections
==============================================================================*/
.template-page-collection-bath,
.template-page-collection-bedding {
/*======================= CSS for the breadcrumbs ==========================*/
/*============================ Sub Collections =============================*/
/**
* Let's keep all the flickity related css under the carousel class
*/
}
.template-page-collection-bath .collection__header,
.template-page-collection-bedding .collection__header {
margin-top: 40px;
}
.template-page-collection-bath .collection__header .title,
.template-page-collection-bedding .collection__header .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 36px !important;
color: #283455;
margin-bottom: 0.5em;
line-height: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .collection__header .title,
.template-page-collection-bedding .collection__header .title {
font-size: 30px;
}
}
.template-page-collection-bath .collection__header .subtitle,
.template-page-collection-bedding .collection__header .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
letter-spacing: 0.025em;
}
.template-page-collection-bath #mobile-breadcrumb,
.template-page-collection-bedding #mobile-breadcrumb {
width: 100%;
background-image: url( ico-select-bluec586.svg?v=89634391539904298651713475717);
padding: 18px 10px;
}
.template-page-collection-bath .breadcrumb,
.template-page-collection-bedding .breadcrumb {
display: block;
text-align: left;
z-index: 2;
margin-top: 0;
padding-top: 10px;
margin-bottom: 0;
width: 100vw;
margin-left: -20px;
padding-left: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .breadcrumb,
.template-page-collection-bedding .breadcrumb {
display: block;
text-align: right;
width: 100%;
margin-left: 0;
padding-left: 0;
}
}
.template-page-collection-bath .breadcrumb a,
.template-page-collection-bath .breadcrumb a.active,
.template-page-collection-bath .breadcrumb a:hover,
.template-page-collection-bedding .breadcrumb a,
.template-page-collection-bedding .breadcrumb a.active,
.template-page-collection-bedding .breadcrumb a:hover {
padding: 0;
color: #293C70;
border-bottom: 1px solid #293C70;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
letter-spacing: 0.1em;
height: 25px;
line-height: 28px;
margin-right: 20px;
margin-left: 0;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .breadcrumb a,
.template-page-collection-bath .breadcrumb a.active,
.template-page-collection-bath .breadcrumb a:hover,
.template-page-collection-bedding .breadcrumb a,
.template-page-collection-bedding .breadcrumb a.active,
.template-page-collection-bedding .breadcrumb a:hover {
letter-spacing: 0.15em;
margin-right: 0;
margin-left: 20px;
}
}
.template-page-collection-bath .breadcrumb a:hover,
.template-page-collection-bedding .breadcrumb a:hover {
color: #0F1528 !important;
border-bottom: 1px solid #0F1528;
}
.template-page-collection-bath .breadcrumb span,
.template-page-collection-bedding .breadcrumb span {
color: #fff;
}
.template-page-collection-bath .breadcrumb span.subtitle,
.template-page-collection-bedding .breadcrumb span.subtitle {
color: #171717;
}
.template-page-collection-bath .breadcrumb span.label,
.template-page-collection-bedding .breadcrumb span.label {
display: block;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Medium;
color: #757575;
letter-spacing: 0.15em;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .breadcrumb span.label,
.template-page-collection-bedding .breadcrumb span.label {
display: inline;
}
}
.template-page-collection-bath .category__header,
.template-page-collection-bedding .category__header {
margin-top: 40px;
}
.template-page-collection-bath .category__header .title,
.template-page-collection-bedding .category__header .title {
font-family: ToledoTS-Bold;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-size: 24px;
letter-spacing: -0.25px !important;
font-size: 36px !important;
color: #283455;
margin-bottom: 0.5em;
line-height: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .category__header .title,
.template-page-collection-bedding .category__header .title {
font-size: 30px;
}
}
.template-page-collection-bath .category__header .subtitle,
.template-page-collection-bedding .category__header .subtitle {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Medium;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #283455;
letter-spacing: 0.025em;
}
.template-page-collection-bath .grid--category-collection,
.template-page-collection-bedding .grid--category-collection {
margin-top: 30px;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .zoom-wrapper,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .zoom-wrapper {
position: relative;
overflow: hidden;
cursor: pointer;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .zoom-wrapper img,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .zoom-wrapper img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .zoom-wrapper img:hover,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .zoom-wrapper img:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-title,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-title {
font-size: 22px;
text-transform: none !important;
letter-spacing: 0.5px;
color: #283455;
margin: 20px 0;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-from-price,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-from-price {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.5px;
color: #04247D;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-from-price,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-from-price {
margin-bottom: 40px;
}
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-description,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-description {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
font-size: 16px;
line-height: 22px;
color: #9b9b9b;
margin: 25px 0;
}
@media screen and (min-width: 768px) {
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-description,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-description {
margin: 40px 0;
}
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-description .callout,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-description .callout {
color: #04247D;
font-weight: bold;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-cta,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-cta {
color: #FFFFFF;
background-color: #293C70;
transition: background-color 0.25s;
font-size: 14px;
font-weight: bold;
padding: 14px;
margin-bottom: 40px;
display: block;
text-align: center;
width: 160px;
}
.template-page-collection-bath .grid--category-collection .grid__item--collection-card .collection-cta:hover,
.template-page-collection-bedding .grid--category-collection .grid__item--collection-card .collection-cta:hover {
background-color: #0F1528;
}
.template-page-collection-bath .carousel--category-collection,
.template-page-collection-bedding .carousel--category-collection {
margin-left: -20px;
opacity: 1;
transition: opacity 150ms;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .carousel--category-collection,
.template-page-collection-bedding .carousel--category-collection {
opacity: 1;
margin-left: -30px;
}
}
.template-page-collection-bath .carousel--category-collection:after,
.template-page-collection-bedding .carousel--category-collection:after {
content: "flickity";
display: block;
height: 1px;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.template-page-collection-bath .carousel--category-collection:after,
.template-page-collection-bedding .carousel--category-collection:after {
content: "";
}
}
.template-page-collection-bath .carousel--category-collection.flickity-enabled,
.template-page-collection-bedding .carousel--category-collection.flickity-enabled {
opacity: 1;
margin-bottom: 60px;
}
.template-collection-plp main.main-content,
.template-collection-plp-data main.main-content {
position: relative;
}
.template-search .pl__wrapper {
margin-top: 3rem;
}
.template-search .pl__grid a {
color: inherit;
}
.pl,
.plp-header,
.plp-hero {
color: #283455;
}
.pl .h_1, .pl .h_2, .pl #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .pl span, .pl .h_3, .pl #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .pl .yotpo-header-title, .pl .module--faq .gladlyHC h2, .module--faq .gladlyHC .pl h2, .pl .module--faq .gladlyHC h3, .module--faq .gladlyHC .pl h3,
.pl .p_1,
.pl .p_2,
.pl .p_3,
.plp-header .h_1,
.plp-header .h_2,
.plp-header #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span,
#reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .plp-header span,
.plp-header .h_3,
.plp-header #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .plp-header .yotpo-header-title,
.plp-header .module--faq .gladlyHC h2,
.module--faq .gladlyHC .plp-header h2,
.plp-header .module--faq .gladlyHC h3,
.module--faq .gladlyHC .plp-header h3,
.plp-header .p_1,
.plp-header .p_2,
.plp-header .p_3,
.plp-hero .h_1,
.plp-hero .h_2,
.plp-hero #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span,
#reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .plp-hero span,
.plp-hero .h_3,
.plp-hero #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .plp-hero .yotpo-header-title,
.plp-hero .module--faq .gladlyHC h2,
.module--faq .gladlyHC .plp-hero h2,
.plp-hero .module--faq .gladlyHC h3,
.module--faq .gladlyHC .plp-hero h3,
.plp-hero .p_1,
.plp-hero .p_2,
.plp-hero .p_3 {
color: #283455;
}
.plp {
position: relative;
}
.plp-daybreak {
background: #DDE3EC;
}
.plp-daybreak header.site-header,
.plp-daybreak .stencil__wrapper {
background: #DDE3EC;
}
.plp-magichour {
background: #FDE5D6;
}
.plp-magichour header.site-header,
.plp-magichour .stencil__wrapper {
background: #FDE5D6;
}
.plp__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
opacity: 0;
pointer-events: none;
overflow: hidden;
display: block;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.plp__wrapper--ready {
height: 100%;
}
.plp__wrapper--visible {
position: relative;
pointer-events: auto;
opacity: 1;
}
.plp__wrapper .icon-up-arrow {
position: fixed;
right: 24px;
bottom: 40px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
opacity: 0;
background: #283455;
border-radius: 50%;
transition: opacity 200ms cubic-bezier(0.33, 1, 0.68, 1);
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.14));
}
.plp__wrapper .icon-up-arrow.active {
opacity: 1;
}
@media screen and (min-width: 1200px) {
.plp__wrapper .icon-up-arrow {
right: 2rem;
bottom: 5.5rem;
}
}
.plp__stencil {
display: block;
overflow: hidden;
pointer-events: none;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.plp__stencil--disabled {
height: 0;
opacity: 0;
width: 0;
}
.plp-header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "title title title ." "subtitle subtitle subtitle subtitle" "anchors anchors anchors anchors";
margin-top: 2rem;
}
@media screen and (min-width: 600px) {
.plp-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . ." ". title title title title . subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors . . . . . .";
}
}
@media screen and (min-width: 900px) {
.plp-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . ." ". title title title title . subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors . . . . . .";
}
}
@media screen and (min-width: 1200px) {
.plp-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . . . ." ". . title title title title title . . subtitle subtitle subtitle subtitle subtitle . ." ". . anchors anchors anchors anchors anchors anchors . . . . . . . .";
}
}
@media screen and (min-width: 1200px) {
.plp-header {
margin-top: 2.5rem;
}
}
.plp-header--disabled {
display: none;
}
.plp-header__breadcrumbs {
grid-area: breadcrumbs;
margin-bottom: 2rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.plp-header__breadcrumbs {
margin-bottom: 1rem;
}
}
.plp-header__title {
grid-area: title;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.plp-header__title {
margin-bottom: 0;
}
}
.plp-header__subtitle {
grid-area: subtitle;
line-height: 1.5;
}
.plp-header__anchors {
grid-area: anchors;
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.plp-header__anchors {
margin-top: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.plp-header__anchors {
margin-top: 1.5rem;
}
}
.plp-header__anchors-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
}
.plp-header__anchors-item {
list-style: none;
padding-right: 1rem;
}
.plp-header__anchors-link {
text-decoration: underline;
}
@media screen and (min-width: 1200px) {
.plp-header__anchors-link {
text-decoration: none;
}
.plp-header__anchors-link:hover {
text-decoration: underline;
}
}
.plp-hero, .plp-hero-intro {
display: grid;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
margin-top: 2.5rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.plp-hero, .plp-hero-intro {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.plp-hero, .plp-hero-intro {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.plp-hero, .plp-hero-intro {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) {
.plp-hero, .plp-hero-intro {
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.plp-hero, .plp-hero-intro {
margin-top: 4rem;
margin-bottom: 0rem;
}
}
.plp-hero--disabled, .plp-hero-intro--disabled {
display: none;
}
.plp-hero__image, .plp-hero-intro__image {
grid-column-start: 1;
grid-column-end: span 4;
width: 100%;
}
@media screen and (min-width: 600px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.plp-hero__image, .plp-hero-intro__image {
grid-column-end: span 14;
}
}
@media screen and (min-width: 600px) {
.plp-hero__image-mobile, .plp-hero-intro__image-mobile {
display: none;
}
}
.plp-hero__image-desktop, .plp-hero-intro__image-desktop {
display: none;
}
@media screen and (min-width: 600px) {
.plp-hero__image-desktop, .plp-hero-intro__image-desktop {
display: block;
}
}
.plp-hero__image img, .plp-hero-intro__image img {
width: 100%;
}
.plp-hero__caption, .plp-hero-intro__caption {
display: block;
grid-column-start: 1;
grid-column-end: span 4;
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-end: span 7;
}
}
@media screen and (min-width: 900px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.plp-hero__caption, .plp-hero-intro__caption {
grid-column-end: span 6;
}
}
@media screen and (min-width: 600px) {
.plp-hero__caption, .plp-hero-intro__caption {
margin-top: 2rem;
}
}
.plp-bucket-landing {
min-height: 800px;
}
@media screen and (min-width: 600px) {
.plp-bucket-landing {
min-height: 2000px;
}
}
.plp-bucket-landing .plp-header {
text-align: center;
}
.plp-bucket-landing .plp-header-center {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "subtitle subtitle subtitle subtitle" "anchors anchors anchors anchors";
}
@media screen and (min-width: 600px) {
.plp-bucket-landing .plp-header-center {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors .";
}
}
@media screen and (min-width: 900px) {
.plp-bucket-landing .plp-header-center {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors .";
}
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header-center {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . title title title title title title title title title title title title . . " ". . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle . ." ". . anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors . .";
}
}
.plp-bucket-landing .plp-header:not(.plp-header-center) {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "hero hero hero hero" "subtitle subtitle subtitle subtitle" "anchors anchors anchors anchors";
}
@media screen and (min-width: 600px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". hero hero hero hero hero hero hero hero hero hero ." ". subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors .";
}
}
@media screen and (min-width: 900px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". hero hero hero hero hero hero hero hero hero hero ." ". subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors .";
}
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". hero hero hero hero hero hero hero . title title title title title title . " ". hero hero hero hero hero hero hero . subtitle subtitle subtitle subtitle subtitle subtitle ." ". . anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors anchors . .";
}
}
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__subtitle {
margin-bottom: 2.5rem;
text-align: left;
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__subtitle {
margin-bottom: 1.25rem;
}
}
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__subtitle .p_1 {
margin: 0;
}
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__title {
grid-area: title;
align-self: end;
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__title {
margin-bottom: 1.25rem;
text-align: left;
}
}
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__hero {
grid-area: hero;
margin: 1rem 0 2.5rem;
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header:not(.plp-header-center) .plp-header__hero {
margin: 1rem 0 4rem;
}
}
.plp-bucket-landing .plp-header__title {
margin-bottom: 1.5rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em !important;
}
@media screen and (min-width: 600px) {
.plp-bucket-landing .plp-header__title {
margin-bottom: 2rem;
}
}
.plp-bucket-landing .plp-header__subtitle .h_1 {
margin-bottom: 30px;
}
@media screen and (max-width: 598px) {
.plp-bucket-landing .plp-header__subtitle .h_1 {
font-size: 45px;
line-height: 51.75px;
}
}
@media screen and (min-width: 600px) {
.plp-bucket-landing .plp-header__subtitle .h_1 {
margin-bottom: 2rem;
}
}
.plp-bucket-landing .plp-header__anchors {
margin-top: 0;
}
.plp-bucket-landing .plp-header__anchors-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 39px;
min-width: 127px;
padding: 4px 12px 0;
margin: 0;
text-decoration: none;
background-color: #F2F2F2;
border-radius: 16px;
cursor: pointer;
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header__anchors-item:hover {
background-color: #293C70;
color: #FFFFFF;
}
}
.plp-bucket-landing .plp-header__anchors-item[data-selected=true] {
background-color: #283455;
color: #FFFFFF;
}
.plp-bucket-landing .plp-header__anchors-item[data-selected=true]:not(.item--last) {
padding: 4px 22px 0 12px;
}
@media screen and (min-width: 1200px) {
.plp-bucket-landing .plp-header__anchors-item[data-selected=true]:not(.item--last):hover {
background-color: #293C70;
}
}
.plp-bucket-landing .plp-header__anchors-item > .icon-toggle {
position: absolute;
top: 13.25px;
right: 12px;
}
.plp-bucket-landing .plp-header__anchors-item > .icon-toggle svg {
width: 14px;
height: 14px;
fill: #FFFFFF;
}
.plp-bucket-landing .plp-header__anchors-list {
gap: 1rem;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
@media screen and (min-width: 600px) {
.plp-bucket-landing .plp-header__anchors-list {
justify-content: center;
flex-wrap: wrap;
padding: 0;
overflow-x: hidden;
}
}
@media screen and (max-width: 598px) {
.plp-bucket-landing .plp__wrapper .subcollection {
padding-bottom: 0;
}
.plp-bucket-landing .plp__wrapper .subcollection:not(:first-of-type) {
padding-top: 0;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pl:not([render=Cross-sell]) {
overflow-x: hidden;
}
.pl[render=Cross-sell] {
overflow-x: visible;
}
.pl[data-buckets-loading=true] {
animation-name: fadeIn;
animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
animation-duration: 400ms;
}
.pl__header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "subtitle subtitle subtitle subtitle";
text-align: center;
margin-bottom: 2rem;
margin-top: 2rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . . .";
}
}
@media screen and (min-width: 900px) {
.pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . . .";
}
}
@media screen and (min-width: 1200px) {
.pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title title title title ." ". . . . . subtitle subtitle subtitle subtitle subtitle subtitle . . . . .";
}
}
@media screen and (min-width: 1200px) {
.pl__header {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
}
.pl__header.no-subtitle .pl__title {
display: flex;
justify-content: space-between;
color: #283455;
text-align: left;
margin-bottom: 0;
}
.pl__title {
grid-area: title;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.pl__title {
margin-bottom: 0.5rem;
}
}
.pl__subtitle {
grid-area: subtitle;
}
.pl__subtitle .p_2 {
margin-bottom: 0;
}
.pl__wrapper.layout__grid .pl__slider {
display: none;
}
.pl__wrapper.layout__grid .pl__slider-arrows {
display: none;
}
.pl__wrapper.layout__grid-slider .pl__slider {
display: none;
}
.pl__wrapper.layout__grid-slider .pl__slider-arrows {
display: none;
}
@media screen and (min-width: 600px) {
.pl__wrapper.layout__grid-slider .pl__grid {
display: none;
}
.pl__wrapper.layout__grid-slider .pl__slider {
display: block;
}
.pl__wrapper.layout__grid-slider .pl__slider-arrows {
display: flex;
}
}
.pl__wrapper.layout__slider .pl__grid {
display: none;
}
.pl__wrapper.layout__slider-grid .pl__grid {
display: none;
}
.pl__wrapper.layout__slider-grid .pl__slider-arrows {
display: none;
}
@media screen and (min-width: 600px) {
.pl__wrapper.layout__slider-grid .pl__grid {
display: grid;
}
.pl__wrapper.layout__slider-grid .pl__slider {
display: none;
}
}
.pl__wrapper.layout__cross-sell .pl__grid {
display: none;
}
.pl__wrapper.layout__cross-sell .pl__slider-arrows {
display: none;
}
@media screen and (min-width: 600px) {
.pl__wrapper.layout__cross-sell .pl__slider-arrows {
display: flex;
}
}
.pl__grid {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.pl__grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.pl__grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.pl__grid {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.pl__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.pl__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.pl__grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.pl__slider {
grid-column-end: span 4;
margin: 0;
}
@media screen and (min-width: 600px) {
.pl__slider {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.pl__slider {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.pl__slider {
grid-column-end: span 16;
}
}
.pl__slider-arrows {
display: none;
justify-content: flex-end;
padding-top: 0.188rem;
}
.pl__slider-arrows .splide__arrow--button {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
cursor: pointer;
}
.pl__slider-arrows .splide__arrow--button svg {
height: 100%;
width: 100%;
fill: #283455;
}
.pl__slider-arrows .splide__prev {
transform: scaleX(-1);
}
.pl__slider-arrows.carousel-start .splide__prev {
pointer-events: none;
opacity: 0.5;
}
.pl__slider-arrows.carousel-end .splide__next {
pointer-events: none;
opacity: 0.5;
}
.pl__slider .pl__item.splide__slide {
margin: 0;
}
.pl__item {
grid-column-end: span 4;
margin: 2.5rem 0;
}
@media screen and (min-width: 600px) {
.pl__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.pl__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.pl__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.pl__item {
margin: 4rem 0;
}
}
.pl__item:first-child {
margin-top: 0;
}
@media screen and (min-width: 600px) {
.pl__item:first-child, .pl__item:nth-child(2) {
margin: 0 0 2.5rem 0;
}
}
@media screen and (min-width: 1200px) {
.pl__item:first-child, .pl__item:nth-child(2) {
margin: 0 0 4rem 0;
}
}
.pl__item:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.pl__item:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.pl__item:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.pl__item:nth-child(odd) {
grid-column-start: 2;
}
}
.pl__item:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.pl__item:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.pl__item:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.pl__item:nth-child(even) {
grid-column-start: 10;
}
}
@media screen and (min-width: 600px) {
.pl__item:nth-child(even) {
transition-delay: 0.2s;
}
}
.pl__item:nth-last-child(2), .pl__item:last-child() {
margin-bottom: 0;
}
.pl__item.--v2 .pc__wrapper--loaded .pc__image-wrapper img,
.pl__item.--v2 .pc__wrapper--loaded .pc__image-wrapper .pc__image-badging-wrapper {
opacity: 1;
}
.pl__item.--v2 .pc__image-wrapper {
margin-bottom: 20px;
position: relative;
}
.pl__item.--v2 .pc__image-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.pl__item.--v2 .pc__image-wrapper > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pl__item.--v2 .pc__image-wrapper img,
.pl__item.--v2 .pc__image-wrapper video {
width: 100%;
color: transparent;
}
.pl__item.--v2 .pc__image-wrapper video {
height: 100%;
object-fit: cover;
}
.pl__item.--v2 .pc__image-wrapper--custom {
position: relative;
}
.pl__item.--v2 .pc__image-wrapper--custom:before {
display: block;
content: "";
width: 100%;
padding-top: 112.5%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.pl__item.--v2 .pc__image-wrapper--custom > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pl__item.--v2 .pc__image-wrapper--custom img,
.pl__item.--v2 .pc__image-wrapper--custom video {
width: 100%;
color: transparent;
}
.pl__item.--v2 .pc__image-wrapper--custom video {
height: 100%;
object-fit: cover;
}
.pl__item.--v2 .pc__image-wrapper .pc__image-badging-wrapper {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.pl__item.--v2 a {
color: #283455;
}
.pl__item.--v2 .pc__wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "category category category category" "title title title title" "details details details details" "widgets widgets widgets widgets";
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title title title title" "details details details details details details" "widgets widgets widgets widgets widgets widgets";
}
}
@media screen and (min-width: 900px) {
.pl__item.--v2 .pc__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title title title title" "details details details details details details" "widgets widgets widgets widgets widgets widgets";
}
}
@media screen and (min-width: 1200px) {
.pl__item.--v2 .pc__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title title title title" "details details details details details details" "widgets widgets widgets widgets widgets widgets";
}
}
.pl__item.--v2 .pc__wrapper .category-promo {
grid-area: category;
margin: 0;
margin-bottom: 6px;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper {
margin-bottom: 20px;
position: relative;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper img,
.pl__item.--v2 .pc__wrapper .pc__image-wrapper video {
width: 100%;
color: transparent;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper video {
height: 100%;
object-fit: cover;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom {
position: relative;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom:before {
display: block;
content: "";
width: 100%;
padding-top: 112.5%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom img,
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom video {
width: 100%;
color: transparent;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper--custom video {
height: 100%;
object-fit: cover;
}
.pl__item.--v2 .pc__wrapper .pc__image-wrapper .pc__image-badging-wrapper {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.pl__item.--v2 .pc__wrapper .pc__title {
font-family: BrandonTextWeb-Bold;
font-size: 1.125rem;
letter-spacing: 0.01rem;
margin-bottom: 8px;
line-height: initial;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline {
position: relative;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:hover, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:active, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline.active, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:hover, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:active, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline.active {
cursor: pointer;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:hover:after, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:active:after, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline.active:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:hover:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:active:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper .pc__title {
font-family: BrandonTextWeb-Bold;
font-size: 1.25rem;
letter-spacing: 0.01rem;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline {
position: relative;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:hover, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:active, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline.active, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:hover, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:active, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline.active {
cursor: pointer;
}
.pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:hover:after, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline:active:after, .pl__item.--v2 .pc__wrapper .pc__title.hover-active--underline.active:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:hover:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline:active:after, .pl__item.--v2 .pc__wrapper .pc__title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
}
.pl__item.--v2 .pc__wrapper .pc__price {
margin-bottom: 4px;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper .pc__price {
margin-bottom: 8px;
}
}
.pl__item.--v2 .pc__wrapper .pc__includes {
position: relative;
cursor: pointer;
display: flex;
align-items: flex-start;
pointer-events: none;
display: none;
}
.pl__item.--v2 .pc__wrapper .pc__includes-label {
display: flex;
align-items: center;
min-width: 65px;
justify-content: space-between;
flex-flow: row nowrap;
}
@media screen and (min-width: 900px) {
.pl__item.--v2 .pc__wrapper .pc__includes-label {
padding-left: 12px;
}
}
.pl__item.--v2 .pc__wrapper .pc__includes-label span:first-of-type {
margin-top: 3px;
padding-right: 6px;
}
.pl__item.--v2 .pc__wrapper .pc__includes-label span:last-of-type {
display: flex;
align-items: center;
}
.pl__item.--v2 .pc__wrapper .pc__includes-container {
background: #FFFFFF;
border: 1px solid #283455;
border-radius: 16px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 12px 16px;
max-width: 155px;
width: max-content;
position: absolute;
top: 0;
left: 0;
text-align: left;
transform-origin: top left;
transform: translateY(calc(-100% - 12px));
}
@media screen and (min-width: 900px) {
.pl__item.--v2 .pc__wrapper .pc__includes-container {
max-width: 220px;
left: auto;
right: 0;
transform-origin: top right;
}
}
.pl__item.--v2 .pc__wrapper .pc__includes-content {
color: #283455;
text-align: left;
}
.pl__item.--v2 .pc__wrapper .pc__awardsBadge {
width: 3.5rem;
height: 3.5rem;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper .pc__awardsBadge {
width: 4.5rem;
height: 4.5rem;
}
}
.pl__item.--v2 .pc__wrapper .pc__details .pc__desc {
margin-top: 4px;
margin-bottom: 8px;
}
.pl__item.--v2 .pc__wrapper .pc__widgets .review-count {
margin-bottom: 0rem;
}
.pl__item.--v2 .pc__wrapper .pc__reviews .pc_swatch__total, .pl__item.--v2 .pc__wrapper .pc__reviews .pc__pipe, .pl__item.--v2 .pc__wrapper .pc__reviews .p_2 {
color: #777777;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper .pc__reviews .pc_swatch__total, .pl__item.--v2 .pc__wrapper .pc__reviews .pc__pipe, .pl__item.--v2 .pc__wrapper .pc__reviews .p_2 {
position: relative;
top: 2px;
}
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__wrapper .pc__reviews .star__wrapper {
top: 1px;
}
}
.pl__item.--v2 .pc__overlay {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
display: flex;
justify-content: center;
padding: 40px 20px 60px;
margin: 0;
}
.pl__item.--v2 .pc__overlay--top {
align-items: flex-start;
}
.pl__item.--v2 .pc__overlay--center {
align-items: center;
text-align: center;
}
.pl__item.--v2 .pc__overlay--bottom {
align-items: flex-end;
}
.pl__item.--v2 .pc__overlay--white {
color: #FFFFFF;
}
.pl__item.--v2 .pc__link {
position: relative;
}
.pl__item.--v2 .pc__link[href=""] {
cursor: default;
}
.pl__item.--v2 .pc__details p {
color: #283455;
}
.pl__item.--v2 .pc__details p.pc__desc--final-sale {
color: #aa3f00;
}
.pl__item.--v2 .pc__widgets {
height: initial;
margin-top: 0px;
}
.pl__item.--v2 .pc__widgets .review-count {
margin-bottom: 0rem;
}
.pl__item.--v2 .pc__swatches {
list-style: none;
display: grid;
grid-row-gap: 10px;
margin: 0.75rem 0 0 0;
height: 3.75rem;
grid-template-columns: repeat(5, 36px) 1fr;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__swatches {
grid-template-columns: repeat(4, 36px) 1fr;
}
}
@media screen and (min-width: 1200px) {
.pl__item.--v2 .pc__swatches {
grid-template-columns: repeat(7, 36px) 1fr;
}
}
.pl__item.--v2 .pc__swatches .plus-more {
padding-top: 0.3rem;
font-size: 0.75rem;
grid-column-end: span 2;
}
@media screen and (min-width: 600px) {
.pl__item.--v2 .pc__swatches .plus-more {
grid-column-end: auto;
}
}
.pl__item.--v2 .pc__swatches .pc__swatch {
width: 24px;
height: 24px;
overflow: hidden;
line-height: 0;
border: 1px solid transparent;
border-radius: 50%;
margin: 0;
position: relative;
}
.pl__item.--v2 .pc__swatches .pc__swatch.active {
border-color: #293C70;
color: #FFFFFF;
outline: 0;
}
.pl__item.--v2 .pc__swatches .pc__swatch.active button {
border-color: #FFFFFF;
background-color: #FFFFFF;
outline: 0;
}
.pl__item.--v2 .pc__swatches .pc__swatch img {
vertical-align: top;
}
@media screen and (min-width: 900px) {
.pl__item.--v2 .pc__swatches .pc__swatch:hover, body.user-is-tabbing .pl__item.--v2 .pc__swatches .pc__swatch:focus {
border-color: #293C70;
color: #FFFFFF;
outline: 0;
}
.pl__item.--v2 .pc__swatches .pc__swatch:hover button, body.user-is-tabbing .pl__item.--v2 .pc__swatches .pc__swatch:focus button {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #FFFFFF;
outline: 0;
}
}
.pl__item.--v2 .pc__swatches .pc__swatch:first-child {
margin-left: 0;
}
.pl__item.--v2 .pc__swatches .pc__swatch button {
border: 1px solid #DDDDDD;
border-radius: 50%;
background-color: transparent;
overflow: hidden;
color: transparent;
height: 100%;
width: 100%;
position: relative;
}
.pl__item.--v2 .pc__swatches .pc__swatch button:before {
display: block;
position: absolute;
inset: 0px;
content: "";
margin: auto;
width: 32px;
height: 32px;
}
.pl__item.--v2 .pc__swatches .pc__swatch button img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pl__item.--v2 .pc_swatches__dropdown {
border: solid 1px transparent;
display: inherit;
border-radius: 50%;
width: calc(100% - 2px);
max-width: 20px;
max-height: 20px;
}
.pl__item.--v2 .pc_swatches__dropdown button {
border: solid 1px #283455;
border-radius: 50%;
background-color: #FFFFFF;
}
.pl__item.--v2 .pc_swatches__dropdown button span {
display: flex;
align-items: center;
justify-content: center;
}
.pl__item.--v2 .pc__reviews {
display: flex;
align-items: center;
}
.pl__item.--v2 .pc__reviews .pc_swatch__total {
color: #283455;
margin-bottom: 0px;
}
.pl__item.--v2 .pc__reviews .pc__pipe {
padding: 0 3px 0 6px;
}
.pl__item.--v2 .pc__reviews .star__wrapper {
position: relative;
display: flex;
}
.pl__item.--v2 .pc__reviews .star__wrapper svg {
margin-right: 2px;
fill: #dddddd;
}
.pl__item.--v2 .pc__reviews .star__bottom, .pl__item.--v2 .pc__reviews .star__top {
display: flex;
}
.pl__item.--v2 .pc__reviews .star__top {
position: absolute;
top: 0;
left: 0;
clip: rect(0px, 0px, 50px, 0px);
}
.pl__item.--v2 .pc__reviews .star__top svg {
opacity: 1;
fill: #E3AD7C;
}
.pl__item.--v2 .pc__reviews .p_3 {
color: #283455;
margin-bottom: 0;
padding-left: 3px;
align-self: center;
}
.pc__link {
grid-template-rows: max-content;
height: 100%;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "category category category category" "title title title ." "details details details details" "widgets widgets widgets widgets";
}
.pc__link:not([href]) {
cursor: default;
}
.pc__link .category-promo {
grid-area: category;
margin: 0;
margin-bottom: 6px;
opacity: 0;
transition: opacity 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.pc__link .category-promo--show {
opacity: 1;
}
@media screen and (min-width: 600px) {
.pc__link {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title title title ." "details details details details details ." "widgets widgets widgets widgets widgets widgets";
}
}
@media screen and (min-width: 900px) {
.pc__link {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title title title ." "details details details details details ." "widgets widgets widgets widgets widgets widgets";
}
}
@media screen and (min-width: 1200px) {
.pc__link {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "category category category category category category" "title title title details details details" "widgets widgets widgets widgets widgets widgets";
}
}
.pc__image {
grid-area: image;
width: 100%;
}
.pc__image-wrapper {
grid-area: image;
margin-bottom: 1.5rem;
overflow: hidden;
position: relative;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
@media screen and (min-width: 600px) {
.pc__image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 900px) {
.pc__image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 1200px) {
.pc__image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
.pc__image-badging-wrapper {
grid-area: image;
display: flex;
justify-content: space-between;
position: absolute;
margin: 0.5rem;
width: calc(100% - 2rem);
}
@media screen and (min-width: 600px) {
.pc__image-badging-wrapper {
margin: 1rem;
}
}
.pc__image-badge span {
background: #FFFFFF;
border-radius: 0.75rem;
display: block;
height: 1.5rem;
line-height: 1.7rem;
padding: 0 0.6rem;
text-transform: uppercase;
}
.pc__image-badge img {
height: 1.5rem;
}
.pc__image-badge--awards {
width: 3.5rem;
height: 3.5rem;
}
@media screen and (min-width: 900px) {
.pc__image-badge--awards {
width: 6rem;
height: 6rem;
}
}
.pc__image-badge--awards img {
width: 100%;
height: auto;
}
.pc__title {
grid-area: title;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 600px) {
.pc__title {
margin-bottom: 0.75rem;
}
}
.pc__details {
grid-area: details;
}
.pc__desc {
margin-top: 8px;
}
.pc__desc {
margin-top: 8px;
}
.pc__price {
margin-bottom: 0.5rem;
margin-right: 8px;
}
@media screen and (min-width: 600px) {
.pc__price {
margin-bottom: 4px;
}
}
.pc__price.swd-priced,
.pc__price .reduced,
.pc__price .swd-strike {
color: #283455 !important;
}
.pc__price .swd-strike::before {
border-color: #283455 !important;
}
.pc__price .reduced {
font-weight: bold;
}
.pc__widgets {
position: relative;
grid-area: widgets;
height: 1.25rem;
margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
.pc__widgets {
margin-top: 0;
}
}
.pc__swatch {
position: absolute;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
}
.pc__swatch .header,
.pc__swatch .stock-message {
display: none;
}
.pc__swatch .swatch {
margin: 0 !important;
max-width: 9.8rem;
display: flex;
}
.pc__swatch .swatch-element {
max-width: 0.75rem !important;
height: 0.75rem;
margin-right: 0.5rem;
margin-bottom: 0;
margin-top: 0.06rem;
}
.pc__swatch .swatch-outer,
.pc__swatch .swatch label {
border: none !important;
}
.pc__swatch .swatch-inner,
.pc__swatch .swatch label {
border-radius: 50%;
min-height: 0.75rem !important;
}
.pc__review {
margin-bottom: 0;
font-size: 1rem !important;
}
.pc__review .yotpo-stars {
margin-top: -0.125rem;
}
.pc__review .standalone-bottomline,
.pc__review .yotpo-bottomline,
.pc__review .yotpo-bottomline .yotpo-icon-empty-star,
.pc__review .yotpo-bottomline .yotpo-icon-half-star,
.pc__review .yotpo-bottomline .yotpo-icon-star,
.pc__review .yotpo-bottomline .yotpo-stars,
.pc__review .yotpo-display-wrapper {
font-size: inherit !important;
}
.pc__review .rating-star::before {
color: #DF8957;
}
.pc__review .text-m {
margin-left: 0.2rem !important;
font-size: 0.75rem !important;
font-family: BrandonTextWeb-Regular;
}
.pc__review-wrapper {
position: absolute;
display: flex;
}
.pc__custom-media {
grid-area: image;
}
.pc__custom-media-image {
margin-bottom: 2rem;
max-width: 100%;
}
.pc__custom-media-caption {
grid-column: 1/-1;
margin-bottom: 0.75rem;
}
.pc__awardsBadge {
position: absolute;
top: 0;
right: 0;
width: 3.5rem;
height: 3.5rem;
margin: 1rem;
}
.pc__awardsBadge img {
width: 100%;
}
@media screen and (min-width: 600px) {
.pc__awardsBadge {
width: 6rem;
height: 6rem;
}
}
.pc__custom-cta {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 140px;
bottom: 1.5rem;
display: block;
padding: 0 1rem;
text-align: center;
height: 2.5rem;
line-height: 2.5rem;
border-radius: 1rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
@media screen and (min-width: 600px) {
.pc__custom-cta {
bottom: 3rem;
}
}
.pc__custom-cta:hover {
background-color: #293C70;
color: #FFFFFF;
}
.pc__custom-cta:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.pc__custom-cta:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.pc__custom-cta:active[data-transition-triggered=true] {
transform: scale(1);
}
.pc__custom-cta:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.pc__custom-cta:active span[data-transition-triggered=true] {
transform: scale(1);
}
.pc__custom-cta:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.pc__custom-cta:active p[data-transition-triggered=true] {
transform: scale(1);
}
.module--pc-slider .pl__header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "subtitle subtitle subtitle subtitle";
}
@media screen and (min-width: 600px) {
.module--pc-slider .pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title . arrows arrows" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . . . ";
}
}
@media screen and (min-width: 900px) {
.module--pc-slider .pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title . arrows arrows" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . . . ";
}
}
@media screen and (min-width: 1200px) {
.module--pc-slider .pl__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title . arrows arrows ." ". . . . . subtitle subtitle subtitle subtitle subtitle subtitle . . . . .";
}
}
@media screen and (min-width: 600px) {
.module--pc-slider .pl__slider-arrows {
display: flex;
grid-area: arrows;
}
}
@media screen and (max-width: 599px) {
.pl__grid.pl__grid--mobile-two-up .pl__item.--v2 {
margin-top: 0rem;
margin-bottom: 1rem;
}
.pl__grid.pl__grid--mobile-two-up .pl__item.--v2 .pc__price {
margin-right: 0rem;
}
}
@media screen and (max-width: 899px) {
.pl__grid.pl__grid--mobile-two-up .pl__item.--v2 {
margin-top: 0rem;
}
}
@media screen and (max-width: 1199px) {
.pl__grid.pl__grid--mobile-two-up .pl__item .pc__image-wrapper {
margin-bottom: 1rem;
}
.pl__grid.pl__grid--mobile-two-up .pl__item .pc__image-wrapper .pc__awardsBadge {
margin: 0.25rem;
width: 56px;
height: 56px;
}
}
@media screen and (min-width: 600px) {
.pl__grid.pl__grid--desktop-three-up .pl__item {
margin: 0px;
margin-bottom: 1.25rem;
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--desktop-three-up .pl__item {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--desktop-three-up .pl__item:nth-of-type(3n+2) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--desktop-three-up .pl__item:nth-of-type(3n+3) {
grid-column-start: 12;
}
}
.pl__grid.pl__grid--mobile-two-up .pl__item {
grid-column-start: auto;
grid-column-end: span 2;
}
@media screen and (min-width: 600px) {
.pl__grid.pl__grid--mobile-two-up .pl__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--mobile-two-up .pl__item {
grid-column-start: 2;
grid-column-end: span 4;
}
}
@media screen and (max-width: 899px) and (min-width: 600px) {
.pl__grid.pl__grid--mobile-two-up .pl__item:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (max-width: 899px) and (min-width: 600px) {
.pl__grid.pl__grid--mobile-two-up .pl__item:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--mobile-two-up .pl__item:nth-of-type(3n+2) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.pl__grid.pl__grid--mobile-two-up .pl__item:nth-of-type(3n+3) {
grid-column-start: 12;
}
}
.plp-bucket-landing .plp__wrapper,
.plp-bucket-landing .plp__wrapper--ready,
.plp-bucket-landing .plp__wrapper--visible {
min-height: 2000px !important;
}
.Chip {
color: #5D6E50;
background-color: #EFF0ED;
border-radius: 6px;
padding: 3px 6px 0px;
margin-bottom: 4px;
max-width: max-content;
display: none;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
}
.Chip.hover-active--underline, .Chip .hover-active--underline {
position: relative;
}
.Chip.hover-active--underline:after, .Chip .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Chip.hover-active--underline:hover, .Chip.hover-active--underline:active, .Chip.hover-active--underline.active, .Chip .hover-active--underline:hover, .Chip .hover-active--underline:active, .Chip .hover-active--underline.active {
cursor: pointer;
}
.Chip.hover-active--underline:hover:after, .Chip.hover-active--underline:active:after, .Chip.hover-active--underline.active:after, .Chip .hover-active--underline:hover:after, .Chip .hover-active--underline:active:after, .Chip .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Chip.hover-active--underline, .Chip .hover-active--underline {
position: relative;
}
.Chip.hover-active--underline:after, .Chip .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Chip.hover-active--underline:hover, .Chip.hover-active--underline:active, .Chip.hover-active--underline.active, .Chip .hover-active--underline:hover, .Chip .hover-active--underline:active, .Chip .hover-active--underline.active {
cursor: pointer;
}
.Chip.hover-active--underline:hover:after, .Chip.hover-active--underline:active:after, .Chip.hover-active--underline.active:after, .Chip .hover-active--underline:hover:after, .Chip .hover-active--underline:active:after, .Chip .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Chip--FinalSale {
color: #aa3f00;
background-color: #aa3f00; /* The Fallback */
background-color: rgba(170, 63, 0, 0.1);
}
.Chip--Active {
display: inline-block;
}
@media screen and (min-width: 600px) {
.Chip {
padding: 3px 8px 0px;
}
}
@media screen and (min-width: 600px) {
.Product .Chip--Active {
display: inline-block;
}
}
.email-capture .email-input {
background: #fdfaf8;
border: 1px solid transparent;
min-width: 100%;
padding: 1.2rem 1.5rem 0;
}
.email-capture .email-input--submit {
position: absolute;
top: 0;
right: 0;
height: 3.5rem;
padding: 0 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.email-capture .email-input--submit svg {
fill: #0F1528;
}
.email-capture .input-wrapper {
position: relative;
}
.email-capture .input-wrapper:hover:not(:focus-within) .email-input--placeholder {
color: #04247D;
}
.email-capture .input-wrapper:hover:not(:focus-within) .email-input--submit svg {
fill: #04247D;
}
.email-capture + .email-response--footer {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #283455;
}
.email-capture + .email-response--footer.hover-active--underline, .email-capture + .email-response--footer .hover-active--underline {
position: relative;
}
.email-capture + .email-response--footer.hover-active--underline:after, .email-capture + .email-response--footer .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.email-capture + .email-response--footer.hover-active--underline:hover, .email-capture + .email-response--footer.hover-active--underline:active, .email-capture + .email-response--footer.hover-active--underline.active, .email-capture + .email-response--footer .hover-active--underline:hover, .email-capture + .email-response--footer .hover-active--underline:active, .email-capture + .email-response--footer .hover-active--underline.active {
cursor: pointer;
}
.email-capture + .email-response--footer.hover-active--underline:hover:after, .email-capture + .email-response--footer.hover-active--underline:active:after, .email-capture + .email-response--footer.hover-active--underline.active:after, .email-capture + .email-response--footer .hover-active--underline:hover:after, .email-capture + .email-response--footer .hover-active--underline:active:after, .email-capture + .email-response--footer .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.email-capture + .email-response--footer .header {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.email-capture + .email-response--footer .header.hover-active--underline, .email-capture + .email-response--footer .header .hover-active--underline {
position: relative;
}
.email-capture + .email-response--footer .header.hover-active--underline:after, .email-capture + .email-response--footer .header .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.email-capture + .email-response--footer .header.hover-active--underline:hover, .email-capture + .email-response--footer .header.hover-active--underline:active, .email-capture + .email-response--footer .header.hover-active--underline.active, .email-capture + .email-response--footer .header .hover-active--underline:hover, .email-capture + .email-response--footer .header .hover-active--underline:active, .email-capture + .email-response--footer .header .hover-active--underline.active {
cursor: pointer;
}
.email-capture + .email-response--footer .header.hover-active--underline:hover:after, .email-capture + .email-response--footer .header.hover-active--underline:active:after, .email-capture + .email-response--footer .header.hover-active--underline.active:after, .email-capture + .email-response--footer .header .hover-active--underline:hover:after, .email-capture + .email-response--footer .header .hover-active--underline:active:after, .email-capture + .email-response--footer .header .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.input-checkbox--wrapper {
display: inline-block;
margin-bottom: 1rem;
}
.input-checkbox--label {
display: block;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
color: #283455;
line-height: 1rem;
}
.input-checkbox--input {
opacity: 0;
width: 1.5rem;
height: 1.5rem;
position: absolute;
left: 0.5em;
top: 0.4em;
}
.input-checkbox--input:hover + svg {
border: 1px solid #04247D;
}
.input-checkbox--input:focus + svg {
border: 1px solid #283455;
}
.input-checkbox--input:checked + svg path {
fill: #283455;
border: 1px solid #DDDDDD;
}
.input-checkbox--input.invalid + svg {
border: 1px solid #AA3F00 !important;
}
.input-checkbox--text {
padding-left: 0.5rem;
}
.icon--checkmark {
display: inline-block;
vertical-align: middle;
margin-bottom: 0.2em;
width: 1.5rem;
height: 1.5rem;
padding: 5px;
border-radius: 5px;
border: 1px solid #DDDDDD;
}
.radio-toolbar {
display: flex;
margin-bottom: 1rem;
}
.radio-toolbar input[type=radio] {
opacity: 0;
position: fixed;
width: 0;
}
.radio-toolbar label {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: 1px solid #DDDDDD;
width: 100%;
height: 3.5rem;
line-height: 3.5rem;
}
.radio-toolbar label:nth-child(2) {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.radio-toolbar label:last-child {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.radio-toolbar label:hover {
border: 1px solid #0F1528;
color: #0F1528;
}
.radio-toolbar input[type=radio]:checked + label {
border: 1px solid #283455;
background-color: #283455;
color: #FFFFFF;
}
.component--radio-button {
margin-bottom: 1.5rem;
}
.radio-flex {
display: grid;
grid-template-columns: min-content auto;
grid-gap: 1rem;
color: #283455;
}
.radio-flex__label {
color: #283455;
padding-top: 4px;
display: block;
}
.radio-flex__input {
display: flex;
}
.radio-flex__input input {
opacity: 0;
width: 0;
height: 0;
}
.radio-flex .radio-flex__control {
font-size: 1.25rem;
display: grid;
place-items: center;
border: 1px solid #DDDDDD;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
}
.radio-flex input + .radio-flex__control::before {
content: "";
width: 0.875rem;
height: 0.875rem;
box-shadow: inset 0.875rem 0.875rem #283455;
border-radius: 50%;
transition: 180ms transform ease-in-out;
transform: scale(0);
}
.radio-flex input:checked + .radio-flex__control::before {
transform: scale(1);
}
.radio-flex input:checked + .radio-flex__control {
border: 1px solid #283455;
}
.checkbox-type .radio-flex__input {
padding-right: 0;
display: flex;
align-items: center;
}
.checkbox-type .radio-flex__label {
padding-top: 0px;
display: block;
}
.checkbox-type .radio-flex__label.p_2 {
color: #283455;
}
.checkbox-type .radio-flex__label.p_3 {
color: #777777;
}
.checkbox-type .radio-flex .radio-flex__control {
font-size: 1.25rem;
display: grid;
place-items: center;
border: 1px solid #DDDDDD;
height: 1rem;
width: 1rem;
border-radius: 50%;
}
.checkbox-type .radio-flex input + .radio-flex__control::before {
content: "";
width: 0.875rem;
height: 0.875rem;
font-size: 20px;
box-shadow: inset 0.875rem 0.875rem #283455;
border-radius: 50%;
transition: 180ms transform ease-in-out;
transform: scale(0);
}
.checkbox-type .radio-flex input:checked + .radio-flex__control::before {
transform: scale(1);
}
.checkbox-type .radio-flex input:checked + .radio-flex__control {
border: 1px solid #283455;
}
.input--submit {
display: grid;
margin: 0;
margin-bottom: 16px;
grid-template-columns: minmax(200px, max-content);
}
.text-input,
.email-input,
.password-input,
.tel-input,
.select-input {
background: transparent;
border: 1px solid #DDDDDD;
border-radius: 1.25rem;
color: #0F1528;
height: 3.5rem;
width: 100%;
margin-bottom: 1rem;
padding: 0 1.5rem;
}
.text-input:focus,
.email-input:focus,
.password-input:focus,
.tel-input:focus,
.select-input:focus {
outline: none !important;
}
.text-input.has-placeholder,
.email-input.has-placeholder,
.password-input.has-placeholder,
.tel-input.has-placeholder,
.select-input.has-placeholder {
padding-top: 1.2rem;
}
.text-input:hover,
.email-input:hover,
.password-input:hover,
.tel-input:hover,
.select-input:hover {
border-color: #04247D;
}
.text-input:focus, .text-input:not(:placeholder-shown),
.email-input:focus,
.email-input:not(:placeholder-shown),
.password-input:focus,
.password-input:not(:placeholder-shown),
.tel-input:focus,
.tel-input:not(:placeholder-shown),
.select-input:focus,
.select-input:not(:placeholder-shown) {
color: #0F1528;
border-color: #0F1528;
}
.text-input.invalid, .text-input.error,
.email-input.invalid,
.email-input.error,
.password-input.invalid,
.password-input.error,
.tel-input.invalid,
.tel-input.error,
.select-input.invalid,
.select-input.error {
border-color: #AA3F00;
box-shadow: none;
}
.text-input[data-validate], .text-input.error,
.email-input[data-validate],
.email-input.error,
.password-input[data-validate],
.password-input.error,
.tel-input[data-validate],
.tel-input.error,
.select-input[data-validate],
.select-input.error {
margin-bottom: 0.5rem;
}
.text-input.helper,
.email-input.helper,
.password-input.helper,
.tel-input.helper,
.select-input.helper {
box-shadow: none;
margin-bottom: 0.5rem;
}
.text-input.helper p,
.email-input.helper p,
.password-input.helper p,
.tel-input.helper p,
.select-input.helper p {
margin-bottom: 1.5rem;
}
.text-input--wrapper,
.email-input--wrapper,
.password-input--wrapper,
.tel-input--wrapper,
.select-input--wrapper {
position: relative;
}
.text-input--wrapper > *,
.email-input--wrapper > *,
.password-input--wrapper > *,
.tel-input--wrapper > *,
.select-input--wrapper > * {
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
}
.text-input--wrapper:hover:not(:focus-within) .input-placeholder,
.email-input--wrapper:hover:not(:focus-within) .input-placeholder,
.password-input--wrapper:hover:not(:focus-within) .input-placeholder,
.tel-input--wrapper:hover:not(:focus-within) .input-placeholder,
.select-input--wrapper:hover:not(:focus-within) .input-placeholder {
color: #04247D;
}
.text-input--placeholder,
.email-input--placeholder,
.password-input--placeholder,
.tel-input--placeholder,
.select-input--placeholder {
color: #777777;
position: absolute;
left: 0;
top: 2px;
height: 3.5rem;
display: flex;
align-items: center;
padding-left: 1.5rem;
user-select: none;
pointer-events: none;
}
.text-input:focus + .text-input--placeholder, .text-input:not(:placeholder-shown) + .text-input--placeholder, .text-input:-webkit-autofill + .text-input--placeholder,
.text-input:focus + .email-input--placeholder,
.text-input:not(:placeholder-shown) + .email-input--placeholder,
.text-input:-webkit-autofill + .email-input--placeholder,
.text-input:focus + .password-input--placeholder,
.text-input:not(:placeholder-shown) + .password-input--placeholder,
.text-input:-webkit-autofill + .password-input--placeholder,
.text-input:focus + .tel-input--placeholder,
.text-input:not(:placeholder-shown) + .tel-input--placeholder,
.text-input:-webkit-autofill + .tel-input--placeholder,
.text-input:focus + .select-input--placeholder,
.text-input:not(:placeholder-shown) + .select-input--placeholder,
.text-input:-webkit-autofill + .select-input--placeholder,
.email-input:focus + .text-input--placeholder,
.email-input:not(:placeholder-shown) + .text-input--placeholder,
.email-input:-webkit-autofill + .text-input--placeholder,
.email-input:focus + .email-input--placeholder,
.email-input:not(:placeholder-shown) + .email-input--placeholder,
.email-input:-webkit-autofill + .email-input--placeholder,
.email-input:focus + .password-input--placeholder,
.email-input:not(:placeholder-shown) + .password-input--placeholder,
.email-input:-webkit-autofill + .password-input--placeholder,
.email-input:focus + .tel-input--placeholder,
.email-input:not(:placeholder-shown) + .tel-input--placeholder,
.email-input:-webkit-autofill + .tel-input--placeholder,
.email-input:focus + .select-input--placeholder,
.email-input:not(:placeholder-shown) + .select-input--placeholder,
.email-input:-webkit-autofill + .select-input--placeholder,
.password-input:focus + .text-input--placeholder,
.password-input:not(:placeholder-shown) + .text-input--placeholder,
.password-input:-webkit-autofill + .text-input--placeholder,
.password-input:focus + .email-input--placeholder,
.password-input:not(:placeholder-shown) + .email-input--placeholder,
.password-input:-webkit-autofill + .email-input--placeholder,
.password-input:focus + .password-input--placeholder,
.password-input:not(:placeholder-shown) + .password-input--placeholder,
.password-input:-webkit-autofill + .password-input--placeholder,
.password-input:focus + .tel-input--placeholder,
.password-input:not(:placeholder-shown) + .tel-input--placeholder,
.password-input:-webkit-autofill + .tel-input--placeholder,
.password-input:focus + .select-input--placeholder,
.password-input:not(:placeholder-shown) + .select-input--placeholder,
.password-input:-webkit-autofill + .select-input--placeholder,
.tel-input:focus + .text-input--placeholder,
.tel-input:not(:placeholder-shown) + .text-input--placeholder,
.tel-input:-webkit-autofill + .text-input--placeholder,
.tel-input:focus + .email-input--placeholder,
.tel-input:not(:placeholder-shown) + .email-input--placeholder,
.tel-input:-webkit-autofill + .email-input--placeholder,
.tel-input:focus + .password-input--placeholder,
.tel-input:not(:placeholder-shown) + .password-input--placeholder,
.tel-input:-webkit-autofill + .password-input--placeholder,
.tel-input:focus + .tel-input--placeholder,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder,
.tel-input:-webkit-autofill + .tel-input--placeholder,
.tel-input:focus + .select-input--placeholder,
.tel-input:not(:placeholder-shown) + .select-input--placeholder,
.tel-input:-webkit-autofill + .select-input--placeholder,
.select-input:focus + .text-input--placeholder,
.select-input:not(:placeholder-shown) + .text-input--placeholder,
.select-input:-webkit-autofill + .text-input--placeholder,
.select-input:focus + .email-input--placeholder,
.select-input:not(:placeholder-shown) + .email-input--placeholder,
.select-input:-webkit-autofill + .email-input--placeholder,
.select-input:focus + .password-input--placeholder,
.select-input:not(:placeholder-shown) + .password-input--placeholder,
.select-input:-webkit-autofill + .password-input--placeholder,
.select-input:focus + .tel-input--placeholder,
.select-input:not(:placeholder-shown) + .tel-input--placeholder,
.select-input:-webkit-autofill + .tel-input--placeholder,
.select-input:focus + .select-input--placeholder,
.select-input:not(:placeholder-shown) + .select-input--placeholder,
.select-input:-webkit-autofill + .select-input--placeholder {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
transform: translateY(-0.6rem);
color: #0F1528;
}
.text-input:focus + .text-input--placeholder.hover-active--underline, .text-input:focus + .text-input--placeholder .hover-active--underline, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline,
.text-input:focus + .email-input--placeholder.hover-active--underline,
.text-input:focus + .email-input--placeholder .hover-active--underline,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline,
.text-input:focus + .password-input--placeholder.hover-active--underline,
.text-input:focus + .password-input--placeholder .hover-active--underline,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline,
.text-input:focus + .tel-input--placeholder.hover-active--underline,
.text-input:focus + .tel-input--placeholder .hover-active--underline,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline,
.text-input:focus + .select-input--placeholder.hover-active--underline,
.text-input:focus + .select-input--placeholder .hover-active--underline,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline,
.email-input:focus + .text-input--placeholder.hover-active--underline,
.email-input:focus + .text-input--placeholder .hover-active--underline,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline,
.email-input:focus + .email-input--placeholder.hover-active--underline,
.email-input:focus + .email-input--placeholder .hover-active--underline,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline,
.email-input:focus + .password-input--placeholder.hover-active--underline,
.email-input:focus + .password-input--placeholder .hover-active--underline,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline,
.email-input:focus + .tel-input--placeholder.hover-active--underline,
.email-input:focus + .tel-input--placeholder .hover-active--underline,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline,
.email-input:focus + .select-input--placeholder.hover-active--underline,
.email-input:focus + .select-input--placeholder .hover-active--underline,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline,
.password-input:focus + .text-input--placeholder.hover-active--underline,
.password-input:focus + .text-input--placeholder .hover-active--underline,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline,
.password-input:focus + .email-input--placeholder.hover-active--underline,
.password-input:focus + .email-input--placeholder .hover-active--underline,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline,
.password-input:focus + .password-input--placeholder.hover-active--underline,
.password-input:focus + .password-input--placeholder .hover-active--underline,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline,
.password-input:focus + .tel-input--placeholder.hover-active--underline,
.password-input:focus + .tel-input--placeholder .hover-active--underline,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline,
.password-input:focus + .select-input--placeholder.hover-active--underline,
.password-input:focus + .select-input--placeholder .hover-active--underline,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline,
.tel-input:focus + .text-input--placeholder.hover-active--underline,
.tel-input:focus + .text-input--placeholder .hover-active--underline,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline,
.tel-input:focus + .email-input--placeholder.hover-active--underline,
.tel-input:focus + .email-input--placeholder .hover-active--underline,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline,
.tel-input:focus + .password-input--placeholder.hover-active--underline,
.tel-input:focus + .password-input--placeholder .hover-active--underline,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline,
.tel-input:focus + .tel-input--placeholder.hover-active--underline,
.tel-input:focus + .tel-input--placeholder .hover-active--underline,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline,
.tel-input:focus + .select-input--placeholder.hover-active--underline,
.tel-input:focus + .select-input--placeholder .hover-active--underline,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline,
.select-input:focus + .text-input--placeholder.hover-active--underline,
.select-input:focus + .text-input--placeholder .hover-active--underline,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline,
.select-input:focus + .email-input--placeholder.hover-active--underline,
.select-input:focus + .email-input--placeholder .hover-active--underline,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline,
.select-input:focus + .password-input--placeholder.hover-active--underline,
.select-input:focus + .password-input--placeholder .hover-active--underline,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline,
.select-input:focus + .tel-input--placeholder.hover-active--underline,
.select-input:focus + .tel-input--placeholder .hover-active--underline,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline,
.select-input:focus + .select-input--placeholder.hover-active--underline,
.select-input:focus + .select-input--placeholder .hover-active--underline,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline {
position: relative;
}
.text-input:focus + .text-input--placeholder.hover-active--underline:after, .text-input:focus + .text-input--placeholder .hover-active--underline:after, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:after, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:after, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:after, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:after,
.text-input:focus + .email-input--placeholder.hover-active--underline:after,
.text-input:focus + .email-input--placeholder .hover-active--underline:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:after,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:after,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:after,
.text-input:focus + .password-input--placeholder.hover-active--underline:after,
.text-input:focus + .password-input--placeholder .hover-active--underline:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:after,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:after,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:after,
.text-input:focus + .tel-input--placeholder.hover-active--underline:after,
.text-input:focus + .tel-input--placeholder .hover-active--underline:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:after,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:after,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:after,
.text-input:focus + .select-input--placeholder.hover-active--underline:after,
.text-input:focus + .select-input--placeholder .hover-active--underline:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:after,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:after,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:after,
.email-input:focus + .text-input--placeholder.hover-active--underline:after,
.email-input:focus + .text-input--placeholder .hover-active--underline:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:after,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:after,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:after,
.email-input:focus + .email-input--placeholder.hover-active--underline:after,
.email-input:focus + .email-input--placeholder .hover-active--underline:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:after,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:after,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:after,
.email-input:focus + .password-input--placeholder.hover-active--underline:after,
.email-input:focus + .password-input--placeholder .hover-active--underline:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:after,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:after,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:after,
.email-input:focus + .tel-input--placeholder.hover-active--underline:after,
.email-input:focus + .tel-input--placeholder .hover-active--underline:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:after,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:after,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:after,
.email-input:focus + .select-input--placeholder.hover-active--underline:after,
.email-input:focus + .select-input--placeholder .hover-active--underline:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:after,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:after,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:after,
.password-input:focus + .text-input--placeholder.hover-active--underline:after,
.password-input:focus + .text-input--placeholder .hover-active--underline:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:after,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:after,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:after,
.password-input:focus + .email-input--placeholder.hover-active--underline:after,
.password-input:focus + .email-input--placeholder .hover-active--underline:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:after,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:after,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:after,
.password-input:focus + .password-input--placeholder.hover-active--underline:after,
.password-input:focus + .password-input--placeholder .hover-active--underline:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:after,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:after,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:after,
.password-input:focus + .tel-input--placeholder.hover-active--underline:after,
.password-input:focus + .tel-input--placeholder .hover-active--underline:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:after,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:after,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:after,
.password-input:focus + .select-input--placeholder.hover-active--underline:after,
.password-input:focus + .select-input--placeholder .hover-active--underline:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:after,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:after,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:after,
.tel-input:focus + .text-input--placeholder.hover-active--underline:after,
.tel-input:focus + .text-input--placeholder .hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:after,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:after,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:after,
.tel-input:focus + .email-input--placeholder.hover-active--underline:after,
.tel-input:focus + .email-input--placeholder .hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:after,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:after,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:after,
.tel-input:focus + .password-input--placeholder.hover-active--underline:after,
.tel-input:focus + .password-input--placeholder .hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:after,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:after,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:after,
.tel-input:focus + .tel-input--placeholder.hover-active--underline:after,
.tel-input:focus + .tel-input--placeholder .hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:after,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:after,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:after,
.tel-input:focus + .select-input--placeholder.hover-active--underline:after,
.tel-input:focus + .select-input--placeholder .hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:after,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:after,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:after,
.select-input:focus + .text-input--placeholder.hover-active--underline:after,
.select-input:focus + .text-input--placeholder .hover-active--underline:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:after,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:after,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:after,
.select-input:focus + .email-input--placeholder.hover-active--underline:after,
.select-input:focus + .email-input--placeholder .hover-active--underline:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:after,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:after,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:after,
.select-input:focus + .password-input--placeholder.hover-active--underline:after,
.select-input:focus + .password-input--placeholder .hover-active--underline:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:after,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:after,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:after,
.select-input:focus + .tel-input--placeholder.hover-active--underline:after,
.select-input:focus + .tel-input--placeholder .hover-active--underline:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:after,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:after,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:after,
.select-input:focus + .select-input--placeholder.hover-active--underline:after,
.select-input:focus + .select-input--placeholder .hover-active--underline:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:after,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:after,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.text-input:focus + .text-input--placeholder.hover-active--underline:hover, .text-input:focus + .text-input--placeholder.hover-active--underline:active, .text-input:focus + .text-input--placeholder.hover-active--underline.active, .text-input:focus + .text-input--placeholder .hover-active--underline:hover, .text-input:focus + .text-input--placeholder .hover-active--underline:active, .text-input:focus + .text-input--placeholder .hover-active--underline.active, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active,
.text-input:focus + .email-input--placeholder.hover-active--underline:hover,
.text-input:focus + .email-input--placeholder.hover-active--underline:active,
.text-input:focus + .email-input--placeholder.hover-active--underline.active,
.text-input:focus + .email-input--placeholder .hover-active--underline:hover,
.text-input:focus + .email-input--placeholder .hover-active--underline:active,
.text-input:focus + .email-input--placeholder .hover-active--underline.active,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active,
.text-input:focus + .password-input--placeholder.hover-active--underline:hover,
.text-input:focus + .password-input--placeholder.hover-active--underline:active,
.text-input:focus + .password-input--placeholder.hover-active--underline.active,
.text-input:focus + .password-input--placeholder .hover-active--underline:hover,
.text-input:focus + .password-input--placeholder .hover-active--underline:active,
.text-input:focus + .password-input--placeholder .hover-active--underline.active,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active,
.text-input:focus + .tel-input--placeholder.hover-active--underline:hover,
.text-input:focus + .tel-input--placeholder.hover-active--underline:active,
.text-input:focus + .tel-input--placeholder.hover-active--underline.active,
.text-input:focus + .tel-input--placeholder .hover-active--underline:hover,
.text-input:focus + .tel-input--placeholder .hover-active--underline:active,
.text-input:focus + .tel-input--placeholder .hover-active--underline.active,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active,
.text-input:focus + .select-input--placeholder.hover-active--underline:hover,
.text-input:focus + .select-input--placeholder.hover-active--underline:active,
.text-input:focus + .select-input--placeholder.hover-active--underline.active,
.text-input:focus + .select-input--placeholder .hover-active--underline:hover,
.text-input:focus + .select-input--placeholder .hover-active--underline:active,
.text-input:focus + .select-input--placeholder .hover-active--underline.active,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active,
.email-input:focus + .text-input--placeholder.hover-active--underline:hover,
.email-input:focus + .text-input--placeholder.hover-active--underline:active,
.email-input:focus + .text-input--placeholder.hover-active--underline.active,
.email-input:focus + .text-input--placeholder .hover-active--underline:hover,
.email-input:focus + .text-input--placeholder .hover-active--underline:active,
.email-input:focus + .text-input--placeholder .hover-active--underline.active,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active,
.email-input:focus + .email-input--placeholder.hover-active--underline:hover,
.email-input:focus + .email-input--placeholder.hover-active--underline:active,
.email-input:focus + .email-input--placeholder.hover-active--underline.active,
.email-input:focus + .email-input--placeholder .hover-active--underline:hover,
.email-input:focus + .email-input--placeholder .hover-active--underline:active,
.email-input:focus + .email-input--placeholder .hover-active--underline.active,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active,
.email-input:focus + .password-input--placeholder.hover-active--underline:hover,
.email-input:focus + .password-input--placeholder.hover-active--underline:active,
.email-input:focus + .password-input--placeholder.hover-active--underline.active,
.email-input:focus + .password-input--placeholder .hover-active--underline:hover,
.email-input:focus + .password-input--placeholder .hover-active--underline:active,
.email-input:focus + .password-input--placeholder .hover-active--underline.active,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active,
.email-input:focus + .tel-input--placeholder.hover-active--underline:hover,
.email-input:focus + .tel-input--placeholder.hover-active--underline:active,
.email-input:focus + .tel-input--placeholder.hover-active--underline.active,
.email-input:focus + .tel-input--placeholder .hover-active--underline:hover,
.email-input:focus + .tel-input--placeholder .hover-active--underline:active,
.email-input:focus + .tel-input--placeholder .hover-active--underline.active,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active,
.email-input:focus + .select-input--placeholder.hover-active--underline:hover,
.email-input:focus + .select-input--placeholder.hover-active--underline:active,
.email-input:focus + .select-input--placeholder.hover-active--underline.active,
.email-input:focus + .select-input--placeholder .hover-active--underline:hover,
.email-input:focus + .select-input--placeholder .hover-active--underline:active,
.email-input:focus + .select-input--placeholder .hover-active--underline.active,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active,
.password-input:focus + .text-input--placeholder.hover-active--underline:hover,
.password-input:focus + .text-input--placeholder.hover-active--underline:active,
.password-input:focus + .text-input--placeholder.hover-active--underline.active,
.password-input:focus + .text-input--placeholder .hover-active--underline:hover,
.password-input:focus + .text-input--placeholder .hover-active--underline:active,
.password-input:focus + .text-input--placeholder .hover-active--underline.active,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active,
.password-input:focus + .email-input--placeholder.hover-active--underline:hover,
.password-input:focus + .email-input--placeholder.hover-active--underline:active,
.password-input:focus + .email-input--placeholder.hover-active--underline.active,
.password-input:focus + .email-input--placeholder .hover-active--underline:hover,
.password-input:focus + .email-input--placeholder .hover-active--underline:active,
.password-input:focus + .email-input--placeholder .hover-active--underline.active,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active,
.password-input:focus + .password-input--placeholder.hover-active--underline:hover,
.password-input:focus + .password-input--placeholder.hover-active--underline:active,
.password-input:focus + .password-input--placeholder.hover-active--underline.active,
.password-input:focus + .password-input--placeholder .hover-active--underline:hover,
.password-input:focus + .password-input--placeholder .hover-active--underline:active,
.password-input:focus + .password-input--placeholder .hover-active--underline.active,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active,
.password-input:focus + .tel-input--placeholder.hover-active--underline:hover,
.password-input:focus + .tel-input--placeholder.hover-active--underline:active,
.password-input:focus + .tel-input--placeholder.hover-active--underline.active,
.password-input:focus + .tel-input--placeholder .hover-active--underline:hover,
.password-input:focus + .tel-input--placeholder .hover-active--underline:active,
.password-input:focus + .tel-input--placeholder .hover-active--underline.active,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active,
.password-input:focus + .select-input--placeholder.hover-active--underline:hover,
.password-input:focus + .select-input--placeholder.hover-active--underline:active,
.password-input:focus + .select-input--placeholder.hover-active--underline.active,
.password-input:focus + .select-input--placeholder .hover-active--underline:hover,
.password-input:focus + .select-input--placeholder .hover-active--underline:active,
.password-input:focus + .select-input--placeholder .hover-active--underline.active,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active,
.tel-input:focus + .text-input--placeholder.hover-active--underline:hover,
.tel-input:focus + .text-input--placeholder.hover-active--underline:active,
.tel-input:focus + .text-input--placeholder.hover-active--underline.active,
.tel-input:focus + .text-input--placeholder .hover-active--underline:hover,
.tel-input:focus + .text-input--placeholder .hover-active--underline:active,
.tel-input:focus + .text-input--placeholder .hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active,
.tel-input:focus + .email-input--placeholder.hover-active--underline:hover,
.tel-input:focus + .email-input--placeholder.hover-active--underline:active,
.tel-input:focus + .email-input--placeholder.hover-active--underline.active,
.tel-input:focus + .email-input--placeholder .hover-active--underline:hover,
.tel-input:focus + .email-input--placeholder .hover-active--underline:active,
.tel-input:focus + .email-input--placeholder .hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active,
.tel-input:focus + .password-input--placeholder.hover-active--underline:hover,
.tel-input:focus + .password-input--placeholder.hover-active--underline:active,
.tel-input:focus + .password-input--placeholder.hover-active--underline.active,
.tel-input:focus + .password-input--placeholder .hover-active--underline:hover,
.tel-input:focus + .password-input--placeholder .hover-active--underline:active,
.tel-input:focus + .password-input--placeholder .hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active,
.tel-input:focus + .tel-input--placeholder.hover-active--underline:hover,
.tel-input:focus + .tel-input--placeholder.hover-active--underline:active,
.tel-input:focus + .tel-input--placeholder.hover-active--underline.active,
.tel-input:focus + .tel-input--placeholder .hover-active--underline:hover,
.tel-input:focus + .tel-input--placeholder .hover-active--underline:active,
.tel-input:focus + .tel-input--placeholder .hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active,
.tel-input:focus + .select-input--placeholder.hover-active--underline:hover,
.tel-input:focus + .select-input--placeholder.hover-active--underline:active,
.tel-input:focus + .select-input--placeholder.hover-active--underline.active,
.tel-input:focus + .select-input--placeholder .hover-active--underline:hover,
.tel-input:focus + .select-input--placeholder .hover-active--underline:active,
.tel-input:focus + .select-input--placeholder .hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active,
.select-input:focus + .text-input--placeholder.hover-active--underline:hover,
.select-input:focus + .text-input--placeholder.hover-active--underline:active,
.select-input:focus + .text-input--placeholder.hover-active--underline.active,
.select-input:focus + .text-input--placeholder .hover-active--underline:hover,
.select-input:focus + .text-input--placeholder .hover-active--underline:active,
.select-input:focus + .text-input--placeholder .hover-active--underline.active,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active,
.select-input:focus + .email-input--placeholder.hover-active--underline:hover,
.select-input:focus + .email-input--placeholder.hover-active--underline:active,
.select-input:focus + .email-input--placeholder.hover-active--underline.active,
.select-input:focus + .email-input--placeholder .hover-active--underline:hover,
.select-input:focus + .email-input--placeholder .hover-active--underline:active,
.select-input:focus + .email-input--placeholder .hover-active--underline.active,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active,
.select-input:focus + .password-input--placeholder.hover-active--underline:hover,
.select-input:focus + .password-input--placeholder.hover-active--underline:active,
.select-input:focus + .password-input--placeholder.hover-active--underline.active,
.select-input:focus + .password-input--placeholder .hover-active--underline:hover,
.select-input:focus + .password-input--placeholder .hover-active--underline:active,
.select-input:focus + .password-input--placeholder .hover-active--underline.active,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active,
.select-input:focus + .tel-input--placeholder.hover-active--underline:hover,
.select-input:focus + .tel-input--placeholder.hover-active--underline:active,
.select-input:focus + .tel-input--placeholder.hover-active--underline.active,
.select-input:focus + .tel-input--placeholder .hover-active--underline:hover,
.select-input:focus + .tel-input--placeholder .hover-active--underline:active,
.select-input:focus + .tel-input--placeholder .hover-active--underline.active,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active,
.select-input:focus + .select-input--placeholder.hover-active--underline:hover,
.select-input:focus + .select-input--placeholder.hover-active--underline:active,
.select-input:focus + .select-input--placeholder.hover-active--underline.active,
.select-input:focus + .select-input--placeholder .hover-active--underline:hover,
.select-input:focus + .select-input--placeholder .hover-active--underline:active,
.select-input:focus + .select-input--placeholder .hover-active--underline.active,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active {
cursor: pointer;
}
.text-input:focus + .text-input--placeholder.hover-active--underline:hover:after, .text-input:focus + .text-input--placeholder.hover-active--underline:active:after, .text-input:focus + .text-input--placeholder.hover-active--underline.active:after, .text-input:focus + .text-input--placeholder .hover-active--underline:hover:after, .text-input:focus + .text-input--placeholder .hover-active--underline:active:after, .text-input:focus + .text-input--placeholder .hover-active--underline.active:after, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover:after, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active:after, .text-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active:after, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover:after, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active:after, .text-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active:after, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover:after, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active:after, .text-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active:after, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover:after, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active:after, .text-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active:after,
.text-input:focus + .email-input--placeholder.hover-active--underline:hover:after,
.text-input:focus + .email-input--placeholder.hover-active--underline:active:after,
.text-input:focus + .email-input--placeholder.hover-active--underline.active:after,
.text-input:focus + .email-input--placeholder .hover-active--underline:hover:after,
.text-input:focus + .email-input--placeholder .hover-active--underline:active:after,
.text-input:focus + .email-input--placeholder .hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active:after,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover:after,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active:after,
.text-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active:after,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover:after,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active:after,
.text-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active:after,
.text-input:focus + .password-input--placeholder.hover-active--underline:hover:after,
.text-input:focus + .password-input--placeholder.hover-active--underline:active:after,
.text-input:focus + .password-input--placeholder.hover-active--underline.active:after,
.text-input:focus + .password-input--placeholder .hover-active--underline:hover:after,
.text-input:focus + .password-input--placeholder .hover-active--underline:active:after,
.text-input:focus + .password-input--placeholder .hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active:after,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover:after,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active:after,
.text-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active:after,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover:after,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active:after,
.text-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active:after,
.text-input:focus + .tel-input--placeholder.hover-active--underline:hover:after,
.text-input:focus + .tel-input--placeholder.hover-active--underline:active:after,
.text-input:focus + .tel-input--placeholder.hover-active--underline.active:after,
.text-input:focus + .tel-input--placeholder .hover-active--underline:hover:after,
.text-input:focus + .tel-input--placeholder .hover-active--underline:active:after,
.text-input:focus + .tel-input--placeholder .hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active:after,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover:after,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active:after,
.text-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active:after,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover:after,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active:after,
.text-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active:after,
.text-input:focus + .select-input--placeholder.hover-active--underline:hover:after,
.text-input:focus + .select-input--placeholder.hover-active--underline:active:after,
.text-input:focus + .select-input--placeholder.hover-active--underline.active:after,
.text-input:focus + .select-input--placeholder .hover-active--underline:hover:after,
.text-input:focus + .select-input--placeholder .hover-active--underline:active:after,
.text-input:focus + .select-input--placeholder .hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active:after,
.text-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active:after,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover:after,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active:after,
.text-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active:after,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover:after,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active:after,
.text-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active:after,
.email-input:focus + .text-input--placeholder.hover-active--underline:hover:after,
.email-input:focus + .text-input--placeholder.hover-active--underline:active:after,
.email-input:focus + .text-input--placeholder.hover-active--underline.active:after,
.email-input:focus + .text-input--placeholder .hover-active--underline:hover:after,
.email-input:focus + .text-input--placeholder .hover-active--underline:active:after,
.email-input:focus + .text-input--placeholder .hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active:after,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover:after,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active:after,
.email-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active:after,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover:after,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active:after,
.email-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active:after,
.email-input:focus + .email-input--placeholder.hover-active--underline:hover:after,
.email-input:focus + .email-input--placeholder.hover-active--underline:active:after,
.email-input:focus + .email-input--placeholder.hover-active--underline.active:after,
.email-input:focus + .email-input--placeholder .hover-active--underline:hover:after,
.email-input:focus + .email-input--placeholder .hover-active--underline:active:after,
.email-input:focus + .email-input--placeholder .hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active:after,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover:after,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active:after,
.email-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active:after,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover:after,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active:after,
.email-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active:after,
.email-input:focus + .password-input--placeholder.hover-active--underline:hover:after,
.email-input:focus + .password-input--placeholder.hover-active--underline:active:after,
.email-input:focus + .password-input--placeholder.hover-active--underline.active:after,
.email-input:focus + .password-input--placeholder .hover-active--underline:hover:after,
.email-input:focus + .password-input--placeholder .hover-active--underline:active:after,
.email-input:focus + .password-input--placeholder .hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active:after,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover:after,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active:after,
.email-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active:after,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover:after,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active:after,
.email-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active:after,
.email-input:focus + .tel-input--placeholder.hover-active--underline:hover:after,
.email-input:focus + .tel-input--placeholder.hover-active--underline:active:after,
.email-input:focus + .tel-input--placeholder.hover-active--underline.active:after,
.email-input:focus + .tel-input--placeholder .hover-active--underline:hover:after,
.email-input:focus + .tel-input--placeholder .hover-active--underline:active:after,
.email-input:focus + .tel-input--placeholder .hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active:after,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover:after,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active:after,
.email-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active:after,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover:after,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active:after,
.email-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active:after,
.email-input:focus + .select-input--placeholder.hover-active--underline:hover:after,
.email-input:focus + .select-input--placeholder.hover-active--underline:active:after,
.email-input:focus + .select-input--placeholder.hover-active--underline.active:after,
.email-input:focus + .select-input--placeholder .hover-active--underline:hover:after,
.email-input:focus + .select-input--placeholder .hover-active--underline:active:after,
.email-input:focus + .select-input--placeholder .hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active:after,
.email-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active:after,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover:after,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active:after,
.email-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active:after,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover:after,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active:after,
.email-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active:after,
.password-input:focus + .text-input--placeholder.hover-active--underline:hover:after,
.password-input:focus + .text-input--placeholder.hover-active--underline:active:after,
.password-input:focus + .text-input--placeholder.hover-active--underline.active:after,
.password-input:focus + .text-input--placeholder .hover-active--underline:hover:after,
.password-input:focus + .text-input--placeholder .hover-active--underline:active:after,
.password-input:focus + .text-input--placeholder .hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active:after,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover:after,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active:after,
.password-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active:after,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover:after,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active:after,
.password-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active:after,
.password-input:focus + .email-input--placeholder.hover-active--underline:hover:after,
.password-input:focus + .email-input--placeholder.hover-active--underline:active:after,
.password-input:focus + .email-input--placeholder.hover-active--underline.active:after,
.password-input:focus + .email-input--placeholder .hover-active--underline:hover:after,
.password-input:focus + .email-input--placeholder .hover-active--underline:active:after,
.password-input:focus + .email-input--placeholder .hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active:after,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover:after,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active:after,
.password-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active:after,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover:after,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active:after,
.password-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active:after,
.password-input:focus + .password-input--placeholder.hover-active--underline:hover:after,
.password-input:focus + .password-input--placeholder.hover-active--underline:active:after,
.password-input:focus + .password-input--placeholder.hover-active--underline.active:after,
.password-input:focus + .password-input--placeholder .hover-active--underline:hover:after,
.password-input:focus + .password-input--placeholder .hover-active--underline:active:after,
.password-input:focus + .password-input--placeholder .hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active:after,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover:after,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active:after,
.password-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active:after,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover:after,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active:after,
.password-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active:after,
.password-input:focus + .tel-input--placeholder.hover-active--underline:hover:after,
.password-input:focus + .tel-input--placeholder.hover-active--underline:active:after,
.password-input:focus + .tel-input--placeholder.hover-active--underline.active:after,
.password-input:focus + .tel-input--placeholder .hover-active--underline:hover:after,
.password-input:focus + .tel-input--placeholder .hover-active--underline:active:after,
.password-input:focus + .tel-input--placeholder .hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active:after,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover:after,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active:after,
.password-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active:after,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover:after,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active:after,
.password-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active:after,
.password-input:focus + .select-input--placeholder.hover-active--underline:hover:after,
.password-input:focus + .select-input--placeholder.hover-active--underline:active:after,
.password-input:focus + .select-input--placeholder.hover-active--underline.active:after,
.password-input:focus + .select-input--placeholder .hover-active--underline:hover:after,
.password-input:focus + .select-input--placeholder .hover-active--underline:active:after,
.password-input:focus + .select-input--placeholder .hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active:after,
.password-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active:after,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover:after,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active:after,
.password-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active:after,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover:after,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active:after,
.password-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active:after,
.tel-input:focus + .text-input--placeholder.hover-active--underline:hover:after,
.tel-input:focus + .text-input--placeholder.hover-active--underline:active:after,
.tel-input:focus + .text-input--placeholder.hover-active--underline.active:after,
.tel-input:focus + .text-input--placeholder .hover-active--underline:hover:after,
.tel-input:focus + .text-input--placeholder .hover-active--underline:active:after,
.tel-input:focus + .text-input--placeholder .hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active:after,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active:after,
.tel-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active:after,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active:after,
.tel-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active:after,
.tel-input:focus + .email-input--placeholder.hover-active--underline:hover:after,
.tel-input:focus + .email-input--placeholder.hover-active--underline:active:after,
.tel-input:focus + .email-input--placeholder.hover-active--underline.active:after,
.tel-input:focus + .email-input--placeholder .hover-active--underline:hover:after,
.tel-input:focus + .email-input--placeholder .hover-active--underline:active:after,
.tel-input:focus + .email-input--placeholder .hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active:after,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active:after,
.tel-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active:after,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active:after,
.tel-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active:after,
.tel-input:focus + .password-input--placeholder.hover-active--underline:hover:after,
.tel-input:focus + .password-input--placeholder.hover-active--underline:active:after,
.tel-input:focus + .password-input--placeholder.hover-active--underline.active:after,
.tel-input:focus + .password-input--placeholder .hover-active--underline:hover:after,
.tel-input:focus + .password-input--placeholder .hover-active--underline:active:after,
.tel-input:focus + .password-input--placeholder .hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active:after,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active:after,
.tel-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active:after,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active:after,
.tel-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active:after,
.tel-input:focus + .tel-input--placeholder.hover-active--underline:hover:after,
.tel-input:focus + .tel-input--placeholder.hover-active--underline:active:after,
.tel-input:focus + .tel-input--placeholder.hover-active--underline.active:after,
.tel-input:focus + .tel-input--placeholder .hover-active--underline:hover:after,
.tel-input:focus + .tel-input--placeholder .hover-active--underline:active:after,
.tel-input:focus + .tel-input--placeholder .hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active:after,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active:after,
.tel-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active:after,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active:after,
.tel-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active:after,
.tel-input:focus + .select-input--placeholder.hover-active--underline:hover:after,
.tel-input:focus + .select-input--placeholder.hover-active--underline:active:after,
.tel-input:focus + .select-input--placeholder.hover-active--underline.active:after,
.tel-input:focus + .select-input--placeholder .hover-active--underline:hover:after,
.tel-input:focus + .select-input--placeholder .hover-active--underline:active:after,
.tel-input:focus + .select-input--placeholder .hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active:after,
.tel-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active:after,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active:after,
.tel-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active:after,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover:after,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active:after,
.tel-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active:after,
.select-input:focus + .text-input--placeholder.hover-active--underline:hover:after,
.select-input:focus + .text-input--placeholder.hover-active--underline:active:after,
.select-input:focus + .text-input--placeholder.hover-active--underline.active:after,
.select-input:focus + .text-input--placeholder .hover-active--underline:hover:after,
.select-input:focus + .text-input--placeholder .hover-active--underline:active:after,
.select-input:focus + .text-input--placeholder .hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder.hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .text-input--placeholder .hover-active--underline.active:after,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:hover:after,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline:active:after,
.select-input:-webkit-autofill + .text-input--placeholder.hover-active--underline.active:after,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:hover:after,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline:active:after,
.select-input:-webkit-autofill + .text-input--placeholder .hover-active--underline.active:after,
.select-input:focus + .email-input--placeholder.hover-active--underline:hover:after,
.select-input:focus + .email-input--placeholder.hover-active--underline:active:after,
.select-input:focus + .email-input--placeholder.hover-active--underline.active:after,
.select-input:focus + .email-input--placeholder .hover-active--underline:hover:after,
.select-input:focus + .email-input--placeholder .hover-active--underline:active:after,
.select-input:focus + .email-input--placeholder .hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder.hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .email-input--placeholder .hover-active--underline.active:after,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:hover:after,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline:active:after,
.select-input:-webkit-autofill + .email-input--placeholder.hover-active--underline.active:after,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:hover:after,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline:active:after,
.select-input:-webkit-autofill + .email-input--placeholder .hover-active--underline.active:after,
.select-input:focus + .password-input--placeholder.hover-active--underline:hover:after,
.select-input:focus + .password-input--placeholder.hover-active--underline:active:after,
.select-input:focus + .password-input--placeholder.hover-active--underline.active:after,
.select-input:focus + .password-input--placeholder .hover-active--underline:hover:after,
.select-input:focus + .password-input--placeholder .hover-active--underline:active:after,
.select-input:focus + .password-input--placeholder .hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder.hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .password-input--placeholder .hover-active--underline.active:after,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:hover:after,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline:active:after,
.select-input:-webkit-autofill + .password-input--placeholder.hover-active--underline.active:after,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:hover:after,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline:active:after,
.select-input:-webkit-autofill + .password-input--placeholder .hover-active--underline.active:after,
.select-input:focus + .tel-input--placeholder.hover-active--underline:hover:after,
.select-input:focus + .tel-input--placeholder.hover-active--underline:active:after,
.select-input:focus + .tel-input--placeholder.hover-active--underline.active:after,
.select-input:focus + .tel-input--placeholder .hover-active--underline:hover:after,
.select-input:focus + .tel-input--placeholder .hover-active--underline:active:after,
.select-input:focus + .tel-input--placeholder .hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder.hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .tel-input--placeholder .hover-active--underline.active:after,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:hover:after,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline:active:after,
.select-input:-webkit-autofill + .tel-input--placeholder.hover-active--underline.active:after,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:hover:after,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline:active:after,
.select-input:-webkit-autofill + .tel-input--placeholder .hover-active--underline.active:after,
.select-input:focus + .select-input--placeholder.hover-active--underline:hover:after,
.select-input:focus + .select-input--placeholder.hover-active--underline:active:after,
.select-input:focus + .select-input--placeholder.hover-active--underline.active:after,
.select-input:focus + .select-input--placeholder .hover-active--underline:hover:after,
.select-input:focus + .select-input--placeholder .hover-active--underline:active:after,
.select-input:focus + .select-input--placeholder .hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder.hover-active--underline.active:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:hover:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline:active:after,
.select-input:not(:placeholder-shown) + .select-input--placeholder .hover-active--underline.active:after,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:hover:after,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline:active:after,
.select-input:-webkit-autofill + .select-input--placeholder.hover-active--underline.active:after,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:hover:after,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline:active:after,
.select-input:-webkit-autofill + .select-input--placeholder .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.text-input--message,
.email-input--message,
.password-input--message,
.tel-input--message,
.select-input--message {
color: #AA3F00;
user-select: none;
transition-duration: 100ms;
transition-delay: 0ms;
opacity: 0;
height: 0;
margin-left: 1.5rem;
margin-bottom: 0.5rem;
}
.text-input--message a,
.email-input--message a,
.password-input--message a,
.tel-input--message a,
.select-input--message a {
color: #AA3F00;
text-decoration: underline;
white-space: nowrap;
}
.text-input.error ~ .text-input--message, .text-input.invalid ~ .text-input--message,
.text-input.error ~ .email-input--message,
.text-input.invalid ~ .email-input--message,
.text-input.error ~ .password-input--message,
.text-input.invalid ~ .password-input--message,
.text-input.error ~ .tel-input--message,
.text-input.invalid ~ .tel-input--message,
.text-input.error ~ .select-input--message,
.text-input.invalid ~ .select-input--message,
.email-input.error ~ .text-input--message,
.email-input.invalid ~ .text-input--message,
.email-input.error ~ .email-input--message,
.email-input.invalid ~ .email-input--message,
.email-input.error ~ .password-input--message,
.email-input.invalid ~ .password-input--message,
.email-input.error ~ .tel-input--message,
.email-input.invalid ~ .tel-input--message,
.email-input.error ~ .select-input--message,
.email-input.invalid ~ .select-input--message,
.password-input.error ~ .text-input--message,
.password-input.invalid ~ .text-input--message,
.password-input.error ~ .email-input--message,
.password-input.invalid ~ .email-input--message,
.password-input.error ~ .password-input--message,
.password-input.invalid ~ .password-input--message,
.password-input.error ~ .tel-input--message,
.password-input.invalid ~ .tel-input--message,
.password-input.error ~ .select-input--message,
.password-input.invalid ~ .select-input--message,
.tel-input.error ~ .text-input--message,
.tel-input.invalid ~ .text-input--message,
.tel-input.error ~ .email-input--message,
.tel-input.invalid ~ .email-input--message,
.tel-input.error ~ .password-input--message,
.tel-input.invalid ~ .password-input--message,
.tel-input.error ~ .tel-input--message,
.tel-input.invalid ~ .tel-input--message,
.tel-input.error ~ .select-input--message,
.tel-input.invalid ~ .select-input--message,
.select-input.error ~ .text-input--message,
.select-input.invalid ~ .text-input--message,
.select-input.error ~ .email-input--message,
.select-input.invalid ~ .email-input--message,
.select-input.error ~ .password-input--message,
.select-input.invalid ~ .password-input--message,
.select-input.error ~ .tel-input--message,
.select-input.invalid ~ .tel-input--message,
.select-input.error ~ .select-input--message,
.select-input.invalid ~ .select-input--message {
opacity: 1;
height: unset;
transition-delay: 100ms;
}
.text-input.helper.error ~ .text-input--helper, .text-input.helper.invalid ~ .text-input--helper,
.text-input.helper.error ~ .email-input--helper,
.text-input.helper.invalid ~ .email-input--helper,
.text-input.helper.error ~ .password-input--helper,
.text-input.helper.invalid ~ .password-input--helper,
.text-input.helper.error ~ .tel-input--helper,
.text-input.helper.invalid ~ .tel-input--helper,
.text-input.helper.error ~ .select-input--helper,
.text-input.helper.invalid ~ .select-input--helper,
.email-input.helper.error ~ .text-input--helper,
.email-input.helper.invalid ~ .text-input--helper,
.email-input.helper.error ~ .email-input--helper,
.email-input.helper.invalid ~ .email-input--helper,
.email-input.helper.error ~ .password-input--helper,
.email-input.helper.invalid ~ .password-input--helper,
.email-input.helper.error ~ .tel-input--helper,
.email-input.helper.invalid ~ .tel-input--helper,
.email-input.helper.error ~ .select-input--helper,
.email-input.helper.invalid ~ .select-input--helper,
.password-input.helper.error ~ .text-input--helper,
.password-input.helper.invalid ~ .text-input--helper,
.password-input.helper.error ~ .email-input--helper,
.password-input.helper.invalid ~ .email-input--helper,
.password-input.helper.error ~ .password-input--helper,
.password-input.helper.invalid ~ .password-input--helper,
.password-input.helper.error ~ .tel-input--helper,
.password-input.helper.invalid ~ .tel-input--helper,
.password-input.helper.error ~ .select-input--helper,
.password-input.helper.invalid ~ .select-input--helper,
.tel-input.helper.error ~ .text-input--helper,
.tel-input.helper.invalid ~ .text-input--helper,
.tel-input.helper.error ~ .email-input--helper,
.tel-input.helper.invalid ~ .email-input--helper,
.tel-input.helper.error ~ .password-input--helper,
.tel-input.helper.invalid ~ .password-input--helper,
.tel-input.helper.error ~ .tel-input--helper,
.tel-input.helper.invalid ~ .tel-input--helper,
.tel-input.helper.error ~ .select-input--helper,
.tel-input.helper.invalid ~ .select-input--helper,
.select-input.helper.error ~ .text-input--helper,
.select-input.helper.invalid ~ .text-input--helper,
.select-input.helper.error ~ .email-input--helper,
.select-input.helper.invalid ~ .email-input--helper,
.select-input.helper.error ~ .password-input--helper,
.select-input.helper.invalid ~ .password-input--helper,
.select-input.helper.error ~ .tel-input--helper,
.select-input.helper.invalid ~ .tel-input--helper,
.select-input.helper.error ~ .select-input--helper,
.select-input.helper.invalid ~ .select-input--helper {
opacity: 0;
transition-delay: 100ms;
}
.text-input.helper ~ .text-input--helper,
.text-input.helper ~ .email-input--helper,
.text-input.helper ~ .password-input--helper,
.text-input.helper ~ .tel-input--helper,
.text-input.helper ~ .select-input--helper,
.email-input.helper ~ .text-input--helper,
.email-input.helper ~ .email-input--helper,
.email-input.helper ~ .password-input--helper,
.email-input.helper ~ .tel-input--helper,
.email-input.helper ~ .select-input--helper,
.password-input.helper ~ .text-input--helper,
.password-input.helper ~ .email-input--helper,
.password-input.helper ~ .password-input--helper,
.password-input.helper ~ .tel-input--helper,
.password-input.helper ~ .select-input--helper,
.tel-input.helper ~ .text-input--helper,
.tel-input.helper ~ .email-input--helper,
.tel-input.helper ~ .password-input--helper,
.tel-input.helper ~ .tel-input--helper,
.tel-input.helper ~ .select-input--helper,
.select-input.helper ~ .text-input--helper,
.select-input.helper ~ .email-input--helper,
.select-input.helper ~ .password-input--helper,
.select-input.helper ~ .tel-input--helper,
.select-input.helper ~ .select-input--helper {
opacity: 1;
transition-delay: 100ms;
user-select: none;
margin: 0 1.5rem;
color: #283455;
}
.select-input {
width: 100%;
color: #0F1528;
}
.select-input--wrapper {
width: 100%;
}
.select-input--wrapper:hover:not(:focus-within) .select-input--placeholder {
color: #04247D;
}
.select-input--wrapper svg {
transform: rotate(90deg);
height: 3.5rem;
width: 0.4rem;
position: absolute;
top: 0;
right: 1.5rem;
pointer-events: none;
}
.select-input--placeholder {
color: #0F1528;
position: absolute;
left: 0;
top: 0;
height: 3.5rem;
display: flex;
align-items: center;
padding-left: 1.5rem;
user-select: none;
pointer-events: none;
transform: translateY(-0.6rem);
}
.select-input.select-primary--small {
height: 2rem;
}
.select-input.select-primary.placeholder-fixed {
padding-top: 1.2rem;
}
.select-input.select-secondary {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.select-input.select-secondary--small {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
height: 2rem;
}
.select-input.select-secondary.placeholder-fixed {
padding-top: 1.2rem;
}
.select-input.select-secondary ~ .select-input--placeholder {
color: #777777;
}
.select-input.select-primary--small ~ svg, .select-input.select-secondary--small ~ svg {
height: 2rem;
}
.input-header {
display: flex;
justify-content: space-between;
}
.input-header--title {
color: #283455;
}
.input-header--detail, .input-header--required {
color: #777777;
margin-left: 0.75rem;
}
.input-header--detail.invalid, .input-header--required.invalid {
color: #AA3F00;
}
.input-header--detail a, .input-header--required a {
color: #293C70;
}
.input-header--detail {
color: #293C70;
}
.component--social-share {
margin: 0px auto;
margin-bottom: 2.5rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 350px;
color: #5D6E50;
}
.component--social-share a {
text-decoration: underline;
color: #5D6E50;
}
.overlay-step__cta-socials #fbGoogleButtonsContainer {
margin-top: 0;
margin-bottom: 20px;
}
@media (min-width: 601px) {
.overlay-step__cta-socials #fbGoogleButtonsContainer {
margin-bottom: 15px;
}
}
.overlay-step__cta-socials #fbLoginButton {
margin: 0;
justify-content: center;
}
@media (min-width: 601px) {
.overlay-step__cta-socials #fbLoginButton {
margin-right: 8px;
}
}
#fbGoogleButtonsContainer {
margin-top: 24px;
}
@media (max-width: 600px) {
#fbGoogleButtonsContainer {
grid-area: oauth;
grid-template-columns: none;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 601px) {
#fbGoogleButtonsContainer {
display: flex;
align-items: center;
}
}
#fbLoginButton {
display: flex;
align-items: center;
height: 38px;
margin: 0 5px;
}
@media (min-width: 601px) {
#fbLoginButton {
background: #1677f2;
border-radius: 4px;
}
}
#googleButtonDiv,
#googleButtonDivPartial {
margin-bottom: 5px;
margin-top: 8px;
justify-content: center;
display: flex;
}
.gwp-modal {
padding-bottom: 5rem;
}
.gwp-modal__title {
color: #283455;
margin-bottom: 1rem;
text-align: center;
}
.gwp-modal__subtitle {
color: #283455;
margin-bottom: 2.5rem;
text-align: center;
}
.gwp-card {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1.5rem;
border-radius: 20px;
background-color: #F2F2F2;
margin-bottom: 1rem;
opacity: 1;
}
.gwp-card.hide {
display: none;
opacity: 0;
}
.gwp-card.step_1 {
flex-wrap: nowrap;
}
.gwp-card.step_1 .gwp-card__cta {
width: 5rem;
grid-template-columns: minmax(5rem, max-content);
}
.gwp-card.step_1 .gwp-card__action-wrapper {
display: flex;
justify-content: flex-end;
align-items: flex-start;
margin-left: 1rem;
margin-top: 0;
}
.gwp-card.step_2 {
flex-wrap: wrap;
}
@media screen and (min-width: 600px) {
.gwp-card.step_2 {
flex-wrap: nowrap;
}
}
.gwp-card.step_2 .gwp-card__action-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 1rem;
width: 100%;
}
@media screen and (min-width: 600px) {
.gwp-card.step_2 .gwp-card__action-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-end;
margin-top: 0;
width: auto;
}
}
.gwp-card__image {
max-width: 4rem;
height: auto;
}
@media screen and (min-width: 900px) {
.gwp-card__image {
max-width: 5rem;
}
}
.gwp-card__image-wrapper {
align-content: flex-start;
margin-right: 1rem;
}
.gwp-card__copy-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 1;
}
.gwp-card__title {
color: #283455;
margin-bottom: 0.25rem;
}
.gwp-card__subtitle {
color: #777777;
}
.gwp-card__option-select {
margin-right: 1rem;
width: 100%;
height: 2.5rem;
}
@media screen and (min-width: 600px) {
.gwp-card__option-select {
margin-bottom: 1rem;
margin-right: 0;
width: 7.5rem;
}
}
.gwp-card__option-select .select-input {
height: 2.5rem;
margin-bottom: 0;
margin-right: 1rem;
padding-right: 2rem;
padding-top: 2px;
border-radius: 1rem;
width: 100%;
}
.gwp-card__option-select .select-input--wrapper {
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.gwp-card__option-select .select-input--wrapper {
margin-bottom: 0;
}
}
.gwp-card__option-select .select-input--wrapper svg {
height: 2.5rem;
right: 1rem;
}
.gwp-card__cta {
width: 100%;
height: 2.5rem;
margin-bottom: 0;
}
@media screen and (min-width: 900px) {
.gwp-card__cta {
width: 7.5rem;
}
}
.module--header .h_1,
.module--header .h_3,
.module--header #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .module--header .yotpo-header-title,
.module--header .module--faq .gladlyHC h2,
.module--faq .gladlyHC .module--header h2,
.module--header .module--faq .gladlyHC h3,
.module--faq .gladlyHC .module--header h3,
.module--header .p_1 {
color: #283455;
}
.module--header .btn--secondary,
.module--header .btn--secondary--small {
margin-bottom: 0;
}
.module--header-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "title title title title" "content content content content";
}
@media screen and (min-width: 600px) {
.module--header-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . ." ". title title title title title . content content content content .";
}
}
@media screen and (min-width: 900px) {
.module--header-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . ." ". title title title title title . content content content content .";
}
}
@media screen and (min-width: 1200px) {
.module--header-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . . . ." ". . title title title title title title title . content content content content . .";
}
}
.module--header__breadcrumbs {
grid-area: breadcrumbs;
margin-bottom: 2rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.module--header__breadcrumbs {
margin-bottom: 1rem;
}
}
.module--header-title {
grid-area: title;
margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
.module--header-title {
margin-bottom: 0;
}
}
.module--header-buttons {
display: flex;
flex-direction: column;
}
.module--header-buttons .btn:first-of-type, .module--header-buttons .module--account-details-content .add-address:first-of-type, .module--account-details-content .module--header-buttons .add-address:first-of-type {
margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
.module--header-buttons {
flex-direction: row;
}
.module--header-buttons .btn:first-of-type, .module--header-buttons .module--account-details-content .add-address:first-of-type, .module--account-details-content .module--header-buttons .add-address:first-of-type {
margin-right: 40px;
margin-bottom: 0;
}
}
.module--header-content {
grid-area: content;
}
.module--header-copy {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
.module--header-copy {
margin-bottom: 2.5rem;
}
}
.module--header .btn--secondary {
margin-bottom: 0;
}
.module--header-hero-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "title title title title" "lcol lcol lcol lcol" "rcol rcol rcol rcol";
margin-top: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--header-hero-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image image image image image image image" ". lcol lcol lcol lcol . rcol rcol rcol rcol rcol .";
}
}
@media screen and (min-width: 900px) {
.module--header-hero-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image image image image image image image" ". lcol lcol lcol lcol . rcol rcol rcol rcol rcol .";
}
}
@media screen and (min-width: 1200px) {
.module--header-hero-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". image image image image image image image image image image image image image image ." ". . lcol lcol lcol lcol lcol . . rcol rcol rcol rcol rcol . .";
}
}
@media screen and (min-width: 1200px) {
.module--header-hero-grid {
margin-top: 4rem;
}
}
.module--header-hero-image {
width: 100%;
display: block;
margin-top: 2.5rem;
overflow: hidden;
position: relative;
}
.module--header-hero-image[href=""], .module--header-hero-image[href="#"], .module--header-hero-image:not([href]) {
pointer-events: none;
}
.module--header-hero-image:before {
display: block;
content: "";
width: 100%;
padding-top: 112.5%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.module--header-hero-image > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module--header-hero-image img,
.module--header-hero-image video {
width: 100%;
color: transparent;
}
.module--header-hero-image video {
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 600px) {
.module--header-hero-image {
position: relative;
margin-top: 4rem;
}
.module--header-hero-image:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.module--header-hero-image > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module--header-hero-image img,
.module--header-hero-image video {
width: 100%;
color: transparent;
}
.module--header-hero-image video {
height: 100%;
object-fit: cover;
}
}
.module--header-hero-image .desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--header-hero-image .desktop {
display: block;
}
}
.module--header-hero-image .mobile {
display: block;
}
@media screen and (min-width: 600px) {
.module--header-hero-image .mobile {
display: none;
}
}
.module--header-hero-title {
grid-area: title;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.module--header-hero-title {
margin-bottom: 1.5rem;
}
}
.module--header-hero-copy {
margin-bottom: 1.5rem;
}
.module--header-hero-lcol {
grid-area: lcol;
}
.module--header-hero-lcol .btn--secondary--small {
display: none;
}
@media screen and (min-width: 600px) {
.module--header-hero-lcol .btn--secondary--small {
display: block;
}
}
.module--header-hero-rcol {
grid-area: rcol;
}
.module--header-hero-rcol .btn--secondary--small {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--header-hero-rcol .btn--secondary--small {
display: none;
}
}
.page-header {
padding-top: 2.5rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "title title title ." "subtitle subtitle subtitle subtitle" "anchors anchors anchors anchors";
color: #283455;
}
@media screen and (min-width: 900px) {
.page-header {
padding-top: 4rem;
}
}
@media screen and (min-width: 600px) {
.page-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . ." ". title title title title . subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors . subtitle subtitle subtitle subtitle subtitle ." ". . . . . . subtitle subtitle subtitle subtitle subtitle .";
}
}
@media screen and (min-width: 900px) {
.page-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . ." ". title title title title . subtitle subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors . subtitle subtitle subtitle subtitle subtitle ." ". . . . . . subtitle subtitle subtitle subtitle subtitle .";
}
}
@media screen and (min-width: 1200px) {
.page-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . . . ." ". . title title title title title title . subtitle subtitle subtitle subtitle subtitle . ." ". . anchors anchors anchors anchors anchors anchors . subtitle subtitle subtitle subtitle subtitle . ." ". . . . . . . . . subtitle subtitle subtitle subtitle subtitle . .";
}
}
.page-header--index {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "title title title ." "subtitle subtitle subtitle subtitle" "anchors anchors anchors anchors";
}
@media screen and (min-width: 600px) {
.page-header--index {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . ." ". title title title title title . subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors . subtitle subtitle subtitle subtitle subtitle.";
}
}
@media screen and (min-width: 900px) {
.page-header--index {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . ." ". title title title title title . subtitle subtitle subtitle subtitle ." ". anchors anchors anchors anchors . subtitle subtitle subtitle subtitle subtitle .";
}
}
@media screen and (min-width: 1200px) {
.page-header--index {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . . . ." ". . title title title title title title . . subtitle subtitle subtitle subtitle . ." ". . anchors anchors anchors anchors anchors anchors . . subtitle subtitle subtitle subtitle . .";
}
}
.page-header__breadcrumbs {
grid-area: breadcrumbs;
margin-bottom: 2rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.page-header__breadcrumbs {
margin-bottom: 1rem;
}
}
body.template-index .page-header__breadcrumbs {
margin-bottom: 0;
}
.page-header__title {
grid-area: title;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.page-header__title {
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 600px) {
.page-header__title {
margin-bottom: 1rem;
}
}
.page-header__copy {
grid-area: subtitle;
color: #283455;
line-height: 1.5;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.page-header__copy {
margin-bottom: 1rem;
}
}
.page-header__copy a {
text-decoration: underline;
color: #283455;
}
.page-header__copy a:hover {
color: #283455;
}
.page-header__anchors {
grid-area: anchors;
display: flex;
flex-wrap: wrap;
}
.page-header__anchors-title {
margin-right: 1rem;
}
.page-header__anchors-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
}
.page-header__anchors-item {
list-style: none;
padding-right: 1rem;
}
.page-header__anchors-link {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
text-decoration: underline;
color: #283455;
display: flex;
justify-content: flex-start;
}
.page-header__anchors-link.hover-active--underline, .page-header__anchors-link .hover-active--underline {
position: relative;
}
.page-header__anchors-link.hover-active--underline:after, .page-header__anchors-link .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.page-header__anchors-link.hover-active--underline:hover, .page-header__anchors-link.hover-active--underline:active, .page-header__anchors-link.hover-active--underline.active, .page-header__anchors-link .hover-active--underline:hover, .page-header__anchors-link .hover-active--underline:active, .page-header__anchors-link .hover-active--underline.active {
cursor: pointer;
}
.page-header__anchors-link.hover-active--underline:hover:after, .page-header__anchors-link.hover-active--underline:active:after, .page-header__anchors-link.hover-active--underline.active:after, .page-header__anchors-link .hover-active--underline:hover:after, .page-header__anchors-link .hover-active--underline:active:after, .page-header__anchors-link .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.page-header__anchors-link:hover {
color: #283455;
}
.page-header__anchors-link:focus {
color: #04247D;
}
.page-header-hero {
padding-top: 0px;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.page-header-hero {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.page-header-hero {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.page-header-hero {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.page-header-hero__image {
grid-column-start: 1;
grid-column-end: span 4;
width: 100%;
}
@media screen and (min-width: 600px) {
.page-header-hero__image {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.page-header-hero__image {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.page-header-hero__image {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.page-header-hero__image {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.page-header-hero__image {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.page-header-hero__image {
grid-column-end: span 14;
}
}
@media screen and (min-width: 600px) {
.page-header-hero__image-mobile {
display: none;
}
}
.page-header-hero__image-desktop {
display: none;
}
@media screen and (min-width: 600px) {
.page-header-hero__image-desktop {
display: block;
}
}
.page-header-hero__caption {
grid-column-start: 1;
grid-column-end: span 4;
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.page-header-hero__caption {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.page-header-hero__caption {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.page-header-hero__caption {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.page-header-hero__caption {
grid-column-end: span 7;
}
}
@media screen and (min-width: 900px) {
.page-header-hero__caption {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.page-header-hero__caption {
grid-column-end: span 6;
}
}
@media screen and (min-width: 600px) {
.page-header-hero__caption {
margin-top: 2rem;
}
}
.module--social {
background-color: #F0D7BF;
}
.module--social .social-header {
margin-bottom: 1.5rem;
}
.module--social .social-header img.ig_handle {
margin-right: 0.25rem;
}
.module--social .h_2, .module--social #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--social span, .module--social .h_3--large-mobile, .module--social .p_2 {
color: #283455;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 1025px) {
.module--social .h_2, .module--social #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--social span, .module--social .h_3--large-mobile, .module--social .p_2 {
margin-bottom: 1rem;
}
}
.module--social .h_2 .ig_handle, .module--social #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .ig_handle, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--social span .ig_handle, .module--social .h_3--large-mobile .ig_handle, .module--social .p_2 .ig_handle {
position: relative;
top: 2px;
}
.module--social .h_2 .ig_handle a, .module--social #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span .ig_handle a, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--social span .ig_handle a, .module--social .h_3--large-mobile .ig_handle a, .module--social .p_2 .ig_handle a {
color: #283455;
}
.module--social .social-img {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
.module--social .social-img {
margin-bottom: 2rem;
}
}
.module--social .grid--slider {
margin: 0px;
}
.module--social .grid--slider .ig_handle {
top: -5px;
}
.module--social .grid--slider .splide__slide {
cursor: grab;
}
.module--social .flickity-viewport {
overflow: visible;
}
@media screen and (min-width: 769px) {
.module--social .carousel-cell {
margin-left: 6.25%;
}
.module--social .flickity-viewport {
transition-property: transform;
transition-duration: 500ms;
}
.module--social.carousel-settled .flickity-viewport {
transform: translateX(-6.25%);
}
}
.module--social .button-group--cells {
height: 30px;
}
.module--social .button-group--cells .button {
cursor: pointer;
float: left;
min-width: 10px;
}
@media screen and (min-width: 1025px) {
.module--social .button-group--cells .button {
min-width: 15px;
}
}
.module--social .button-group--cells .button.button--previous img {
transform: rotate(180deg);
}
.module--social .button-group--cells .button.button--next {
float: right;
}
.module--social .button-group--cells .button img {
min-height: 30px;
}
.module--social.carousel-settled .button--next {
opacity: 0.3;
cursor: default;
}
.module--social.carousel-start .button--previous {
opacity: 0.3;
cursor: default;
}
.module--map {
color: #293C70;
}
.module--map__header {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--map__header {
margin-bottom: 6rem;
}
}
.module--map__header .h_1 {
margin-bottom: 0.5rem;
}
.module--map__map {
margin-bottom: 1.5rem;
}
.module--map__map svg {
max-width: 100%;
}
@media screen and (min-width: 900px) {
.module--map__map {
margin-bottom: 2.5rem;
}
}
.module--map__location {
margin-bottom: 2rem;
}
.module--map__location .h_4, .module--map__location .p_3 {
margin-bottom: 0.25rem;
}
.module--map__location:last-of-type, .module--map__location:nth-last-of-type(2) {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--map__location:last-of-type, .module--map__location:nth-last-of-type(2) {
margin-bottom: 2rem;
}
.module--map__location:last-of-type .h_4, .module--map__location:last-of-type .p_3, .module--map__location:nth-last-of-type(2) .h_4, .module--map__location:nth-last-of-type(2) .p_3 {
margin-bottom: 0.25rem;
}
}
.module--media {
background-color: transparent;
}
.module--media-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "video video video video" "lcol lcol lcol lcol" "rcol rcol rcol rcol";
}
@media screen and (min-width: 600px) {
.module--media-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". video video video video video video video video video video ." ". lcol lcol lcol lcol . rcol rcol rcol rcol rcol .";
}
}
@media screen and (min-width: 900px) {
.module--media-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". video video video video video video video video video video ." ". lcol lcol lcol lcol . rcol rcol rcol rcol rcol .";
}
}
@media screen and (min-width: 1200px) {
.module--media-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . title title title title title title title title title title . . ." ". . video video video video video video video video video video video video . ." ". . lcol lcol lcol lcol lcol . . rcol rcol rcol rcol rcol . .";
}
}
.module--media a,
.module--media h3,
.module--media p {
color: #283455;
}
.module--media-title {
grid-area: title;
text-align: center;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--media-title {
margin-bottom: 2.5rem;
}
}
.module--media-container {
grid-area: video;
position: relative;
cursor: pointer;
}
.module--media-container video {
width: 100%;
display: block;
border-bottom: 1px solid transparent;
}
.module--media-container img {
width: 100%;
cursor: default;
}
.module--media-controls {
grid-area: video;
display: none;
position: absolute;
left: 50%;
bottom: 50%;
transform: translate(-50%, 50%);
}
.module--media-lcol, .module--media-rcol {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
@media screen and (min-width: 600px) {
.module--media-lcol, .module--media-rcol {
margin-top: 2.5rem;
}
}
.module--media-lcol {
grid-area: lcol;
}
.module--media-rcol {
grid-area: rcol;
}
.module--media-header {
margin-bottom: 1rem;
}
.module--media-copy {
margin-bottom: 0;
}
.module--media-content-wrapper {
margin-bottom: 1.5rem;
}
.module--media-button {
display: block;
height: 4rem;
width: 4rem;
}
@media screen and (min-width: 600px) {
.module--media-button {
height: 5rem;
width: 5rem;
}
}
.module--media .play-pause__circle {
fill: #fff;
}
.module--media .play-pause__pause, .module--media .play-pause__play {
fill: #283455;
}
.module--media .play-pause__pause {
display: none;
}
.module--cart-empty {
padding-top: 5rem;
min-height: 38rem;
color: #283455;
}
.module--cart-empty .h_2, .module--cart-empty #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--cart-empty span {
margin-bottom: 3.5rem;
text-align: center;
}
@media screen and (min-width: 1200px) {
.module--cart-empty .h_2, .module--cart-empty #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--cart-empty span {
margin-bottom: 4rem;
}
}
.module--compare {
color: #283455;
}
.module--compare-header {
margin-bottom: 4rem;
}
.module--compare .flickity-viewport {
overflow: visible;
}
.module--compare #module--compare--slider {
display: none;
}
.module--compare .item--container {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--compare .item--container {
margin-bottom: 0rem;
}
}
.module--compare .item--content {
display: block;
width: 47.6%;
float: left;
}
.module--compare .item--image {
border-radius: 50%;
width: 47.6%;
float: right;
}
.module--compare .item--title {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--compare .slider {
display: block;
}
.module--compare #module--compare--static {
display: none;
}
.module--compare .carousel-cell {
padding-left: 16px;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--compare .carousel-cell {
padding-left: 24px;
}
}
@media screen and (min-width: 600px) {
.module--compare .carousel-cell:nth-child(n+2) {
margin-left: 8.33%;
}
}
@media screen and (min-width: 600px) {
.module--compare .item--content, .module--compare .item--image {
width: 100%;
float: none;
}
.module--compare .item--image {
margin-bottom: 2.5rem;
}
.module--compare .item--title {
margin-bottom: 2.5rem;
}
.module--compare .item--properties {
min-height: 218px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.module--compare .item--properties--long {
justify-content: unset;
}
.module--compare .item--properties--long .item--property:not(:last-of-type) {
min-height: 76px;
}
.module--compare .item--properties--long .item--property:nth-of-type(3) {
min-height: 96px;
}
.module--compare .item--property-name {
margin-bottom: 0.5rem;
}
.module--compare .item--property-value {
margin-bottom: 0rem;
}
}
@media screen and (min-width: 600px) {
.module--compare .flickity-viewport {
transition-property: transform;
transition-duration: 500ms;
}
.module--compare .carousel-cell {
padding-left: 24px;
}
.module--compare-three .carousel-cell:nth-child(n+2) {
margin-left: 12.5%;
}
.module--compare-four .carousel-cell:nth-child(n+2) {
margin-left: 6.25%;
}
.module--compare-five .carousel-cell:nth-child(n+2) {
margin-left: 0;
}
.module--compare .item--image {
width: 63%;
}
}
.module--compare--table {
padding-bottom: 8rem;
margin: 0 auto;
}
@media screen and (max-width: 599px) {
.module--compare--table {
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
}
}
@media screen and (min-width: 1200px) {
.module--compare--table {
max-width: calc(100% - 236px);
}
}
.module--compare--table .compare-module__table {
display: flex;
flex-direction: column-reverse;
}
@media screen and (min-width: 900px) {
.module--compare--table .compare-module__table {
align-items: center;
flex-direction: row;
}
}
.module--compare--table .compare-module__table__wrapper {
padding: 0 25px 0 0;
overflow-x: scroll;
}
.module--compare--table .compare-module__table__wrapper::-webkit-scrollbar {
background: transparent;
}
@media screen and (min-width: 900px) {
.module--compare--table .compare-module__table__wrapper {
flex: 1 0 696px;
padding: 0;
overflow-x: unset;
}
}
@media screen and (max-width: 599px) {
.module--compare--table .compare-module__table__wrapper table {
width: 696px;
}
}
.module--compare--table .compare-module__table article {
color: #283455;
}
@media screen and (max-width: 599px) {
.module--compare--table .compare-module__table article {
margin-left: 25px;
}
}
@media screen and (min-width: 900px) {
.module--compare--table .compare-module__table article {
margin-left: 5.6%;
}
}
.module--compare--table .compare-module__table article h2 {
margin-bottom: 2rem;
text-transform: capitalize;
}
.module--compare--table .compare-module__table article p {
padding: 0 6rem 0 0;
letter-spacing: -0.01rem;
}
@media screen and (min-width: 600px) {
.module--compare--table .compare-module__table article p {
padding: 0;
}
}
.module--compare--table .compare-module__header tr.row1 td {
padding-bottom: 0.25rem;
}
.module--compare--table .compare-module__header tr.row1 td img {
width: 80px;
background-color: #F2F2F2;
border-radius: 50%;
}
.module--compare--table .compare-module__header tr.row2 td {
position: relative;
}
.module--compare--table .compare-module__header tr.row2 td.col2 span, .module--compare--table .compare-module__header tr.row2 td.col4 span, .module--compare--table .compare-module__header tr.row2 td.col5 span, .module--compare--table .compare-module__header tr.row2 td.col6 span {
background: #DDE3EC;
}
.module--compare--table .compare-module__header tr.row2 td.col3 span {
background: #AEB6A7;
}
.module--compare--table .compare-module__header tr.row2 td span {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 71px;
height: 16px;
padding: 3px 9px 0;
font-family: "BrandonTextWeb-Bold";
font-size: 8px;
letter-spacing: -0.08px;
transform: translate(-80%, -170%);
border-radius: 12px;
}
.module--compare--table .compare-module__header tr.row3 td {
height: 17px;
padding: 0 0 8px;
font-family: "BrandonTextWeb-Bold";
font-size: 12px;
letter-spacing: -0.12px;
}
.module--compare--table .compare-module__header tr.row4 td {
height: 14px;
padding: 0 0 24px;
font-family: "BrandonTextWeb-Regular";
font-size: 10px;
letter-spacing: -0.1px;
}
.module--compare--table .compare-module__header tr.row4 td.col1 {
position: relative;
}
.module--compare--table .compare-module__header tr.row4 td.col1:after {
position: absolute;
right: -1px;
bottom: -1px;
display: block;
width: 1px;
height: 1px;
border-bottom: 1px solid #283455;
content: "";
}
.module--compare--table .compare-module__header tr.row4 td:not(.col1) {
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__header tr td {
padding: 0;
text-align: center;
color: #283455;
border-color: transparent;
}
.module--compare--table .compare-module__chart .row1 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row1 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row1 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row1 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row1 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row2 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row2 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row2 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row2 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row2 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row3 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row3 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row3 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row3 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row3 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row4 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row4 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row4 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row4 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row4 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row5 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row5 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row5 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row5 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row5 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row6 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row6 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row6 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row6 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row6 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row7 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row7 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row7 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row7 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row7 td img {
width: 24px;
}
.module--compare--table .compare-module__chart .row8 td {
width: 120px;
height: 64px;
padding: 0;
font-family: "BrandonTextWeb-Bold";
font-size: 14px;
color: #283455;
text-align: center;
}
.module--compare--table .compare-module__chart .row8 td.col1 {
width: 96px;
font-size: 12px;
letter-spacing: -0.12px;
border: transparent;
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row8 td:not(.col1) {
border: transparent;
border-top: 1px solid #283455;
border-bottom: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row8 td:last-of-type {
border-right: 1px solid #283455;
}
.module--compare--table .compare-module__chart .row8 td img {
width: 24px;
}
.module--value-props {
background: transparent;
}
.module--value-props .h_1, .module--value-props .h_2, .module--value-props #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--value-props span, .module--value-props .h_3, .module--value-props #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .module--value-props .yotpo-header-title, .module--value-props .module--faq .gladlyHC h2, .module--faq .gladlyHC .module--value-props h2, .module--value-props .module--faq .gladlyHC h3, .module--faq .gladlyHC .module--value-props h3, .module--value-props .h_3--large-mobile, .module--value-props .p_2, .module--value-props a {
color: #283455;
}
@media screen and (min-width: 900px) {
.module--value-props .module-title {
grid-template-columns: repeat(16, 1fr);
}
}
.module--value-props .module-title .grid__item--has-cta {
display: flex;
align-items: center;
grid-column-end: span 12;
}
@media screen and (max-width: 599px) {
.module--value-props .module-title .grid__item--has-cta {
flex-direction: column;
row-gap: 26px;
align-items: flex-start;
}
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta {
border: 1px solid #283455;
background: transparent;
color: #283455;
transition: color 100ms cubic-bezier(0.33, 1, 0.68, 1), background 100ms cubic-bezier(0.33, 1, 0.68, 1);
text-decoration: none;
outline: none;
padding: 10px 22px;
border-radius: 16px;
margin-left: 2rem;
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline {
position: relative;
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline:hover, .module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline:active, .module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline.active, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline:hover, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline:active, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline.active {
cursor: pointer;
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline:hover:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline:active:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta.hover-active--underline.active:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline:hover:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline:active:after, .module--value-props .module-title .grid__item--has-cta .grid__item--cta .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (max-width: 599px) {
.module--value-props .module-title .grid__item--has-cta .grid__item--cta {
margin-left: 0;
}
}
.module--value-props .module-title .grid__item--has-cta .grid__item--cta:hover, .module--value-props .module-title .grid__item--has-cta .grid__item--cta:focus {
background: #283455;
color: #FFFFFF;
}
@media screen and (max-width: 599px) {
.module--value-props .module-title .grid__item--has-cta .grid__item--module-image {
display: block;
}
}
@media screen and (min-width: 900px) {
.module--value-props .grid__item--module-image.lrg--hide {
display: none !important;
}
}
@media screen and (min-width: 900px) {
.module--value-props .grid__item--module-image.lrg--show {
display: block !important;
}
}
.module--value-props .grid__item--module-image .image-wrapper img {
width: 100%;
}
.module--value-props .grid__item--module-title {
margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
.module--value-props .grid__item--module-title {
margin-bottom: 2.5rem;
}
}
.module--value-props .module-content {
padding-top: 2rem;
}
@media screen and (min-width: 600px) {
.module--value-props .module-content {
flex-direction: row;
padding-top: 0;
}
}
@media screen and (min-width: 900px) {
.module--value-props .module-content {
min-height: 400px;
}
}
.module--value-props .module-content .grid__item--module-text {
flex-direction: column;
}
@media screen and (min-width: 900px) {
.module--value-props .module-content .grid__item--module-text {
justify-content: center;
}
}
.module--value-props .module-content .grid__item--module-text .value-prop {
margin-bottom: 2rem;
}
.module--value-props .module-content .grid__item--module-text .value-prop .h_3, .module--value-props .module-content .grid__item--module-text .value-prop #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .module--value-props .module-content .grid__item--module-text .value-prop .yotpo-header-title, .module--value-props .module-content .grid__item--module-text .value-prop .module--faq .gladlyHC h2, .module--faq .gladlyHC .module--value-props .module-content .grid__item--module-text .value-prop h2, .module--value-props .module-content .grid__item--module-text .value-prop .module--faq .gladlyHC h3, .module--faq .gladlyHC .module--value-props .module-content .grid__item--module-text .value-prop h3 {
margin-bottom: 1rem;
}
.module--value-props .module-content .grid__item--module-text .value-prop p {
margin-bottom: 0;
}
.module--value-props--layout-2 .module-content .grid__row, .module--value-props--layout-4 .module-content .grid__row {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.module--value-props--layout-2 .module-content .grid__item--row, .module--value-props--layout-4 .module-content .grid__item--row {
display: grid;
}
@media screen and (min-width: 600px) {
.module--value-props--layout-2 .module-content .grid__item--row, .module--value-props--layout-4 .module-content .grid__item--row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
}
}
@media screen and (min-width: 900px) {
.module--value-props--layout-2 .module-content .grid__item--row, .module--value-props--layout-4 .module-content .grid__item--row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
}
}
@media screen and (min-width: 1200px) {
.module--value-props--layout-2 .module-content .grid__item--row, .module--value-props--layout-4 .module-content .grid__item--row {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(7, 1fr);
}
}
.module--value-props--layout-2 .module-content .grid__item--row:last-child, .module--value-props--layout-4 .module-content .grid__item--row:last-child {
margin-bottom: 0 !important;
}
.module--value-props--layout-2 .module-content .grid__item--row:last-child .grid__item:last-child .value-prop, .module--value-props--layout-4 .module-content .grid__item--row:last-child .grid__item:last-child .value-prop {
margin-bottom: 0 !important;
}
@media screen and (min-width: 600px) {
.module--value-props--layout-2 .module-content .grid__item--row:last-child .grid__item .value-prop, .module--value-props--layout-4 .module-content .grid__item--row:last-child .grid__item .value-prop {
margin-bottom: 0 !important;
}
}
@media screen and (min-width: 900px) {
.module--value-props--layout-2 .module-content .grid__item--module-text, .module--value-props--layout-4 .module-content .grid__item--module-text {
margin-top: 0rem;
}
}
.module--value-props--layout-2 .img-caption, .module--value-props--layout-4 .img-caption {
margin-top: 2rem;
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--value-props--layout-2 .img-caption, .module--value-props--layout-4 .img-caption {
max-width: 303px;
margin-bottom: 0rem;
}
}
@media screen and (min-width: 900px) {
.module--value-props--layout-2 .img-caption, .module--value-props--layout-4 .img-caption {
max-width: 414px;
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--value-props--layout-3 .grid__item--module-image {
order: 1;
}
}
.module--value-props--layout-3 .module-content .grid__item--module-text {
margin-bottom: 2.5rem;
}
.module--value-props--layout-3 .module-content .grid__item--module-text .value-prop {
margin-bottom: 2rem;
}
.module--value-props--layout-3 .module-content .grid__item--module-text .value-prop:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--value-props--layout-3 .module-content .grid__item--module-text {
justify-content: center;
}
}
.module--value-props--layout-3 .grid__item--module-image {
margin-bottom: 1.5rem;
}
.module--value-props--layout-3 .img-caption {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--value-props--layout-3 .img-caption {
max-width: 303px;
margin-bottom: 0rem;
}
}
@media screen and (min-width: 900px) {
.module--value-props--layout-3 .img-caption {
max-width: 414px;
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--value-props--layout-4-image-right .module-content, .module--value-props--layout-3-image-left .module-content {
flex-direction: row-reverse;
}
.module--value-props--layout-4-image-right .grid__item--module-title, .module--value-props--layout-3-image-left .grid__item--module-title {
grid-column-start: 1;
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--value-props--layout-4-image-right .grid__item--module-title, .module--value-props--layout-3-image-left .grid__item--module-title {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--value-props--layout-2-image-right .grid__item--module-image, .module--value-props--layout-4-image-right .grid__item--module-image {
order: 2;
grid-column-start: 8;
}
.module--value-props--layout-2-image-right .module-content .grid__row, .module--value-props--layout-4-image-right .module-content .grid__row {
grid-column-start: 1;
grid-column-end: span 6;
}
.module--value-props--layout-2-image-right .module-content .grid__item--module-image, .module--value-props--layout-4-image-right .module-content .grid__item--module-image {
display: grid !important;
}
.module--value-props--layout-2-image-right .module-title .grid__item--module-image, .module--value-props--layout-4-image-right .module-title .grid__item--module-image {
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.module--value-props--layout-2-image-right .module-content .grid__row, .module--value-props--layout-4-image-right .module-content .grid__row {
grid-column-start: 3;
grid-column-end: span 6;
}
.module--value-props--layout-2-image-right .grid__item--module-image, .module--value-props--layout-4-image-right .grid__item--module-image {
grid-column-start: 10;
grid-column-end: span 5;
}
}
@media screen and (min-width: 600px) {
.module--value-props--layout-3-image-left .grid__item--module-image {
grid-column-start: 1;
grid-column-end: span 6;
}
.module--value-props--layout-3-image-left .module-content .grid__item--module-text {
order: 2;
grid-column-start: 8;
}
}
@media screen and (min-width: 1200px) {
.module--value-props--layout-3-image-left .grid__item--module-image {
grid-column-start: 3;
}
.module--value-props--layout-3-image-left .module-content .grid__item--module-text {
grid-column-start: 11;
grid-column-end: span 4;
}
}
body.template-page-education-2 .module--value-props, body.template-page-landing-outbrain .module--value-props {
background-color: #fdfaf8;
}
/*============================================================================
#YotPo Zero Reviews
==============================================================================*/
body.template-product.zero-product-reviews .module--pdp-review,
body.template-product.zero-product-reviews .review-wrapper {
display: none;
}
/*============================================================================
Review Histogram
==============================================================================*/
.module--reviews-v1 .reviews-header {
text-align: center;
color: #283455;
margin-bottom: 1rem;
}
.module--reviews-v1 .reviews-header a {
color: #283455;
}
.module--reviews-v1 .histogram-wrapper .yotpo-stars {
text-align: center;
width: 100%;
font-size: 28px;
}
.module--reviews-v1 .histogram-wrapper .yotpo-stars .rating-star.pull-left {
float: none !important;
}
.module--reviews-v1 .histogram-wrapper .yotpo-stars .yotpo-icon.yotpo-icon-default-star:before,
.module--reviews-v1 .histogram-wrapper .yotpo-stars .yotpo-icon.yotpo-icon-star:before,
.module--reviews-v1 .histogram-wrapper .yotpo-stars .yotpo-icon.yotpo-icon-half-star:before,
.module--reviews-v1 .histogram-wrapper .yotpo-stars .yotpo-icon.yotpo-icon-empty-star:before {
color: #e3ad7c;
font-size: 28px;
}
.module--reviews-v1 .histogram-wrapper .yotpo-stars .sr-only {
display: none;
}
.module--reviews-v1 .histogram-wrapper .star-average {
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars {
display: flex;
flex-direction: column;
margin-bottom: 44px;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level {
font-size: 12px;
margin-bottom: 0.25rem;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-star {
display: inline-block;
text-align: right;
padding-top: 2px;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-bar {
position: relative;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-bar .bar-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-bar .bar {
position: relative;
width: 100%;
height: 0.5rem;
background-color: #dddddd;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-bar .bar .inner {
position: relative;
width: 50%;
height: 100%;
background-color: #293C70;
}
.module--reviews-v1 .histogram-wrapper .histogram-bars .review-level .review-percent {
padding-top: 2px;
display: inline-block;
text-align: left;
}
.module--reviews-v1 .histogram-wrapper .star-distribution {
text-align: center;
}
.module--reviews-v1 .histogram-wrapper p, .module--reviews-v1 .histogram-wrapper p span.average {
text-align: center;
}
.module--reviews-v1 .histogram-wrapper .yotpo-sum-reviews span {
display: inline-block;
}
.module--reviews-v1 .histogram-wrapper .review-sep {
display: none;
}
.module--reviews-v1 .histogram-wrapper .invisible {
visibility: hidden;
z-index: -9999;
height: 1px;
opacity: 0;
}
/*============================================================================
Single Product PDP
==============================================================================*/
#reviewsModuleV1 .yotpo .main-widget .yotpo-label.yotpo-small-box {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box {
padding: 0 !important;
margin-bottom: 2.5rem;
border-color: transparent;
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box {
margin-bottom: 4rem;
}
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
display: grid !important;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-icon-btn-big.transparent-color-btn.yotpo-visible-mobile {
display: none !important;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-start: 2;
grid-column-end: span 2;
display: grid !important;
margin: 0 0 1rem 0 !important;
padding: 0 !important;
background-color: transparent !important;
text-transform: none !important;
grid-template-columns: minmax(200px, max-content);
color: #283455 !important;
justify-self: end;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-start: 4;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-start: 6;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
grid-column-end: span 3;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button {
margin: 0 0 0 0 !important;
}
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon.yotpo-icon-write {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
display: grid !important;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
background-color: transparent;
border: 1px solid #283455;
color: #283455;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline {
position: relative;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline.active {
cursor: pointer;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline {
position: relative;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline.active {
cursor: pointer;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text.hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .write-review-button .yotpo-icon-button-text .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-dropdown-wrapper {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary ul[role=tablist] {
display: none !important;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-start: 2;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-start: 9;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown {
grid-column-end: span 3;
}
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button {
display: grid;
position: relative;
margin: 0;
grid-template-columns: minmax(200px, max-content);
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
display: block;
font-size: 14px;
padding: 0 1.5rem;
text-align: left;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
background-color: transparent;
border: 1px solid #283455;
color: #283455;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline {
position: relative;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline.active {
cursor: pointer;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline {
position: relative;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline.active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:hover, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:active, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline.active {
cursor: pointer;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2).hover-active--underline.active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:hover:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline:active:after, #reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(2) .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button .select-arrow {
position: absolute;
top: 1.35rem;
left: 10.5rem;
height: 10px;
width: 10px;
transform: rotate(90deg);
background-image: url( icon--arrow-carousel317f.svg?v=4378784301122600114);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button span:nth-child(odd) {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown-button .yotpo-icon.yotpo-icon-down-triangle {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-nav-dropdown .yotpo-dropdown.list-categories {
top: 56px;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav.yotpo-small-box .yotpo-nav.yotpo-nav-primary .yotpo-clr {
display: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-2-boxes {
display: none;
margin: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-preloader-wrapper {
display: none !important;
}
/*============================================================================
Bundle PDP and Review Page
==============================================================================*/
#yotpo-testimonials-custom-tab .testimonials.yotpo-display-wrapper .yotpo.yotpo-modal .yotpo-modal-dialog .yotpo-label {
display: none !important;
}
#yotpo-testimonials-custom-tab .testimonials.yotpo-display-wrapper .yotpo.yotpo-modal .yotpo-modal-dialog .yotpo-modal-content .yotpo-popup-box-medium.yotpo-modal-bottom-line {
display: none !important;
}
#yotpo-testimonials-custom-tab .testimonials.yotpo-display-wrapper .yotpo.yotpo-modal .yotpo-modal-dialog .yotpo-modal-content .yotpo-popup-box-small.yotpo-nav.yotpo-nav-primary {
display: none !important;
}
#yotpo-testimonials-custom-tab .testimonials.yotpo-display-wrapper .yotpo.yotpo-modal .yotpo-modal-dialog .yotpo-modal-content .yotpo-modal-body-wrapper .yotpo-modal-body .yotpo-popup-box-large {
padding: 0 !important;
}
/*============================================================================
Write a Review form
==============================================================================*/
#reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span {
font-weight: normal !important;
color: #283455 !important;
text-transform: none;
}
#reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-content span {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
color: #283455 !important;
}
#reviewsModuleV1 .yotpo .main-widget form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
#reviewsModuleV1 .yotpo .main-widget form .form-input-error {
color: #AA3F00 !important;
font-family: BrandonTextWeb-Regular !important;
font-size: 0.75rem !important;
letter-spacing: -0.0075rem !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-start: 3;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-end: span 8;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-end: span 8;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper {
grid-column-end: span 6;
}
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .write-review.yotpo-regular-box {
margin: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title {
color: #283455 !important;
text-transform: none;
margin-bottom: 0.6875rem;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-subtitle p {
color: #283455 !important;
margin: 0;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .score-wrapper {
display: flex;
justify-content: space-between;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .score-wrapper .y-label {
font-family: BrandonTextWeb-Bold !important;
font-size: 0.75rem !important;
letter-spacing: -0.0075rem !important;
color: #283455 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon.yotpo-icon-empty-star {
font-size: 1rem !important;
line-height: 1;
color: #DDDDDD;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon.yotpo-icon-empty-star:before {
content: "\e60e";
font-size: 1rem !important;
line-height: 1;
color: #DDDDDD;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon.yotpo-icon-star {
font-size: 1rem !important;
line-height: 1;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon.yotpo-icon-star:before {
content: "\e60e";
line-height: 1;
font-size: 1rem !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-review-stars {
padding: 0;
margin: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-footer .connect-wrapper {
padding: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-footer .connect-wrapper .form-element:first-child {
padding: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-footer .connect-wrapper .name-input {
width: 100% !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-footer .connect-wrapper .email-input {
height: auto !important;
width: 100% !important;
display: block !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper label {
display: flex;
justify-content: space-between;
font-family: BrandonTextWeb-Bold !important;
font-size: 0.75rem !important;
letter-spacing: -0.0075rem !important;
color: #283455 !important;
padding: 0 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-required-label {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.75rem !important;
letter-spacing: -0.0075rem !important;
color: #777777;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element {
margin-bottom: 1.5rem;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element .y-input,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element input,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element .text-box,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element .yotpo-text-box {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
background: #F2F2F2;
border: 1px solid #DDDDDD;
border-radius: 1.25rem;
color: #0F1528;
width: 100%;
margin: 1rem 0 0.5rem 0;
padding: 1.5rem;
width: 100%;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element input {
height: 3.5rem;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element textarea {
height: 7rem;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element ::-webkit-input-placeholder,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element ::-moz-placeholder,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element :-ms-input-placeholder,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element :-moz-placeholder {
color: #777777;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: 0.009rem;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button {
padding: 0 !important;
margin: 0 !important;
float: none !important;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "none";
}
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-start: 1;
grid-column-end: span 4;
padding: 0 !important;
margin: 0 !important;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-end: span 8;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-end: span 8;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button .form-input-error {
grid-column-end: span 6;
}
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-start: 1;
grid-column-end: span 3;
font-family: BrandonTextWeb-Bold !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
color: #FFFFFF !important;
background-color: #283455 !important;
border: 1px solid #283455 !important;
margin: 0 0 0 3px !important;
padding: 0 !important;
text-transform: none !important;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input {
grid-column-end: span 3;
}
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input:hover {
background-color: #293C70 !important;
}
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .form-element.submit-button input:focus {
background-color: #283455 !important;
outline: 0;
box-shadow: 0 0 0 2px #283455 !important;
border: 1px solid #FFFFFF !important;
}
/*============================================================================
PRODUCT CARDS PDP AND REVIEWS PAGE
==============================================================================*/
#reviewsModuleV1 .yotpo-review.yotpo-regular-box,
#reviewsModuleV1 .yotpo-comment.yotpo-regular-box,
#reviewsModuleV1 .yotpo-question.yotpo-regular-box,
#reviewsModuleV1 .yotpo-onsite-upload.yotpo-regular-box {
margin: 0 !important;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "main main main main";
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo-review.yotpo-regular-box,
#reviewsModuleV1 .yotpo-comment.yotpo-regular-box,
#reviewsModuleV1 .yotpo-question.yotpo-regular-box,
#reviewsModuleV1 .yotpo-onsite-upload.yotpo-regular-box {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". header header header main main main main main main main ." ". header header header main main main main main main main ." ". header header header main main main main main main main .";
}
}
@media screen and (min-width: 900px) {
#reviewsModuleV1 .yotpo-review.yotpo-regular-box,
#reviewsModuleV1 .yotpo-comment.yotpo-regular-box,
#reviewsModuleV1 .yotpo-question.yotpo-regular-box,
#reviewsModuleV1 .yotpo-onsite-upload.yotpo-regular-box {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". header header header main main main main main main main ." ". header header header main main main main main main main ." ". header header header main main main main main main main .";
}
}
@media screen and (min-width: 1200px) {
#reviewsModuleV1 .yotpo-review.yotpo-regular-box,
#reviewsModuleV1 .yotpo-comment.yotpo-regular-box,
#reviewsModuleV1 .yotpo-question.yotpo-regular-box,
#reviewsModuleV1 .yotpo-onsite-upload.yotpo-regular-box {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . header header header main main main main main main main main main . ." ". . header header header main main main main main main main main main . ." ". . header header header main main main main main main main main main . .";
}
}
#reviewsModuleV1 .yotpo-review .yotpo-header,
#reviewsModuleV1 .yotpo-comment .yotpo-header,
#reviewsModuleV1 .yotpo-question .yotpo-header,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header {
grid-area: header;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-header-element,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-header-element,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-header-element,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-header-element {
display: grid !important;
padding: 0px !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-header-element .y-label,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-header-element .y-label,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-header-element .y-label,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-header-element .y-label {
min-width: 100% !important;
width: 100%;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
font-weight: normal;
font-family: BrandonTextWeb-Bold !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
margin: 0 0 0.25rem 0 !important;
float: none;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-review-stars,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-review-stars,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-review-stars,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-review-stars {
margin: 0 0 1.25rem 0 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-user-title,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-user-title,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-user-title,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-user-title {
display: none !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-header-element.yotpo-header-actions,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-header-element.yotpo-header-actions,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-header-element.yotpo-header-actions,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-header-element.yotpo-header-actions {
float: none !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-header-element.yotpo-header-actions .y-label.yotpo-review-date,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-header-element.yotpo-header-actions .y-label.yotpo-review-date,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-header-element.yotpo-header-actions .y-label.yotpo-review-date,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-header-element.yotpo-header-actions .y-label.yotpo-review-date {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
color: #283455 !important;
margin: 0 0 1.5rem 0 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-icon-profile,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-icon-profile,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-icon-profile,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile {
display: none !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .yotpo-product-label,
#reviewsModuleV1 .yotpo-comment .yotpo-header .yotpo-product-label,
#reviewsModuleV1 .yotpo-question .yotpo-header .yotpo-product-label,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .yotpo-product-label {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
color: #283455 !important;
margin: 0 0 0.25rem 0 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-comment .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-question .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .product-link-wrapper .product-link.y-label {
display: block !important;
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
font-size: 14px !important;
color: #283455 !important;
margin: 0 0 1.5rem 0 !important;
}
@media screen and (min-width: 600px) {
#reviewsModuleV1 .yotpo-review .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-comment .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-question .yotpo-header .product-link-wrapper .product-link.y-label,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-header .product-link-wrapper .product-link.y-label {
margin: 0 !important;
}
}
#reviewsModuleV1 .yotpo-review .yotpo-main,
#reviewsModuleV1 .yotpo-comment .yotpo-main,
#reviewsModuleV1 .yotpo-question .yotpo-main,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-main {
grid-area: main;
margin: 0 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-main .content-title,
#reviewsModuleV1 .yotpo-comment .yotpo-main .content-title,
#reviewsModuleV1 .yotpo-question .yotpo-main .content-title,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-main .content-title {
padding: 0px !important;
font-weight: normal;
font-family: BrandonTextWeb-Bold !important;
font-size: 1rem !important;
letter-spacing: 0.01rem !important;
color: #283455 !important;
margin: 0 0 1rem 0 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-main .content-review,
#reviewsModuleV1 .yotpo-comment .yotpo-main .content-review,
#reviewsModuleV1 .yotpo-question .yotpo-main .content-review,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-main .content-review {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
color: #283455 !important;
}
#reviewsModuleV1 .yotpo-review .yotpo-footer,
#reviewsModuleV1 .yotpo-comment .yotpo-footer,
#reviewsModuleV1 .yotpo-question .yotpo-footer,
#reviewsModuleV1 .yotpo-onsite-upload .yotpo-footer {
display: none;
}
#reviewsModuleV1 .yotpo-read-more {
font-family: BrandonTextWeb-Bold !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
}
#reviewsModuleV1 .rest-content-collapsed {
font-family: BrandonTextWeb-Regular !important;
font-size: 0.875rem !important;
letter-spacing: -0.00874rem !important;
}
.module--cross-sell a {
color: #283455;
}
.module--cross-sell .pl__item {
margin: 0 !important;
}
.module--cross-sell--static .grid--cross-sell {
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--cross-sell--static .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--cross-sell--static .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--cross-sell--static .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--cross-sell--slider .grid--cross-sell {
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--cross-sell--slider .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--cross-sell--slider .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--cross-sell--slider .grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--cross-sell--slider .grid--cross-sell__item {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--cross-sell--slider .grid--cross-sell__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.module--cross-sell--slider .grid--cross-sell__item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--cross-sell--slider .grid--cross-sell__item {
grid-column-end: span 6;
}
}
.module--cross-sell--slider__arrows {
margin: 0;
display: none;
}
@media screen and (min-width: 1200px) {
.module--cross-sell--slider__arrows {
margin-top: 1.5rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 600px) {
.module--cross-sell--slider__arrows {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
.module--cross-sell--slider__arrows {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.module--cross-sell--slider__arrows {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-end: span 1;
}
}
@media screen and (min-width: 600px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--cross-sell--slider__arrows .cross-sell__arrows {
grid-column-start: 14;
}
}
.module--cross-sell--slider__arrows .cross-sell__arrows .arrow--wrapper {
display: flex;
justify-content: space-between;
}
.module--cross-sell--slider__arrows .cross-sell__arrows .arrow--wrapper .splide__arrow--button {
max-width: 15px;
width: 100%;
}
.module--cross-sell--slider__arrows .cross-sell__arrows .arrow--wrapper .splide__arrow--button img {
height: 100%;
width: 100%;
}
.module--cross-sell--slider__arrows .cross-sell__arrows .arrow--wrapper .splide__prev {
-webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
-moz-transform: rotate(180deg); /* FF */
-o-transform: rotate(180deg); /* Opera */
-ms-transform: rotate(180deg); /* IE9 */
transform: rotate(180deg); /* W3C compliant browsers */
opacity: 1;
}
.module--cross-sell--slider__arrows .cross-sell__arrows .arrow--wrapper .splide__next {
opacity: 1;
}
.module--cross-sell--slider__arrows .splide__arrow--button {
cursor: pointer;
}
.module--cross-sell--slider__arrows.carousel-start .splide__prev img {
opacity: 0.5;
}
.module--cross-sell--slider__arrows.carousel-end .splide__next img {
opacity: 0.5;
}
.grid--cross-sell {
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.grid--cross-sell {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.grid--cross-sell__header {
grid-column-end: span 4;
grid-column-start: 1;
color: #283455;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.grid--cross-sell__header {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.grid--cross-sell__header {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.grid--cross-sell__header {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.grid--cross-sell__header {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.grid--cross-sell__header {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.grid--cross-sell__header {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.grid--cross-sell__header {
margin-bottom: 2.5rem;
}
}
.grid--cross-sell__header h2 {
font-size: 24px;
}
@media screen and (min-width: 1200px) {
.grid--cross-sell__header h2 {
font-size: 30px;
}
}
.grid--cross-sell__header h3 {
text-align: center;
font-size: 24px;
}
@media screen and (min-width: 600px) {
.grid--cross-sell__header h3 {
font-size: 30px;
}
}
@media screen and (min-width: 1200px) {
.grid--cross-sell__header h3 {
font-size: 45px;
}
}
.module--quiz-tabbed .nav-tabs .tab {
color: #283455;
}
.module--quiz-tabbed .nav-tabs .tab:hover {
cursor: pointer;
}
.module--quiz-tabbed .nav-tabs .tab h1, .module--quiz-tabbed .nav-tabs .tab h2, .module--quiz-tabbed .nav-tabs .tab h3 {
width: fit-content;
border-bottom: 4px solid transparent;
transition: border-color 0.3s;
}
.module--quiz-tabbed .nav-tabs--mobile .nav-tabs__wrapper {
padding-left: 24px;
margin-bottom: 2.5rem;
flex-wrap: nowrap;
overflow-x: auto;
}
.module--quiz-tabbed .nav-tabs--mobile .nav-tabs__wrapper .tab {
margin-right: 1.5rem;
}
.module--quiz-tabbed .nav-tabs--mobile .nav-tabs__wrapper .tab-spacer {
min-width: 1.5rem;
}
.module--quiz-tabbed .nav-tabs--desktop {
grid-area: nav-tabs;
}
.module--quiz-tabbed .nav-tabs--desktop .nav-tabs__wrapper {
margin-bottom: 2.25rem;
display: flex;
flex-wrap: nowrap;
}
@media screen and (min-width: 600px) {
.module--quiz-tabbed .nav-tabs--desktop .nav-tabs__wrapper {
flex-direction: column;
}
}
.module--quiz-tabbed .nav-tabs--desktop .nav-tabs__wrapper .tab {
margin-bottom: 1.5rem;
}
.module--quiz-tabbed .grid--quiz-tabbed {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "nav-tabs nav-tabs nav-tabs nav-tabs" "quiz-section quiz-section quiz-section quiz-section";
}
@media screen and (min-width: 600px) {
.module--quiz-tabbed .grid--quiz-tabbed {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "nav-tabs nav-tabs . quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section";
}
}
@media screen and (min-width: 900px) {
.module--quiz-tabbed .grid--quiz-tabbed {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "nav-tabs nav-tabs . quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section";
}
}
@media screen and (min-width: 1200px) {
.module--quiz-tabbed .grid--quiz-tabbed {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". nav-tabs nav-tabs . quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section quiz-section .";
}
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section {
grid-area: quiz-section;
opacity: 0;
z-index: -9999;
transition: opacity 0.3s, z-index 0.3s;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "header header header header";
}
@media screen and (min-width: 600px) {
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "image image image image image . header header header";
}
}
@media screen and (min-width: 900px) {
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "image image image image . header header header header";
}
}
@media screen and (min-width: 1200px) {
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . header header header header header header";
}
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section.selected {
opacity: 1;
z-index: 1;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__img-wrapper {
grid-area: image;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__img-wrapper img {
margin-bottom: 1.5rem;
max-width: 100%;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper {
grid-area: header;
color: #283455;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper h1 {
margin-bottom: 3rem;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper h2, .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper h3 {
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper h2, .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper h3 {
margin-bottom: 3rem;
}
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper p {
margin-bottom: 1.5rem;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .btn, .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .module--account-details-content .add-address, .module--account-details-content .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .add-address {
margin: 0px;
}
.module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .btn a, .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .module--account-details-content .add-address a, .module--account-details-content .module--quiz-tabbed .grid--quiz-tabbed .quiz-section__text-wrapper .add-address a {
min-width: 150px;
}
.template-page-collections-sheets .main-content.wrapper--v1 {
margin-top: 0;
}
.module--sub-category-header .grid--header {
color: #283455;
padding: 3rem 0rem 0rem 0rem;
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs";
}
@media screen and (min-width: 1200px) {
.module--sub-category-header .grid--header {
padding: 4rem 0rem 4rem 0rem;
}
}
@media screen and (min-width: 600px) {
.module--sub-category-header .grid--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs . . . . . . ." ". . . title title title title title title . . .";
}
}
@media screen and (min-width: 900px) {
.module--sub-category-header .grid--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs . . . . . . . . ." ". . . title title title title title title . . .";
}
}
@media screen and (min-width: 1200px) {
.module--sub-category-header .grid--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". breadcrumbs breadcrumbs breadcrumbs . title title title title title title . . . . .";
}
}
.module--sub-category-header .header__breadcrumbs {
grid-area: breadcrumbs;
color: #283455;
}
.module--sub-category-header .header__breadcrumbs p {
margin: 0;
}
@media screen and (min-width: 600px) {
.module--sub-category-header .header__breadcrumbs p {
margin-bottom: 10px;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category-header .header__breadcrumbs p {
margin: 0;
}
}
.module--sub-category-header .header__title {
grid-area: title;
color: #283455;
display: none;
}
@media screen and (min-width: 600px) {
.module--sub-category-header .header__title {
display: block;
}
}
.module--sub-category-header .header__title h1 {
font-size: 1.875rem !important;
}
.module--sub-category {
padding-top: 0rem;
padding-bottom: 0rem;
}
.module--sub-category:nth-of-type(2) {
padding-top: 0rem;
}
@media screen and (min-width: 1200px) {
.module--sub-category {
padding-top: 4rem;
padding-bottom: 4rem;
}
.module--sub-category:nth-of-type(2) {
padding-top: 0rem;
}
}
.module--sub-category .h_1, .module--sub-category .h_2, .module--sub-category #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--sub-category span, .module--sub-category .h_3, .module--sub-category .module--faq .gladlyHC h2, .module--faq .gladlyHC .module--sub-category h2, .module--sub-category .module--faq .gladlyHC h3, .module--faq .gladlyHC .module--sub-category h3, .module--sub-category #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .module--sub-category .yotpo-header-title, .module--sub-category .p_1, .module--sub-category .p_2, .module--sub-category .p_3, .module--sub-category a_1, .module--sub-category a_2, .module--sub-category a_3 {
color: #283455;
}
.module--sub-category .p_2 {
margin-bottom: 0px;
}
.module--sub-category .grid--sub-category {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
margin: 0;
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--sub-category .grid--sub-category .sub-category {
grid-column-start: 1;
grid-column-end: span 4;
margin: 0;
padding: 2.5rem 0;
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-start: 4;
}
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-start: 6;
}
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-end: span 9;
}
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-end: span 9;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category {
grid-column-end: span 9;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category {
padding: 0rem;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__details {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "media media media media" "desc desc desc desc" "price price price price" ". cta cta .";
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "media media media media media media . . ." "media media media media media media title title ." "media media media media media media price price ." "media media media media media media . . ." "desc desc desc desc desc desc . . ." ". cta cta cta cta . . . .";
}
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "media media media media media media . . ." "media media media media media media title title ." "media media media media media media price price ." "media media media media media media . . ." "desc desc desc desc desc desc . . ." ". cta cta cta cta . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "media media media media media media . . ." "media media media media media media title title title" "media media media media media media desc desc desc" "media media media media media media price price price" "media media media media media media cta cta ." "media media media media media media . . .";
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media {
grid-area: media;
display: flex;
margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__media {
margin-bottom: 0;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper {
margin: 0 auto;
max-width: 85%;
position: relative;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img {
height: 100%;
width: 100%;
position: relative;
justify-content: center;
border-radius: 1rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img:before {
display: block;
content: "";
width: 100%;
padding-top: 112.5%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img img,
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img video {
width: 100%;
color: transparent;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .image-wrapper img video {
height: 100%;
object-fit: cover;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-container {
margin: 0 auto;
text-align: center;
justify-content: center;
position: relative;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-container video {
height: auto;
max-width: 85%;
margin: 0 auto;
border-radius: 1rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-controls {
display: none;
position: absolute;
left: 10%;
bottom: 1rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-button {
display: block;
height: 1.5rem;
width: 1.5rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-button .play-pause__circle {
fill: #fff;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-button .play-pause__pause, .module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-button .play-pause__play {
fill: #283455;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__media .module--cat-video-button .play-pause__pause {
display: none;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__title {
grid-area: title;
margin-bottom: 2rem;
text-align: center;
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__title {
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__title {
margin-bottom: 1.5rem;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__title .by-marlow {
line-height: 0;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__title .by-marlow svg {
margin-left: 0.125rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__title .sub-cat__price {
margin: 0;
margin-top: 0.75rem;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__title a h3 {
font-size: 1.875rem !important;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__award {
position: absolute;
top: 0;
right: 0;
margin: 0.5rem;
width: 80px;
pointer-events: none;
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__award {
margin: 1rem;
width: 96px;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__award img {
width: 100%;
height: auto;
border-radius: 0;
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__price {
grid-area: price;
margin-bottom: 2rem;
text-align: center;
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__price {
text-align: left;
}
}
@media screen and (min-width: 900px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__price {
margin-bottom: 2rem;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__desc {
grid-area: desc;
margin-bottom: 1rem;
text-align: center;
}
@media screen and (min-width: 600px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__desc {
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 1200px) {
.module--sub-category .grid--sub-category .sub-category .sub-cat__desc {
margin-bottom: 1.5rem;
text-align: left;
}
}
.module--sub-category .grid--sub-category .sub-category .sub-cat__cta {
grid-area: cta;
}
.module--sub-category .grid--sub-category:nth-child(2) .sub-category {
padding-top: 0;
}
.module--intro-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "content content content content";
}
@media screen and (min-width: 600px) {
.module--intro-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image . content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image . content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . image image image image image image . content content content content content content .";
}
}
.module--intro-grid.reverse-mobile {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content" "image image image image";
}
@media screen and (min-width: 600px) {
.module--intro-grid.reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image . content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image . content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . image image image image image image . content content content content content content .";
}
}
.module--intro-grid.reverse-mobile button {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--intro-grid.reverse-mobile button {
margin-bottom: 0;
}
}
.module--intro-grid.symmetric {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "content content content content";
}
@media screen and (min-width: 600px) {
.module--intro-grid.symmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.symmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.symmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . image image image image image . . content content content content content content .";
}
}
.module--intro-grid.symmetric--reverse-desktop {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "content content content content";
}
@media screen and (min-width: 600px) {
.module--intro-grid.symmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content . . image image image image image";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.symmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content . . image image image image image";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.symmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . content content content content content content . image image image image image . .";
}
}
.module--intro-grid.symmetric--reverse-mobile {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content" "image image image image";
}
@media screen and (min-width: 600px) {
.module--intro-grid.symmetric--reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.symmetric--reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.symmetric--reverse-mobile {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . image image image image image . . content content content content content content .";
}
}
.module--intro-grid.asymmetric {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "content content content content";
}
@media screen and (min-width: 600px) {
.module--intro-grid.asymmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.asymmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image . . content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.asymmetric {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". image image image image image image . content content content content content content .";
}
}
.module--intro-grid.asymmetric--reverse-desktop {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "content content content content";
}
@media screen and (min-width: 600px) {
.module--intro-grid.asymmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content . . image image image image image";
}
}
@media screen and (min-width: 900px) {
.module--intro-grid.asymmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content . . image image image image image";
}
}
@media screen and (min-width: 1200px) {
.module--intro-grid.asymmetric--reverse-desktop {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . content content content content content . image image image image image image image .";
}
}
.module--intro-image-wrapper {
grid-area: image;
overflow: hidden;
margin-bottom: 2.5rem;
position: relative;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
@media screen and (min-width: 600px) {
.module--intro-image-wrapper {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--intro-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 900px) {
.module--intro-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 1200px) {
.module--intro-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
.module--intro-image {
grid-area: image;
width: 100%;
}
.module--intro-image-link {
grid-template-rows: max-content;
height: 100%;
grid-area: image;
cursor: default;
}
.module--intro-image-link.cursor-pointer {
cursor: pointer;
}
.module--intro-content {
display: flex;
flex-direction: column;
grid-area: content;
justify-content: center;
}
.module--intro-eyebrow {
color: #5D6E50;
}
.module--intro-eyebrow svg {
fill: #5D6E50;
}
.module--intro-title {
color: #283455;
padding-bottom: 1.25rem;
}
@media screen and (min-width: 600px) {
.module--intro-title {
padding-bottom: 1rem;
}
}
.module--intro-title .superscript {
font-size: 1rem;
position: absolute;
line-height: 1;
}
@media screen and (min-width: 900px) {
.module--intro-title .superscript {
font-size: 1.875rem;
}
}
.module--intro-title .post-superscript {
padding-left: 20px;
}
.module--intro-copy {
color: #283455;
margin: 0;
padding-bottom: 2.5rem;
}
.module--intro .button-wrapper {
display: grid;
margin-bottom: 8px;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "left left left left" "right right right right";
}
@media screen and (min-width: 1200px) {
.module--intro .button-wrapper {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--intro .button-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(5, 1fr);
grid-template-areas: "left left left left ." "right right right right .";
}
}
@media screen and (min-width: 900px) {
.module--intro .button-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(5, 1fr);
grid-template-areas: "left left left left ." "right right right right .";
}
}
@media screen and (min-width: 1200px) {
.module--intro .button-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "left left left right right right";
}
}
.module--intro .button-wrapper .btn--intro-left {
grid-area: left;
margin-bottom: 24px;
}
@media screen and (min-width: 1200px) {
.module--intro .button-wrapper .btn--intro-left {
margin-bottom: 0;
}
}
.module--intro .button-wrapper .btn--intro-right {
grid-area: right;
margin-bottom: 24px;
}
@media screen and (min-width: 1200px) {
.module--intro .button-wrapper .btn--intro-right {
margin-bottom: 0;
}
}
.module--intro-widget {
color: #283455;
display: flex;
flex-direction: column;
}
.module--intro-widget-stars {
color: #DF8957;
display: flex;
flex-direction: row;
font-family: "yotpo-widget-font-bl";
font-size: 1.4rem;
padding-bottom: 0.5rem;
}
@media screen and (min-width: 600px) {
.module--intro-widget-stars {
font-size: 1.2rem;
padding-bottom: 0.75rem;
}
}
.module--intro-widget .yotpo-icon-star {
padding-right: 0.25rem;
}
.module--intro-widget-signature-subtitle .p_2 {
margin-bottom: 0px;
}
.module--intro-widget-signature-image img {
max-width: 11rem;
}
.module--intro-widget-contact-subtitle {
margin-bottom: 1rem;
}
.module--intro .swell-value {
color: #5D6E50;
}
body.template-page-education-2 #middleman, body.template-page-landing-outbrain #middleman {
background-color: #F9F3ED;
}
.module--promo-image-smile svg,
.module--promo-image-smile img {
position: absolute;
top: 0%;
right: 0%;
margin: 11.5% 14.5% 0 0;
height: auto;
width: 52.5%;
-webkit-animation: spin 4s linear;
-moz-animation: spin 4s linear;
animation: spin 4s linear;
animation-iteration-count: 2;
animation-delay: 1s;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.module--spotlight * > [data-enable=false] {
display: none;
}
.module--spotlight .wrapper--v1 .spotlight-header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "subtitle subtitle subtitle subtitle";
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . . title title title title title title . . ." ". . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle . .";
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . . title title title title title title . . ." ". . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle . .";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . . . title title title title title title . . . . ." ". . . . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-header {
margin-bottom: 2.5rem;
}
}
.module--spotlight .wrapper--v1 .spotlight-header--title {
grid-area: title;
text-align: center;
color: #283455;
margin-bottom: 0.5rem;
}
.module--spotlight .wrapper--v1 .spotlight-header--caption {
grid-area: subtitle;
text-align: center;
color: #283455;
margin: 0;
}
.module--spotlight .wrapper--v1 .spotlight-header--caption p {
margin-bottom: 0;
}
.module--spotlight .wrapper--v1 .spotlight {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--spotlight .wrapper--v1 .spotlight-grid.slider-grid {
display: none;
}
.module--spotlight .wrapper--v1 .spotlight-slider {
grid-column-end: span 4;
margin: 2.5rem 0 0rem;
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight-slider {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight-slider {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-slider {
grid-column-end: span 16;
}
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows {
display: none;
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows .splide__arrow--button {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
cursor: pointer;
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows .splide__arrow--button svg {
height: 100%;
width: 100%;
fill: #283455;
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows .splide__prev {
transform: scaleX(-1);
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows.carousel-start .splide__prev {
opacity: 0.5;
}
.module--spotlight .wrapper--v1 .spotlight-slider-arrows.carousel-end .splide__next {
opacity: 0.5;
}
.module--spotlight .wrapper--v1 .spotlight-slider.grid-slider {
display: none;
}
.module--spotlight .wrapper--v1 .spotlight-card--image-wrapper {
grid-area: image;
overflow: hidden;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
@media screen and (min-width: 600px) {
.module--spotlight .wrapper--v1 .spotlight-card--image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 900px) {
.module--spotlight .wrapper--v1 .spotlight-card--image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight .wrapper--v1 .spotlight-card--image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
.module--spotlight .wrapper--v1 .spotlight-card--image-wrapper .spotlight-card--link {
display: block;
}
.module--spotlight .wrapper--v1 .spotlight-card--image {
grid-area: image;
width: 100%;
}
.module--spotlight .wrapper--v1 .spotlight-card--eyebrow {
grid-area: brow;
color: #283455;
text-transform: uppercase;
letter-spacing: 0.09rem;
margin-bottom: 0rem;
margin-top: 1.5rem;
}
.module--spotlight .wrapper--v1 .spotlight-card--title {
grid-area: title;
color: #283455;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.module--spotlight .wrapper--v1 .spotlight-card--label {
grid-area: label;
color: #283455;
text-transform: uppercase;
letter-spacing: 0.09rem;
margin-bottom: 1rem;
}
.module--spotlight .wrapper--v1 .spotlight-card--copy {
grid-area: copy;
color: #293C70;
margin-bottom: 0;
}
.module--spotlight .wrapper--v1 .spotlight-card--copy-section {
display: block;
}
.module--spotlight .wrapper--v1 .spotlight-card--copy a {
color: #293C70;
}
.module--spotlight .wrapper--v1 .spotlight-card--cta {
grid-area: cta;
color: #293C70;
margin-top: 1.5rem;
margin-bottom: 0;
}
.module--spotlight .wrapper--v1 .spotlight-card--link {
display: grid;
}
.module--spotlight .wrapper--v1 .spotlight-card--link[data-cursor=pointer] {
cursor: pointer;
}
.module--spotlight .wrapper--v1 .spotlight-card--link[data-cursor=default] {
cursor: default;
}
.module--spotlight.fourcols .wrapper--v1 .spotlight {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-grid.slider-grid {
display: grid;
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-grid.grid-slider {
display: none;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider {
margin: 2.5rem 0 0rem;
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider-arrows {
display: flex;
justify-content: flex-end;
margin-top: 1.5rem;
margin-right: 3rem;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 6rem;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 9rem;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider.grid-slider {
display: grid;
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-slider.slider-grid {
display: none;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card {
grid-column-end: span 4;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+1) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+1) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+1) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+1) {
grid-column-start: 1;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+2) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+2) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+2) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+2) {
grid-column-start: 5;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+2) {
transition-delay: 0.2s;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+3) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+3) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+3) {
grid-column-start: 9;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+3) {
transition-delay: 0.2s;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+4) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+4) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+4) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+4) {
grid-column-start: 13;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card:nth-child(4n+4) {
transition-delay: 0.2s;
}
}
.module--spotlight.fourcols .wrapper--v1 .spotlight-card--wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
@media screen and (min-width: 600px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(3, 1fr);
grid-template-areas: "image image image" "brow brow brow " "title title title " "label label label " "copy copy copy " "cta cta cta ";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.fourcols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-grid.slider-grid {
display: grid;
}
.module--spotlight.threecols .wrapper--v1 .spotlight-grid.grid-slider {
display: none;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-slider {
margin: 2.5rem 0 0rem;
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-slider-arrows {
display: flex;
justify-content: flex-end;
margin-top: 1.5rem;
margin-right: 3rem;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 6rem;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 9rem;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-slider.grid-slider {
display: grid;
}
.module--spotlight.threecols .wrapper--v1 .spotlight-slider.slider-grid {
display: none;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-card {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card {
grid-column-end: span 4;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+1) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+1) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+1) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+1) {
grid-column-start: 3;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+2) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+2) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+2) {
grid-column-start: 5;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+2) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+2) {
transition-delay: 0.2s;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+3) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+3) {
grid-column-start: 9;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+3) {
grid-column-start: 11;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card:nth-child(3n+3) {
transition-delay: 0.2s;
}
}
.module--spotlight.threecols .wrapper--v1 .spotlight-card--wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
@media screen and (min-width: 600px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.threecols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-header {
margin-bottom: 0;
}
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-grid.slider-grid {
display: none;
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-grid.slider-grid {
display: grid;
}
.module--spotlight.twocols .wrapper--v1 .spotlight-grid.grid-slider {
display: none;
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-slider {
margin: 0;
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-slider-arrows {
display: flex;
justify-content: flex-end;
margin-top: 1.5rem;
margin-right: 3rem;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 6rem;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-slider-arrows {
margin-right: 9rem;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-slider.grid-slider {
display: grid;
}
.module--spotlight.twocols .wrapper--v1 .spotlight-slider.slider-grid {
display: none;
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-card {
margin-top: 2rem;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card {
margin-top: 2.5rem;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card {
grid-column-end: span 6;
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(odd) {
grid-column-start: 2;
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(even) {
grid-column-start: 10;
}
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-child(even) {
transition-delay: 0.2s;
}
}
.module--spotlight.twocols .wrapper--v1 .spotlight-card:nth-last-child(2), .module--spotlight.twocols .wrapper--v1 .spotlight-card:last-child() {
margin-bottom: 0;
}
.module--spotlight.twocols .wrapper--v1 .spotlight-card--wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "image image image image" "brow brow brow ." "title title title ." "label label label ." "copy copy copy copy" "cta cta cta .";
}
@media screen and (min-width: 600px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "brow brow brow brow brow brow" "title title title title title title" "label label label label label label" "copy copy copy copy copy copy" "cta cta cta cta cta cta ";
}
}
@media screen and (min-width: 900px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "brow brow brow brow brow brow" "title title title title title title" "label label label label label label" "copy copy copy copy copy copy" "cta cta cta cta cta cta ";
}
}
@media screen and (min-width: 1200px) {
.module--spotlight.twocols .wrapper--v1 .spotlight-card--wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-template-areas: "image image image image image image" "brow brow brow brow brow brow" "title title title title title title" "label label label label label label" "copy copy copy copy copy copy" "cta cta cta cta cta cta ";
}
}
.module--lifestyle .module-header {
margin-bottom: 2.5rem;
text-align: center;
color: #293C70;
}
@media screen and (min-width: 900px) {
.module--lifestyle .module-header {
margin-bottom: 4rem;
}
}
.module--lifestyle .img-wrapper {
margin-bottom: 1.5rem;
}
.module--lifestyle .caption-wrapper {
margin-bottom: 2.5rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.module--lifestyle .caption-wrapper {
margin-bottom: 0rem;
}
}
.module--store-footer {
background-color: #F9F3ED;
color: #283455;
padding: 2.5rem 0rem;
}
@media screen and (min-width: 600px) {
.module--store-footer {
padding: 3rem 0rem;
}
}
.module--store-footer--header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--store-footer--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--store-footer--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--header {
margin-bottom: 4rem;
}
}
.module--store-footer--header h2 {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--store-footer--header h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--store-footer--header h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--header h2 {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--store-footer--header h2 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--store-footer--header h2 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--header h2 {
grid-column-end: span 10;
}
}
.module--store-footer--copy {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--store-footer--copy {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--store-footer--copy {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--copy {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--store-footer--copy .footer-copy {
grid-column-start: 1;
grid-column-end: span 4;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--store-footer--copy .footer-copy {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--store-footer--copy .footer-copy {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--copy .footer-copy {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--store-footer--copy .footer-copy {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--store-footer--copy .footer-copy {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--store-footer--copy .footer-copy {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) {
.module--store-footer--copy .footer-copy {
margin-bottom: 0;
}
}
.module--store-footer--copy .p-header {
margin-bottom: 1.5rem;
}
.module--store-footer--copy .p-content {
max-width: 582px;
margin: 0px auto;
}
@media screen and (min-width: 900px) {
.module--store-footer--copy .p-content {
max-width: 676px;
}
}
.module--footer {
background-color: #F9F3ED;
}
.module--footer .footer-grid {
row-gap: 1rem;
}
.module--footer .footer-grid .ecap-grid h3 {
margin-bottom: 1rem;
color: #283455;
}
.module--footer .footer-grid .ecap-grid .ecap-sub-title {
margin-bottom: 1.5rem;
}
.module--footer .footer-grid .ecap-grid .input--wrapper {
min-width: 100%;
}
@media screen and (min-width: 1200px) {
.module--footer .footer-grid .ecap-grid .input--wrapper {
min-width: 110%;
}
}
.module--footer .footer-grid .ecap-grid .email-response--footer {
padding-top: 0.5rem;
}
.module--footer .footer-grid .ecap-grid .component--email-capture__fineprint {
color: #777777;
}
.module--footer .footer-grid .ecap-grid .component--email-capture__fineprint a {
color: #293C70;
}
.module--footer .footer-grid .footer-section {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "title title" "link-1 link-1" "link-2 link-2" "link-3 link-3" "link-4 link-4" "link-5 link-5" "link-6 link-6";
grid-template-rows: minmax(48px, auto) minmax(36px, auto) minmax(36px, auto) minmax(36px, auto) minmax(36px, auto) minmax(36px, auto) minmax(36px, auto);
}
@media screen and (min-width: 600px) {
.module--footer .footer-grid .footer-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(3, 1fr);
grid-template-areas: "title title title" "link-1 link-1 link-1" "link-2 link-2 link-2" "link-3 link-3 link-3" "link-4 link-4 link-4" "link-5 link-5 link-5" "link-6 link-6 link-6";
}
}
@media screen and (min-width: 900px) {
.module--footer .footer-grid .footer-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "link-1 link-1 link-4 link-4" "link-2 link-2 link-5 link-5" "link-3 link-3 link-6 link-6";
}
}
@media screen and (min-width: 1200px) {
.module--footer .footer-grid .footer-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "link-1 link-1 link-4 link-4" "link-2 link-2 link-5 link-5" "link-3 link-3 link-6 link-6";
}
}
@media screen and (min-width: 900px) {
.module--footer .footer-grid .footer-section {
grid-template-rows: minmax(48px, auto) minmax(36px, auto) minmax(36px, auto) minmax(36px, auto);
}
}
.module--footer .footer-grid .footer-section__title {
grid-area: title;
}
@media screen and (max-width: 599px) {
.module--footer .footer-grid .footer-section__title {
margin-top: 1rem;
}
}
.module--footer .footer-grid .footer-section__link-1 {
grid-area: link-1;
}
.module--footer .footer-grid .footer-section__link-2 {
grid-area: link-2;
}
.module--footer .footer-grid .footer-section__link-3 {
grid-area: link-3;
}
.module--footer .footer-grid .footer-section__link-4 {
grid-area: link-4;
}
.module--footer .footer-grid .footer-section__link-5 {
grid-area: link-5;
}
.module--footer .footer-grid .footer-section__link-6 {
grid-area: link-6;
}
.module--footer .footer-grid .footer-section .p_2 {
margin-bottom: 0px;
}
.module--footer .footer-grid .footer-section .footer-link {
color: #283455;
transition: color 0.2s;
}
.module--footer .footer-grid .footer-section .footer-link::after {
color: #283455;
}
.module--footer .footer-grid .footer-social-section .social-links {
display: flex;
}
@media screen and (min-width: 1200px) {
.module--footer .footer-grid .footer-social-section .social-links {
padding-top: 1rem;
}
}
.module--footer .footer-grid .footer-social-section .social-links .social-icon {
margin-right: 0.5rem;
width: 32px;
height: 32px;
}
.module--footer .footer-grid .footer-social-section .social-links .social-icon__circle {
fill: #FFFAF7;
}
.module--footer .footer-grid .footer-social-section .social-links .social-icon__path {
fill: #283455;
}
.module--footer .footer-grid .footer-copyright-privacy {
display: flex;
align-items: center;
min-height: 32px;
}
.module--footer .footer-grid .footer-copyright-privacy .p_3 {
margin-right: 16px;
margin-bottom: 0px;
}
.module--footer .footer-grid .footer-copyright-privacy .p_3 a {
color: #283455;
transition: color 0.2s;
}
.module--footer .footer-grid .footer-copyright-privacy .p_3 a::after {
color: #283455;
}
.module--account-header {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "nav nav nav nav";
margin: 2.5rem 0 2.875rem;
}
@media screen and (min-width: 600px) {
.module--account-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title . . ." "nav nav nav nav nav nav nav nav nav . . .";
}
}
@media screen and (min-width: 900px) {
.module--account-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title . . ." "nav nav nav nav nav nav nav nav nav . . .";
}
}
@media screen and (min-width: 1200px) {
.module--account-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . title title title title title title title . . . . . . ." ". . nav nav nav nav nav nav nav . . . . . . .";
}
}
@media screen and (min-width: 600px) {
.module--account-header {
margin-top: 2.375rem;
}
}
@media screen and (min-width: 1200px) {
.module--account-header {
margin-top: 3rem;
}
}
.module--account-header-title {
grid-area: title;
color: #283455;
}
.module--account-header-title h2 {
font-family: ToledoTS-Bold;
font-size: 2.25rem;
letter-spacing: normal !important;
}
.module--account-header-title h2.hover-active--underline, .module--account-header-title h2 .hover-active--underline {
position: relative;
}
.module--account-header-title h2.hover-active--underline:after, .module--account-header-title h2 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-header-title h2.hover-active--underline:hover, .module--account-header-title h2.hover-active--underline:active, .module--account-header-title h2.hover-active--underline.active, .module--account-header-title h2 .hover-active--underline:hover, .module--account-header-title h2 .hover-active--underline:active, .module--account-header-title h2 .hover-active--underline.active {
cursor: pointer;
}
.module--account-header-title h2.hover-active--underline:hover:after, .module--account-header-title h2.hover-active--underline:active:after, .module--account-header-title h2.hover-active--underline.active:after, .module--account-header-title h2 .hover-active--underline:hover:after, .module--account-header-title h2 .hover-active--underline:active:after, .module--account-header-title h2 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--account-header-title h2 {
font-size: 2.25rem;
}
}
@media screen and (min-width: 900px) {
.module--account-header-title h2 {
font-size: 2.812rem;
line-height: 3.231rem;
}
}
.module--account-header-title p {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin: 1rem 0 0;
}
.module--account-header-title p.hover-active--underline, .module--account-header-title p .hover-active--underline {
position: relative;
}
.module--account-header-title p.hover-active--underline:after, .module--account-header-title p .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-header-title p.hover-active--underline:hover, .module--account-header-title p.hover-active--underline:active, .module--account-header-title p.hover-active--underline.active, .module--account-header-title p .hover-active--underline:hover, .module--account-header-title p .hover-active--underline:active, .module--account-header-title p .hover-active--underline.active {
cursor: pointer;
}
.module--account-header-title p.hover-active--underline:hover:after, .module--account-header-title p.hover-active--underline:active:after, .module--account-header-title p.hover-active--underline.active:after, .module--account-header-title p .hover-active--underline:hover:after, .module--account-header-title p .hover-active--underline:active:after, .module--account-header-title p .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--account-header-title p {
margin-top: 1.5rem;
}
}
.module--account-header-links {
grid-area: nav;
padding-top: 1rem;
}
@media screen and (min-width: 600px) {
.module--account-header-links {
padding-top: 1.5rem;
}
}
.module--account-header-links a {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
text-decoration: underline;
color: #283455;
display: inline-block;
margin-right: 1rem;
}
.module--account-header-links a.hover-active--underline, .module--account-header-links a .hover-active--underline {
position: relative;
}
.module--account-header-links a.hover-active--underline:after, .module--account-header-links a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-header-links a.hover-active--underline:hover, .module--account-header-links a.hover-active--underline:active, .module--account-header-links a.hover-active--underline.active, .module--account-header-links a .hover-active--underline:hover, .module--account-header-links a .hover-active--underline:active, .module--account-header-links a .hover-active--underline.active {
cursor: pointer;
}
.module--account-header-links a.hover-active--underline:hover:after, .module--account-header-links a.hover-active--underline:active:after, .module--account-header-links a.hover-active--underline.active:after, .module--account-header-links a .hover-active--underline:hover:after, .module--account-header-links a .hover-active--underline:active:after, .module--account-header-links a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-header-links a.active {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--account-header-links a.active.hover-active--underline, .module--account-header-links a.active .hover-active--underline {
position: relative;
}
.module--account-header-links a.active.hover-active--underline:after, .module--account-header-links a.active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-header-links a.active.hover-active--underline:hover, .module--account-header-links a.active.hover-active--underline:active, .module--account-header-links a.active.hover-active--underline.active, .module--account-header-links a.active .hover-active--underline:hover, .module--account-header-links a.active .hover-active--underline:active, .module--account-header-links a.active .hover-active--underline.active {
cursor: pointer;
}
.module--account-header-links a.active.hover-active--underline:hover:after, .module--account-header-links a.active.hover-active--underline:active:after, .module--account-header-links a.active.hover-active--underline.active:after, .module--account-header-links a.active .hover-active--underline:hover:after, .module--account-header-links a.active .hover-active--underline:active:after, .module--account-header-links a.active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--login-form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "login login login login" "signup signup signup signup";
margin-bottom: 6rem;
}
@media screen and (min-width: 600px) {
.module--login-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "login login login login login login . signup signup signup signup signup";
}
}
@media screen and (min-width: 900px) {
.module--login-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "login login login login login . signup signup signup signup . .";
}
}
@media screen and (min-width: 1200px) {
.module--login-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . login login login login login login . . signup signup signup . . .";
}
}
.module--login-form p {
margin-bottom: 0.75rem;
}
.module--login-form .login {
grid-area: login;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 900px) {
.module--login-form .login {
margin-bottom: 0;
}
}
.module--login-form .sign-up {
font-family: BrandonTextWeb-Regular;
font-size: 1rem;
letter-spacing: 0.01rem;
grid-area: signup;
color: #283455;
}
.module--login-form .sign-up.hover-active--underline, .module--login-form .sign-up .hover-active--underline {
position: relative;
}
.module--login-form .sign-up.hover-active--underline:after, .module--login-form .sign-up .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--login-form .sign-up.hover-active--underline:hover, .module--login-form .sign-up.hover-active--underline:active, .module--login-form .sign-up.hover-active--underline.active, .module--login-form .sign-up .hover-active--underline:hover, .module--login-form .sign-up .hover-active--underline:active, .module--login-form .sign-up .hover-active--underline.active {
cursor: pointer;
}
.module--login-form .sign-up.hover-active--underline:hover:after, .module--login-form .sign-up.hover-active--underline:active:after, .module--login-form .sign-up.hover-active--underline.active:after, .module--login-form .sign-up .hover-active--underline:hover:after, .module--login-form .sign-up .hover-active--underline:active:after, .module--login-form .sign-up .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--login-form .sign-up--header {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.module--login-form .sign-up--header.hover-active--underline, .module--login-form .sign-up--header .hover-active--underline {
position: relative;
}
.module--login-form .sign-up--header.hover-active--underline:after, .module--login-form .sign-up--header .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--login-form .sign-up--header.hover-active--underline:hover, .module--login-form .sign-up--header.hover-active--underline:active, .module--login-form .sign-up--header.hover-active--underline.active, .module--login-form .sign-up--header .hover-active--underline:hover, .module--login-form .sign-up--header .hover-active--underline:active, .module--login-form .sign-up--header .hover-active--underline.active {
cursor: pointer;
}
.module--login-form .sign-up--header.hover-active--underline:hover:after, .module--login-form .sign-up--header.hover-active--underline:active:after, .module--login-form .sign-up--header.hover-active--underline.active:after, .module--login-form .sign-up--header .hover-active--underline:hover:after, .module--login-form .sign-up--header .hover-active--underline:active:after, .module--login-form .sign-up--header .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--login-form .sign-up--subheader {
margin-bottom: 0;
padding-bottom: 1rem;
}
.module--login-form .input--submit,
.module--login-form .btn--secondary {
margin: 1rem 0 0;
grid-template-columns: 100%;
}
@media screen and (min-width: 600px) {
.module--login-form .input--submit,
.module--login-form .btn--secondary {
grid-template-columns: minmax(200px, max-content);
}
}
.module--reset-password-form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "reset reset reset reset";
margin-bottom: 6rem;
}
@media screen and (min-width: 600px) {
.module--reset-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "reset reset reset reset reset reset . . . . . .";
}
}
@media screen and (min-width: 900px) {
.module--reset-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "reset reset reset reset reset . . . . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--reset-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . reset reset reset reset reset reset . . . . . . . .";
}
}
.module--reset-password-form form {
grid-area: reset;
}
.module--recover-password-form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form";
margin-bottom: 6rem;
}
@media screen and (min-width: 600px) {
.module--recover-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "form form form form form form form form . . . .";
}
}
@media screen and (min-width: 900px) {
.module--recover-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "form form form form form form form . . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--recover-password-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . form form form form form form form . . . . . . .";
}
}
.module--recover-password-form-wrapper {
grid-area: form;
}
.module--recover-password-form-cta-wrapper {
display: flex;
flex-direction: column;
margin: 1rem 0 0;
}
@media screen and (min-width: 600px) {
.module--recover-password-form-cta-wrapper {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.module--recover-password-form-cta-wrapper .cancel {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #293C70;
margin: 2rem auto 0;
}
.module--recover-password-form-cta-wrapper .cancel.hover-active--underline, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline {
position: relative;
}
.module--recover-password-form-cta-wrapper .cancel.hover-active--underline:after, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--recover-password-form-cta-wrapper .cancel.hover-active--underline:hover, .module--recover-password-form-cta-wrapper .cancel.hover-active--underline:active, .module--recover-password-form-cta-wrapper .cancel.hover-active--underline.active, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline:hover, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline:active, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline.active {
cursor: pointer;
}
.module--recover-password-form-cta-wrapper .cancel.hover-active--underline:hover:after, .module--recover-password-form-cta-wrapper .cancel.hover-active--underline:active:after, .module--recover-password-form-cta-wrapper .cancel.hover-active--underline.active:after, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline:hover:after, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline:active:after, .module--recover-password-form-cta-wrapper .cancel .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--recover-password-form-cta-wrapper .cancel {
margin: 0;
}
}
.module--recover-password-form-cta-wrapper .input--submit {
margin: 0;
}
@media screen and (max-width: 599px) {
.module--recover-password-form-cta-wrapper .input--submit {
grid-template-columns: 100%;
}
}
.module--recover-password-form .success {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #5D6E50;
margin-bottom: 2rem;
}
.module--recover-password-form .success.hover-active--underline, .module--recover-password-form .success .hover-active--underline {
position: relative;
}
.module--recover-password-form .success.hover-active--underline:after, .module--recover-password-form .success .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--recover-password-form .success.hover-active--underline:hover, .module--recover-password-form .success.hover-active--underline:active, .module--recover-password-form .success.hover-active--underline.active, .module--recover-password-form .success .hover-active--underline:hover, .module--recover-password-form .success .hover-active--underline:active, .module--recover-password-form .success .hover-active--underline.active {
cursor: pointer;
}
.module--recover-password-form .success.hover-active--underline:hover:after, .module--recover-password-form .success.hover-active--underline:active:after, .module--recover-password-form .success.hover-active--underline.active:after, .module--recover-password-form .success .hover-active--underline:hover:after, .module--recover-password-form .success .hover-active--underline:active:after, .module--recover-password-form .success .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--recover-password-form .success {
margin-bottom: 3rem;
}
}
.module--register-form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form";
margin-bottom: 6rem;
}
@media screen and (min-width: 600px) {
.module--register-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "form form form form form form form form form . . .";
}
}
@media screen and (min-width: 900px) {
.module--register-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "form form form form form form form . . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--register-form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . form form form form form form form . . . . . . .";
}
}
.module--register-form-wrapper {
grid-area: form;
}
.module--register-form-wrapper .name-line {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.module--register-form-wrapper .name-line .text-input--wrapper {
flex-grow: 1;
}
@media screen and (min-width: 600px) {
.module--register-form-wrapper .name-line {
flex-direction: row;
}
.module--register-form-wrapper .name-line .text-input--wrapper:first-child {
margin-right: 1.25rem;
}
}
.module--register-form-wrapper .input--submit {
margin: 1rem 0 0;
grid-template-columns: 100%;
}
@media screen and (min-width: 600px) {
.module--register-form-wrapper .input--submit {
grid-template-columns: minmax(200px, max-content);
}
}
.module--order-history {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "list list list list" "paginate paginate paginate paginate" "sidebar sidebar sidebar sidebar";
}
@media screen and (min-width: 600px) {
.module--order-history {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". list list list list list list list list list list ." ". paginate paginate paginate paginate paginate paginate paginate paginate paginate paginate ." ". sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar .";
}
}
@media screen and (min-width: 900px) {
.module--order-history {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". list list list list list list list list list list ." ". paginate paginate paginate paginate paginate paginate paginate paginate paginate paginate ." ". sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar . . .";
}
}
@media screen and (min-width: 1200px) {
.module--order-history {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . list list list list list list list . sidebar sidebar sidebar . . ." ". . paginate paginate paginate paginate paginate paginate paginate . . . . . . .";
}
}
@media screen and (min-width: 1200px) {
.module--order-history {
margin-bottom: 5.75rem;
}
}
.module--order-history a.order-list-title {
text-decoration: underline;
}
.module--order-history .order-sidebar {
margin-top: 2rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "comfort comfort comfort comfort" "return return return return";
}
@media screen and (min-width: 1200px) {
.module--order-history .order-sidebar {
margin-top: 0;
}
}
@media screen and (min-width: 600px) {
.module--order-history .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "comfort comfort comfort comfort comfort return return return return return";
}
}
@media screen and (min-width: 900px) {
.module--order-history .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "comfort comfort comfort comfort return return return return";
}
}
@media screen and (min-width: 1200px) {
.module--order-history .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(3, 1fr);
grid-template-areas: "comfort comfort comfort" "return return return";
}
}
.module--order-history .order-sidebar-title {
margin-bottom: 1.125rem;
}
.module--order-history .order-sidebar-description {
margin-bottom: 1.5rem;
}
.module--order-history .order-sidebar-comfort {
grid-area: comfort;
}
@media screen and (min-width: 1200px) {
.module--order-history .order-sidebar-comfort {
margin-bottom: 2rem;
}
}
.module--order-history .order-sidebar-returns {
grid-area: return;
}
.module--order-history .order-pagination {
grid-area: paginate;
text-align: center;
margin-top: 1.5rem;
}
.module--order-history .order-pagination .prev,
.module--order-history .order-pagination .next,
.module--order-history .order-pagination .page {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
padding: 0 0.5rem;
}
.module--order-history .order-pagination .prev.hover-active--underline, .module--order-history .order-pagination .prev .hover-active--underline,
.module--order-history .order-pagination .next.hover-active--underline,
.module--order-history .order-pagination .next .hover-active--underline,
.module--order-history .order-pagination .page.hover-active--underline,
.module--order-history .order-pagination .page .hover-active--underline {
position: relative;
}
.module--order-history .order-pagination .prev.hover-active--underline:after, .module--order-history .order-pagination .prev .hover-active--underline:after,
.module--order-history .order-pagination .next.hover-active--underline:after,
.module--order-history .order-pagination .next .hover-active--underline:after,
.module--order-history .order-pagination .page.hover-active--underline:after,
.module--order-history .order-pagination .page .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--order-history .order-pagination .prev.hover-active--underline:hover, .module--order-history .order-pagination .prev.hover-active--underline:active, .module--order-history .order-pagination .prev.hover-active--underline.active, .module--order-history .order-pagination .prev .hover-active--underline:hover, .module--order-history .order-pagination .prev .hover-active--underline:active, .module--order-history .order-pagination .prev .hover-active--underline.active,
.module--order-history .order-pagination .next.hover-active--underline:hover,
.module--order-history .order-pagination .next.hover-active--underline:active,
.module--order-history .order-pagination .next.hover-active--underline.active,
.module--order-history .order-pagination .next .hover-active--underline:hover,
.module--order-history .order-pagination .next .hover-active--underline:active,
.module--order-history .order-pagination .next .hover-active--underline.active,
.module--order-history .order-pagination .page.hover-active--underline:hover,
.module--order-history .order-pagination .page.hover-active--underline:active,
.module--order-history .order-pagination .page.hover-active--underline.active,
.module--order-history .order-pagination .page .hover-active--underline:hover,
.module--order-history .order-pagination .page .hover-active--underline:active,
.module--order-history .order-pagination .page .hover-active--underline.active {
cursor: pointer;
}
.module--order-history .order-pagination .prev.hover-active--underline:hover:after, .module--order-history .order-pagination .prev.hover-active--underline:active:after, .module--order-history .order-pagination .prev.hover-active--underline.active:after, .module--order-history .order-pagination .prev .hover-active--underline:hover:after, .module--order-history .order-pagination .prev .hover-active--underline:active:after, .module--order-history .order-pagination .prev .hover-active--underline.active:after,
.module--order-history .order-pagination .next.hover-active--underline:hover:after,
.module--order-history .order-pagination .next.hover-active--underline:active:after,
.module--order-history .order-pagination .next.hover-active--underline.active:after,
.module--order-history .order-pagination .next .hover-active--underline:hover:after,
.module--order-history .order-pagination .next .hover-active--underline:active:after,
.module--order-history .order-pagination .next .hover-active--underline.active:after,
.module--order-history .order-pagination .page.hover-active--underline:hover:after,
.module--order-history .order-pagination .page.hover-active--underline:active:after,
.module--order-history .order-pagination .page.hover-active--underline.active:after,
.module--order-history .order-pagination .page .hover-active--underline:hover:after,
.module--order-history .order-pagination .page .hover-active--underline:active:after,
.module--order-history .order-pagination .page .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--order-history .order-pagination .prev a,
.module--order-history .order-pagination .next a,
.module--order-history .order-pagination .page a {
color: #777777;
}
.module--order-history .order-pagination .prev a:hover, .module--order-history .order-pagination .prev.current,
.module--order-history .order-pagination .next a:hover,
.module--order-history .order-pagination .next.current,
.module--order-history .order-pagination .page a:hover,
.module--order-history .order-pagination .page.current {
color: #283455;
text-decoration: underline;
}
.module--order-details {
margin-bottom: 6rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "sidebar sidebar sidebar sidebar" "list list list list" "returns returns returns .";
}
@media screen and (min-width: 600px) {
.module--order-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar . . ." ". list list list list list list list list list list ." ". returns returns returns . . . . . . . .";
}
}
@media screen and (min-width: 900px) {
.module--order-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar . ." ". list list list list list list list list list list .";
}
}
@media screen and (min-width: 1200px) {
.module--order-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . list list list list list list list . sidebar sidebar sidebar . . .";
}
}
.module--order-details .order-list-header {
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--order-details .order-list-header {
flex-direction: row;
}
}
.module--order-details .order-list-item {
min-height: 10.5rem;
}
.module--order-details .order-list-title {
margin-bottom: 0.438rem;
}
.module--order-details .order-list-description {
margin-bottom: 1.5rem;
}
.module--order-details .order-list-returns {
grid-area: returns;
margin-top: 2.5rem;
}
@media screen and (min-width: 900px) {
.module--order-details .order-list-returns {
display: none;
}
}
.module--order-details .order-sidebar {
margin-bottom: 2.5rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pstatus pstatus pstatus pstatus" "fstatus fstatus fstatus fstatus" "baddress baddress saddress saddress";
}
@media screen and (min-width: 600px) {
.module--order-details .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "pstatus pstatus pstatus pstatus pstatus pstatus pstatus pstatus" "fstatus fstatus fstatus fstatus fstatus fstatus fstatus fstatus" "baddress baddress baddress baddress saddress saddress saddress saddress";
}
}
@media screen and (min-width: 900px) {
.module--order-details .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "pstatus pstatus pstatus pstatus pstatus pstatus . . ." "fstatus fstatus fstatus fstatus fstatus fstatus . . ." "baddress baddress baddress saddress saddress saddress returns returns returns";
}
}
@media screen and (min-width: 1200px) {
.module--order-details .order-sidebar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(3, 1fr);
grid-template-areas: "pstatus pstatus pstatus" "fstatus fstatus fstatus" "baddress baddress baddress" "saddress saddress saddress" "returns returns returns";
}
}
.module--order-details .order-sidebar-title, .module--order-details .order-sidebar-status {
margin-bottom: 0.438rem;
}
.module--order-details .order-sidebar-description {
margin-bottom: 1.5rem;
}
.module--order-details .order-sidebar-status {
text-transform: capitalize;
}
.module--order-details .order-sidebar-status.payment {
grid-area: pstatus;
margin-bottom: 0.5rem;
}
.module--order-details .order-sidebar-status.payment .paid,
.module--order-details .order-sidebar-status.payment .refunded {
color: #5D6E50;
}
.module--order-details .order-sidebar-status.payment .voided {
color: #AA3F00;
}
.module--order-details .order-sidebar-status.fulfillment {
grid-area: fstatus;
margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.module--order-details .order-sidebar-status.fulfillment {
margin-bottom: 1.5rem;
}
}
.module--order-details .order-sidebar-address.billing {
grid-area: baddress;
}
.module--order-details .order-sidebar-address.shipping {
grid-area: saddress;
}
.module--order-details .order-sidebar-returns {
grid-area: returns;
display: none;
}
@media screen and (min-width: 900px) {
.module--order-details .order-sidebar-returns {
display: block;
}
}
.module--account-details {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content";
}
@media screen and (min-width: 600px) {
.module--account-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content content content content content . . .";
}
}
@media screen and (min-width: 900px) {
.module--account-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content content content content content . . .";
}
}
@media screen and (min-width: 1200px) {
.module--account-details {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . content content content content content content content content content content content . .";
}
}
.module--account-details-content {
grid-area: content;
display: flex;
flex-direction: column;
padding: 2.25rem;
border: 1px solid #ddd;
border-radius: 1.25rem;
color: #283455;
margin-bottom: 6rem;
}
.module--account-details-content .account-info-title {
font-family: ToledoTS-Bold;
font-size: 1.5rem;
letter-spacing: normal !important;
margin-bottom: 2rem;
}
.module--account-details-content .account-info-title.hover-active--underline, .module--account-details-content .account-info-title .hover-active--underline {
position: relative;
}
.module--account-details-content .account-info-title.hover-active--underline:after, .module--account-details-content .account-info-title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .account-info-title.hover-active--underline:hover, .module--account-details-content .account-info-title.hover-active--underline:active, .module--account-details-content .account-info-title.hover-active--underline.active, .module--account-details-content .account-info-title .hover-active--underline:hover, .module--account-details-content .account-info-title .hover-active--underline:active, .module--account-details-content .account-info-title .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .account-info-title.hover-active--underline:hover:after, .module--account-details-content .account-info-title.hover-active--underline:active:after, .module--account-details-content .account-info-title.hover-active--underline.active:after, .module--account-details-content .account-info-title .hover-active--underline:hover:after, .module--account-details-content .account-info-title .hover-active--underline:active:after, .module--account-details-content .account-info-title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--account-details-content .account-info-title {
font-size: 1.5rem;
}
}
@media screen and (min-width: 900px) {
.module--account-details-content .account-info-title {
font-size: 1.875rem;
line-height: normal;
}
}
.module--account-details-content .account-info-email {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 2rem;
}
.module--account-details-content .account-info-email.hover-active--underline, .module--account-details-content .account-info-email .hover-active--underline {
position: relative;
}
.module--account-details-content .account-info-email.hover-active--underline:after, .module--account-details-content .account-info-email .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .account-info-email.hover-active--underline:hover, .module--account-details-content .account-info-email.hover-active--underline:active, .module--account-details-content .account-info-email.hover-active--underline.active, .module--account-details-content .account-info-email .hover-active--underline:hover, .module--account-details-content .account-info-email .hover-active--underline:active, .module--account-details-content .account-info-email .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .account-info-email.hover-active--underline:hover:after, .module--account-details-content .account-info-email.hover-active--underline:active:after, .module--account-details-content .account-info-email.hover-active--underline.active:after, .module--account-details-content .account-info-email .hover-active--underline:hover:after, .module--account-details-content .account-info-email .hover-active--underline:active:after, .module--account-details-content .account-info-email .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-details-content .account-info-email-header {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 0.5rem;
}
.module--account-details-content .account-info-email-header.hover-active--underline, .module--account-details-content .account-info-email-header .hover-active--underline {
position: relative;
}
.module--account-details-content .account-info-email-header.hover-active--underline:after, .module--account-details-content .account-info-email-header .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .account-info-email-header.hover-active--underline:hover, .module--account-details-content .account-info-email-header.hover-active--underline:active, .module--account-details-content .account-info-email-header.hover-active--underline.active, .module--account-details-content .account-info-email-header .hover-active--underline:hover, .module--account-details-content .account-info-email-header .hover-active--underline:active, .module--account-details-content .account-info-email-header .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .account-info-email-header.hover-active--underline:hover:after, .module--account-details-content .account-info-email-header.hover-active--underline:active:after, .module--account-details-content .account-info-email-header.hover-active--underline.active:after, .module--account-details-content .account-info-email-header .hover-active--underline:hover:after, .module--account-details-content .account-info-email-header .hover-active--underline:active:after, .module--account-details-content .account-info-email-header .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-details-content .address {
width: 100%;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--account-details-content .address {
width: calc(50% - 1rem);
}
.module--account-details-content .address:nth-child(odd) {
margin-right: 2rem;
}
}
@media screen and (min-width: 1200px) {
.module--account-details-content .address {
width: calc(25% - 1.5rem);
margin-right: 2rem;
}
.module--account-details-content .address:nth-child(4n) {
margin-right: 0;
}
}
.module--account-details-content .address-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 600px) {
.module--account-details-content .address-list {
flex-direction: row;
flex-wrap: wrap;
}
}
.module--account-details-content .address-name {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 0.5rem;
}
.module--account-details-content .address-name.hover-active--underline, .module--account-details-content .address-name .hover-active--underline {
position: relative;
}
.module--account-details-content .address-name.hover-active--underline:after, .module--account-details-content .address-name .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .address-name.hover-active--underline:hover, .module--account-details-content .address-name.hover-active--underline:active, .module--account-details-content .address-name.hover-active--underline.active, .module--account-details-content .address-name .hover-active--underline:hover, .module--account-details-content .address-name .hover-active--underline:active, .module--account-details-content .address-name .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .address-name.hover-active--underline:hover:after, .module--account-details-content .address-name.hover-active--underline:active:after, .module--account-details-content .address-name.hover-active--underline.active:after, .module--account-details-content .address-name .hover-active--underline:hover:after, .module--account-details-content .address-name .hover-active--underline:active:after, .module--account-details-content .address-name .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-details-content .address-info {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 2rem;
}
.module--account-details-content .address-info.hover-active--underline, .module--account-details-content .address-info .hover-active--underline {
position: relative;
}
.module--account-details-content .address-info.hover-active--underline:after, .module--account-details-content .address-info .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .address-info.hover-active--underline:hover, .module--account-details-content .address-info.hover-active--underline:active, .module--account-details-content .address-info.hover-active--underline.active, .module--account-details-content .address-info .hover-active--underline:hover, .module--account-details-content .address-info .hover-active--underline:active, .module--account-details-content .address-info .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .address-info.hover-active--underline:hover:after, .module--account-details-content .address-info.hover-active--underline:active:after, .module--account-details-content .address-info.hover-active--underline.active:after, .module--account-details-content .address-info .hover-active--underline:hover:after, .module--account-details-content .address-info .hover-active--underline:active:after, .module--account-details-content .address-info .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-details-content .address-edit {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--account-details-content .address-edit.hover-active--underline, .module--account-details-content .address-edit .hover-active--underline {
position: relative;
}
.module--account-details-content .address-edit.hover-active--underline:after, .module--account-details-content .address-edit .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .address-edit.hover-active--underline:hover, .module--account-details-content .address-edit.hover-active--underline:active, .module--account-details-content .address-edit.hover-active--underline.active, .module--account-details-content .address-edit .hover-active--underline:hover, .module--account-details-content .address-edit .hover-active--underline:active, .module--account-details-content .address-edit .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .address-edit.hover-active--underline:hover:after, .module--account-details-content .address-edit.hover-active--underline:active:after, .module--account-details-content .address-edit.hover-active--underline.active:after, .module--account-details-content .address-edit .hover-active--underline:hover:after, .module--account-details-content .address-edit .hover-active--underline:active:after, .module--account-details-content .address-edit .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--account-details-content .address-edit a {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #777777;
}
.module--account-details-content .address-edit a.hover-active--underline, .module--account-details-content .address-edit a .hover-active--underline {
position: relative;
}
.module--account-details-content .address-edit a.hover-active--underline:after, .module--account-details-content .address-edit a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--account-details-content .address-edit a.hover-active--underline:hover, .module--account-details-content .address-edit a.hover-active--underline:active, .module--account-details-content .address-edit a.hover-active--underline.active, .module--account-details-content .address-edit a .hover-active--underline:hover, .module--account-details-content .address-edit a .hover-active--underline:active, .module--account-details-content .address-edit a .hover-active--underline.active {
cursor: pointer;
}
.module--account-details-content .address-edit a.hover-active--underline:hover:after, .module--account-details-content .address-edit a.hover-active--underline:active:after, .module--account-details-content .address-edit a.hover-active--underline.active:after, .module--account-details-content .address-edit a .hover-active--underline:hover:after, .module--account-details-content .address-edit a .hover-active--underline:active:after, .module--account-details-content .address-edit a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--address-form {
width: 100%;
}
.module--address-form-row {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--address-form-row {
flex-direction: row;
}
.module--address-form-row > * {
flex-grow: 1;
}
.module--address-form-row > *:not(:last-child) {
margin-right: 1.25rem;
}
}
.module--address-form .select-input {
width: 100%;
}
.module--address-form .select-input--wrapper {
width: 100%;
}
@media screen and (min-width: 600px) {
.module--address-form .select-input--wrapper {
max-width: 31.6%;
}
}
.module--address-form .select-input--wrapper:hover:not(:focus-within) .select-input--placeholder {
color: #04247D;
}
.module--address-form .select-input--wrapper svg {
transform: rotate(90deg);
height: 3.5rem;
width: 0.4rem;
position: absolute;
top: 0;
right: 1.5rem;
pointer-events: none;
}
.module--address-form .select-input--placeholder {
font-family: BrandonTextWeb-Bold;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
transform: translateY(-0.6rem);
color: #0F1528;
}
.module--address-form .select-input--placeholder.hover-active--underline, .module--address-form .select-input--placeholder .hover-active--underline {
position: relative;
}
.module--address-form .select-input--placeholder.hover-active--underline:after, .module--address-form .select-input--placeholder .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--address-form .select-input--placeholder.hover-active--underline:hover, .module--address-form .select-input--placeholder.hover-active--underline:active, .module--address-form .select-input--placeholder.hover-active--underline.active, .module--address-form .select-input--placeholder .hover-active--underline:hover, .module--address-form .select-input--placeholder .hover-active--underline:active, .module--address-form .select-input--placeholder .hover-active--underline.active {
cursor: pointer;
}
.module--address-form .select-input--placeholder.hover-active--underline:hover:after, .module--address-form .select-input--placeholder.hover-active--underline:active:after, .module--address-form .select-input--placeholder.hover-active--underline.active:after, .module--address-form .select-input--placeholder .hover-active--underline:hover:after, .module--address-form .select-input--placeholder .hover-active--underline:active:after, .module--address-form .select-input--placeholder .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--comfort-crew {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "details details details details" "rewards rewards rewards rewards";
}
@media screen and (min-width: 600px) {
.module--comfort-crew {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "details details details details details details details details details details details details" "rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards";
}
}
@media screen and (min-width: 900px) {
.module--comfort-crew {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "details details details details details details details details details details details details" "rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards";
}
}
@media screen and (min-width: 1200px) {
.module--comfort-crew {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . details details details details details details details details details details details . . ." "rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards rewards";
}
}
.module--comfort-crew .p_1, .module--comfort-crew .p_2, .module--comfort-crew .p_2--bold, .module--comfort-crew .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .module--comfort-crew a, .module--comfort-crew .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .module--comfort-crew a, .module--comfort-crew .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .module--comfort-crew a, .module--comfort-crew .module--faq .gladlyHC-answerDetail-backLink, .module--faq .module--comfort-crew .gladlyHC-answerDetail-backLink, .module--comfort-crew .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .module--comfort-crew a, .module--comfort-crew .module--faq .gladlyHC-answersIndex-link, .module--faq .module--comfort-crew .gladlyHC-answersIndex-link, .module--comfort-crew .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .module--comfort-crew a, .module--comfort-crew .h_3, .module--comfort-crew .module--faq .gladlyHC h2, .module--faq .gladlyHC .module--comfort-crew h2, .module--comfort-crew .module--faq .gladlyHC h3, .module--faq .gladlyHC .module--comfort-crew h3, .module--comfort-crew #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .module--comfort-crew .yotpo-header-title {
color: #283455;
}
.module--comfort-crew-details {
grid-area: details;
}
@media screen and (min-width: 1200px) {
.module--comfort-crew-details {
margin-right: -1.5rem;
}
}
.module--comfort-crew-rewards {
grid-area: rewards;
}
.module--tier-compare {
margin-bottom: 2.813rem;
}
.module--tier-compare-desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--tier-compare-desktop {
display: block;
}
}
.module--tier-compare-desktop-description {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) and (max-width: 1199px) {
.module--tier-compare-desktop-wrapper {
margin: 0;
border: none;
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
overflow-x: scroll;
}
}
.module--tier-compare-desktop-content {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--tier-compare-desktop-content {
grid-gap: 0 0;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--tier-compare-desktop-content {
grid-gap: 0 0;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--tier-compare-desktop-content {
grid-gap: 0 0;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (max-width: 1199px) {
.module--tier-compare-desktop-content {
min-width: 63rem;
padding: 0 2rem;
}
}
.module--tier-compare-desktop-col-title, .module--tier-compare-desktop-row-title, .module--tier-compare-desktop-cell {
padding: 1rem;
}
.module--tier-compare-desktop-col-title, .module--tier-compare-desktop-cell {
text-align: center;
color: #283455;
}
.module--tier-compare-desktop-row-title {
min-width: 21.875rem;
padding-left: 2.313rem;
color: #777777;
}
.module--tier-compare-mobile {
margin-left: 0;
}
@media screen and (min-width: 600px) {
.module--tier-compare-mobile {
display: none;
}
}
.module--tier-compare-mobile-slide {
border: 1px solid #DDDDDD;
overflow: hidden;
min-height: 35.125rem;
}
.module--tier-compare-mobile-header {
padding: 2.25rem 2.25rem 1.125rem;
color: #283455;
}
.module--tier-compare-mobile-list {
padding: 0.875rem 2.313rem;
color: #777777;
}
.module--tier-compare-mobile-list li {
margin-bottom: 1rem;
list-style: none;
position: relative;
}
.module--tier-compare-mobile-list li::before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 0.25rem;
background-color: #c4c4c4;
position: absolute;
left: -1.5rem;
top: 0.2rem;
}
.module--tier-compare-mobile .splide {
margin-bottom: 2.5rem;
}
.module--tier-compare-mobile .splide__pagination {
bottom: -2.5rem;
}
.module--tier-compare .background-silver {
background-color: #F8F8F8;
}
.module--tier-compare .background-gold {
background-color: #F9F3ED;
}
.module--tier-compare .background-platinum {
background-color: #EFF0ED;
}
.module--ways-to-earn {
padding: 2.313rem;
margin-bottom: 2.25rem;
}
@media screen and (min-width: 600px) {
.module--ways-to-earn {
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.module--ways-to-earn {
margin-bottom: 2rem;
}
}
.module--ways-to-earn-header {
margin-bottom: 2rem;
}
.module--ways-to-earn .swell-campaign {
margin: 0;
color: #283455;
}
.module--ways-to-earn .swell-campaign:not(:last-child) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--ways-to-earn .swell-campaign:not(:last-child) {
margin-right: 8%;
}
}
@media screen and (min-width: 1200px) {
.module--ways-to-earn .swell-campaign:not(:last-child) {
margin-bottom: 0;
margin-right: 6%;
}
}
.module--ways-to-earn .swell-campaign-type {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 1rem;
}
.module--ways-to-earn .swell-campaign-type.hover-active--underline, .module--ways-to-earn .swell-campaign-type .hover-active--underline {
position: relative;
}
.module--ways-to-earn .swell-campaign-type.hover-active--underline:after, .module--ways-to-earn .swell-campaign-type .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--ways-to-earn .swell-campaign-type.hover-active--underline:hover, .module--ways-to-earn .swell-campaign-type.hover-active--underline:active, .module--ways-to-earn .swell-campaign-type.hover-active--underline.active, .module--ways-to-earn .swell-campaign-type .hover-active--underline:hover, .module--ways-to-earn .swell-campaign-type .hover-active--underline:active, .module--ways-to-earn .swell-campaign-type .hover-active--underline.active {
cursor: pointer;
}
.module--ways-to-earn .swell-campaign-type.hover-active--underline:hover:after, .module--ways-to-earn .swell-campaign-type.hover-active--underline:active:after, .module--ways-to-earn .swell-campaign-type.hover-active--underline.active:after, .module--ways-to-earn .swell-campaign-type .hover-active--underline:hover:after, .module--ways-to-earn .swell-campaign-type .hover-active--underline:active:after, .module--ways-to-earn .swell-campaign-type .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--ways-to-earn .swell-campaign-value-content {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
text-decoration: underline;
}
.module--ways-to-earn .swell-campaign-value-content.hover-active--underline, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline {
position: relative;
}
.module--ways-to-earn .swell-campaign-value-content.hover-active--underline:after, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--ways-to-earn .swell-campaign-value-content.hover-active--underline:hover, .module--ways-to-earn .swell-campaign-value-content.hover-active--underline:active, .module--ways-to-earn .swell-campaign-value-content.hover-active--underline.active, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline:hover, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline:active, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline.active {
cursor: pointer;
}
.module--ways-to-earn .swell-campaign-value-content.hover-active--underline:hover:after, .module--ways-to-earn .swell-campaign-value-content.hover-active--underline:active:after, .module--ways-to-earn .swell-campaign-value-content.hover-active--underline.active:after, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline:hover:after, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline:active:after, .module--ways-to-earn .swell-campaign-value-content .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--ways-to-earn .swell-campaign-list {
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--ways-to-earn .swell-campaign-list {
flex-direction: row;
flex-wrap: wrap;
}
}
.module--refer-a-friend {
padding: 2.313rem;
margin-bottom: 2.25rem;
}
@media screen and (min-width: 600px) {
.module--refer-a-friend {
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.module--refer-a-friend {
margin-bottom: 2.25rem;
}
}
.module--refer-a-friend-header {
margin-bottom: 2rem;
}
.module--refer-a-friend .swell-referral-content-sidebar {
display: none;
}
.module--refer-a-friend .swell-referral-refer {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--refer-a-friend .swell-referral-refer {
flex-direction: row;
flex-wrap: wrap;
}
}
.module--refer-a-friend .swell-referral-heading, .module--refer-a-friend .swell-referral-details {
margin-bottom: 1.5rem;
width: 100%;
}
@media screen and (min-width: 600px) {
.module--refer-a-friend .swell-referral-form-wrapper {
flex-grow: 6;
margin-right: 2rem;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-wrapper {
flex-grow: 10;
}
}
.module--refer-a-friend .swell-referral-form-content {
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-content {
flex-direction: row;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-content .text-input--wrapper {
flex-grow: 1;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-content .text-input {
margin-bottom: 0;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-content .input--wrapper {
margin-left: 1.5rem;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-form-content .input--submit {
margin-bottom: 0;
}
}
.module--refer-a-friend .swell-referral-form-content-submit {
grid-template-columns: 100%;
}
@media screen and (min-width: 600px) {
.module--refer-a-friend .swell-referral-form-content-submit {
margin-bottom: 0;
}
}
.module--refer-a-friend .swell-referral-media-wrapper {
display: flex;
align-items: flex-end;
}
@media screen and (min-width: 600px) {
.module--refer-a-friend .swell-referral-media-wrapper {
flex-grow: 5;
padding-bottom: 0.75rem;
}
}
@media screen and (min-width: 900px) {
.module--refer-a-friend .swell-referral-media-wrapper {
flex-grow: 1;
align-items: center;
}
}
.module--refer-a-friend .swell-referral-media-list {
display: flex;
margin: 0;
}
.module--refer-a-friend .swell-referral-media-icon {
display: none;
}
.module--refer-a-friend .swell-referral-media-icon:nth-child(-n+3) {
display: block;
font-size: 1.5rem;
margin-right: 0.25rem;
}
.module--refer-a-friend .swell-referral-media-icon:before {
color: #283455;
}
.module--refer-a-friend .swell-referral-media-icon:hover:before {
color: #04247D;
}
.module--member-details-header {
margin-bottom: 1rem;
}
.module--member-details-description {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--member-details-description {
margin-bottom: 2rem;
}
}
.module--member-details .swell-value {
color: #5D6E50;
}
.module--member-details .swell-links {
display: flex;
flex-direction: column;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--member-details .swell-links {
flex-direction: row;
}
}
.module--member-details .swell-links .btn, .module--member-details .swell-links .module--account-details-content .add-address, .module--account-details-content .module--member-details .swell-links .add-address {
margin: 0 0 1rem;
grid-template-columns: 8.5rem;
}
@media screen and (min-width: 600px) {
.module--member-details .swell-links .btn, .module--member-details .swell-links .module--account-details-content .add-address, .module--account-details-content .module--member-details .swell-links .add-address {
margin: 0 1rem 0 0;
}
}
.module--rewards .swell-redemption-options-section {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header arrow arrow" "slider slider slider slider";
margin-bottom: 4rem;
}
@media screen and (min-width: 600px) {
.module--rewards .swell-redemption-options-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header header header header arrow arrow arrow arrow" "slider slider slider slider slider slider slider slider slider slider slider slider";
}
}
@media screen and (min-width: 900px) {
.module--rewards .swell-redemption-options-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header header header header arrow arrow arrow arrow" "slider slider slider slider slider slider slider slider slider slider slider slider";
}
}
@media screen and (min-width: 1200px) {
.module--rewards .swell-redemption-options-section {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . header header header header header header header header header header arrow arrow arrow arrow" "slider slider slider slider slider slider slider slider slider slider slider slider slider slider slider slider";
}
}
.module--rewards .swell-redemption-options-section .splide__arrow--wrapper {
grid-area: arrow;
display: flex;
justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
.module--rewards .swell-redemption-options-section .splide__arrow--wrapper {
margin-right: 10.1rem;
}
}
.module--rewards .swell-redemption-options-section .splide__arrow--button {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
cursor: pointer;
transition: opacity 0.2s;
}
.module--rewards .swell-redemption-options-section .splide__arrow--button svg {
height: 100%;
width: 100%;
fill: #283455;
}
.module--rewards .swell-redemption-options-section .splide__arrow--button.splide__prev svg {
transform: rotate(180deg);
}
.module--rewards .swell-redemption-options-section .splide__arrow--button:hover svg {
fill: #04247D;
}
.module--rewards .swell-redemption-options-section .slider-start .splide__prev,
.module--rewards .swell-redemption-options-section .slider-end .splide__next {
opacity: 0.2;
}
.module--rewards .swell-redemption-options-section .slider-start .splide__prev:hover svg,
.module--rewards .swell-redemption-options-section .slider-end .splide__next:hover svg {
fill: #283455;
}
.module--rewards .swell-redemption-options-section .product {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.module--rewards .swell-redemption-options-section .product-image {
margin-bottom: 2rem;
}
.module--rewards .swell-redemption-options-section .product-details {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}
.module--rewards .swell-redemption-options-section .product-inputs {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 900px) {
.module--rewards .swell-redemption-options-section .product-inputs {
min-height: auto;
flex-direction: row;
justify-content: space-between;
}
}
@media screen and (min-width: 900px) {
.module--rewards .swell-redemption-options-section .product-inputs .custom-select {
margin-right: 1rem;
}
}
.module--rewards .swell-redemption-options-section .product-inputs .select-input {
height: 2.5rem;
margin-bottom: 0;
padding-right: 2rem;
border-radius: 1rem;
width: 100%;
}
.module--rewards .swell-redemption-options-section .product-inputs .select-input--wrapper {
padding-right: 1rem;
}
.module--rewards .swell-redemption-options-section .product-inputs .select-input--wrapper svg {
height: 2.5rem;
right: 2rem;
}
.module--rewards .swell-redemption-options-section .product-title {
margin-bottom: 0.5rem;
margin-right: 1rem;
}
.module--rewards .swell-redemption-options-section .product-title a {
color: #283455;
}
.module--rewards .swell-redemption-options-section .product-title a:hover {
color: #04247D;
}
.module--rewards .swell-redemption-options-section .product-points {
background-color: #EFF0ED;
color: #5D6E50;
width: fit-content;
padding: 6px 6px 0px;
border-radius: 6px;
}
.module--rewards .swell-redemption-options-section .btn, .module--rewards .swell-redemption-options-section .module--account-details-content .add-address, .module--account-details-content .module--rewards .swell-redemption-options-section .add-address {
margin: 0;
}
.module--rewards .swell-redemption-options-section .disabled .swell-btn-holder {
opacity: 0.5;
pointer-events: none;
}
.module--rewards .swell-redemption-options-section .disabled .product-points {
background-color: #F2F2F2;
color: #DDDDDD;
}
.module--rewards .swell-redemption-options-header {
grid-area: header;
margin-bottom: 2.5rem;
}
.module--rewards .swell-redemption-options-slider {
grid-area: slider;
}
.module--rewards .yotpo-coupons-redemption-widget {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "rew rew rew rew";
margin-bottom: 5.625rem;
}
@media screen and (min-width: 600px) {
.module--rewards .yotpo-coupons-redemption-widget {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "rew rew rew rew rew rew rew rew rew rew rew rew";
}
}
@media screen and (min-width: 900px) {
.module--rewards .yotpo-coupons-redemption-widget {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "rew rew rew rew rew rew rew rew rew rew rew rew";
}
}
@media screen and (min-width: 1200px) {
.module--rewards .yotpo-coupons-redemption-widget {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . rew rew rew rew rew rew rew rew rew rew rew rew . .";
}
}
.module--rewards .yotpo-coupons-redemption-widget-container {
padding: 0 !important;
}
.module--rewards .yotpo-widget-clear {
grid-area: rew;
}
.module--rewards .yotpo-coupouns-container {
border: 1px solid #ddd;
border-radius: 1.25rem;
padding: 40px 20px 120px !important;
}
@media screen and (min-width: 900px) {
.module--rewards .yotpo-coupouns-container {
padding: 40px 50px 120px !important;
}
}
.module--rewards .yotpo-coupouns-container.yotpo-is-mobile {
padding: 40px 20px 20px !important;
}
.module--rewards .yotpo-description {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.module--rewards .yotpo-description span {
padding: 0 0.5rem;
}
.module--rewards .yotpo-points-balance {
font-family: BrandonTextWeb-Bold !important;
}
.module--rewards .yotpo-redemption-item {
margin: 0 !important;
padding: 0 0 1.5rem;
}
@media screen and (max-width: 599px) {
.module--rewards .yotpo-redemption-item {
min-width: 12rem;
}
}
@media screen and (min-width: 600px) {
.module--rewards .yotpo-redemption-item {
padding: 0 1rem;
}
}
@media screen and (min-width: 1200px) {
.module--rewards .yotpo-redemption-item {
padding: 0 1.875rem;
}
}
.module--rewards .yotpo-redemption-options-list {
margin-top: 0 !important;
}
@media screen and (max-width: 599px) {
.module--rewards .yotpo-redemption-options-list {
flex-direction: column !important;
align-items: center !important;
}
}
.module--rewards .yotpo-redemption-option-cost {
font-family: BrandonTextWeb-Bold !important;
}
.module--rewards .yotpo-redemption-option-cost.disabled {
color: #aa3f00;
}
.module--rewards .yotpo-redemption-option-container {
border: 1px solid #ddd;
border-radius: 1.25rem;
background-color: #F8F8F8;
padding: 1.25rem !important;
}
@media screen and (min-width: 1200px) {
.module--rewards .yotpo-redemption-option-container {
padding: 2.5rem !important;
}
}
.module--rewards .yotpo-redemption-option-reward {
word-break: initial !important;
}
.module--rewards .yotpo-button-style {
margin-top: 2.5rem auto 0 !important;
border-radius: 1rem !important;
display: inline-block !important;
width: max-content !important;
padding: 0 1rem;
max-width: 100%;
height: 40px !important;
}
.module--rewards .yotpo-button-style:hover {
background-color: #293C70 !important;
opacity: 1 !important;
}
.module--rewards .yotpo-button-style[disabled], .module--rewards .yotpo-button-style[disabled]:hover {
background-color: #8c8b9a !important;
}
.module--rewards .yotpo-button-style span {
font-family: BrandonTextWeb-Bold !important;
font-size: 1rem !important;
}
.module--rewards .yotpo-message-display-area {
display: none !important;
}
.module--rewards .swiper-container {
width: 100%;
padding: 0 !important;
}
.module--rewards .swiper-wrapper {
transform: translate3d(0px, 0px, 0px) !important;
flex-direction: column;
}
.module--rewards .swiper-slide {
width: 100% !important;
padding-bottom: 1.5rem;
}
.module--rewards .swiper-pagination {
display: none !important;
}
.module--copy-footer {
background-color: #F9F3ED;
color: #283455;
padding: 2.5rem 0rem;
}
@media screen and (min-width: 1200px) {
.module--copy-footer {
padding: 3rem 0rem;
}
}
.module--copy-footer--content {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "main main main main" "top top top top" "bottom bottom bottom bottom";
}
@media screen and (min-width: 600px) {
.module--copy-footer--content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header . . . . . . ." "main main main main main . top top top top top top" "main main main main main . top top top top top top" "main main main main main . bottom bottom bottom bottom bottom bottom" "main main main main main . bottom bottom bottom bottom bottom bottom";
}
}
@media screen and (min-width: 900px) {
.module--copy-footer--content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header . . . . . . ." "main main main main main . top top top top top top " "main main main main main . top top top top top top " "main main main main main . bottom bottom bottom bottom bottom bottom " "main main main main main . bottom bottom bottom bottom bottom bottom ";
}
}
@media screen and (min-width: 1200px) {
.module--copy-footer--content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . header header header header header . . . . . . . . ." ". . main main main main main . . top top top top top . ." ". . main main main main main . . top top top top top . ." ". . main main main main main . . bottom bottom bottom bottom bottom . ." ". . main main main main main . . bottom bottom bottom bottom bottom . .";
}
}
.module--copy-footer--header {
margin-bottom: 2.5rem;
grid-area: header;
}
@media screen and (min-width: 1200px) {
.module--copy-footer--header {
margin-bottom: 4rem;
}
}
.module--copy-footer--main {
grid-area: main;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.module--copy-footer--main {
margin-bottom: 0;
}
}
.module--copy-footer--main p:last-child {
margin: 0;
}
.module--copy-footer--copy {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
.module--copy-footer--copy {
margin-bottom: 2.5rem;
}
}
.module--copy-footer--copy .p-header {
margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
.module--copy-footer--copy .p-header {
margin-bottom: 1.5rem;
}
}
.module--copy-footer--copy .p-content {
margin-bottom: 0;
}
.module--copy-footer--copy .link {
text-decoration: underline;
}
.module--copy-footer--copy.top {
grid-area: top;
}
.module--copy-footer--copy.bottom {
grid-area: bottom;
margin-bottom: 0;
}
@media screen and (max-width: 599px) {
.template-cart .main-content {
overflow-x: hidden;
}
.dropdown__open {
overflow: hidden;
}
}
.module--upsell {
margin-bottom: 3rem;
color: #283455;
}
.module--upsell .module-title {
margin-bottom: 1.5rem;
}
.module--upsell .upsell-prod {
display: flex;
flex-direction: column;
padding: 1.25rem;
background: #F2F2F2;
border-radius: 20px;
height: 100%;
justify-content: space-between;
}
.module--upsell .upsell-prod .add-to-cart {
grid-template-columns: minmax(4.5rem, max-content);
margin-bottom: 0rem;
margin-left: auto;
}
.module--upsell .upsell-prod .add-to-cart a {
padding: 0;
}
.module--upsell .upsell-prod .add-to-cart a.disabled {
pointer-events: none;
}
.module--upsell .upsell-prod__img-wrapper {
max-width: 4rem;
margin-right: 1.25rem;
}
@media screen and (min-width: 600px) {
.module--upsell .upsell-prod__img-wrapper {
max-width: 5rem;
}
}
.module--upsell .upsell-prod__img-wrapper img {
width: 100%;
}
.module--upsell .upsell-prod__details {
margin-right: 1.25rem;
}
.module--upsell .upsell-prod__details .title {
margin-bottom: 0.5rem;
}
.module--upsell .upsell-prod__details .desc {
color: #777777;
}
.module--upsell .upsell-prod__pricing {
flex-grow: 1;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
}
.module--upsell .upsell-prod__pricing .price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}
.module--upsell .upsell-prod__pricing .price .reduced {
color: #777777;
text-decoration: line-through;
}
.module--upsell .upsell-prod__pricing .price .total {
margin-left: 0.5rem;
}
.module--upsell .upsell-prod__row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.module--upsell .upsell-prod__row-options {
margin-top: 0.5rem;
}
.module--upsell .upsell-prod__select {
background-color: #FFFFFF;
border-radius: 1rem;
cursor: pointer;
display: flex;
align-items: center;
height: 2.5rem;
margin-right: 0.5rem;
padding: 0 0.75rem;
}
.module--upsell .upsell-prod__select-wrapper {
display: flex;
}
.module--upsell .upsell-prod__select .swatch-color {
border: 1px solid #283455;
}
.module--upsell .upsell-prod__select .option-icon {
margin-left: 0.58rem;
margin-bottom: -0.1rem;
}
.module--upsell .upsell-pseudo-dropdown {
position: absolute;
z-index: 1;
cursor: default;
display: none;
}
.module--upsell .upsell-pseudo-dropdown.open {
display: block;
}
@media screen and (max-width: 599px) {
.module--upsell .upsell-pseudo-dropdown.open {
position: fixed;
z-index: 99988;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.25);
}
}
.module--upsell .upsell-pseudo-dropdown__options {
background: white;
padding: 1rem 0;
border-radius: 1rem;
display: flex;
flex-direction: column;
max-height: 8.75rem;
min-width: 8.5rem;
overflow-x: scroll;
display: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
.module--upsell .upsell-pseudo-dropdown__options {
width: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 600px) {
.module--upsell .upsell-pseudo-dropdown__options {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.module--upsell .upsell-pseudo-dropdown__options.up {
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.25);
}
}
.module--upsell .upsell-pseudo-dropdown__options.open {
display: block;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
padding: 0.375rem 1rem;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper:hover {
background-color: #f6f6f6;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper .swatch-color {
border: 1px solid #DDDDDD;
margin-right: 0.75rem;
position: relative;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper .option-name {
margin-top: 0.2rem;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper .select-icon {
display: flex;
flex-grow: 1;
justify-content: flex-end;
margin-left: 1.5rem;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper .select-icon .icon--check {
display: none;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper[data-selected=true] .swatch-color {
border-color: #283455;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper[data-selected=true] .select-icon .icon--check {
display: block;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] {
pointer-events: none;
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] .swatch-color:after {
content: "";
position: absolute;
top: 48%;
left: 0;
right: 0;
border-top: 2px solid #DDDDDD;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform: rotate(50deg);
}
.module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] .option-name {
color: #777777;
}
.module--upsell .swatch-color {
width: 1.5rem;
height: 1.5rem;
background: center/cover no-repeat;
border-radius: 50%;
box-sizing: border-box;
}
.module--upsell .upsell-slider {
position: relative;
cursor: grab;
}
.module--upsell .upsell-slider:active {
cursor: grabbing;
}
@media screen and (min-width: 600px) {
.module--upsell .upsell-slider .splide__track {
overflow: hidden;
}
}
.module--upsell .upsell-slider .splide__arrow {
background: none;
}
.module--upsell .upsell-slider .splide__arrow--prev {
left: -2.25em;
}
@media screen and (min-width: 1200px) {
.module--upsell .upsell-slider .splide__arrow--prev {
left: -3em;
}
}
.module--upsell .upsell-slider .splide__arrow--next {
right: -2.25em;
}
@media screen and (min-width: 1200px) {
.module--upsell .upsell-slider .splide__arrow--next {
right: -3em;
}
}
.module--upsell .upsell-slider .splide__pagination {
bottom: -1.75rem;
}
.module--upsell .upsell-slider .splide__pagination__page {
width: 0.375rem;
height: 0.375rem;
background: #DDDDDD;
}
.module--upsell .upsell-slider .splide__pagination__page.is-active {
background: #283455;
}
.Drawer .module--upsell {
margin-bottom: 3rem;
color: #283455;
}
.Drawer .module--upsell .module-title {
margin-bottom: 1.5rem;
}
.Drawer .module--upsell .upsell-prod {
display: flex;
flex-direction: column;
padding: 1.25rem;
background: #F2F2F2;
border-radius: 20px;
height: 100%;
justify-content: space-between;
}
.Drawer .module--upsell .upsell-prod .add-to-cart {
grid-template-columns: minmax(4.5rem, max-content);
margin-bottom: 0rem;
margin-left: auto;
}
.Drawer .module--upsell .upsell-prod .add-to-cart a {
padding: 0;
}
.Drawer .module--upsell .upsell-prod .add-to-cart a.disabled {
pointer-events: none;
}
.Drawer .module--upsell .upsell-prod__img-wrapper {
max-width: 4rem;
margin-right: 1.25rem;
}
@media screen and (min-width: 600px) {
.Drawer .module--upsell .upsell-prod__img-wrapper {
max-width: 4rem;
}
}
.Drawer .module--upsell .upsell-prod__img-wrapper img {
width: 100%;
}
.Drawer .module--upsell .upsell-prod__details {
margin-right: 1.25rem;
}
.Drawer .module--upsell .upsell-prod__details .title {
margin-bottom: 0.5rem;
}
.Drawer .module--upsell .upsell-prod__details .desc {
color: #777777;
}
.Drawer .module--upsell .upsell-prod__pricing {
flex-grow: 1;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
}
.Drawer .module--upsell .upsell-prod__pricing .price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}
.Drawer .module--upsell .upsell-prod__pricing .price .reduced {
color: #777777;
text-decoration: line-through;
}
.Drawer .module--upsell .upsell-prod__pricing .price .total {
margin-left: 0.5rem;
}
.Drawer .module--upsell .upsell-prod__row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.Drawer .module--upsell .upsell-prod__row-options {
margin-top: 0.5rem;
}
.Drawer .module--upsell .upsell-prod__select {
background-color: #FFFFFF;
border-radius: 1rem;
cursor: pointer;
display: flex;
align-items: center;
height: 2.5rem;
margin-right: 0.5rem;
padding: 0 0.75rem;
}
.Drawer .module--upsell .upsell-prod__select-wrapper {
display: flex;
}
.Drawer .module--upsell .upsell-prod__select .swatch-color {
border: 1px solid #283455;
}
.Drawer .module--upsell .upsell-prod__select .option-icon {
margin-left: 0.58rem;
margin-bottom: -0.1rem;
}
.Drawer .module--upsell .upsell-pseudo-dropdown {
position: absolute;
z-index: 1;
cursor: default;
display: none;
}
.Drawer .module--upsell .upsell-pseudo-dropdown.open {
display: block;
}
@media screen and (max-width: 599px) {
.Drawer .module--upsell .upsell-pseudo-dropdown.open {
position: fixed;
z-index: 99988;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.25);
}
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options {
background: white;
padding: 1rem 0;
border-radius: 1rem;
display: flex;
flex-direction: column;
max-height: 8.75rem;
min-width: 8.5rem;
overflow-x: scroll;
display: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
.Drawer .module--upsell .upsell-pseudo-dropdown__options {
width: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 600px) {
.Drawer .module--upsell .upsell-pseudo-dropdown__options {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options.up {
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.25);
}
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options.open {
display: block;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
padding: 0.375rem 1rem;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper:hover {
background-color: #f6f6f6;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper .swatch-color {
border: 1px solid #DDDDDD;
margin-right: 0.75rem;
position: relative;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper .option-name {
margin-top: 0.2rem;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper .select-icon {
display: flex;
flex-grow: 1;
justify-content: flex-end;
margin-left: 1.5rem;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper .select-icon .icon--check {
display: none;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper[data-selected=true] .swatch-color {
border-color: #283455;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper[data-selected=true] .select-icon .icon--check {
display: block;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] {
pointer-events: none;
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] .swatch-color:after {
content: "";
position: absolute;
top: 48%;
left: 0;
right: 0;
border-top: 2px solid #DDDDDD;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform: rotate(50deg);
}
.Drawer .module--upsell .upsell-pseudo-dropdown__options-wrapper[data-disabled=true] .option-name {
color: #777777;
}
.Drawer .module--upsell .swatch-color {
width: 1.5rem;
height: 1.5rem;
background: center/cover no-repeat;
border-radius: 50%;
box-sizing: border-box;
}
.Drawer .module--upsell .upsell-slider {
position: relative;
cursor: grab;
}
.Drawer .module--upsell .upsell-slider:active {
cursor: grabbing;
}
@media screen and (min-width: 600px) {
.Drawer .module--upsell .upsell-slider .splide__track {
overflow: visible;
}
}
.Drawer .module--upsell .upsell-slider .splide__arrow {
background: none;
}
.Drawer .module--upsell .upsell-slider .splide__arrow--prev {
left: -2.25em;
}
@media screen and (min-width: 1200px) {
.Drawer .module--upsell .upsell-slider .splide__arrow--prev {
left: -2.25em;
}
}
.Drawer .module--upsell .upsell-slider .splide__arrow--next {
right: -2.25em;
}
@media screen and (min-width: 1200px) {
.Drawer .module--upsell .upsell-slider .splide__arrow--next {
right: -2.25em;
}
}
.Drawer .module--upsell .upsell-slider .splide__pagination {
bottom: -1.75rem;
}
.Drawer .module--upsell .upsell-slider .splide__pagination__page {
width: 0.375rem;
height: 0.375rem;
background: #DDDDDD;
}
.Drawer .module--upsell .upsell-slider .splide__pagination__page.is-active {
background: #283455;
}
.Product .Upsell .module--upsell {
display: block;
margin-bottom: 32px;
}
.Product .Upsell .upsell-prod {
width: calc(100% - 24px);
max-width: 327px;
margin-right: 24px;
padding: 12px;
}
.Product .Upsell .upsell-prod__row {
position: relative;
}
.Product .Upsell .upsell-prod__row--hidden {
display: none;
}
.Product .Upsell .upsell-prod__row-description {
align-items: stretch;
justify-content: flex-start;
width: 100%;
}
.Product .Upsell .upsell-prod__checkbox-wrapper {
width: 24px;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.Product .Upsell .upsell-prod__img-wrapper {
width: 64px;
margin-right: 1rem;
}
.Product .Upsell .upsell-prod__img-wrapper a {
display: block;
}
.Product .Upsell .upsell-prod__pricing {
position: absolute;
top: 0;
right: 0;
min-height: auto;
display: block;
}
.Product .Upsell .upsell-prod__pricing .price {
flex-flow: column wrap;
}
.Product .Upsell .title {
margin-bottom: 4px;
padding-right: 24px;
}
.Product .Upsell .price > span {
display: block;
margin-left: 0;
}
.Product .Upsell .price > span.total {
margin-left: 0;
}
.Product .Upsell .desc > span {
display: block;
width: 100%;
margin-bottom: 4px;
}
.Product .Upsell .desc > span:last-of-type() {
margin-bottom: 0;
}
.Product .Upsell .upsell-prod__checkbox {
display: block;
margin: 0;
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border-radius: 5px;
border-color: #283455;
background: #FFFFFF;
}
.Product .Upsell .upsell-prod__checkbox:checked {
background-repeat: no-repeat;
background-position: center;
background-size: 12px 9px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9.51742L0 5.19842L1.3955 3.76342L4.4735 6.70042L10.5785 0.482422L12 1.89092L4.5 9.51742Z' fill='%23283455'/%3E%3C/svg%3E%0A");
}
.module--blog-header {
margin-bottom: 2.5rem;
}
.module--blog-header .h_1, .module--blog-header .h_2, .module--blog-header #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--blog-header span {
color: #0F1528;
padding: 2.5rem 0rem 2.5rem 0rem;
}
@media screen and (min-width: 1200px) {
.module--blog-header .h_1, .module--blog-header .h_2, .module--blog-header #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--blog-header span {
padding: 4rem 0rem 4rem 0rem;
}
}
.module--blog-header .eyebrow-wrapper {
display: flex;
justify-content: center;
align-items: center;
min-height: 5.75rem;
}
@media screen and (min-width: 600px) {
.module--blog-header .eyebrow-wrapper {
min-height: 8rem;
}
}
@media screen and (min-width: 1200px) {
.module--blog-header .eyebrow-wrapper {
min-height: 11rem;
}
}
.module--blog-header .eyebrow-wrapper .eyebrow {
margin-bottom: 0px;
max-width: 257px;
color: #0F1528;
line-height: normal !important;
}
@media screen and (min-width: 600px) {
.module--blog-header .eyebrow-wrapper .eyebrow {
font-size: 1.1rem;
max-width: 307px;
}
}
.module--blog-header .featured-image {
display: block;
max-width: 100%;
min-height: 366px;
margin-bottom: 2rem;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width: 600px) {
.module--blog-header .featured-image {
margin-bottom: 2.5rem;
min-height: 400px;
}
}
@media screen and (min-width: 1200px) {
.module--blog-header .featured-image {
min-height: 676px;
}
}
.module--blog-header .category {
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 1.68px;
line-height: 0.75;
color: #5D6E50;
}
.module--blog-header h3 {
margin-bottom: 1rem;
color: #0F1528;
}
@media screen and (min-width: 600px) {
.module--blog-header h3 {
margin-bottom: 1.5rem;
}
}
.module--blog-header .excerpt p {
margin-bottom: 1.5rem;
}
.module--blog-article-feed {
background-color: #F9F3ED;
padding-bottom: 3rem;
}
.module--blog-article-feed .feed-header {
text-align: center;
margin: 2.5rem 0rem 2.5rem 0rem;
color: #0F1528;
}
.module--blog-article-feed .feed-grid {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--blog-article-feed .feed-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--blog-article-feed .feed-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--blog-article-feed .feed-grid__article {
grid-column-end: span 4;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid__article {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.module--blog-article-feed .feed-grid__article {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid__article {
grid-column-end: span 5;
}
}
.module--blog-article-feed .feed-grid__article:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid__article:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--blog-article-feed .feed-grid__article:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid__article:nth-child(odd) {
grid-column-start: 3;
}
}
.module--blog-article-feed .feed-grid__article:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid__article:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--blog-article-feed .feed-grid__article:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid__article:nth-child(even) {
grid-column-start: 10;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid__article {
margin-bottom: 4rem;
}
}
.module--blog-article-feed .feed-grid__article .excerpt-link {
color: #0F1528;
}
.module--blog-article-feed .feed-grid__article .excerpt-link:hover {
color: #0F1528;
}
.module--blog-article-feed .feed-grid__article .article-image {
display: block;
max-width: 100%;
min-height: 257px;
margin-bottom: 2rem;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width: 600px) {
.module--blog-article-feed .feed-grid__article .article-image {
margin-bottom: 2.5rem;
min-height: 400px;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-feed .feed-grid__article .article-image {
min-height: 313px;
}
}
.module--blog-article-feed .feed-grid__article .category {
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 1.68px;
line-height: 0.75;
color: #5D6E50;
}
.module--blog-article-feed .feed-grid__article .title {
margin-bottom: 1.5rem;
}
.module--blog-article-feed .pagination a {
display: unset;
padding: 0rem 0.5rem;
color: #0F1528;
}
.module--blog-article-feed .pagination__current {
text-decoration: underline;
}
.module--blog-article-feed .pagination__arrow svg {
position: relative;
top: 4px;
}
.module--blog-article-feed .pagination__arrow svg path {
fill: #777777;
}
.module--blog-article-feed .pagination__arrow__prev svg {
top: 6px;
transform: rotate(180deg);
}
.module--blog-article-header {
padding: 2.5rem 0rem 2.5rem 0rem;
}
.module--blog-article-header .copy {
text-align: center;
color: #0F1528;
}
.module--blog-article-header .copy p {
margin-bottom: 1.5rem;
}
.module--blog-article-header .copy .category {
margin-bottom: 1.5rem;
text-transform: uppercase;
color: #5D6E50;
letter-spacing: 1.68px;
}
.module--blog-article-header .copy .article-title {
margin: 0px auto;
margin-bottom: 1.25rem;
max-width: 1026px;
}
@media screen and (min-width: 1200px) {
.module--blog-article-header .copy .excerpt {
margin: 0px auto;
max-width: 540px;
font-size: 1.5rem;
}
}
.module--blog-article-header .featured-image {
min-height: 366px;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width: 600px) {
.module--blog-article-header .featured-image {
min-height: 400px;
}
}
@media screen and (min-width: 1200px) {
.module--blog-article-header .featured-image {
min-height: 676px;
}
}
.module--blog-article-body a {
color: #5D6E50;
text-decoration: underline;
}
.module--author {
padding: 2.5rem 0rem 2.5rem 0rem;
color: #0F1528;
}
.module--author a {
color: #5D6E50;
text-decoration: underline;
}
.module--author .copy {
display: flex;
flex-direction: column;
justify-content: center;
}
.module--as-seen-in-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "copy copy copy copy" "logo logo logo logo";
}
@media screen and (min-width: 600px) {
.module--as-seen-in-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". . . copy copy copy copy copy copy . . ." "logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
@media screen and (min-width: 900px) {
.module--as-seen-in-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". . . copy copy copy copy copy copy . . ." "logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
@media screen and (min-width: 1200px) {
.module--as-seen-in-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . title title title title title title title title title title . . ." ". . . . . copy copy copy copy copy copy . . . . ." "logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
.module--as-seen-in-title {
display: flex;
flex-direction: column;
grid-area: title;
justify-content: center;
align-items: center;
text-align: center;
color: #283455;
padding-bottom: 0.625rem;
}
.module--as-seen-in-title .mobile {
display: block;
}
.module--as-seen-in-title .desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--as-seen-in-title {
padding-bottom: 0.625rem;
}
.module--as-seen-in-title .mobile {
display: none;
}
.module--as-seen-in-title .desktop {
display: block;
}
}
.module--as-seen-in-copy {
display: flex;
flex-direction: column;
grid-area: copy;
justify-content: center;
align-items: center;
text-align: center;
color: #283455;
margin: 0;
padding-bottom: 2.5625rem;
}
@media screen and (min-width: 900px) {
.module--as-seen-in-copy {
padding-bottom: 4rem;
}
}
.module--as-seen-in-logos {
display: flex;
flex-direction: row;
grid-area: logo;
justify-content: center;
flex-wrap: wrap;
flex: 0 0 auto;
gap: 1.5625rem 2rem;
}
@media screen and (min-width: 600px) {
.module--as-seen-in-logos {
flex-wrap: nowrap;
margin-bottom: 1.5625rem;
gap: 0 1rem;
}
}
@media screen and (min-width: 900px) {
.module--as-seen-in-logos {
gap: 0 2rem;
}
}
.module--as-seen-in-logos a {
cursor: pointer;
opacity: 0.3;
display: block;
}
.module--as-seen-in-logos a:hover img {
opacity: 0.5;
transition: opacity 300ms cubic-bezier(0.33, 1, 0.68, 1);
}
.module--as-seen-in-logos a img {
max-width: 100%;
max-height: 20px;
width: auto;
}
@media screen and (min-width: 900px) {
.module--as-seen-in-logos a img {
max-width: 100%;
width: auto;
max-height: 30px;
}
}
.module--as-seen-in.module--stacking {
margin-bottom: 0;
padding-bottom: 0;
}
.grid--slider {
max-width: 1440px;
margin: 0 auto;
}
.grid--slider .grid__item {
width: auto;
}
.splide {
visibility: hidden;
}
.splide .splide__track {
overflow: visible;
}
.splide .splide__track--visible {
overflow: visible;
}
.splide .splide__track--hidden {
overflow: hidden;
}
.splide .splide__slide {
padding: 0;
}
.Drawer .splide .splide__track {
clip-path: inset(-100vw -100vw -100vw 0);
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__container {
position: relative;
box-sizing: border-box;
}
.splide__list {
margin: 0 !important;
padding: 0 !important;
width: -webkit-max-content;
width: max-content;
will-change: transform;
}
.splide.is-active .splide__list {
display: flex;
}
.splide__pagination {
display: inline-flex;
align-items: center;
width: 95%;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.splide__pagination li {
list-style-type: none;
display: inline-block;
line-height: 1;
margin: 0;
}
.splide {
visibility: hidden;
}
.splide, .splide__slide {
position: relative;
outline: none;
}
.splide__slide {
box-sizing: border-box;
list-style-type: none !important;
margin: 0;
flex-shrink: 0;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__slider {
position: relative;
}
.splide__spinner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #999;
border-left-color: transparent;
animation: splide-loading 1s linear infinite;
}
.splide__track {
position: relative;
z-index: 0;
overflow: hidden;
}
.splide--draggable > .splide__track > .splide__list > .splide__slide {
-webkit-user-select: none;
user-select: none;
}
.splide--fade > .splide__track > .splide__list {
display: block;
}
.splide--fade > .splide__track > .splide__list > .splide__slide {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
}
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
position: relative;
z-index: 1;
opacity: 1;
}
.splide--rtl {
direction: rtl;
}
.splide--ttb > .splide__track > .splide__list {
display: block;
}
.splide--ttb > .splide__pagination {
width: auto;
}
.splide__arrow {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
width: 2em;
height: 2em;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 0;
opacity: 0.7;
background: #ccc;
}
.splide__arrow svg {
width: 1.2em;
height: 1.2em;
}
.splide__arrow:hover {
cursor: pointer;
opacity: 0.9;
}
.splide__arrow:focus {
outline: none;
}
.splide__arrow--prev {
left: 1em;
}
.splide__arrow--prev svg {
transform: scaleX(-1);
}
.splide__arrow--next {
right: 1em;
}
.splide__pagination {
position: absolute;
z-index: 1;
bottom: 0.5em;
left: 50%;
transform: translateX(-50%);
padding: 0;
}
.splide__pagination__page {
display: inline-block;
width: 8px;
height: 8px;
background: #ccc;
border-radius: 50%;
margin: 3px;
padding: 0;
transition: transform 0.2s linear;
border: none;
opacity: 0.7;
}
.splide__pagination__page.is-active {
transform: scale(1.4);
background: #fff;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: 0.9;
}
.splide__pagination__page:focus {
outline: none;
}
.splide__progress__bar {
width: 0;
height: 3px;
background: #ccc;
}
.splide--nav > .splide__track > .splide__list > .splide__slide {
border: 3px solid transparent;
}
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
border-color: #000;
}
.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
outline: none;
}
.splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
right: 1em;
left: auto;
}
.splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
transform: scaleX(1);
}
.splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
left: 1em;
right: auto;
}
.splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
transform: scaleX(-1);
}
.splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow {
left: 50%;
transform: translate(-50%);
}
.splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
top: 1em;
}
.splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
transform: rotate(-90deg);
}
.splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
top: auto;
bottom: 1em;
}
.splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
transform: rotate(90deg);
}
.splide--ttb > .splide__pagination {
display: flex;
flex-direction: column;
bottom: 50%;
left: auto;
right: 0.5em;
transform: translateY(50%);
}
.handorgel {
display: block;
width: 100%;
}
.handorgel__header {
display: block;
margin: 0;
}
.handorgel__header__button {
display: block;
width: 100%;
margin: 0;
border: none;
border-radius: 0;
color: inherit;
cursor: pointer;
font-size: inherit;
font-weight: bold;
text-align: left;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.handorgel__header__button::-moz-focus-inner {
border: 0;
}
.handorgel__content {
display: none;
overflow: hidden;
height: 0;
-webkit-transition: height 0.1s ease 0.1s;
transition: height 0.1s ease 0.1s;
}
.handorgel__content--open {
display: block;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.handorgel__content--opened {
overflow: visible;
}
.handorgel__content__inner {
opacity: 0;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.handorgel__content--opened .handorgel__content__inner {
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.module--recirculation .wrapper--v1 .grid--recirculation {
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--recirculation .wrapper--v1 .grid--recirculation {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--recirculation .wrapper--v1 .grid--recirculation {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__header .grid__item--header {
text-align: center;
color: #283455;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1200px) {
.module--recirculation .wrapper--v1 .grid--recirculation__header .grid__item--header {
margin-bottom: 4rem;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__card {
grid-column-end: span 4;
margin-bottom: 40px;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card {
grid-column-end: span 6;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__card:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card {
margin-bottom: 0;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) {
grid-column-start: 2;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) .grid--recirculation__cta {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(odd) .grid--recirculation__cta {
margin-bottom: 0;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--recirculation .wrapper--v1 .grid--recirculation__card:nth-child(even) {
grid-column-start: 10;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__image {
width: 100%;
margin-bottom: 1.5rem;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg {
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg img {
height: 100%;
object-fit: cover;
object-position: center;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg:before {
display: block;
content: "";
width: 100%;
padding-top: 125%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg img,
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg video {
width: 100%;
color: transparent;
}
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg video {
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 900px) {
.module--recirculation .wrapper--v1 .grid--recirculation__image--bg {
max-height: 563px;
}
}
.module--recirculation .wrapper--v1 .grid--recirculation__caption {
margin-bottom: 1rem;
text-align: center;
color: #283455;
}
@media screen and (min-width: 600px) {
.module--recirculation .wrapper--v1 .grid--recirculation__caption {
margin-bottom: 1.5rem;
}
}
body.template-page-collections-sheets {
background-color: #DDE3EC !important;
}
body.template-page-collections-sheets .site-header, body.template-page-collections-sheets .nav-horizontal, body.template-page-collections-sheets .nav-horizontal .top-drawer, body.template-page-collections-sheets .site-header .drawer-contents, body.template-page-collections-sheets .top-nav {
background-color: #DDE3EC !important;
}
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card {
grid-column-end: span 2;
}
@media screen and (min-width: 600px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card {
grid-column-end: span 6;
}
}
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(odd) {
grid-column-start: 2;
}
}
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(even) {
grid-column-start: 3;
}
@media screen and (min-width: 600px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
body.template-page-collections-sheets .module--recirculation .grid--recirculation__card:nth-child(even) {
grid-column-start: 10;
}
}
.module--cta-test .page-header {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
color: #283455;
}
.module--cta-test h2 {
margin-bottom: 1rem;
color: #283455;
}
.module--cta-test p {
color: #283455;
}
.module--cta-test code, .module--cta-test pre {
font-size: 14px;
color: #283455;
background-color: #DDE3EC;
}
.module--cta-test .code-wrapper {
margin-bottom: 16px;
background-color: #DDE3EC;
border-radius: 20px;
padding: 10px;
}
.module--cta-test .code-wrapper code, .module--cta-test .code-wrapper pre {
font-size: 14px;
color: #283455;
background-color: #DDE3EC;
}
.grid--btn-wrapper {
display: grid;
margin: 0px;
grid-template-columns: minmax(200px, max-content);
}
.grid--btn-wrapper-tertiary {
display: grid;
margin: 0px;
grid-template-columns: minmax(120px, max-content);
}
.primary-hover {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
border: 1px solid #283455;
background-color: #293C70;
color: #FFFFFF;
}
.primary-hover.hover-active--underline, .primary-hover .hover-active--underline {
position: relative;
}
.primary-hover.hover-active--underline:after, .primary-hover .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.primary-hover.hover-active--underline:hover, .primary-hover.hover-active--underline:active, .primary-hover.hover-active--underline.active, .primary-hover .hover-active--underline:hover, .primary-hover .hover-active--underline:active, .primary-hover .hover-active--underline.active {
cursor: pointer;
}
.primary-hover.hover-active--underline:hover:after, .primary-hover.hover-active--underline:active:after, .primary-hover.hover-active--underline.active:after, .primary-hover .hover-active--underline:hover:after, .primary-hover .hover-active--underline:active:after, .primary-hover .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.primary-hover:hover {
color: #FFFFFF;
}
.primary-active {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
background-color: #283455;
color: #FFFFFF;
transform: scale(0.95);
}
.primary-active.hover-active--underline, .primary-active .hover-active--underline {
position: relative;
}
.primary-active.hover-active--underline:after, .primary-active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.primary-active.hover-active--underline:hover, .primary-active.hover-active--underline:active, .primary-active.hover-active--underline.active, .primary-active .hover-active--underline:hover, .primary-active .hover-active--underline:active, .primary-active .hover-active--underline.active {
cursor: pointer;
}
.primary-active.hover-active--underline:hover:after, .primary-active.hover-active--underline:active:after, .primary-active.hover-active--underline.active:after, .primary-active .hover-active--underline:hover:after, .primary-active .hover-active--underline:active:after, .primary-active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.primary-active:hover {
color: #FFFFFF;
}
.primary-focus {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
background-color: #283455;
color: #FFFFFF;
outline: none;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.primary-focus.hover-active--underline, .primary-focus .hover-active--underline {
position: relative;
}
.primary-focus.hover-active--underline:after, .primary-focus .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.primary-focus.hover-active--underline:hover, .primary-focus.hover-active--underline:active, .primary-focus.hover-active--underline.active, .primary-focus .hover-active--underline:hover, .primary-focus .hover-active--underline:active, .primary-focus .hover-active--underline.active {
cursor: pointer;
}
.primary-focus.hover-active--underline:hover:after, .primary-focus.hover-active--underline:active:after, .primary-focus.hover-active--underline.active:after, .primary-focus .hover-active--underline:hover:after, .primary-focus .hover-active--underline:active:after, .primary-focus .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.primary-focus:hover {
color: #FFFFFF;
}
.primary-disabled {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.primary-disabled.hover-active--underline, .primary-disabled .hover-active--underline {
position: relative;
}
.primary-disabled.hover-active--underline:after, .primary-disabled .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.primary-disabled.hover-active--underline:hover, .primary-disabled.hover-active--underline:active, .primary-disabled.hover-active--underline.active, .primary-disabled .hover-active--underline:hover, .primary-disabled .hover-active--underline:active, .primary-disabled .hover-active--underline.active {
cursor: pointer;
}
.primary-disabled.hover-active--underline:hover:after, .primary-disabled.hover-active--underline:active:after, .primary-disabled.hover-active--underline.active:after, .primary-disabled .hover-active--underline:hover:after, .primary-disabled .hover-active--underline:active:after, .primary-disabled .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.primary-disabled:hover {
color: #FFFFFF;
}
.secondary-hover {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
border: 1px solid #283455;
background-color: #293C70;
color: #FFFFFF;
}
.secondary-hover.hover-active--underline, .secondary-hover .hover-active--underline {
position: relative;
}
.secondary-hover.hover-active--underline:after, .secondary-hover .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.secondary-hover.hover-active--underline:hover, .secondary-hover.hover-active--underline:active, .secondary-hover.hover-active--underline.active, .secondary-hover .hover-active--underline:hover, .secondary-hover .hover-active--underline:active, .secondary-hover .hover-active--underline.active {
cursor: pointer;
}
.secondary-hover.hover-active--underline:hover:after, .secondary-hover.hover-active--underline:active:after, .secondary-hover.hover-active--underline.active:after, .secondary-hover .hover-active--underline:hover:after, .secondary-hover .hover-active--underline:active:after, .secondary-hover .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.secondary-hover:hover {
color: #FFFFFF;
}
.secondary-active {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
background-color: #283455;
color: #FFFFFF;
transform: scale(0.95);
}
.secondary-active.hover-active--underline, .secondary-active .hover-active--underline {
position: relative;
}
.secondary-active.hover-active--underline:after, .secondary-active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.secondary-active.hover-active--underline:hover, .secondary-active.hover-active--underline:active, .secondary-active.hover-active--underline.active, .secondary-active .hover-active--underline:hover, .secondary-active .hover-active--underline:active, .secondary-active .hover-active--underline.active {
cursor: pointer;
}
.secondary-active.hover-active--underline:hover:after, .secondary-active.hover-active--underline:active:after, .secondary-active.hover-active--underline.active:after, .secondary-active .hover-active--underline:hover:after, .secondary-active .hover-active--underline:active:after, .secondary-active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.secondary-active:hover {
color: #FFFFFF;
}
.secondary-focus {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
background-color: #283455;
color: #FFFFFF;
outline: none;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.secondary-focus.hover-active--underline, .secondary-focus .hover-active--underline {
position: relative;
}
.secondary-focus.hover-active--underline:after, .secondary-focus .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.secondary-focus.hover-active--underline:hover, .secondary-focus.hover-active--underline:active, .secondary-focus.hover-active--underline.active, .secondary-focus .hover-active--underline:hover, .secondary-focus .hover-active--underline:active, .secondary-focus .hover-active--underline.active {
cursor: pointer;
}
.secondary-focus.hover-active--underline:hover:after, .secondary-focus.hover-active--underline:active:after, .secondary-focus.hover-active--underline.active:after, .secondary-focus .hover-active--underline:hover:after, .secondary-focus .hover-active--underline:active:after, .secondary-focus .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.secondary-focus:hover {
color: #FFFFFF;
}
.secondary-disabled {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 3.5rem;
border-radius: 1.25rem;
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.secondary-disabled.hover-active--underline, .secondary-disabled .hover-active--underline {
position: relative;
}
.secondary-disabled.hover-active--underline:after, .secondary-disabled .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.secondary-disabled.hover-active--underline:hover, .secondary-disabled.hover-active--underline:active, .secondary-disabled.hover-active--underline.active, .secondary-disabled .hover-active--underline:hover, .secondary-disabled .hover-active--underline:active, .secondary-disabled .hover-active--underline.active {
cursor: pointer;
}
.secondary-disabled.hover-active--underline:hover:after, .secondary-disabled.hover-active--underline:active:after, .secondary-disabled.hover-active--underline.active:after, .secondary-disabled .hover-active--underline:hover:after, .secondary-disabled .hover-active--underline:active:after, .secondary-disabled .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.secondary-disabled:hover {
color: #FFFFFF;
}
.tertiary-hover {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 2.5rem;
border-radius: 1rem;
border: 1px solid #283455;
background-color: #293C70;
color: #FFFFFF;
}
.tertiary-hover.hover-active--underline, .tertiary-hover .hover-active--underline {
position: relative;
}
.tertiary-hover.hover-active--underline:after, .tertiary-hover .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.tertiary-hover.hover-active--underline:hover, .tertiary-hover.hover-active--underline:active, .tertiary-hover.hover-active--underline.active, .tertiary-hover .hover-active--underline:hover, .tertiary-hover .hover-active--underline:active, .tertiary-hover .hover-active--underline.active {
cursor: pointer;
}
.tertiary-hover.hover-active--underline:hover:after, .tertiary-hover.hover-active--underline:active:after, .tertiary-hover.hover-active--underline.active:after, .tertiary-hover .hover-active--underline:hover:after, .tertiary-hover .hover-active--underline:active:after, .tertiary-hover .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.tertiary-hover:hover {
color: #FFFFFF;
}
.tertiary-active {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 2.5rem;
border-radius: 1rem;
background-color: #283455;
color: #FFFFFF;
transform: scale(0.95);
}
.tertiary-active.hover-active--underline, .tertiary-active .hover-active--underline {
position: relative;
}
.tertiary-active.hover-active--underline:after, .tertiary-active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.tertiary-active.hover-active--underline:hover, .tertiary-active.hover-active--underline:active, .tertiary-active.hover-active--underline.active, .tertiary-active .hover-active--underline:hover, .tertiary-active .hover-active--underline:active, .tertiary-active .hover-active--underline.active {
cursor: pointer;
}
.tertiary-active.hover-active--underline:hover:after, .tertiary-active.hover-active--underline:active:after, .tertiary-active.hover-active--underline.active:after, .tertiary-active .hover-active--underline:hover:after, .tertiary-active .hover-active--underline:active:after, .tertiary-active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.tertiary-active:hover {
color: #FFFFFF;
}
.tertiary-focus {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 2.5rem;
border-radius: 1rem;
background-color: #283455;
color: #FFFFFF;
outline: none;
box-shadow: 0 0 0 2px #283455;
border: 1px solid #FFFFFF;
}
.tertiary-focus.hover-active--underline, .tertiary-focus .hover-active--underline {
position: relative;
}
.tertiary-focus.hover-active--underline:after, .tertiary-focus .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.tertiary-focus.hover-active--underline:hover, .tertiary-focus.hover-active--underline:active, .tertiary-focus.hover-active--underline.active, .tertiary-focus .hover-active--underline:hover, .tertiary-focus .hover-active--underline:active, .tertiary-focus .hover-active--underline.active {
cursor: pointer;
}
.tertiary-focus.hover-active--underline:hover:after, .tertiary-focus.hover-active--underline:active:after, .tertiary-focus.hover-active--underline.active:after, .tertiary-focus .hover-active--underline:hover:after, .tertiary-focus .hover-active--underline:active:after, .tertiary-focus .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.tertiary-focus:hover {
color: #FFFFFF;
}
.tertiary-disabled {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
height: 2.5rem;
border-radius: 1rem;
border: 1px solid #DDE3EC;
background-color: #DDE3EC;
color: #FFFFFF;
}
.tertiary-disabled.hover-active--underline, .tertiary-disabled .hover-active--underline {
position: relative;
}
.tertiary-disabled.hover-active--underline:after, .tertiary-disabled .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.tertiary-disabled.hover-active--underline:hover, .tertiary-disabled.hover-active--underline:active, .tertiary-disabled.hover-active--underline.active, .tertiary-disabled .hover-active--underline:hover, .tertiary-disabled .hover-active--underline:active, .tertiary-disabled .hover-active--underline.active {
cursor: pointer;
}
.tertiary-disabled.hover-active--underline:hover:after, .tertiary-disabled.hover-active--underline:active:after, .tertiary-disabled.hover-active--underline.active:after, .tertiary-disabled .hover-active--underline:hover:after, .tertiary-disabled .hover-active--underline:active:after, .tertiary-disabled .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.tertiary-disabled:hover {
color: #FFFFFF;
}
a.p_2 {
color: #283455;
}
.size-guide.p_2.hover-active--underline {
color: #BB7A2C;
cursor: pointer;
}
.size-guide.p_2.hover-active--underline:after, .size-guide.p_2.hover-active--underline:hover:after {
background-color: #BB7A2C;
}
.header-cta {
color: #283455;
}
.btn.change-state, .module--account-details-content .change-state.add-address {
margin-top: 1rem;
}
.module--shoutout .grid--shoutouts {
position: relative;
margin: 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "card card card card" "controls controls controls controls" "cta cta cta cta";
}
@media screen and (min-width: 600px) {
.module--shoutout .grid--shoutouts {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "card card card card card card card card" "controls controls controls controls controls controls controls controls" "cta cta cta cta cta cta cta cta";
}
}
@media screen and (min-width: 900px) {
.module--shoutout .grid--shoutouts {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "card card card card card card card card" "controls controls controls controls controls controls controls controls" "cta cta cta cta cta cta cta cta";
}
}
@media screen and (min-width: 1200px) {
.module--shoutout .grid--shoutouts {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "card card card card card card card card card card " "controls controls controls controls controls controls controls controls controls controls" "cta cta cta cta cta cta cta cta cta cta";
}
}
.module--shoutout .shoutout-card {
margin: 0;
display: flex;
flex-direction: row;
color: #283455;
grid-auto-rows: minmax(min-content, max-content);
opacity: 0;
transform: translateX(80px);
grid-area: card;
cursor: grab;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "quote quote quote quote";
}
@media screen and (min-width: 600px) {
.module--shoutout .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "quote quote quote quote quote quote quote quote";
}
}
@media screen and (min-width: 900px) {
.module--shoutout .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "quote quote quote quote quote quote quote quote";
}
}
@media screen and (min-width: 1200px) {
.module--shoutout .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "quote quote quote quote quote quote quote quote quote quote";
}
}
.module--shoutout .shoutout-card__press-logo {
grid-area: logo;
margin-bottom: 2rem;
}
.module--shoutout .shoutout-card__press-logo img {
max-width: 100%;
max-height: 100%;
}
.module--shoutout .shoutout-card__quote-content {
grid-area: quote;
margin: 0;
display: flex;
flex-direction: row;
color: #283455;
}
.module--shoutout .shoutout-card__quote-left {
font-family: ToledoTS-Bold;
font-size: 2.25rem;
letter-spacing: normal !important;
padding-right: 1.25rem;
}
.module--shoutout .shoutout-card__quote-left.hover-active--underline, .module--shoutout .shoutout-card__quote-left .hover-active--underline {
position: relative;
}
.module--shoutout .shoutout-card__quote-left.hover-active--underline:after, .module--shoutout .shoutout-card__quote-left .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--shoutout .shoutout-card__quote-left.hover-active--underline:hover, .module--shoutout .shoutout-card__quote-left.hover-active--underline:active, .module--shoutout .shoutout-card__quote-left.hover-active--underline.active, .module--shoutout .shoutout-card__quote-left .hover-active--underline:hover, .module--shoutout .shoutout-card__quote-left .hover-active--underline:active, .module--shoutout .shoutout-card__quote-left .hover-active--underline.active {
cursor: pointer;
}
.module--shoutout .shoutout-card__quote-left.hover-active--underline:hover:after, .module--shoutout .shoutout-card__quote-left.hover-active--underline:active:after, .module--shoutout .shoutout-card__quote-left.hover-active--underline.active:after, .module--shoutout .shoutout-card__quote-left .hover-active--underline:hover:after, .module--shoutout .shoutout-card__quote-left .hover-active--underline:active:after, .module--shoutout .shoutout-card__quote-left .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--shoutout .shoutout-card__quote-left {
font-size: 2.25rem;
}
}
@media screen and (min-width: 900px) {
.module--shoutout .shoutout-card__quote-left {
font-size: 3.75rem;
line-height: 4.313rem;
}
}
.module--shoutout .shoutout-card__quote-wrapper {
display: flex;
flex-direction: column;
}
.module--shoutout .shoutout-card__quote {
font-family: ToledoTS-Bold;
font-size: 2.25rem;
letter-spacing: normal !important;
margin-bottom: 1.5rem;
}
.module--shoutout .shoutout-card__quote.hover-active--underline, .module--shoutout .shoutout-card__quote .hover-active--underline {
position: relative;
}
.module--shoutout .shoutout-card__quote.hover-active--underline:after, .module--shoutout .shoutout-card__quote .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--shoutout .shoutout-card__quote.hover-active--underline:hover, .module--shoutout .shoutout-card__quote.hover-active--underline:active, .module--shoutout .shoutout-card__quote.hover-active--underline.active, .module--shoutout .shoutout-card__quote .hover-active--underline:hover, .module--shoutout .shoutout-card__quote .hover-active--underline:active, .module--shoutout .shoutout-card__quote .hover-active--underline.active {
cursor: pointer;
}
.module--shoutout .shoutout-card__quote.hover-active--underline:hover:after, .module--shoutout .shoutout-card__quote.hover-active--underline:active:after, .module--shoutout .shoutout-card__quote.hover-active--underline.active:after, .module--shoutout .shoutout-card__quote .hover-active--underline:hover:after, .module--shoutout .shoutout-card__quote .hover-active--underline:active:after, .module--shoutout .shoutout-card__quote .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--shoutout .shoutout-card__quote {
font-size: 2.25rem;
}
}
@media screen and (min-width: 900px) {
.module--shoutout .shoutout-card__quote {
font-size: 3.75rem;
line-height: 4.313rem;
}
}
.module--shoutout .shoutout-card__review_stars {
margin-bottom: 1rem;
}
.module--shoutout .shoutout-card__review_stars .yotpo-icon-star {
color: #DF8957;
font-family: "yotpo-widget-font-bl";
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.module--shoutout .shoutout-card__review_stars .yotpo-icon-star {
font-size: 1.2rem;
}
}
.module--shoutout .shoutout-card__review_name {
margin-bottom: 0.625rem;
color: #283455;
}
.module--shoutout .shoutout-card__review_date {
margin-bottom: 1.5rem;
color: #777777;
}
.module--shoutout .shoutout-card__press_caption {
margin-bottom: 2rem;
color: #777777;
}
@media screen and (min-width: 900px) {
.module--shoutout .shoutout-card__press_caption {
margin-bottom: 1.25rem;
}
}
.module--shoutout .shoutout-card.selected {
opacity: 1;
transform: translateX(0);
transition: all 600ms ease-out 600ms;
}
.module--shoutout .shoutout-card.next-slide {
transform: translateX(80px);
transition: all 600ms ease-out;
}
.module--shoutout .shoutout-card.prev-slide {
transform: translateX(-80px);
transition: all 600ms ease-out;
}
.module--shoutout .grid--controls {
grid-area: controls;
margin-left: 35px;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 900px) {
.module--shoutout .grid--controls {
margin-left: 45px;
}
}
@media screen and (min-width: 1200px) {
.module--shoutout .grid--controls {
display: flex;
}
}
@media screen and (min-width: 600px) {
.module--shoutout .grid--controls {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--shoutout .grid--controls {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--shoutout .grid--controls {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
.module--shoutout .grid--controls .grid__item-control {
width: auto;
display: flex;
align-items: center;
}
.module--shoutout .grid--controls .grid__item-control.next, .module--shoutout .grid--controls .grid__item-control.prev {
display: none;
}
@media screen and (min-width: 1200px) {
.module--shoutout .grid--controls .grid__item-control.next, .module--shoutout .grid--controls .grid__item-control.prev {
display: flex;
justify-content: center;
width: 36px;
border-radius: 50%;
}
}
.module--shoutout .grid--controls .grid__item-control.next p, .module--shoutout .grid--controls .grid__item-control.prev p {
font-size: 16px;
font-weight: 600;
margin: 0;
cursor: pointer;
}
.module--shoutout .grid--controls .grid__item-control.prev {
transform: rotate(180deg);
}
.module--shoutout .grid--controls .dots-wrapper {
display: flex;
align-items: center;
text-align: center;
}
.module--shoutout .grid--controls .dots-wrapper li {
display: inline-block;
width: 8px;
height: 8px;
background: #DDDDDD;
border-radius: 50%;
margin: 0.75rem;
padding: 0;
border: none;
opacity: 1;
}
.module--shoutout .grid--controls .dots-wrapper li:first-child {
margin-left: 0px;
}
.module--shoutout .grid--controls .dots-wrapper li:last-child {
margin-right: 0px;
}
.module--shoutout .grid--controls .dots-wrapper li.active, .module--shoutout .grid--controls .dots-wrapper li.selected, .module--shoutout .grid--controls .dots-wrapper li:hover {
opacity: 1;
transform: scale(1);
background: #283455;
}
.module--shoutout .grid--shoutout-cta {
grid-area: cta;
margin-top: 1.5rem;
}
.module--shoutout .grid--shoutout-cta .grid__item-shoutout-cta {
padding-left: 35.25px;
}
@media screen and (min-width: 900px) {
.module--shoutout .grid--shoutout-cta .grid__item-shoutout-cta {
padding-left: 45.4px;
}
}
.module--shoutout.press .grid--shoutouts .shoutout-card {
grid-area: card;
cursor: grab;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "logo logo . ." "quote quote quote quote";
}
@media screen and (min-width: 600px) {
.module--shoutout.press .grid--shoutouts .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "logo logo . . . . . ." "quote quote quote quote quote quote quote quote";
}
}
@media screen and (min-width: 900px) {
.module--shoutout.press .grid--shoutouts .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "logo logo . . . . . ." "quote quote quote quote quote quote quote quote";
}
}
@media screen and (min-width: 1200px) {
.module--shoutout.press .grid--shoutouts .shoutout-card {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "logo quote quote quote quote quote quote quote quote quote" ". quote quote quote quote quote quote quote quote quote";
}
}
.module--shoutout.press .grid--shoutouts .shoutout-card__quote {
margin-bottom: 1rem;
}
.module--shoutout.press .grid--controls {
margin-left: 35px;
}
@media screen and (min-width: 900px) {
.module--shoutout.press .grid--controls {
margin-left: 45px;
}
}
@media screen and (min-width: 1200px) {
.module--shoutout.press .grid--controls {
margin-left: calc((100vw - 424px) / 16 + 69px);
}
}
@media screen and (min-width: 1440px) {
.module--shoutout.press .grid--controls {
margin-left: 133px;
}
}
@media screen and (min-width: 900px) {
.module--shoutout.press .grid--controls .grid__item-control.prev {
margin-left: 0px;
}
}
.module--shoutout.press .grid--controls .arrows {
display: flex;
align-items: center;
justify-content: space-between;
}
.module--shoutout.press .grid--controls .arrows a {
height: 42px;
}
.module--shoutout.press .grid--controls .arrows .arrow-left {
transform: rotate(180deg);
}
.module--shoutout.press .grid--controls .dots-wrapper {
display: flex;
align-items: center;
text-align: center;
}
.module--shoutout.press .grid--controls .dots-wrapper li {
display: inline-block;
width: 8px;
height: 8px;
background: #DDDDDD;
border-radius: 50%;
margin: 0.75rem;
padding: 0;
border: none;
opacity: 1;
}
.module--shoutout.press .grid--controls .dots-wrapper li:first-child {
margin-left: 0px;
}
.module--shoutout.press .grid--controls .dots-wrapper li:last-child {
margin-right: 0px;
}
.module--shoutout.press .grid--controls .dots-wrapper li.active, .module--shoutout.press .grid--controls .dots-wrapper li.selected, .module--shoutout.press .grid--controls .dots-wrapper li:hover {
opacity: 1;
transform: scale(1);
background: #283455;
}
body.template-index,
body.template-page-collections-towels,
body.template-page-collections-loungewear,
body.template-page-collections-loungewear-all,
body.template-page-landing-spaces,
body.template-page-collections-pillows,
body.template-page-collections-comforters,
body.template-page-landing-spaces-bathroom,
body.template-page-landing-spaces-bedroom,
body.template-blog,
body.template-page-subcat-metafields {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #FFFAF7 !important;
}
body.template-index .site-header, body.template-index .nav-horizontal, body.template-index .top-nav, body.template-index footer,
body.template-page-collections-towels .site-header,
body.template-page-collections-towels .nav-horizontal,
body.template-page-collections-towels .top-nav,
body.template-page-collections-towels footer,
body.template-page-collections-loungewear .site-header,
body.template-page-collections-loungewear .nav-horizontal,
body.template-page-collections-loungewear .top-nav,
body.template-page-collections-loungewear footer,
body.template-page-collections-loungewear-all .site-header,
body.template-page-collections-loungewear-all .nav-horizontal,
body.template-page-collections-loungewear-all .top-nav,
body.template-page-collections-loungewear-all footer,
body.template-page-landing-spaces .site-header,
body.template-page-landing-spaces .nav-horizontal,
body.template-page-landing-spaces .top-nav,
body.template-page-landing-spaces footer,
body.template-page-collections-pillows .site-header,
body.template-page-collections-pillows .nav-horizontal,
body.template-page-collections-pillows .top-nav,
body.template-page-collections-pillows footer,
body.template-page-collections-comforters .site-header,
body.template-page-collections-comforters .nav-horizontal,
body.template-page-collections-comforters .top-nav,
body.template-page-collections-comforters footer,
body.template-page-landing-spaces-bathroom .site-header,
body.template-page-landing-spaces-bathroom .nav-horizontal,
body.template-page-landing-spaces-bathroom .top-nav,
body.template-page-landing-spaces-bathroom footer,
body.template-page-landing-spaces-bedroom .site-header,
body.template-page-landing-spaces-bedroom .nav-horizontal,
body.template-page-landing-spaces-bedroom .top-nav,
body.template-page-landing-spaces-bedroom footer,
body.template-blog .site-header,
body.template-blog .nav-horizontal,
body.template-blog .top-nav,
body.template-blog footer,
body.template-page-subcat-metafields .site-header,
body.template-page-subcat-metafields .nav-horizontal,
body.template-page-subcat-metafields .top-nav,
body.template-page-subcat-metafields footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-index .site-header, body.template-index .nav-horizontal, body.template-index .nav-horizontal .top-drawer, body.template-index .site-header .drawer-contents, body.template-index .top-nav, body.template-index footer,
body.template-page-collections-towels .site-header,
body.template-page-collections-towels .nav-horizontal,
body.template-page-collections-towels .nav-horizontal .top-drawer,
body.template-page-collections-towels .site-header .drawer-contents,
body.template-page-collections-towels .top-nav,
body.template-page-collections-towels footer,
body.template-page-collections-loungewear .site-header,
body.template-page-collections-loungewear .nav-horizontal,
body.template-page-collections-loungewear .nav-horizontal .top-drawer,
body.template-page-collections-loungewear .site-header .drawer-contents,
body.template-page-collections-loungewear .top-nav,
body.template-page-collections-loungewear footer,
body.template-page-collections-loungewear-all .site-header,
body.template-page-collections-loungewear-all .nav-horizontal,
body.template-page-collections-loungewear-all .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all .site-header .drawer-contents,
body.template-page-collections-loungewear-all .top-nav,
body.template-page-collections-loungewear-all footer,
body.template-page-landing-spaces .site-header,
body.template-page-landing-spaces .nav-horizontal,
body.template-page-landing-spaces .nav-horizontal .top-drawer,
body.template-page-landing-spaces .site-header .drawer-contents,
body.template-page-landing-spaces .top-nav,
body.template-page-landing-spaces footer,
body.template-page-collections-pillows .site-header,
body.template-page-collections-pillows .nav-horizontal,
body.template-page-collections-pillows .nav-horizontal .top-drawer,
body.template-page-collections-pillows .site-header .drawer-contents,
body.template-page-collections-pillows .top-nav,
body.template-page-collections-pillows footer,
body.template-page-collections-comforters .site-header,
body.template-page-collections-comforters .nav-horizontal,
body.template-page-collections-comforters .nav-horizontal .top-drawer,
body.template-page-collections-comforters .site-header .drawer-contents,
body.template-page-collections-comforters .top-nav,
body.template-page-collections-comforters footer,
body.template-page-landing-spaces-bathroom .site-header,
body.template-page-landing-spaces-bathroom .nav-horizontal,
body.template-page-landing-spaces-bathroom .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom .top-nav,
body.template-page-landing-spaces-bathroom footer,
body.template-page-landing-spaces-bedroom .site-header,
body.template-page-landing-spaces-bedroom .nav-horizontal,
body.template-page-landing-spaces-bedroom .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom .top-nav,
body.template-page-landing-spaces-bedroom footer,
body.template-blog .site-header,
body.template-blog .nav-horizontal,
body.template-blog .nav-horizontal .top-drawer,
body.template-blog .site-header .drawer-contents,
body.template-blog .top-nav,
body.template-blog footer,
body.template-page-subcat-metafields .site-header,
body.template-page-subcat-metafields .nav-horizontal,
body.template-page-subcat-metafields .nav-horizontal .top-drawer,
body.template-page-subcat-metafields .site-header .drawer-contents,
body.template-page-subcat-metafields .top-nav,
body.template-page-subcat-metafields footer {
background-color: #FFFAF7 !important;
}
body.template-index[data-transition-bg-color="0"],
body.template-page-collections-towels[data-transition-bg-color="0"],
body.template-page-collections-loungewear[data-transition-bg-color="0"],
body.template-page-collections-loungewear-all[data-transition-bg-color="0"],
body.template-page-landing-spaces[data-transition-bg-color="0"],
body.template-page-collections-pillows[data-transition-bg-color="0"],
body.template-page-collections-comforters[data-transition-bg-color="0"],
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"],
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"],
body.template-blog[data-transition-bg-color="0"],
body.template-page-subcat-metafields[data-transition-bg-color="0"] {
background-color: #DDE3EC !important;
}
body.template-index[data-transition-bg-color="0"] .site-header, body.template-index[data-transition-bg-color="0"] .nav-horizontal, body.template-index[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-index[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-index[data-transition-bg-color="0"] .top-nav, body.template-index[data-transition-bg-color="0"] footer,
body.template-page-collections-towels[data-transition-bg-color="0"] .site-header,
body.template-page-collections-towels[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-collections-towels[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-collections-towels[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-collections-towels[data-transition-bg-color="0"] .top-nav,
body.template-page-collections-towels[data-transition-bg-color="0"] footer,
body.template-page-collections-loungewear[data-transition-bg-color="0"] .site-header,
body.template-page-collections-loungewear[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-collections-loungewear[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-collections-loungewear[data-transition-bg-color="0"] .top-nav,
body.template-page-collections-loungewear[data-transition-bg-color="0"] footer,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] .site-header,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] .top-nav,
body.template-page-collections-loungewear-all[data-transition-bg-color="0"] footer,
body.template-page-landing-spaces[data-transition-bg-color="0"] .site-header,
body.template-page-landing-spaces[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-landing-spaces[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-landing-spaces[data-transition-bg-color="0"] .top-nav,
body.template-page-landing-spaces[data-transition-bg-color="0"] footer,
body.template-page-collections-pillows[data-transition-bg-color="0"] .site-header,
body.template-page-collections-pillows[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-collections-pillows[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-collections-pillows[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-collections-pillows[data-transition-bg-color="0"] .top-nav,
body.template-page-collections-pillows[data-transition-bg-color="0"] footer,
body.template-page-collections-comforters[data-transition-bg-color="0"] .site-header,
body.template-page-collections-comforters[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-collections-comforters[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-collections-comforters[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-collections-comforters[data-transition-bg-color="0"] .top-nav,
body.template-page-collections-comforters[data-transition-bg-color="0"] footer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] .site-header,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] .top-nav,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="0"] footer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] .site-header,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] .top-nav,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="0"] footer,
body.template-blog[data-transition-bg-color="0"] .site-header,
body.template-blog[data-transition-bg-color="0"] .nav-horizontal,
body.template-blog[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-blog[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-blog[data-transition-bg-color="0"] .top-nav,
body.template-blog[data-transition-bg-color="0"] footer,
body.template-page-subcat-metafields[data-transition-bg-color="0"] .site-header,
body.template-page-subcat-metafields[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-subcat-metafields[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-subcat-metafields[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-subcat-metafields[data-transition-bg-color="0"] .top-nav,
body.template-page-subcat-metafields[data-transition-bg-color="0"] footer {
background-color: #DDE3EC !important;
}
body.template-index[data-transition-bg-color="1"],
body.template-page-collections-towels[data-transition-bg-color="1"],
body.template-page-collections-loungewear[data-transition-bg-color="1"],
body.template-page-collections-loungewear-all[data-transition-bg-color="1"],
body.template-page-landing-spaces[data-transition-bg-color="1"],
body.template-page-collections-pillows[data-transition-bg-color="1"],
body.template-page-collections-comforters[data-transition-bg-color="1"],
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"],
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"],
body.template-blog[data-transition-bg-color="1"],
body.template-page-subcat-metafields[data-transition-bg-color="1"] {
background-color: #f3f6f9 !important;
}
body.template-index[data-transition-bg-color="1"] .site-header, body.template-index[data-transition-bg-color="1"] .nav-horizontal, body.template-index[data-transition-bg-color="1"] .nav-horizontal .top-drawer, body.template-index[data-transition-bg-color="1"] .site-header .drawer-contents, body.template-index[data-transition-bg-color="1"] .top-nav, body.template-index[data-transition-bg-color="1"] footer,
body.template-page-collections-towels[data-transition-bg-color="1"] .site-header,
body.template-page-collections-towels[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-collections-towels[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-collections-towels[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-collections-towels[data-transition-bg-color="1"] .top-nav,
body.template-page-collections-towels[data-transition-bg-color="1"] footer,
body.template-page-collections-loungewear[data-transition-bg-color="1"] .site-header,
body.template-page-collections-loungewear[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-collections-loungewear[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-collections-loungewear[data-transition-bg-color="1"] .top-nav,
body.template-page-collections-loungewear[data-transition-bg-color="1"] footer,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] .site-header,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] .top-nav,
body.template-page-collections-loungewear-all[data-transition-bg-color="1"] footer,
body.template-page-landing-spaces[data-transition-bg-color="1"] .site-header,
body.template-page-landing-spaces[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-landing-spaces[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-landing-spaces[data-transition-bg-color="1"] .top-nav,
body.template-page-landing-spaces[data-transition-bg-color="1"] footer,
body.template-page-collections-pillows[data-transition-bg-color="1"] .site-header,
body.template-page-collections-pillows[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-collections-pillows[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-collections-pillows[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-collections-pillows[data-transition-bg-color="1"] .top-nav,
body.template-page-collections-pillows[data-transition-bg-color="1"] footer,
body.template-page-collections-comforters[data-transition-bg-color="1"] .site-header,
body.template-page-collections-comforters[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-collections-comforters[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-collections-comforters[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-collections-comforters[data-transition-bg-color="1"] .top-nav,
body.template-page-collections-comforters[data-transition-bg-color="1"] footer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] .site-header,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] .top-nav,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="1"] footer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] .site-header,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] .top-nav,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="1"] footer,
body.template-blog[data-transition-bg-color="1"] .site-header,
body.template-blog[data-transition-bg-color="1"] .nav-horizontal,
body.template-blog[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-blog[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-blog[data-transition-bg-color="1"] .top-nav,
body.template-blog[data-transition-bg-color="1"] footer,
body.template-page-subcat-metafields[data-transition-bg-color="1"] .site-header,
body.template-page-subcat-metafields[data-transition-bg-color="1"] .nav-horizontal,
body.template-page-subcat-metafields[data-transition-bg-color="1"] .nav-horizontal .top-drawer,
body.template-page-subcat-metafields[data-transition-bg-color="1"] .site-header .drawer-contents,
body.template-page-subcat-metafields[data-transition-bg-color="1"] .top-nav,
body.template-page-subcat-metafields[data-transition-bg-color="1"] footer {
background-color: #f3f6f9 !important;
}
body.template-index[data-transition-bg-color="2"],
body.template-page-collections-towels[data-transition-bg-color="2"],
body.template-page-collections-loungewear[data-transition-bg-color="2"],
body.template-page-collections-loungewear-all[data-transition-bg-color="2"],
body.template-page-landing-spaces[data-transition-bg-color="2"],
body.template-page-collections-pillows[data-transition-bg-color="2"],
body.template-page-collections-comforters[data-transition-bg-color="2"],
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"],
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"],
body.template-blog[data-transition-bg-color="2"],
body.template-page-subcat-metafields[data-transition-bg-color="2"] {
background-color: #f3f1ec !important;
}
body.template-index[data-transition-bg-color="2"] .site-header, body.template-index[data-transition-bg-color="2"] .nav-horizontal, body.template-index[data-transition-bg-color="2"] .nav-horizontal .top-drawer, body.template-index[data-transition-bg-color="2"] .site-header .drawer-contents, body.template-index[data-transition-bg-color="2"] .top-nav, body.template-index[data-transition-bg-color="2"] footer,
body.template-page-collections-towels[data-transition-bg-color="2"] .site-header,
body.template-page-collections-towels[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-collections-towels[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-collections-towels[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-collections-towels[data-transition-bg-color="2"] .top-nav,
body.template-page-collections-towels[data-transition-bg-color="2"] footer,
body.template-page-collections-loungewear[data-transition-bg-color="2"] .site-header,
body.template-page-collections-loungewear[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-collections-loungewear[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-collections-loungewear[data-transition-bg-color="2"] .top-nav,
body.template-page-collections-loungewear[data-transition-bg-color="2"] footer,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] .site-header,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] .top-nav,
body.template-page-collections-loungewear-all[data-transition-bg-color="2"] footer,
body.template-page-landing-spaces[data-transition-bg-color="2"] .site-header,
body.template-page-landing-spaces[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-landing-spaces[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-landing-spaces[data-transition-bg-color="2"] .top-nav,
body.template-page-landing-spaces[data-transition-bg-color="2"] footer,
body.template-page-collections-pillows[data-transition-bg-color="2"] .site-header,
body.template-page-collections-pillows[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-collections-pillows[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-collections-pillows[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-collections-pillows[data-transition-bg-color="2"] .top-nav,
body.template-page-collections-pillows[data-transition-bg-color="2"] footer,
body.template-page-collections-comforters[data-transition-bg-color="2"] .site-header,
body.template-page-collections-comforters[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-collections-comforters[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-collections-comforters[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-collections-comforters[data-transition-bg-color="2"] .top-nav,
body.template-page-collections-comforters[data-transition-bg-color="2"] footer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] .site-header,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] .top-nav,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="2"] footer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] .site-header,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] .top-nav,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="2"] footer,
body.template-blog[data-transition-bg-color="2"] .site-header,
body.template-blog[data-transition-bg-color="2"] .nav-horizontal,
body.template-blog[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-blog[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-blog[data-transition-bg-color="2"] .top-nav,
body.template-blog[data-transition-bg-color="2"] footer,
body.template-page-subcat-metafields[data-transition-bg-color="2"] .site-header,
body.template-page-subcat-metafields[data-transition-bg-color="2"] .nav-horizontal,
body.template-page-subcat-metafields[data-transition-bg-color="2"] .nav-horizontal .top-drawer,
body.template-page-subcat-metafields[data-transition-bg-color="2"] .site-header .drawer-contents,
body.template-page-subcat-metafields[data-transition-bg-color="2"] .top-nav,
body.template-page-subcat-metafields[data-transition-bg-color="2"] footer {
background-color: #f3f1ec !important;
}
body.template-index[data-transition-bg-color="3"],
body.template-page-collections-towels[data-transition-bg-color="3"],
body.template-page-collections-loungewear[data-transition-bg-color="3"],
body.template-page-collections-loungewear-all[data-transition-bg-color="3"],
body.template-page-landing-spaces[data-transition-bg-color="3"],
body.template-page-collections-pillows[data-transition-bg-color="3"],
body.template-page-collections-comforters[data-transition-bg-color="3"],
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"],
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"],
body.template-blog[data-transition-bg-color="3"],
body.template-page-subcat-metafields[data-transition-bg-color="3"] {
background-color: #f1e0d1 !important;
}
body.template-index[data-transition-bg-color="3"] .site-header, body.template-index[data-transition-bg-color="3"] .nav-horizontal, body.template-index[data-transition-bg-color="3"] .nav-horizontal .top-drawer, body.template-index[data-transition-bg-color="3"] .site-header .drawer-contents, body.template-index[data-transition-bg-color="3"] .top-nav, body.template-index[data-transition-bg-color="3"] footer,
body.template-page-collections-towels[data-transition-bg-color="3"] .site-header,
body.template-page-collections-towels[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-collections-towels[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-collections-towels[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-collections-towels[data-transition-bg-color="3"] .top-nav,
body.template-page-collections-towels[data-transition-bg-color="3"] footer,
body.template-page-collections-loungewear[data-transition-bg-color="3"] .site-header,
body.template-page-collections-loungewear[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-collections-loungewear[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-collections-loungewear[data-transition-bg-color="3"] .top-nav,
body.template-page-collections-loungewear[data-transition-bg-color="3"] footer,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] .site-header,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] .top-nav,
body.template-page-collections-loungewear-all[data-transition-bg-color="3"] footer,
body.template-page-landing-spaces[data-transition-bg-color="3"] .site-header,
body.template-page-landing-spaces[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-landing-spaces[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-landing-spaces[data-transition-bg-color="3"] .top-nav,
body.template-page-landing-spaces[data-transition-bg-color="3"] footer,
body.template-page-collections-pillows[data-transition-bg-color="3"] .site-header,
body.template-page-collections-pillows[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-collections-pillows[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-collections-pillows[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-collections-pillows[data-transition-bg-color="3"] .top-nav,
body.template-page-collections-pillows[data-transition-bg-color="3"] footer,
body.template-page-collections-comforters[data-transition-bg-color="3"] .site-header,
body.template-page-collections-comforters[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-collections-comforters[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-collections-comforters[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-collections-comforters[data-transition-bg-color="3"] .top-nav,
body.template-page-collections-comforters[data-transition-bg-color="3"] footer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] .site-header,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] .top-nav,
body.template-page-landing-spaces-bathroom[data-transition-bg-color="3"] footer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] .site-header,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] .top-nav,
body.template-page-landing-spaces-bedroom[data-transition-bg-color="3"] footer,
body.template-blog[data-transition-bg-color="3"] .site-header,
body.template-blog[data-transition-bg-color="3"] .nav-horizontal,
body.template-blog[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-blog[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-blog[data-transition-bg-color="3"] .top-nav,
body.template-blog[data-transition-bg-color="3"] footer,
body.template-page-subcat-metafields[data-transition-bg-color="3"] .site-header,
body.template-page-subcat-metafields[data-transition-bg-color="3"] .nav-horizontal,
body.template-page-subcat-metafields[data-transition-bg-color="3"] .nav-horizontal .top-drawer,
body.template-page-subcat-metafields[data-transition-bg-color="3"] .site-header .drawer-contents,
body.template-page-subcat-metafields[data-transition-bg-color="3"] .top-nav,
body.template-page-subcat-metafields[data-transition-bg-color="3"] footer {
background-color: #f1e0d1 !important;
}
body.template-index[data-transition-bg-color=footer],
body.template-page-collections-towels[data-transition-bg-color=footer],
body.template-page-collections-loungewear[data-transition-bg-color=footer],
body.template-page-collections-loungewear-all[data-transition-bg-color=footer],
body.template-page-landing-spaces[data-transition-bg-color=footer],
body.template-page-collections-pillows[data-transition-bg-color=footer],
body.template-page-collections-comforters[data-transition-bg-color=footer],
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer],
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer],
body.template-blog[data-transition-bg-color=footer],
body.template-page-subcat-metafields[data-transition-bg-color=footer] {
background-color: #F8F1E9 !important;
}
body.template-index[data-transition-bg-color=footer] .site-header, body.template-index[data-transition-bg-color=footer] .nav-horizontal, body.template-index[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-index[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-index[data-transition-bg-color=footer] .top-nav, body.template-index[data-transition-bg-color=footer] footer,
body.template-page-collections-towels[data-transition-bg-color=footer] .site-header,
body.template-page-collections-towels[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-collections-towels[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-collections-towels[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-collections-towels[data-transition-bg-color=footer] .top-nav,
body.template-page-collections-towels[data-transition-bg-color=footer] footer,
body.template-page-collections-loungewear[data-transition-bg-color=footer] .site-header,
body.template-page-collections-loungewear[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-collections-loungewear[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-collections-loungewear[data-transition-bg-color=footer] .top-nav,
body.template-page-collections-loungewear[data-transition-bg-color=footer] footer,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] .site-header,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] .top-nav,
body.template-page-collections-loungewear-all[data-transition-bg-color=footer] footer,
body.template-page-landing-spaces[data-transition-bg-color=footer] .site-header,
body.template-page-landing-spaces[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-landing-spaces[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-landing-spaces[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-landing-spaces[data-transition-bg-color=footer] .top-nav,
body.template-page-landing-spaces[data-transition-bg-color=footer] footer,
body.template-page-collections-pillows[data-transition-bg-color=footer] .site-header,
body.template-page-collections-pillows[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-collections-pillows[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-collections-pillows[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-collections-pillows[data-transition-bg-color=footer] .top-nav,
body.template-page-collections-pillows[data-transition-bg-color=footer] footer,
body.template-page-collections-comforters[data-transition-bg-color=footer] .site-header,
body.template-page-collections-comforters[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-collections-comforters[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-collections-comforters[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-collections-comforters[data-transition-bg-color=footer] .top-nav,
body.template-page-collections-comforters[data-transition-bg-color=footer] footer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] .site-header,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] .top-nav,
body.template-page-landing-spaces-bathroom[data-transition-bg-color=footer] footer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] .site-header,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] .top-nav,
body.template-page-landing-spaces-bedroom[data-transition-bg-color=footer] footer,
body.template-blog[data-transition-bg-color=footer] .site-header,
body.template-blog[data-transition-bg-color=footer] .nav-horizontal,
body.template-blog[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-blog[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-blog[data-transition-bg-color=footer] .top-nav,
body.template-blog[data-transition-bg-color=footer] footer,
body.template-page-subcat-metafields[data-transition-bg-color=footer] .site-header,
body.template-page-subcat-metafields[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-subcat-metafields[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-subcat-metafields[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-subcat-metafields[data-transition-bg-color=footer] .top-nav,
body.template-page-subcat-metafields[data-transition-bg-color=footer] footer {
background-color: #F8F1E9 !important;
}
body.template-page-landing-heathered-cashmere,
body.template-page-landing-percale-luxe,
.bg-grey-light {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #F2F2F2 !important;
}
body.template-page-landing-heathered-cashmere .site-header, body.template-page-landing-heathered-cashmere .top-nav, body.template-page-landing-heathered-cashmere footer,
body.template-page-landing-percale-luxe .site-header,
body.template-page-landing-percale-luxe .top-nav,
body.template-page-landing-percale-luxe footer,
.bg-grey-light .site-header,
.bg-grey-light .top-nav,
.bg-grey-light footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-landing-heathered-cashmere .site-header, body.template-page-landing-heathered-cashmere .nav-horizontal, body.template-page-landing-heathered-cashmere .nav-horizontal .top-drawer, body.template-page-landing-heathered-cashmere .site-header .drawer-contents, body.template-page-landing-heathered-cashmere .top-nav, body.template-page-landing-heathered-cashmere footer,
body.template-page-landing-percale-luxe .site-header,
body.template-page-landing-percale-luxe .nav-horizontal,
body.template-page-landing-percale-luxe .nav-horizontal .top-drawer,
body.template-page-landing-percale-luxe .site-header .drawer-contents,
body.template-page-landing-percale-luxe .top-nav,
body.template-page-landing-percale-luxe footer,
.bg-grey-light .site-header,
.bg-grey-light .nav-horizontal,
.bg-grey-light .nav-horizontal .top-drawer,
.bg-grey-light .site-header .drawer-contents,
.bg-grey-light .top-nav,
.bg-grey-light footer {
background-color: #F2F2F2 !important;
}
body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"],
body.template-page-landing-percale-luxe[data-transition-bg-color="0"],
.bg-grey-light[data-transition-bg-color="0"] {
background-color: #F2F2F2 !important;
}
body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] .site-header, body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] .nav-horizontal, body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] .top-nav, body.template-page-landing-heathered-cashmere[data-transition-bg-color="0"] footer,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] .site-header,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] .top-nav,
body.template-page-landing-percale-luxe[data-transition-bg-color="0"] footer,
.bg-grey-light[data-transition-bg-color="0"] .site-header,
.bg-grey-light[data-transition-bg-color="0"] .nav-horizontal,
.bg-grey-light[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
.bg-grey-light[data-transition-bg-color="0"] .site-header .drawer-contents,
.bg-grey-light[data-transition-bg-color="0"] .top-nav,
.bg-grey-light[data-transition-bg-color="0"] footer {
background-color: #F2F2F2 !important;
}
body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer],
body.template-page-landing-percale-luxe[data-transition-bg-color=footer],
.bg-grey-light[data-transition-bg-color=footer] {
background-color: #F2F5F8 !important;
}
body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] .site-header, body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] .top-nav, body.template-page-landing-heathered-cashmere[data-transition-bg-color=footer] footer,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] .site-header,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] .top-nav,
body.template-page-landing-percale-luxe[data-transition-bg-color=footer] footer,
.bg-grey-light[data-transition-bg-color=footer] .site-header,
.bg-grey-light[data-transition-bg-color=footer] .nav-horizontal,
.bg-grey-light[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
.bg-grey-light[data-transition-bg-color=footer] .site-header .drawer-contents,
.bg-grey-light[data-transition-bg-color=footer] .top-nav,
.bg-grey-light[data-transition-bg-color=footer] footer {
background-color: #F2F5F8 !important;
}
body.template-page-landing-linen,
.bg-afternoon-delight-extra-light {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #EFF0ED !important;
}
body.template-page-landing-linen .site-header, body.template-page-landing-linen .top-nav, body.template-page-landing-linen footer,
.bg-afternoon-delight-extra-light .site-header,
.bg-afternoon-delight-extra-light .top-nav,
.bg-afternoon-delight-extra-light footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-landing-linen .site-header, body.template-page-landing-linen .nav-horizontal, body.template-page-landing-linen .nav-horizontal .top-drawer, body.template-page-landing-linen .site-header .drawer-contents, body.template-page-landing-linen .top-nav, body.template-page-landing-linen footer,
.bg-afternoon-delight-extra-light .site-header,
.bg-afternoon-delight-extra-light .nav-horizontal,
.bg-afternoon-delight-extra-light .nav-horizontal .top-drawer,
.bg-afternoon-delight-extra-light .site-header .drawer-contents,
.bg-afternoon-delight-extra-light .top-nav,
.bg-afternoon-delight-extra-light footer {
background-color: #EFF0ED !important;
}
body.template-page-landing-linen[data-transition-bg-color="0"],
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] {
background-color: #F2F2F2 !important;
}
body.template-page-landing-linen[data-transition-bg-color="0"] .site-header, body.template-page-landing-linen[data-transition-bg-color="0"] .nav-horizontal, body.template-page-landing-linen[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-landing-linen[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-landing-linen[data-transition-bg-color="0"] .top-nav, body.template-page-landing-linen[data-transition-bg-color="0"] footer,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] .site-header,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] .nav-horizontal,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] .site-header .drawer-contents,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] .top-nav,
.bg-afternoon-delight-extra-light[data-transition-bg-color="0"] footer {
background-color: #F2F2F2 !important;
}
body.template-page-landing-linen[data-transition-bg-color=footer],
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] {
background-color: #F2F2F2 !important;
}
body.template-page-landing-linen[data-transition-bg-color=footer] .site-header, body.template-page-landing-linen[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-linen[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-linen[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-linen[data-transition-bg-color=footer] .top-nav, body.template-page-landing-linen[data-transition-bg-color=footer] footer,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] .site-header,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] .nav-horizontal,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] .site-header .drawer-contents,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] .top-nav,
.bg-afternoon-delight-extra-light[data-transition-bg-color=footer] footer {
background-color: #F2F2F2 !important;
}
body.template-page-landing-brooklittles-2020 {
background-color: #F8F1E9 !important;
}
body.template-page-landing-brooklittles-2020 .site-header, body.template-page-landing-brooklittles-2020 .nav-horizontal, body.template-page-landing-brooklittles-2020 .nav-horizontal .top-drawer, body.template-page-landing-brooklittles-2020 .site-header .drawer-contents, body.template-page-landing-brooklittles-2020 .top-nav, body.template-page-landing-brooklittles-2020 footer {
background-color: #F8F1E9 !important;
}
body.template-page-landing-comforters,
body.template-page-landing-best-sheets,
.bg-magic-hour-extra-light {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #FFFAF7 !important;
}
body.template-page-landing-comforters .site-header, body.template-page-landing-comforters .top-nav, body.template-page-landing-comforters footer,
body.template-page-landing-best-sheets .site-header,
body.template-page-landing-best-sheets .top-nav,
body.template-page-landing-best-sheets footer,
.bg-magic-hour-extra-light .site-header,
.bg-magic-hour-extra-light .top-nav,
.bg-magic-hour-extra-light footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-landing-comforters .site-header, body.template-page-landing-comforters .nav-horizontal, body.template-page-landing-comforters .nav-horizontal .top-drawer, body.template-page-landing-comforters .site-header .drawer-contents, body.template-page-landing-comforters .top-nav, body.template-page-landing-comforters footer,
body.template-page-landing-best-sheets .site-header,
body.template-page-landing-best-sheets .nav-horizontal,
body.template-page-landing-best-sheets .nav-horizontal .top-drawer,
body.template-page-landing-best-sheets .site-header .drawer-contents,
body.template-page-landing-best-sheets .top-nav,
body.template-page-landing-best-sheets footer,
.bg-magic-hour-extra-light .site-header,
.bg-magic-hour-extra-light .nav-horizontal,
.bg-magic-hour-extra-light .nav-horizontal .top-drawer,
.bg-magic-hour-extra-light .site-header .drawer-contents,
.bg-magic-hour-extra-light .top-nav,
.bg-magic-hour-extra-light footer {
background-color: #FFFAF7 !important;
}
body.template-page-landing-comforters[data-transition-bg-color="0"],
body.template-page-landing-best-sheets[data-transition-bg-color="0"],
.bg-magic-hour-extra-light[data-transition-bg-color="0"] {
background-color: #FDE5D6 !important;
}
body.template-page-landing-comforters[data-transition-bg-color="0"] .site-header, body.template-page-landing-comforters[data-transition-bg-color="0"] .nav-horizontal, body.template-page-landing-comforters[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-landing-comforters[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-landing-comforters[data-transition-bg-color="0"] .top-nav, body.template-page-landing-comforters[data-transition-bg-color="0"] footer,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] .site-header,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] .nav-horizontal,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] .site-header .drawer-contents,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] .top-nav,
body.template-page-landing-best-sheets[data-transition-bg-color="0"] footer,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] .site-header,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] .nav-horizontal,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] .site-header .drawer-contents,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] .top-nav,
.bg-magic-hour-extra-light[data-transition-bg-color="0"] footer {
background-color: #FDE5D6 !important;
}
body.template-page-landing-comforters[data-transition-bg-color=footer],
body.template-page-landing-best-sheets[data-transition-bg-color=footer],
.bg-magic-hour-extra-light[data-transition-bg-color=footer] {
background-color: #FDE5D6 !important;
}
body.template-page-landing-comforters[data-transition-bg-color=footer] .site-header, body.template-page-landing-comforters[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-comforters[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-comforters[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-comforters[data-transition-bg-color=footer] .top-nav, body.template-page-landing-comforters[data-transition-bg-color=footer] footer,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] .site-header,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] .nav-horizontal,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] .site-header .drawer-contents,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] .top-nav,
body.template-page-landing-best-sheets[data-transition-bg-color=footer] footer,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] .site-header,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] .nav-horizontal,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] .site-header .drawer-contents,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] .top-nav,
.bg-magic-hour-extra-light[data-transition-bg-color=footer] footer {
background-color: #FDE5D6 !important;
}
body.template-blog[data-transition-bg-color="0"], body.template-article[data-transition-bg-color="0"] {
background-color: #F9F3ED !important;
}
body.template-blog[data-transition-bg-color="0"] .site-header, body.template-blog[data-transition-bg-color="0"] .nav-horizontal, body.template-blog[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-blog[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-blog[data-transition-bg-color="0"] .top-nav, body.template-blog[data-transition-bg-color="0"] footer, body.template-article[data-transition-bg-color="0"] .site-header, body.template-article[data-transition-bg-color="0"] .nav-horizontal, body.template-article[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-article[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-article[data-transition-bg-color="0"] .top-nav, body.template-article[data-transition-bg-color="0"] footer {
background-color: #F9F3ED !important;
}
body.template-blog[data-transition-bg-color="1"], body.template-article[data-transition-bg-color="1"] {
background-color: #EFF0ED !important;
}
body.template-blog[data-transition-bg-color="1"] .site-header, body.template-blog[data-transition-bg-color="1"] .nav-horizontal, body.template-blog[data-transition-bg-color="1"] .nav-horizontal .top-drawer, body.template-blog[data-transition-bg-color="1"] .site-header .drawer-contents, body.template-blog[data-transition-bg-color="1"] .top-nav, body.template-blog[data-transition-bg-color="1"] footer, body.template-article[data-transition-bg-color="1"] .site-header, body.template-article[data-transition-bg-color="1"] .nav-horizontal, body.template-article[data-transition-bg-color="1"] .nav-horizontal .top-drawer, body.template-article[data-transition-bg-color="1"] .site-header .drawer-contents, body.template-article[data-transition-bg-color="1"] .top-nav, body.template-article[data-transition-bg-color="1"] footer {
background-color: #EFF0ED !important;
}
body.template-blog[data-transition-bg-color=footer], body.template-article[data-transition-bg-color=footer] {
background-color: #EFF0ED !important;
}
body.template-blog[data-transition-bg-color=footer] .site-header, body.template-blog[data-transition-bg-color=footer] .nav-horizontal, body.template-blog[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-blog[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-blog[data-transition-bg-color=footer] .top-nav, body.template-blog[data-transition-bg-color=footer] footer, body.template-article[data-transition-bg-color=footer] .site-header, body.template-article[data-transition-bg-color=footer] .nav-horizontal, body.template-article[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-article[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-article[data-transition-bg-color=footer] .top-nav, body.template-article[data-transition-bg-color=footer] footer {
background-color: #EFF0ED !important;
}
body.template-page-contact-2,
.bg-transparent {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #FFFAF7 !important;
}
body.template-page-contact-2 .site-header, body.template-page-contact-2 .top-nav, body.template-page-contact-2 footer,
.bg-transparent .site-header,
.bg-transparent .top-nav,
.bg-transparent footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-contact-2 .site-header, body.template-page-contact-2 .nav-horizontal, body.template-page-contact-2 .nav-horizontal .top-drawer, body.template-page-contact-2 .site-header .drawer-contents, body.template-page-contact-2 .top-nav, body.template-page-contact-2 footer,
.bg-transparent .site-header,
.bg-transparent .nav-horizontal,
.bg-transparent .nav-horizontal .top-drawer,
.bg-transparent .site-header .drawer-contents,
.bg-transparent .top-nav,
.bg-transparent footer {
background-color: #FFFAF7 !important;
}
body.template-page-contact-2[data-transition-bg-color="0"],
.bg-transparent[data-transition-bg-color="0"] {
background-color: #F8F1E9 !important;
}
body.template-page-contact-2[data-transition-bg-color="0"] .site-header, body.template-page-contact-2[data-transition-bg-color="0"] .nav-horizontal, body.template-page-contact-2[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-contact-2[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-contact-2[data-transition-bg-color="0"] .top-nav, body.template-page-contact-2[data-transition-bg-color="0"] footer,
.bg-transparent[data-transition-bg-color="0"] .site-header,
.bg-transparent[data-transition-bg-color="0"] .nav-horizontal,
.bg-transparent[data-transition-bg-color="0"] .nav-horizontal .top-drawer,
.bg-transparent[data-transition-bg-color="0"] .site-header .drawer-contents,
.bg-transparent[data-transition-bg-color="0"] .top-nav,
.bg-transparent[data-transition-bg-color="0"] footer {
background-color: #F8F1E9 !important;
}
body.template-page-contact-2[data-transition-bg-color=footer],
.bg-transparent[data-transition-bg-color=footer] {
background-color: #F8F1E9 !important;
}
body.template-page-contact-2[data-transition-bg-color=footer] .site-header, body.template-page-contact-2[data-transition-bg-color=footer] .nav-horizontal, body.template-page-contact-2[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-contact-2[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-contact-2[data-transition-bg-color=footer] .top-nav, body.template-page-contact-2[data-transition-bg-color=footer] footer,
.bg-transparent[data-transition-bg-color=footer] .site-header,
.bg-transparent[data-transition-bg-color=footer] .nav-horizontal,
.bg-transparent[data-transition-bg-color=footer] .nav-horizontal .top-drawer,
.bg-transparent[data-transition-bg-color=footer] .site-header .drawer-contents,
.bg-transparent[data-transition-bg-color=footer] .top-nav,
.bg-transparent[data-transition-bg-color=footer] footer {
background-color: #F8F1E9 !important;
}
body.template-page-education-2, body.template-page-landing-outbrain {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-education-2 .site-header, body.template-page-landing-outbrain .site-header, body.template-page-education-2 .top-nav, body.template-page-landing-outbrain .top-nav, body.template-page-education-2 footer, body.template-page-landing-outbrain footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-education-2[data-transition-bg-color="0"], body[data-transition-bg-color="0"].template-page-landing-outbrain {
background-color: #DDE3EC;
}
body.template-page-education-2[data-transition-bg-color="0"] .site-header, body[data-transition-bg-color="0"].template-page-landing-outbrain .site-header, body.template-page-education-2[data-transition-bg-color="0"] .top-nav, body[data-transition-bg-color="0"].template-page-landing-outbrain .top-nav, body.template-page-education-2[data-transition-bg-color="0"] footer, body[data-transition-bg-color="0"].template-page-landing-outbrain footer {
background-color: #DDE3EC;
}
body.template-page-care-guide {
background: #F8F8F8;
}
body.template-page-care-guide .site-header, body.template-page-care-guide .site-header .drawer-contents, body.template-page-care-guide .top-nav {
background: #F8F8F8;
}
body.template-collection-plp {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #FFFAF7 !important;
}
body.template-collection-plp .site-header, body.template-collection-plp .top-nav, body.template-collection-plp footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-collection-plp .site-header, body.template-collection-plp .nav-horizontal, body.template-collection-plp .nav-horizontal .top-drawer, body.template-collection-plp .site-header .drawer-contents, body.template-collection-plp .top-nav, body.template-collection-plp footer {
background-color: #FFFAF7 !important;
}
body.template-collection-plp[data-transition-bg-color="0"] {
background-color: #F8F1E9 !important;
}
body.template-collection-plp[data-transition-bg-color="0"] .site-header, body.template-collection-plp[data-transition-bg-color="0"] .nav-horizontal, body.template-collection-plp[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-collection-plp[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-collection-plp[data-transition-bg-color="0"] .top-nav, body.template-collection-plp[data-transition-bg-color="0"] footer {
background-color: #F8F1E9 !important;
}
body.template-collection-plp[data-transition-bg-color=footer] {
background-color: #F8F1E9 !important;
}
body.template-collection-plp[data-transition-bg-color=footer] .site-header, body.template-collection-plp[data-transition-bg-color=footer] .nav-horizontal, body.template-collection-plp[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-collection-plp[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-collection-plp[data-transition-bg-color=footer] .top-nav, body.template-collection-plp[data-transition-bg-color=footer] footer {
background-color: #F8F1E9 !important;
}
body.dynamic-bg {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.dynamic-bg .site-header, body.dynamic-bg .top-nav, body.dynamic-bg footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.dynamic-bg[data-transition-bg-color=FFFFFF] {
background-color: #ffffff !important;
}
body.dynamic-bg[data-transition-bg-color=FFFFFF] .site-header, body.dynamic-bg[data-transition-bg-color=FFFFFF] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=FFFFFF] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=FFFFFF] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=FFFFFF] .top-nav, body.dynamic-bg[data-transition-bg-color=FFFFFF] footer {
background-color: #ffffff !important;
}
body.dynamic-bg[data-transition-bg-color=F2F5F8] {
background-color: #f2f5f8 !important;
}
body.dynamic-bg[data-transition-bg-color=F2F5F8] .site-header, body.dynamic-bg[data-transition-bg-color=F2F5F8] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F2F5F8] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F2F5F8] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F2F5F8] .top-nav, body.dynamic-bg[data-transition-bg-color=F2F5F8] footer {
background-color: #f2f5f8 !important;
}
body.dynamic-bg[data-transition-bg-color=FFF0F0] {
background-color: #fff0f0 !important;
}
body.dynamic-bg[data-transition-bg-color=FFF0F0] .site-header, body.dynamic-bg[data-transition-bg-color=FFF0F0] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=FFF0F0] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=FFF0F0] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=FFF0F0] .top-nav, body.dynamic-bg[data-transition-bg-color=FFF0F0] footer {
background-color: #fff0f0 !important;
}
body.dynamic-bg[data-transition-bg-color=FDFAF8] {
background-color: #fdfaf8 !important;
}
body.dynamic-bg[data-transition-bg-color=FDFAF8] .site-header, body.dynamic-bg[data-transition-bg-color=FDFAF8] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=FDFAF8] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=FDFAF8] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=FDFAF8] .top-nav, body.dynamic-bg[data-transition-bg-color=FDFAF8] footer {
background-color: #fdfaf8 !important;
}
body.dynamic-bg[data-transition-bg-color=AEB6A7] {
background-color: #AEB6A7 !important;
}
body.dynamic-bg[data-transition-bg-color=AEB6A7] .site-header, body.dynamic-bg[data-transition-bg-color=AEB6A7] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=AEB6A7] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=AEB6A7] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=AEB6A7] .top-nav, body.dynamic-bg[data-transition-bg-color=AEB6A7] footer {
background-color: #AEB6A7 !important;
}
body.dynamic-bg[data-transition-bg-color=CB9445] {
background-color: #CB9445 !important;
}
body.dynamic-bg[data-transition-bg-color=CB9445] .site-header, body.dynamic-bg[data-transition-bg-color=CB9445] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=CB9445] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=CB9445] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=CB9445] .top-nav, body.dynamic-bg[data-transition-bg-color=CB9445] footer {
background-color: #CB9445 !important;
}
body.dynamic-bg[data-transition-bg-color=DDE3EC] {
background-color: #DDE3EC !important;
}
body.dynamic-bg[data-transition-bg-color=DDE3EC] .site-header, body.dynamic-bg[data-transition-bg-color=DDE3EC] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=DDE3EC] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=DDE3EC] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=DDE3EC] .top-nav, body.dynamic-bg[data-transition-bg-color=DDE3EC] footer {
background-color: #DDE3EC !important;
}
body.dynamic-bg[data-transition-bg-color=EFF0ED] {
background-color: #EFF0ED !important;
}
body.dynamic-bg[data-transition-bg-color=EFF0ED] .site-header, body.dynamic-bg[data-transition-bg-color=EFF0ED] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=EFF0ED] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=EFF0ED] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=EFF0ED] .top-nav, body.dynamic-bg[data-transition-bg-color=EFF0ED] footer {
background-color: #EFF0ED !important;
}
body.dynamic-bg[data-transition-bg-color=F1E0D1] {
background-color: #F1E0D1 !important;
}
body.dynamic-bg[data-transition-bg-color=F1E0D1] .site-header, body.dynamic-bg[data-transition-bg-color=F1E0D1] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F1E0D1] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F1E0D1] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F1E0D1] .top-nav, body.dynamic-bg[data-transition-bg-color=F1E0D1] footer {
background-color: #F1E0D1 !important;
}
body.dynamic-bg[data-transition-bg-color=F2F2F2] {
background-color: #F2F2F2 !important;
}
body.dynamic-bg[data-transition-bg-color=F2F2F2] .site-header, body.dynamic-bg[data-transition-bg-color=F2F2F2] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F2F2F2] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F2F2F2] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F2F2F2] .top-nav, body.dynamic-bg[data-transition-bg-color=F2F2F2] footer {
background-color: #F2F2F2 !important;
}
body.dynamic-bg[data-transition-bg-color=F3F1EC] {
background-color: #F3F1EC !important;
}
body.dynamic-bg[data-transition-bg-color=F3F1EC] .site-header, body.dynamic-bg[data-transition-bg-color=F3F1EC] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F3F1EC] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F3F1EC] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F3F1EC] .top-nav, body.dynamic-bg[data-transition-bg-color=F3F1EC] footer {
background-color: #F3F1EC !important;
}
body.dynamic-bg[data-transition-bg-color=F3F6F9] {
background-color: #F3F6F9 !important;
}
body.dynamic-bg[data-transition-bg-color=F3F6F9] .site-header, body.dynamic-bg[data-transition-bg-color=F3F6F9] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F3F6F9] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F3F6F9] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F3F6F9] .top-nav, body.dynamic-bg[data-transition-bg-color=F3F6F9] footer {
background-color: #F3F6F9 !important;
}
body.dynamic-bg[data-transition-bg-color=F8F1E9] {
background-color: #F8F1E9 !important;
}
body.dynamic-bg[data-transition-bg-color=F8F1E9] .site-header, body.dynamic-bg[data-transition-bg-color=F8F1E9] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F8F1E9] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F8F1E9] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F8F1E9] .top-nav, body.dynamic-bg[data-transition-bg-color=F8F1E9] footer {
background-color: #F8F1E9 !important;
}
body.dynamic-bg[data-transition-bg-color=F8F8F8] {
background-color: #F8F8F8 !important;
}
body.dynamic-bg[data-transition-bg-color=F8F8F8] .site-header, body.dynamic-bg[data-transition-bg-color=F8F8F8] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F8F8F8] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F8F8F8] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F8F8F8] .top-nav, body.dynamic-bg[data-transition-bg-color=F8F8F8] footer {
background-color: #F8F8F8 !important;
}
body.dynamic-bg[data-transition-bg-color=FDE5D6] {
background-color: #FDE5D6 !important;
}
body.dynamic-bg[data-transition-bg-color=FDE5D6] .site-header, body.dynamic-bg[data-transition-bg-color=FDE5D6] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=FDE5D6] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=FDE5D6] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=FDE5D6] .top-nav, body.dynamic-bg[data-transition-bg-color=FDE5D6] footer {
background-color: #FDE5D6 !important;
}
body.dynamic-bg[data-transition-bg-color=FFFAF7] {
background-color: #FFFAF7 !important;
}
body.dynamic-bg[data-transition-bg-color=FFFAF7] .site-header, body.dynamic-bg[data-transition-bg-color=FFFAF7] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=FFFAF7] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=FFFAF7] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=FFFAF7] .top-nav, body.dynamic-bg[data-transition-bg-color=FFFAF7] footer {
background-color: #FFFAF7 !important;
}
body.dynamic-bg[data-transition-bg-color="9AB6D3"] {
background-color: #9AB6D3 !important;
}
body.dynamic-bg[data-transition-bg-color="9AB6D3"] .site-header, body.dynamic-bg[data-transition-bg-color="9AB6D3"] .nav-horizontal, body.dynamic-bg[data-transition-bg-color="9AB6D3"] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color="9AB6D3"] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color="9AB6D3"] .top-nav, body.dynamic-bg[data-transition-bg-color="9AB6D3"] footer {
background-color: #9AB6D3 !important;
}
body.dynamic-bg[data-transition-bg-color=F9F3ED] {
background-color: #F9F3ED !important;
}
body.dynamic-bg[data-transition-bg-color=F9F3ED] .site-header, body.dynamic-bg[data-transition-bg-color=F9F3ED] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F9F3ED] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F9F3ED] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F9F3ED] .top-nav, body.dynamic-bg[data-transition-bg-color=F9F3ED] footer {
background-color: #F9F3ED !important;
}
body.dynamic-bg[data-transition-bg-color=F0D7BF] {
background-color: #F0D7BF !important;
}
body.dynamic-bg[data-transition-bg-color=F0D7BF] .site-header, body.dynamic-bg[data-transition-bg-color=F0D7BF] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F0D7BF] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F0D7BF] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F0D7BF] .top-nav, body.dynamic-bg[data-transition-bg-color=F0D7BF] footer {
background-color: #F0D7BF !important;
}
body.dynamic-bg[data-transition-bg-color=AEB6A7] {
background-color: #AEB6A7 !important;
}
body.dynamic-bg[data-transition-bg-color=AEB6A7] .site-header, body.dynamic-bg[data-transition-bg-color=AEB6A7] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=AEB6A7] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=AEB6A7] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=AEB6A7] .top-nav, body.dynamic-bg[data-transition-bg-color=AEB6A7] footer {
background-color: #AEB6A7 !important;
}
body.dynamic-bg[data-transition-bg-color=F9F3ED] {
background-color: #F9F3ED !important;
}
body.dynamic-bg[data-transition-bg-color=F9F3ED] .site-header, body.dynamic-bg[data-transition-bg-color=F9F3ED] .nav-horizontal, body.dynamic-bg[data-transition-bg-color=F9F3ED] .nav-horizontal .top-drawer, body.dynamic-bg[data-transition-bg-color=F9F3ED] .site-header .drawer-contents, body.dynamic-bg[data-transition-bg-color=F9F3ED] .top-nav, body.dynamic-bg[data-transition-bg-color=F9F3ED] footer {
background-color: #F9F3ED !important;
}
body.template-page-landing-pride-2021 {
background-color: #f2f5f8 !important;
}
body.template-page-landing-pride-2021 .site-header, body.template-page-landing-pride-2021 .nav-horizontal, body.template-page-landing-pride-2021 .nav-horizontal .top-drawer, body.template-page-landing-pride-2021 .site-header .drawer-contents, body.template-page-landing-pride-2021 .top-nav, body.template-page-landing-pride-2021 footer {
background-color: #f2f5f8 !important;
}
body.template-page-landing-pride-2021[data-transition-bg-color=footer] {
background-color: #fff0f0 !important;
}
body.template-page-landing-pride-2021[data-transition-bg-color=footer] .site-header, body.template-page-landing-pride-2021[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-pride-2021[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-pride-2021[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-pride-2021[data-transition-bg-color=footer] .top-nav, body.template-page-landing-pride-2021[data-transition-bg-color=footer] footer {
background-color: #fff0f0 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="0"] {
background-color: #f8f6f1 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="0"] .site-header, body.template-page-collections-pillows[data-transition-bg-color="0"] .nav-horizontal, body.template-page-collections-pillows[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-collections-pillows[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-collections-pillows[data-transition-bg-color="0"] .top-nav, body.template-page-collections-pillows[data-transition-bg-color="0"] footer {
background-color: #f8f6f1 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="1"] {
background-color: #f8f6f1 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="1"] .site-header, body.template-page-collections-pillows[data-transition-bg-color="1"] .nav-horizontal, body.template-page-collections-pillows[data-transition-bg-color="1"] .nav-horizontal .top-drawer, body.template-page-collections-pillows[data-transition-bg-color="1"] .site-header .drawer-contents, body.template-page-collections-pillows[data-transition-bg-color="1"] .top-nav, body.template-page-collections-pillows[data-transition-bg-color="1"] footer {
background-color: #f8f6f1 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="2"] {
background-color: #DDE3EC !important;
}
body.template-page-collections-pillows[data-transition-bg-color="2"] .site-header, body.template-page-collections-pillows[data-transition-bg-color="2"] .nav-horizontal, body.template-page-collections-pillows[data-transition-bg-color="2"] .nav-horizontal .top-drawer, body.template-page-collections-pillows[data-transition-bg-color="2"] .site-header .drawer-contents, body.template-page-collections-pillows[data-transition-bg-color="2"] .top-nav, body.template-page-collections-pillows[data-transition-bg-color="2"] footer {
background-color: #DDE3EC !important;
}
body.template-page-collections-pillows[data-transition-bg-color="3"] {
background-color: #F2F5F8 !important;
}
body.template-page-collections-pillows[data-transition-bg-color="3"] .site-header, body.template-page-collections-pillows[data-transition-bg-color="3"] .nav-horizontal, body.template-page-collections-pillows[data-transition-bg-color="3"] .nav-horizontal .top-drawer, body.template-page-collections-pillows[data-transition-bg-color="3"] .site-header .drawer-contents, body.template-page-collections-pillows[data-transition-bg-color="3"] .top-nav, body.template-page-collections-pillows[data-transition-bg-color="3"] footer {
background-color: #F2F5F8 !important;
}
body.template-page-landing-apparel-accessories {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #F8F8F8 !important;
}
body.template-page-landing-apparel-accessories .site-header, body.template-page-landing-apparel-accessories .top-nav, body.template-page-landing-apparel-accessories footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-landing-apparel-accessories .site-header, body.template-page-landing-apparel-accessories .nav-horizontal, body.template-page-landing-apparel-accessories .nav-horizontal .top-drawer, body.template-page-landing-apparel-accessories .site-header .drawer-contents, body.template-page-landing-apparel-accessories .top-nav, body.template-page-landing-apparel-accessories footer {
background-color: #F8F8F8 !important;
}
body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] {
background-color: #DDE3EC !important;
}
body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] .site-header, body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] .nav-horizontal, body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] .top-nav, body.template-page-landing-apparel-accessories[data-transition-bg-color="0"] footer {
background-color: #DDE3EC !important;
}
body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] {
background-color: #DDE3EC !important;
}
body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] .site-header, body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] .top-nav, body.template-page-landing-apparel-accessories[data-transition-bg-color=footer] footer {
background-color: #DDE3EC !important;
}
body.template-page-landing-gift-guide {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
background-color: #ffffff !important;
}
body.template-page-landing-gift-guide .site-header, body.template-page-landing-gift-guide .top-nav, body.template-page-landing-gift-guide footer {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 800ms;
}
body.template-page-landing-gift-guide .site-header, body.template-page-landing-gift-guide .nav-horizontal, body.template-page-landing-gift-guide .nav-horizontal .top-drawer, body.template-page-landing-gift-guide .site-header .drawer-contents, body.template-page-landing-gift-guide .top-nav, body.template-page-landing-gift-guide footer {
background-color: #ffffff !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color="0"] {
background-color: #9ab6d3 !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color="0"] .site-header, body.template-page-landing-gift-guide[data-transition-bg-color="0"] .nav-horizontal, body.template-page-landing-gift-guide[data-transition-bg-color="0"] .nav-horizontal .top-drawer, body.template-page-landing-gift-guide[data-transition-bg-color="0"] .site-header .drawer-contents, body.template-page-landing-gift-guide[data-transition-bg-color="0"] .top-nav, body.template-page-landing-gift-guide[data-transition-bg-color="0"] footer {
background-color: #9ab6d3 !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color="1"] {
background-color: #ffffff !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color="1"] .site-header, body.template-page-landing-gift-guide[data-transition-bg-color="1"] .nav-horizontal, body.template-page-landing-gift-guide[data-transition-bg-color="1"] .nav-horizontal .top-drawer, body.template-page-landing-gift-guide[data-transition-bg-color="1"] .site-header .drawer-contents, body.template-page-landing-gift-guide[data-transition-bg-color="1"] .top-nav, body.template-page-landing-gift-guide[data-transition-bg-color="1"] footer {
background-color: #ffffff !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color=footer] {
background-color: #DDE3EC !important;
}
body.template-page-landing-gift-guide[data-transition-bg-color=footer] .site-header, body.template-page-landing-gift-guide[data-transition-bg-color=footer] .nav-horizontal, body.template-page-landing-gift-guide[data-transition-bg-color=footer] .nav-horizontal .top-drawer, body.template-page-landing-gift-guide[data-transition-bg-color=footer] .site-header .drawer-contents, body.template-page-landing-gift-guide[data-transition-bg-color=footer] .top-nav, body.template-page-landing-gift-guide[data-transition-bg-color=footer] footer {
background-color: #DDE3EC !important;
}
body.template-page-back-to-school #bts-hero {
background-color: #DDE3EC;
}
body.template-page-back-to-school #product-lists--plp-dorm-essentials,
body.template-page-back-to-school #bts-essentials {
background-color: #DDE3EC;
}
body.template-page-back-to-school #bts-functional {
background-color: #AEB6A7;
}
body.template-page-back-to-school #product-lists--plp-dorm-bedding,
body.template-page-back-to-school #bts-bedding {
background-color: #AEB6A7;
}
body.template-page-back-to-school #bts-middle {
background-color: #AEB6A7;
}
body.template-page-back-to-school #bts-color {
background-color: #DDE3EC;
}
body.template-page-back-to-school #product-lists--plp-dorm-decor,
body.template-page-back-to-school #bts-decor {
background-color: #DDE3EC;
}
body.template-page-back-to-school #bts-end {
background-color: #DDE3EC;
}
body.template-page-back-to-school #product-lists--plp-dorm-bath,
body.template-page-back-to-school #bts-bath {
background-color: #DDE3EC;
}
body.template-page-back-to-school #bts-recirculation {
background-color: #F9F3ED;
}
body.template-page-back-to-school-2023 #bts-recirculation,
body.template-page-back-to-school-2023 .module--simple-cta,
body.template-page-back-to-school-2023 .module--parallax {
background-color: #F2F5F8 !important;
}
body.template-page-landing-brooklittles-2020 {
background-color: #F8F1E9 !important;
}
body.template-page-landing-brooklittles-2020 .site-header, body.template-page-landing-brooklittles-2020 .nav-horizontal, body.template-page-landing-brooklittles-2020 .nav-horizontal .top-drawer, body.template-page-landing-brooklittles-2020 .site-header .drawer-contents, body.template-page-landing-brooklittles-2020 .top-nav, body.template-page-landing-brooklittles-2020 footer {
background-color: #F8F1E9 !important;
}
body.template-page-landing-fall-collection {
background-color: #F8F1E9 !important;
}
body.template-page-landing-fall-collection .site-header, body.template-page-landing-fall-collection .nav-horizontal, body.template-page-landing-fall-collection .nav-horizontal .top-drawer, body.template-page-landing-fall-collection .site-header .drawer-contents, body.template-page-landing-fall-collection .top-nav, body.template-page-landing-fall-collection footer {
background-color: #F8F1E9 !important;
}
body.template-page-landing-fall-collection .module--recirculation {
background-color: #FFFAF7 !important;
}
body.template-index-redesign[data-transition-bg-color=footer],
body.template-index[data-transition-bg-color=footer] {
background-color: #DDE3EC !important;
}
body.template-index-redesign[data-transition-bg-color=footer] footer,
body.template-index[data-transition-bg-color=footer] footer {
background-color: #DDE3EC !important;
}
body.template-index-redesign .module--pc-slider,
body.template-index .module--pc-slider {
background-color: #FFFAF7;
}
body.template-index-redesign footer,
body.template-index footer {
background-color: #DDE3EC !important;
}
body.template-page-landing-just-moved footer {
background-color: #DDE3EC;
}
body.template-page-landing-organic .module--recirculation,
body.template-page-landing-organic .module--simple-cta,
body.template-page-landing-organic footer {
background-color: #F2F5F8;
}
body.template-page-landing-percale-luxe-header-hero .module--recirculation,
body.template-page-landing-percale-luxe-header-hero .module--simple-cta {
background-color: #F2F5F8;
}
body.template-page-landing-percale-luxe-header-hero footer {
background-color: #DDE3EC;
}
body.template-page-landing-beach-towels .module--recirculation {
background-color: #F2F5F8;
}
body.template-page-landing-beach-towels footer {
background-color: #DDE3EC;
}
body.template-page-landing-new-mover footer {
background-color: #DDE3EC;
}
body.template-page[data-bg-color=midnight] {
background-color: #0F1528;
}
body.template-page[data-bg-color=midnight] .site-header, body.template-page[data-bg-color=midnight] .nav-horizontal, body.template-page[data-bg-color=midnight] .nav-horizontal .top-drawer, body.template-page[data-bg-color=midnight] .site-header .drawer-contents, body.template-page[data-bg-color=midnight] .top-nav {
background-color: #0F1528;
}
body.template-page[data-bg-color=night-sky-dark] {
background-color: #283455;
}
body.template-page[data-bg-color=night-sky-dark] .site-header, body.template-page[data-bg-color=night-sky-dark] .nav-horizontal, body.template-page[data-bg-color=night-sky-dark] .nav-horizontal .top-drawer, body.template-page[data-bg-color=night-sky-dark] .site-header .drawer-contents, body.template-page[data-bg-color=night-sky-dark] .top-nav {
background-color: #283455;
}
body.template-page[data-bg-color=night-sky] {
background-color: #293C70;
}
body.template-page[data-bg-color=night-sky] .site-header, body.template-page[data-bg-color=night-sky] .nav-horizontal, body.template-page[data-bg-color=night-sky] .nav-horizontal .top-drawer, body.template-page[data-bg-color=night-sky] .site-header .drawer-contents, body.template-page[data-bg-color=night-sky] .top-nav {
background-color: #293C70;
}
body.template-page[data-bg-color=daybreak] {
background-color: #DDE3EC;
}
body.template-page[data-bg-color=daybreak] .site-header, body.template-page[data-bg-color=daybreak] .nav-horizontal, body.template-page[data-bg-color=daybreak] .nav-horizontal .top-drawer, body.template-page[data-bg-color=daybreak] .site-header .drawer-contents, body.template-page[data-bg-color=daybreak] .top-nav {
background-color: #DDE3EC;
}
body.template-page[data-bg-color=daybreak-light] {
background-color: #F2F5F8;
}
body.template-page[data-bg-color=daybreak-light] .site-header, body.template-page[data-bg-color=daybreak-light] .nav-horizontal, body.template-page[data-bg-color=daybreak-light] .nav-horizontal .top-drawer, body.template-page[data-bg-color=daybreak-light] .site-header .drawer-contents, body.template-page[data-bg-color=daybreak-light] .top-nav {
background-color: #F2F5F8;
}
body.template-page[data-bg-color=magic-hour-dark] {
background-color: #C87F3B;
}
body.template-page[data-bg-color=magic-hour-dark] .site-header, body.template-page[data-bg-color=magic-hour-dark] .nav-horizontal, body.template-page[data-bg-color=magic-hour-dark] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour-dark] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour-dark] .top-nav {
background-color: #C87F3B;
}
body.template-page[data-bg-color=magic-hour] {
background-color: #E3AD7C;
}
body.template-page[data-bg-color=magic-hour] .site-header, body.template-page[data-bg-color=magic-hour] .nav-horizontal, body.template-page[data-bg-color=magic-hour] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour] .top-nav {
background-color: #E3AD7C;
}
body.template-page[data-bg-color=magic-hour-medium] {
background-color: #F0D7BF;
}
body.template-page[data-bg-color=magic-hour-medium] .site-header, body.template-page[data-bg-color=magic-hour-medium] .nav-horizontal, body.template-page[data-bg-color=magic-hour-medium] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour-medium] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour-medium] .top-nav {
background-color: #F0D7BF;
}
body.template-page[data-bg-color=magic-hour-light] {
background-color: #F9F3ED;
}
body.template-page[data-bg-color=magic-hour-light] .site-header, body.template-page[data-bg-color=magic-hour-light] .nav-horizontal, body.template-page[data-bg-color=magic-hour-light] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour-light] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour-light] .top-nav {
background-color: #F9F3ED;
}
body.template-page[data-bg-color=magic-hour-extralight] {
background-color: #FDFAF8;
}
body.template-page[data-bg-color=magic-hour-extralight] .site-header, body.template-page[data-bg-color=magic-hour-extralight] .nav-horizontal, body.template-page[data-bg-color=magic-hour-extralight] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour-extralight] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour-extralight] .top-nav {
background-color: #FDFAF8;
}
body.template-page[data-bg-color=afternoon-delight] {
background-color: #344329;
}
body.template-page[data-bg-color=afternoon-delight] .site-header, body.template-page[data-bg-color=afternoon-delight] .nav-horizontal, body.template-page[data-bg-color=afternoon-delight] .nav-horizontal .top-drawer, body.template-page[data-bg-color=afternoon-delight] .site-header .drawer-contents, body.template-page[data-bg-color=afternoon-delight] .top-nav {
background-color: #344329;
}
body.template-page[data-bg-color=afternoon-delight-medium] {
background-color: #5D6E50;
}
body.template-page[data-bg-color=afternoon-delight-medium] .site-header, body.template-page[data-bg-color=afternoon-delight-medium] .nav-horizontal, body.template-page[data-bg-color=afternoon-delight-medium] .nav-horizontal .top-drawer, body.template-page[data-bg-color=afternoon-delight-medium] .site-header .drawer-contents, body.template-page[data-bg-color=afternoon-delight-medium] .top-nav {
background-color: #5D6E50;
}
body.template-page[data-bg-color=afternoon-delight-light] {
background-color: #AEB6A7;
}
body.template-page[data-bg-color=afternoon-delight-light] .site-header, body.template-page[data-bg-color=afternoon-delight-light] .nav-horizontal, body.template-page[data-bg-color=afternoon-delight-light] .nav-horizontal .top-drawer, body.template-page[data-bg-color=afternoon-delight-light] .site-header .drawer-contents, body.template-page[data-bg-color=afternoon-delight-light] .top-nav {
background-color: #AEB6A7;
}
body.template-page[data-bg-color=afternoon-delight-extralight] {
background-color: #EFF0ED;
}
body.template-page[data-bg-color=afternoon-delight-extralight] .site-header, body.template-page[data-bg-color=afternoon-delight-extralight] .nav-horizontal, body.template-page[data-bg-color=afternoon-delight-extralight] .nav-horizontal .top-drawer, body.template-page[data-bg-color=afternoon-delight-extralight] .site-header .drawer-contents, body.template-page[data-bg-color=afternoon-delight-extralight] .top-nav {
background-color: #EFF0ED;
}
body.template-page[data-bg-color=night-sky-bright] {
background-color: #04247D;
}
body.template-page[data-bg-color=night-sky-bright] .site-header, body.template-page[data-bg-color=night-sky-bright] .nav-horizontal, body.template-page[data-bg-color=night-sky-bright] .nav-horizontal .top-drawer, body.template-page[data-bg-color=night-sky-bright] .site-header .drawer-contents, body.template-page[data-bg-color=night-sky-bright] .top-nav {
background-color: #04247D;
}
body.template-page[data-bg-color=magic-hour-error] {
background-color: #aa3f00;
}
body.template-page[data-bg-color=magic-hour-error] .site-header, body.template-page[data-bg-color=magic-hour-error] .nav-horizontal, body.template-page[data-bg-color=magic-hour-error] .nav-horizontal .top-drawer, body.template-page[data-bg-color=magic-hour-error] .site-header .drawer-contents, body.template-page[data-bg-color=magic-hour-error] .top-nav {
background-color: #aa3f00;
}
body.template-page[data-bg-color=gray-text] {
background-color: #777777;
}
body.template-page[data-bg-color=gray-text] .site-header, body.template-page[data-bg-color=gray-text] .nav-horizontal, body.template-page[data-bg-color=gray-text] .nav-horizontal .top-drawer, body.template-page[data-bg-color=gray-text] .site-header .drawer-contents, body.template-page[data-bg-color=gray-text] .top-nav {
background-color: #777777;
}
body.template-page[data-bg-color=gray-medium] {
background-color: #DDDDDD;
}
body.template-page[data-bg-color=gray-medium] .site-header, body.template-page[data-bg-color=gray-medium] .nav-horizontal, body.template-page[data-bg-color=gray-medium] .nav-horizontal .top-drawer, body.template-page[data-bg-color=gray-medium] .site-header .drawer-contents, body.template-page[data-bg-color=gray-medium] .top-nav {
background-color: #DDDDDD;
}
body.template-page[data-bg-color=gray-light] {
background-color: #F2F2F2;
}
body.template-page[data-bg-color=gray-light] .site-header, body.template-page[data-bg-color=gray-light] .nav-horizontal, body.template-page[data-bg-color=gray-light] .nav-horizontal .top-drawer, body.template-page[data-bg-color=gray-light] .site-header .drawer-contents, body.template-page[data-bg-color=gray-light] .top-nav {
background-color: #F2F2F2;
}
body.template-page[data-bg-color=gray-extralight] {
background-color: #F8F8F8;
}
body.template-page[data-bg-color=gray-extralight] .site-header, body.template-page[data-bg-color=gray-extralight] .nav-horizontal, body.template-page[data-bg-color=gray-extralight] .nav-horizontal .top-drawer, body.template-page[data-bg-color=gray-extralight] .site-header .drawer-contents, body.template-page[data-bg-color=gray-extralight] .top-nav {
background-color: #F8F8F8;
}
body.template-page[data-bg-color=white] {
background-color: #FFFFFF;
}
body.template-page[data-bg-color=white] .site-header, body.template-page[data-bg-color=white] .nav-horizontal, body.template-page[data-bg-color=white] .nav-horizontal .top-drawer, body.template-page[data-bg-color=white] .site-header .drawer-contents, body.template-page[data-bg-color=white] .top-nav {
background-color: #FFFFFF;
}
/*============================================================================
#Overlays
==============================================================================*/
.dy-act-overlay,
.dy-backdrop,
.dy-modal-wrapper {
display: none !important;
}
#overlayPartial {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
opacity: 0;
z-index: -1;
color: #283455;
background-color: #F9F3ED;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
display: flex;
align-items: center;
transition: height 400ms ease-in-out, max-height 400ms ease-in-out, transform 400ms ease-in-out;
}
#overlayPartial.active {
opacity: 1;
z-index: 999999;
}
#overlayPartial .mobile {
display: block;
}
@media screen and (min-width: 600px) {
#overlayPartial .mobile {
display: none;
}
}
#overlayPartial .desktop {
display: none;
}
@media screen and (min-width: 600px) {
#overlayPartial .desktop {
display: block;
}
}
#overlayPartial .steps {
width: 100%;
background-color: #F9F3ED;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "step step step step";
}
@media screen and (min-width: 600px) {
#overlayPartial .steps {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "step step step step step step step step step step step step";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "step step step step step step step step step step step step";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "step step step step step step step step step step step step step step step step";
}
}
#overlayPartial .steps .overlay_close {
position: fixed;
top: 24px;
right: 24px;
opacity: 0;
z-index: 4;
fill: #283455;
height: 100px;
width: 100px;
display: flex;
justify-content: flex-end;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay_close {
top: 16px;
right: 24px;
}
}
#overlayPartial .steps .overlay_close:hover .icon--close {
transform: rotate(90deg);
}
#overlayPartial .steps .overlay_close .icon--close {
fill: #283455;
width: 16px;
height: 16px;
transition: transform 400ms ease-out;
cursor: pointer;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay_close .icon--close {
width: 40px;
height: 40px;
}
}
#overlayPartial .steps .overlay_close.active {
opacity: 1;
transition: opacity 400ms ease-out;
}
#overlayPartial .steps .overlay-step {
grid-area: step;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
background-color: #F9F3ED;
transition: opacity 400ms ease-in-out, height 400ms ease-in-out, max-height 400ms ease-in-out;
opacity: 0;
z-index: -1;
}
#overlayPartial .steps .overlay-step.active {
opacity: 1;
z-index: 3;
}
#overlayPartial .steps .overlay-step__wrapper {
margin: 0 auto;
position: relative;
width: 100%;
padding: 3.125rem 2rem 2.5rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "caption caption caption caption" "ctawrapper ctawrapper ctawrapper ctawrapper" "ctawrapper ctawrapper ctawrapper ctawrapper" "legal legal legal legal";
}
@media screen and (min-width: 1440px) {
#overlayPartial .steps .overlay-step__wrapper {
max-width: none;
padding: 4.375rem 0 5rem;
}
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" "caption caption caption caption caption ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" ". legal legal legal legal legal legal legal legal legal legal .";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps .overlay-step__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" "caption caption caption caption caption ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" ". legal legal legal legal legal legal legal legal legal legal .";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps .overlay-step__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". header header header header header header ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" ". caption caption caption caption caption caption ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper" ". legal legal legal legal legal legal legal legal legal legal legal legal . . .";
}
}
#overlayPartial .steps .overlay-step__header {
grid-area: header;
text-align: left;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__header {
text-align: left;
margin-bottom: 0.5rem;
}
}
#overlayPartial .steps .overlay-step__caption {
grid-area: caption;
margin-bottom: 1.875rem;
text-align: left;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__caption {
margin-bottom: 0;
text-align: left;
}
}
#overlayPartial .steps .overlay-step__cta-wrapper-step1 {
grid-area: ctawrapper;
align-items: center;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . .";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . .";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "pos pos pos . . . . . . .";
}
}
#overlayPartial .steps .overlay-step__cta-wrapper-step2 {
grid-area: ctawrapper;
align-items: center;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "email email email email" "pos pos pos pos" "social social social social" "neg neg neg neg" "legal legal legal legal";
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step2 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "email email email email pos pos pos neg neg neg" "social social social social social social social social social social" "legal legal legal legal legal legal legal legal legal legal";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step2 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "email email email email pos pos pos neg neg neg" "social social social social social social social social social social" "legal legal legal legal legal legal legal legal legal legal";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step2 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "email email email pos pos pos neg neg neg ." "social social social social social social social social social" "legal legal legal legal legal legal legal legal legal";
}
}
#overlayPartial .steps .overlay-step__cta-wrapper-step3 {
grid-area: ctawrapper;
align-items: center;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "sms sms sms sms" "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step3 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "sms sms sms sms pos pos pos pos . .";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step3 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "sms sms sms sms pos pos pos pos . .";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step3 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "sms sms sms pos pos pos . . . .";
}
}
#overlayPartial .steps .overlay-step__cta-wrapper-step4 {
grid-area: ctawrapper;
align-items: center;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step4 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . . .";
}
}
@media screen and (min-width: 900px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step4 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . . .";
}
}
@media screen and (min-width: 1200px) {
#overlayPartial .steps .overlay-step__cta-wrapper-step4 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: ". . . pos pos pos . . . .";
}
}
#overlayPartial .steps .overlay-step__email-form {
grid-area: email;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__email-form {
margin-bottom: 0px;
}
}
#overlayPartial .steps .overlay-step__sms-form {
grid-area: sms;
margin-bottom: 0.5rem;
align-items: center;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__sms-form {
margin-bottom: 0px;
}
}
#overlayPartial .steps .overlay-step__sms-form .sms-error {
display: none;
}
#overlayPartial .steps .overlay-step__cta-socials {
grid-area: social;
}
#overlayPartial .steps .overlay-step__cta-pos {
grid-area: pos;
align-items: center;
cursor: pointer;
}
#overlayPartial .steps .overlay-step__cta-neg {
color: #283455;
grid-area: neg;
align-items: center;
cursor: pointer;
margin-bottom: 0;
display: flex;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__cta-neg {
height: 3.5rem;
margin-bottom: 1rem;
}
}
#overlayPartial .steps .overlay-step__cta-neg a {
color: #283455;
}
#overlayPartial .steps .overlay-step__sms-legal,
#overlayPartial .steps .overlay-step .email_optin {
grid-area: legal;
color: #777777;
align-items: center;
margin-top: 0rem;
padding: 0;
}
@media screen and (min-width: 600px) {
#overlayPartial .steps .overlay-step__sms-legal,
#overlayPartial .steps .overlay-step .email_optin {
margin-top: 2.5rem;
}
}
#overlayPartial .steps .overlay-step__sms-legal a,
#overlayPartial .steps .overlay-step .email_optin a {
color: #777777;
white-space: nowrap;
}
/*============================================================================
#Modal Overlay via DY
==============================================================================*/
.dy-act-overlay,
.dy-backdrop,
.dy-modal-wrapper {
display: none !important;
}
#overlayModalShip.active .modal,
#overlayModal.active .modal {
visibility: visible !important;
}
#overlayModalShip .checkboxes,
#overlayModal .checkboxes {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#overlayModalShip .checkboxes .input-checkbox--wrapper,
#overlayModal .checkboxes .input-checkbox--wrapper {
width: 100%;
}
#overlayModalShip .btn, #overlayModalShip .module--account-details-content .add-address, .module--account-details-content #overlayModalShip .add-address,
#overlayModal .btn,
#overlayModal .module--account-details-content .add-address,
.module--account-details-content #overlayModal .add-address {
background-color: transparent !important;
}
#overlayModalShip .btn:hover, #overlayModalShip .module--account-details-content .add-address:hover, .module--account-details-content #overlayModalShip .add-address:hover,
#overlayModal .btn:hover,
#overlayModal .module--account-details-content .add-address:hover,
.module--account-details-content #overlayModal .add-address:hover {
background-color: transparent !important;
}
#overlayModal,
#overlayModalShip {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
width: 100vw;
background-color: rgba(40, 52, 85, 0.2);
display: flex;
justify-content: center;
align-items: center;
z-index: -1;
}
#overlayModal.active,
#overlayModalShip.active {
z-index: 999999;
}
#overlayModal .modal,
#overlayModalShip .modal {
position: relative;
height: auto;
max-width: 500px;
padding: 5rem 1.5rem;
margin: 1.5rem;
text-align: center;
background-color: #FFFAF7;
border-radius: 30px;
}
@media screen and (min-width: 600px) {
#overlayModal .modal,
#overlayModalShip .modal {
padding: 7.5rem 4rem;
}
}
#overlayModal .modal .mobile,
#overlayModalShip .modal .mobile {
display: block;
}
@media screen and (min-width: 600px) {
#overlayModal .modal .mobile,
#overlayModalShip .modal .mobile {
display: none;
}
}
#overlayModal .modal .desktop,
#overlayModalShip .modal .desktop {
display: none;
}
@media screen and (min-width: 600px) {
#overlayModal .modal .desktop,
#overlayModalShip .modal .desktop {
display: block;
}
}
#overlayModal .modal .h_3, #overlayModal .modal .module--faq .gladlyHC h2, .module--faq .gladlyHC #overlayModal .modal h2, #overlayModal .modal .module--faq .gladlyHC h3, .module--faq .gladlyHC #overlayModal .modal h3, #overlayModal .modal #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title, #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper #overlayModal .modal .yotpo-header-title,
#overlayModalShip .modal .h_3,
#overlayModalShip .modal .module--faq .gladlyHC h2,
.module--faq .gladlyHC #overlayModalShip .modal h2,
#overlayModalShip .modal .module--faq .gladlyHC h3,
.module--faq .gladlyHC #overlayModalShip .modal h3,
#overlayModalShip .modal #reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper .yotpo-header-title,
#reviewsModuleV1 .yotpo .main-widget form .write-review-wrapper .yotpo-header .yotpo-header-title-wrapper #overlayModalShip .modal .yotpo-header-title {
margin-bottom: 1rem;
color: #283455;
}
#overlayModal .modal p,
#overlayModalShip .modal p {
color: #283455;
}
#overlayModal .modal .cta, #overlayModal .modal .email-capture,
#overlayModalShip .modal .cta,
#overlayModalShip .modal .email-capture {
margin-top: 2.5rem;
margin-bottom: 0;
}
#overlayModal .modal .email-capture,
#overlayModalShip .modal .email-capture {
display: none;
}
#overlayModal .overlay_close,
#overlayModalShip .overlay_close {
position: absolute;
top: 1rem;
right: 1rem;
fill: #283455;
height: 40px;
width: 40px;
}
#overlayModal .overlay_close:hover .icon--close,
#overlayModalShip .overlay_close:hover .icon--close {
transform: rotate(90deg);
}
#overlayModal .overlay_close .icon--close,
#overlayModalShip .overlay_close .icon--close {
fill: #283455;
width: 40px;
height: 40px;
transition: transform 400ms ease-out;
cursor: pointer;
}
#overlayModal .overlay_close.active,
#overlayModalShip .overlay_close.active {
opacity: 1;
transition: opacity 400ms ease-out;
}
#overlayModal.overlayModal--Ecap .modal .cta,
#overlayModalShip.overlayModal--Ecap .modal .cta {
display: none;
}
#overlayModal.overlayModal--Ecap .modal .email-capture,
#overlayModalShip.overlayModal--Ecap .modal .email-capture {
display: block;
}
/*============================================================================
Ship to Store Modal
==============================================================================*/
#overlayModalSmall {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
width: 100vw;
background-color: rgba(40, 52, 85, 0.2);
display: flex;
justify-content: center;
align-items: center;
z-index: -1;
}
#overlayModalSmall.active {
z-index: 999999;
}
#overlayModalSmall.active .modal {
visibility: visible !important;
}
#overlayModalSmall .modal {
max-width: 17.625rem;
position: relative;
background-color: #FFFAF7;
margin: 1.5rem;
padding: 2.438rem 1.813rem;
border-radius: 30px;
}
#overlayModalSmall .modal .overlay_close {
position: absolute;
top: 1.3rem;
right: 1.2rem;
fill: #283455;
height: 40px;
width: 40px;
text-align: right;
}
#overlayModalSmall .modal .overlay_close:hover .icon--close-small {
transform: rotate(90deg);
}
#overlayModalSmall .modal .overlay_close .icon--close-small {
fill: #283455;
width: 16px;
height: 16px;
transition: transform 400ms ease-out;
cursor: pointer;
}
#overlayModalSmall .modal .overlay_close.active {
opacity: 1;
transition: opacity 400ms ease-out;
}
#overlayModalSmall .modal .modal-content .headline {
margin-bottom: 1.5rem;
color: #283455;
text-align: center;
}
#overlayModalSmall .modal .modal-content .btn, #overlayModalSmall .modal .modal-content .module--account-details-content .add-address, .module--account-details-content #overlayModalSmall .modal .modal-content .add-address {
margin-top: 0.4rem;
margin-bottom: 0;
padding: 0;
}
#overlayModalSmall .modal .modal-content .checkboxes {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#overlayModalSmall .modal .modal-content .checkboxes .input-checkbox--wrapper {
width: 100%;
}
#overlayModalSmall .modal .modal-content .component--radio-button {
margin-bottom: 1.5rem;
}
#overlayModalSmall .modal .modal-content .btn, #overlayModalSmall .modal .modal-content .module--account-details-content .add-address, .module--account-details-content #overlayModalSmall .modal .modal-content .add-address {
background-color: transparent !important;
}
#overlayModalSmall .modal .modal-content .btn:hover, #overlayModalSmall .modal .modal-content .module--account-details-content .add-address:hover, .module--account-details-content #overlayModalSmall .modal .modal-content .add-address:hover {
background-color: transparent !important;
}
#overlayModalSmall .modal .modal-content .hr {
border-top: 1px solid #DDDDDD;
margin-bottom: 1.5rem;
}
#overlayModalSmall .modal .modal-content #checkboxWrapper .hr:last-child {
display: none;
}
.field__input-wrapper {
position: relative;
}
.field__input-wrapper-disabled {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #d9d9d9;
opacity: 0.4;
border-radius: 20px;
}
.section--shipping-address .field__input-wrapper-disable {
z-index: -1;
}
.section--shipping-address.disabled-sts .field__input-wrapper-disable {
z-index: 1;
}
#shipToStoreNotice {
z-index: -1;
visibility: hidden;
height: 0;
}
#shipToStoreNotice.active {
z-index: 999999;
visibility: visible;
height: 100%;
}
#shipToStoreNotice .shipToStoreTooltipTrigger {
border-bottom: 0px !important;
}
#shipToStoreNotice .shipToStoreTooltipTrigger img {
margin-left: 5px;
margin-bottom: -3px;
height: 13px;
width: 13px;
}
#shipToStoreNotice .shipToStoreTooltipTrigger:hover #shipToStoreTooltip {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 99999;
transition: z-index 250ms step-start, opacity 250ms linear;
}
#shipToStoreNotice #shipToStoreTooltip {
opacity: 0;
z-index: -1;
visibility: hidden;
background-color: #484848;
color: #ffffff;
width: 312px;
text-align: center;
border-radius: 4px;
font-family: "BrandonTextWeb-Regular";
font-size: 10px;
line-height: 1.6;
letter-spacing: 0.36px;
position: absolute;
bottom: 30px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
}
@media screen and (min-width: 600px) {
#shipToStoreNotice #shipToStoreTooltip {
left: 123px;
}
}
#shipToStoreNotice #shipToStoreTooltip .bold {
font-family: "BrandonTextWeb-Medium";
font-size: 10px;
padding: 0 5px 0 3px;
}
#shipToStoreNotice #shipToStoreTooltip:before {
content: "";
position: absolute;
display: block;
width: 0px;
left: 82.5%;
bottom: 1px;
border: 9px solid transparent;
border-bottom: 0;
border-top: 9px solid #484848;
transform: translate(-50%, calc(100% + 0px));
}
@media screen and (min-width: 600px) {
#shipToStoreNotice #shipToStoreTooltip:before {
left: 50%;
}
}
#shipToStoreNotice #shipToStoreTooltip:before:hover {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 99999;
transition: z-index 250ms step-start, opacity 250ms linear;
}
#shipToStoreNotice #shipToStoreTooltip:before.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 99999;
transition: z-index 250ms step-start, opacity 250ms linear;
}
.floating-labels .field--show-floating-label .field__input {
padding-top: 1.5em;
padding-bottom: 0.3571428571em;
}
/* // https://moderncss.dev/pure-css-custom-styled-radio-buttons/
// https://codepen.io/5t3ph/pen/VweBgeZ */
#shipToStoreCheckbox {
margin-top: 0px;
}
#openModal {
color: #293C70;
z-index: -1;
visibility: hidden;
height: 0;
}
#openModal.active {
z-index: 1;
visibility: visible;
height: 100%;
}
/*============================================================================
#Modal Overlay via DY
==============================================================================*/
.dy-act-overlay,
.dy-backdrop,
.dy-modal-wrapper {
display: none !important;
}
#splitOverlay {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: auto;
width: 100vw;
opacity: 1;
z-index: 2147483647;
color: #283455;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
transition: transform 800ms ease-in-out, height 400ms ease-in-out 400ms, max-height 400ms ease-in-out 400ms;
}
@media screen and (min-width: 600px) {
#splitOverlay {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
#splitOverlay #splitOverlay[open] {
height: 100%;
transform: translateY(100%);
}
#splitOverlay ::-webkit-scrollbar {
width: 0.25rem; /* width of the entire scrollbar */
}
#splitOverlay ::-webkit-scrollbar-track {
margin: 3.125rem 0;
}
#splitOverlay ::-webkit-scrollbar-thumb {
background-color: #d9d9d9; /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
}
#splitOverlay .wrapper--v1 {
margin: 0 auto;
position: relative;
height: 100%;
}
@media screen and (min-width: 1440px) {
#splitOverlay .wrapper--v1 {
max-width: none;
}
}
#splitOverlay .steps__close {
position: absolute;
z-index: 1;
top: 15px;
right: 18px;
display: flex;
align-items: flex-end;
flex-direction: column;
opacity: 0;
}
#splitOverlay .steps__close.active {
opacity: 4;
transition: opacity 400ms ease-in-out;
z-index: 4;
}
#splitOverlay .steps__close #closeOverlay {
width: 24px;
height: 24px;
padding: 0;
background: transparent;
border: 0;
cursor: pointer;
transition: transform 400ms ease-in-out;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__close #closeOverlay {
width: 100px;
height: 100px;
}
}
#splitOverlay .steps__close #closeOverlay .icon--close {
fill: #283455;
width: 16px;
height: 16px;
transition: transform 400ms ease-in-out;
cursor: pointer;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__close #closeOverlay .icon--close {
width: 40px;
height: 40px;
}
}
#splitOverlay .steps__close #closeOverlay:hover .icon--close {
transform: rotate(90deg);
}
#splitOverlay .steps__wrapper {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "step step step step";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "step step step step step step step step step step step step";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "step step step step step step step step step step step step";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "step step step step step step step step step step step step step step step step";
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper {
height: 100vh;
padding: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
#splitOverlay .steps__wrapper .resizing {
transition: none;
}
#splitOverlay .steps__wrapper .resizing .steps--item.active {
transition: none;
}
#splitOverlay .steps__wrapper .steps--item {
grid-area: step;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 0 1.5rem;
opacity: 0;
z-index: -1;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
transform: translateY(0px);
transition: opacity 400ms ease-in-out, height 400ms ease-in-out, transform 400ms ease-in-out 20000ms, max-height 400ms ease-in-out, z-index 400ms ease-in-out;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item {
position: relative;
padding: 0 2rem;
height: 100vh;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
#splitOverlay .steps__wrapper .steps--item.active {
opacity: 1;
z-index: 3;
transform: translateY(0px);
transition: opacity 400ms ease-in-out 1000ms, height 400ms ease-in-out 600ms, max-height 400ms ease-in-out 600ms, transform 400ms ease-in-out 600ms, z-index 400ms ease-in-out 800ms;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item[data-initial-load=true] {
transform: translateY(120px);
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item[data-initial-load=true].active {
transform: translateY(0px);
transition: opacity 800ms ease-in-out 1600ms, height 400ms ease-in-out, max-height 400ms ease-in-out, transform 800ms ease-in-out 1600ms, z-index 400ms ease-in-out 400ms;
}
}
#splitOverlay .steps__wrapper .steps--item .steps--inner {
width: 100%;
position: relative;
width: 100%;
padding: 3.125rem 2.5rem 2.5rem;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .steps--inner {
padding: 0;
}
}
#splitOverlay .steps__wrapper .steps--item .logo {
display: none;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .logo {
display: block;
grid-area: logo;
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper .steps--item .logo {
margin-bottom: 2.5rem;
}
}
#splitOverlay .steps__wrapper .steps--item .logo img {
max-width: 100%;
}
#splitOverlay .steps__wrapper .steps--item .logo.small img {
max-width: 7.25rem;
}
#splitOverlay .steps__wrapper .steps--item .headline {
grid-area: header;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .headline {
margin-bottom: 0.5rem;
}
#splitOverlay .steps__wrapper .steps--item .headline .large {
font-size: 2.8125rem !important;
}
}
#splitOverlay .steps__wrapper .steps--item .caption {
grid-area: caption;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .caption {
margin-bottom: 2.5rem;
}
}
#splitOverlay .steps__wrapper .steps--item form {
grid-area: form;
margin-bottom: 0;
}
#splitOverlay .steps__wrapper .steps--item form .email-input,
#splitOverlay .steps__wrapper .steps--item form .tel-input {
width: 100%;
font-size: 14px;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
border: 1px solid #283455;
background: transparent;
}
#splitOverlay .steps__wrapper .steps--item form .email-input--message,
#splitOverlay .steps__wrapper .steps--item form .tel-input--message {
color: #AA3F00;
user-select: none;
opacity: 0;
height: auto !important;
margin-left: 1.5rem;
margin-bottom: 0.5rem;
position: absolute;
top: 65px;
right: 0;
left: 0;
transform: translateY(-30px);
transition: opacity 400ms ease-in-out, transform 400ms ease-in-out 400ms !important;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item form .email-input,
#splitOverlay .steps__wrapper .steps--item form .tel-input {
margin-bottom: 0px;
}
}
#splitOverlay .steps__wrapper .steps--item form .email-input .sms-error,
#splitOverlay .steps__wrapper .steps--item form .tel-input .sms-error {
display: none;
}
#splitOverlay .steps__wrapper .steps--item form .error ~ .email-input--message,
#splitOverlay .steps__wrapper .steps--item form .error ~ .tel-input--message,
#splitOverlay .steps__wrapper .steps--item form .invalid ~ .email-input--message,
#splitOverlay .steps__wrapper .steps--item form .invalid ~ .tel-input--message {
opacity: 1;
transform: translateY(0px);
display: block;
transition: opacity 400ms ease-in-out 400ms, transform 400ms ease-in-out !important;
}
#splitOverlay .steps__wrapper .steps--item form .error ~ .email-input--message span,
#splitOverlay .steps__wrapper .steps--item form .error ~ .tel-input--message span,
#splitOverlay .steps__wrapper .steps--item form .invalid ~ .email-input--message span,
#splitOverlay .steps__wrapper .steps--item form .invalid ~ .tel-input--message span {
color: #AA3F00;
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas {
grid-area: ctawrapper;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_pos {
grid-area: pos;
margin-top: 1.5rem;
cursor: pointer;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_pos {
margin: 0px;
}
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg {
grid-area: neg;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg {
grid-area: neg;
display: flex;
align-items: center;
justify-content: flex-start;
white-space: nowrap;
height: 58px;
margin-top: 0;
}
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg a {
color: #283455;
text-align: center;
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg a[data-hidden=false] {
display: none;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg a[data-hidden=false] {
display: flex;
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .steps__ctas .cta_neg a {
text-align: left;
}
}
#splitOverlay .steps__wrapper .steps--item .steps__ctas #fbGoogleButtonsContainer {
grid-area: oauth;
}
#splitOverlay .steps__wrapper .steps--item .email_optin {
display: block;
max-width: 500px;
margin-top: 12px;
grid-area: fineprint;
color: #777777;
}
#splitOverlay .steps__wrapper .steps--item .email_optin a {
color: #293C70;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .email_optin {
margin-top: 2.5rem;
}
}
#splitOverlay .steps__wrapper .steps--item .sms-legal {
grid-area: legal;
padding: 2.5rem 0;
color: #777777;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper .steps--item .sms-legal {
position: static;
margin-top: 2.5rem;
padding: 0;
}
}
#splitOverlay .steps__wrapper .steps--item .sms-legal a {
color: #777777;
white-space: nowrap;
}
#splitOverlay .steps__wrapper.left .steps--item .steps--inner {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "caption caption caption caption" "ctawrapper ctawrapper ctawrapper ctawrapper" "mobile-legal mobile-legal mobile-legal mobile-legal" "fineprint fineprint fineprint fineprint";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". logo logo logo logo . . . . . . ." ". header header header header header header header . . . ." ". caption caption caption caption caption caption caption . . . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". fineprint fineprint fineprint fineprint fineprint fineprint fineprint . . . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.left .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". logo logo logo logo . . . . . . ." ". header header header header header header header . . . ." ". caption caption caption caption caption caption caption . . . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". fineprint fineprint fineprint fineprint fineprint fineprint fineprint . . . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.left .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". logo logo logo . . . . . . . . . . . ." ". header header header header header header header . . . . . . . ." ". caption caption caption caption caption caption caption . . . . . . . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper . . . . . . ." ". fineprint fineprint fineprint fineprint fineprint fineprint fineprint . . . . . . . .";
}
}
#splitOverlay .steps__wrapper.left .steps--item .headline {
text-align: left;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item .headline {
text-align: left;
}
}
#splitOverlay .steps__wrapper.left .steps--item .caption {
text-align: left;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item .caption {
text-align: left;
}
}
#splitOverlay .steps__wrapper.left .steps--item .email_optin {
text-align: left;
}
#splitOverlay .steps__wrapper.left .steps--item#step_1 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos" "neg neg neg neg";
}
#splitOverlay .steps__wrapper.left .steps--item#step_1 .steps__ctas .cta_pos {
margin: 0;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos neg neg neg neg . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.left .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos neg neg neg neg . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.left .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "pos pos pos neg neg neg . .";
}
}
#splitOverlay .steps__wrapper.left .steps--item.step_2 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "oauth oauth oauth oauth" "neg neg neg neg";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "oauth oauth oauth oauth oauth oauth oauth oauth oauth oauth";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.left .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "oauth oauth oauth oauth oauth oauth oauth oauth oauth oauth";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.left .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "form form form pos pos pos neg neg" "oauth oauth oauth oauth oauth oauth oauth oauth";
}
}
#splitOverlay .steps__wrapper.left .steps--item.step_3 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "neg neg neg neg" "legal legal legal legal";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.left .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.left .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "form form form pos pos pos neg neg" "legal legal legal legal legal legal legal legal";
}
}
#splitOverlay .steps__wrapper.left .steps--item#step_4 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.left .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.left .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "pos pos pos pos . . . . . . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.left .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "pos pos pos . . . . .";
}
}
#splitOverlay .steps__wrapper.center .steps--item .steps--inner {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "caption caption caption caption" "ctawrapper ctawrapper ctawrapper ctawrapper" "mobile-legal mobile-legal mobile-legal mobile-legal" "fineprint fineprint fineprint fineprint";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . logo logo logo logo logo logo logo logo . ." ". . header header header header header header header header . ." ". . caption caption caption caption caption caption caption caption . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". . . fineprint fineprint fineprint fineprint fineprint fineprint . . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . logo logo logo logo logo logo logo logo . ." ". . header header header header header header header header . ." ". . caption caption caption caption caption caption caption caption . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". . . fineprint fineprint fineprint fineprint fineprint fineprint . . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . logo logo logo logo logo logo logo logo logo logo . . ." ". . . header header header header header header header header header header . . ." ". . . caption caption caption caption caption caption caption caption caption caption . . ." ". . . ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper . . ." ". . . . . fineprint fineprint fineprint fineprint fineprint fineprint . . . . .";
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item .logo {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center .steps--item .headline {
text-align: center;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item .headline {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center .steps--item .caption {
text-align: center;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item .caption {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center .steps--item .email_optin {
text-align: center;
}
#splitOverlay .steps__wrapper.center .steps--item .sms-legal {
text-align: center;
}
#splitOverlay .steps__wrapper.center .steps--item#step_1 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos" "neg neg neg neg";
}
#splitOverlay .steps__wrapper.center .steps--item#step_1 .steps__ctas .cta_pos {
margin: 0;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . pos pos pos pos neg neg neg .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . pos pos pos pos neg neg neg .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos neg neg neg .";
}
}
#splitOverlay .steps__wrapper.center .steps--item.step_2 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "neg neg neg neg";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos neg neg";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos neg neg";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos neg neg";
}
}
#splitOverlay .steps__wrapper.center .steps--item.step_3 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "neg neg neg neg" "legal legal legal legal";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "form form form form pos pos pos pos neg neg" "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". form form form pos pos pos neg neg ." ". legal legal legal legal legal legal legal legal .";
}
}
#splitOverlay .steps__wrapper.center .steps--item#step_4 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
#splitOverlay .steps__wrapper.center.block .steps--item .steps--inner {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "caption caption caption caption" "ctawrapper ctawrapper ctawrapper ctawrapper" "mobile-legal mobile-legal mobile-legal mobile-legal" "fineprint fineprint fineprint fineprint";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . logo logo logo logo logo logo logo logo . ." ". . header header header header header header header header . ." ". . caption caption caption caption caption caption caption caption . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". . fineprint fineprint fineprint fineprint fineprint fineprint fineprint fineprint . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center.block .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . logo logo logo logo logo logo logo logo . ." ". . header header header header header header header header . ." ". . caption caption caption caption caption caption caption caption . ." ". ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ." ". . fineprint fineprint fineprint fineprint fineprint fineprint fineprint fineprint . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center.block .steps--item .steps--inner {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . logo logo logo logo logo logo logo logo logo logo . . ." ". . . header header header header header header header header header header . . ." ". . . caption caption caption caption caption caption caption caption caption caption . . ." ". . . ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper ctawrapper . . ." ". . . . . fineprint fineprint fineprint fineprint fineprint fineprint . . . . .";
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .logo {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center.block .steps--item .headline {
text-align: center;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .headline {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center.block .steps--item .caption {
text-align: center;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .caption {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center.block .steps--item .email_optin {
text-align: center;
}
#splitOverlay .steps__wrapper.center.block .steps--item .sms-legal {
text-align: center;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .steps__ctas .cta_neg {
justify-content: center;
}
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item .steps__ctas .cta_neg a {
text-align: center;
}
}
#splitOverlay .steps__wrapper.center.block .steps--item#step_1 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos" "neg neg neg neg";
}
#splitOverlay .steps__wrapper.center.block .steps--item#step_1 .steps__ctas .cta_pos {
margin: 0;
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . ." ". . . neg neg neg neg . . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . ." ". . . neg neg neg neg . . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_1 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . ." ". . . neg neg neg neg . . .";
}
}
#splitOverlay .steps__wrapper.center.block .steps--item.step_2 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "neg neg neg neg";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_2 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . .";
}
}
#splitOverlay .steps__wrapper.center.block .steps--item.step_3 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "form form form form" "pos pos pos pos" "neg neg neg neg" "legal legal legal legal";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . ." "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . ." "legal legal legal legal legal legal legal legal . .";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center.block .steps--item.step_3 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . form form form pos pos pos . ." ". . . neg neg neg neg . . ." ". legal legal legal legal legal legal legal legal .";
}
}
#splitOverlay .steps__wrapper.center.block .steps--item#step_4 .steps__ctas {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "pos pos pos pos";
}
@media screen and (min-width: 600px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
@media screen and (min-width: 900px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
@media screen and (min-width: 1200px) {
#splitOverlay .steps__wrapper.center.block .steps--item#step_4 .steps__ctas {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: ". . . pos pos pos pos . . . ";
}
}
#splitOverlay.sms-step {
height: 435px;
max-height: 435px;
}
@media screen and (min-width: 600px) {
#splitOverlay.sms-step {
height: auto;
max-height: none;
}
}
#splitOverlay.sms-step .steps__wrapper {
max-height: 435px;
}
@media screen and (min-width: 600px) {
#splitOverlay.sms-step .steps__wrapper {
max-height: none;
}
}
#splitOverlay.sms-step .steps--inner {
max-height: 435px;
overflow-y: scroll;
}
@media screen and (min-width: 600px) {
#splitOverlay.sms-step .steps--inner {
max-height: none;
overflow: auto;
}
}
#splitOverlay .mobile {
display: block;
}
@media screen and (min-width: 600px) {
#splitOverlay .mobile {
display: none;
}
}
#splitOverlay .desktop {
display: none;
}
@media screen and (min-width: 600px) {
#splitOverlay .desktop {
display: block;
}
}
.Product {
opacity: 0;
color: #283455;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.Product {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.Product {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.Product {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.Product__GalleryWrap {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.Product__GalleryWrap {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.Product__GalleryWrap {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.Product__GalleryWrap {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.Product__GalleryWrap {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.Product__GalleryWrap {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.Product__GalleryWrap {
grid-column-end: span 9;
}
}
.Product__FormWrap {
width: 100%;
position: relative;
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.Product__FormWrap {
grid-column-end: span 7;
}
}
@media screen and (min-width: 900px) {
.Product__FormWrap {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.Product__FormWrap {
grid-column-end: span 5;
}
}
@media screen and (min-width: 600px) {
.Product__FormWrap {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.Product__FormWrap {
grid-column-start: 9;
}
}
@media screen and (min-width: 1200px) {
.Product__FormWrap {
grid-column-start: 12;
}
}
@media screen and (min-width: 900px) {
.Product__FormWrap {
overflow-x: unset;
width: calc(100% + 25px);
margin-left: -25px;
}
}
.Product__Title, .Product__Meta {
display: block;
}
@media screen and (min-width: 900px) {
.Product__Title, .Product__Meta {
display: none;
}
}
.Product__Title ul, .Product__Meta ul {
margin: 0;
list-style: none;
}
.Product__Title .ulHeader, .Product__Meta .ulHeader {
display: block;
margin-bottom: 0.25rem;
}
.Product__Title strong, .Product__Meta strong {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
font-weight: normal;
}
.Product__Title strong.hover-active--underline, .Product__Title strong .hover-active--underline, .Product__Meta strong.hover-active--underline, .Product__Meta strong .hover-active--underline {
position: relative;
}
.Product__Title strong.hover-active--underline:after, .Product__Title strong .hover-active--underline:after, .Product__Meta strong.hover-active--underline:after, .Product__Meta strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product__Title strong.hover-active--underline:hover, .Product__Title strong.hover-active--underline:active, .Product__Title strong.hover-active--underline.active, .Product__Title strong .hover-active--underline:hover, .Product__Title strong .hover-active--underline:active, .Product__Title strong .hover-active--underline.active, .Product__Meta strong.hover-active--underline:hover, .Product__Meta strong.hover-active--underline:active, .Product__Meta strong.hover-active--underline.active, .Product__Meta strong .hover-active--underline:hover, .Product__Meta strong .hover-active--underline:active, .Product__Meta strong .hover-active--underline.active {
cursor: pointer;
}
.Product__Title strong.hover-active--underline:hover:after, .Product__Title strong.hover-active--underline:active:after, .Product__Title strong.hover-active--underline.active:after, .Product__Title strong .hover-active--underline:hover:after, .Product__Title strong .hover-active--underline:active:after, .Product__Title strong .hover-active--underline.active:after, .Product__Meta strong.hover-active--underline:hover:after, .Product__Meta strong.hover-active--underline:active:after, .Product__Meta strong.hover-active--underline.active:after, .Product__Meta strong .hover-active--underline:hover:after, .Product__Meta strong .hover-active--underline:active:after, .Product__Meta strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product__Title strong.hover-active--underline, .Product__Title strong .hover-active--underline, .Product__Meta strong.hover-active--underline, .Product__Meta strong .hover-active--underline {
position: relative;
}
.Product__Title strong.hover-active--underline:after, .Product__Title strong .hover-active--underline:after, .Product__Meta strong.hover-active--underline:after, .Product__Meta strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product__Title strong.hover-active--underline:hover, .Product__Title strong.hover-active--underline:active, .Product__Title strong.hover-active--underline.active, .Product__Title strong .hover-active--underline:hover, .Product__Title strong .hover-active--underline:active, .Product__Title strong .hover-active--underline.active, .Product__Meta strong.hover-active--underline:hover, .Product__Meta strong.hover-active--underline:active, .Product__Meta strong.hover-active--underline.active, .Product__Meta strong .hover-active--underline:hover, .Product__Meta strong .hover-active--underline:active, .Product__Meta strong .hover-active--underline.active {
cursor: pointer;
}
.Product__Title strong.hover-active--underline:hover:after, .Product__Title strong.hover-active--underline:active:after, .Product__Title strong.hover-active--underline.active:after, .Product__Title strong .hover-active--underline:hover:after, .Product__Title strong .hover-active--underline:active:after, .Product__Title strong .hover-active--underline.active:after, .Product__Meta strong.hover-active--underline:hover:after, .Product__Meta strong.hover-active--underline:active:after, .Product__Meta strong.hover-active--underline.active:after, .Product__Meta strong .hover-active--underline:hover:after, .Product__Meta strong .hover-active--underline:active:after, .Product__Meta strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product .category-promo {
opacity: 0;
transition: opacity 200ms cubic-bezier(0.33, 1, 0.68, 1);
display: flex;
}
@media screen and (min-width: 900px) {
.Product .category-promo {
display: none;
}
}
.Product .category-promo--show {
opacity: 1;
}
.Product:not([data-step="0"]) .Product__Meta br {
display: block;
}
@media screen and (min-width: 600px) {
.Product:not([data-step="0"]) .ProductForm__Title {
padding-top: 1rem;
}
}
.Product__Title {
padding-bottom: 2rem;
position: relative;
}
.Product__Title > .h_2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .Product__Title > span {
padding-right: 40px;
}
.Product__Meta {
padding: 0.75rem 0;
margin: 0;
color: #283455;
}
.Product__Meta br {
display: none;
}
.Product__Meta .ProductForm__MoreInfo {
margin: 0.5rem 0 0;
}
.Product__Meta a,
.Product__Meta strong {
font-family: BrandonTextWeb-Bold;
}
.Product__Meta a.hover-active--underline, .Product__Meta a .hover-active--underline,
.Product__Meta strong.hover-active--underline,
.Product__Meta strong .hover-active--underline {
position: relative;
}
.Product__Meta a.hover-active--underline:after, .Product__Meta a .hover-active--underline:after,
.Product__Meta strong.hover-active--underline:after,
.Product__Meta strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product__Meta a.hover-active--underline:hover, .Product__Meta a.hover-active--underline:active, .Product__Meta a.hover-active--underline.active, .Product__Meta a .hover-active--underline:hover, .Product__Meta a .hover-active--underline:active, .Product__Meta a .hover-active--underline.active,
.Product__Meta strong.hover-active--underline:hover,
.Product__Meta strong.hover-active--underline:active,
.Product__Meta strong.hover-active--underline.active,
.Product__Meta strong .hover-active--underline:hover,
.Product__Meta strong .hover-active--underline:active,
.Product__Meta strong .hover-active--underline.active {
cursor: pointer;
}
.Product__Meta a.hover-active--underline:hover:after, .Product__Meta a.hover-active--underline:active:after, .Product__Meta a.hover-active--underline.active:after, .Product__Meta a .hover-active--underline:hover:after, .Product__Meta a .hover-active--underline:active:after, .Product__Meta a .hover-active--underline.active:after,
.Product__Meta strong.hover-active--underline:hover:after,
.Product__Meta strong.hover-active--underline:active:after,
.Product__Meta strong.hover-active--underline.active:after,
.Product__Meta strong .hover-active--underline:hover:after,
.Product__Meta strong .hover-active--underline:active:after,
.Product__Meta strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product__Meta a {
color: #283455;
}
.Product .reviews-jump {
display: block;
width: 100%;
}
@media screen and (min-width: 900px) {
.Product .reviews-jump {
display: none;
}
}
.Product .reviews-jump .yotpo .text-m {
color: #283455;
padding-left: 0.5rem;
margin-top: 0.25rem;
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.Product .reviews-jump .yotpo .text-m.hover-active--underline, .Product .reviews-jump .yotpo .text-m .hover-active--underline {
position: relative;
}
.Product .reviews-jump .yotpo .text-m.hover-active--underline:after, .Product .reviews-jump .yotpo .text-m .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product .reviews-jump .yotpo .text-m.hover-active--underline:hover, .Product .reviews-jump .yotpo .text-m.hover-active--underline:active, .Product .reviews-jump .yotpo .text-m.hover-active--underline.active, .Product .reviews-jump .yotpo .text-m .hover-active--underline:hover, .Product .reviews-jump .yotpo .text-m .hover-active--underline:active, .Product .reviews-jump .yotpo .text-m .hover-active--underline.active {
cursor: pointer;
}
.Product .reviews-jump .yotpo .text-m.hover-active--underline:hover:after, .Product .reviews-jump .yotpo .text-m.hover-active--underline:active:after, .Product .reviews-jump .yotpo .text-m.hover-active--underline.active:after, .Product .reviews-jump .yotpo .text-m .hover-active--underline:hover:after, .Product .reviews-jump .yotpo .text-m .hover-active--underline:active:after, .Product .reviews-jump .yotpo .text-m .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product .reviews-jump .yotpo .yotpo-bottomline {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.Product afterpay-placement {
display: none;
margin: 0.75rem 0 0 !important;
--logo-badge-width: 62px;
color: #283455 !important;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.Product afterpay-placement.hover-active--underline, .Product afterpay-placement .hover-active--underline {
position: relative;
}
.Product afterpay-placement.hover-active--underline:after, .Product afterpay-placement .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product afterpay-placement.hover-active--underline:hover, .Product afterpay-placement.hover-active--underline:active, .Product afterpay-placement.hover-active--underline.active, .Product afterpay-placement .hover-active--underline:hover, .Product afterpay-placement .hover-active--underline:active, .Product afterpay-placement .hover-active--underline.active {
cursor: pointer;
}
.Product afterpay-placement.hover-active--underline:hover:after, .Product afterpay-placement.hover-active--underline:active:after, .Product afterpay-placement.hover-active--underline.active:after, .Product afterpay-placement .hover-active--underline:hover:after, .Product afterpay-placement .hover-active--underline:active:after, .Product afterpay-placement .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product--Bundle .Product:not([data-active=""]) .Product__Meta {
color: #777777;
padding-bottom: 0;
}
@media screen and (min-width: 600px) {
.Product--Bundle .Product:not([data-active=""]) .Product__Meta {
color: #283455;
}
}
.Product--Bundle .Product:not([data-active=""]) .Product__Meta .js-title {
color: #283455;
}
.Product:not([data-active=""]) .reviews-jump {
display: none;
}
.Product--Bundle .category-promo {
display: none !important;
}
.Product--Bundle .ProductForm__Meta:not(.ProductForm__Meta--Modal) {
margin: 0;
}
.Product--Bundle[data-step="0"] .ProductForm__Props--Active {
display: none;
}
.Product--Bundle[data-step="0"] .category-promo, .Product--Bundle[data-active=Review] .category-promo {
display: flex !important;
}
.Product--Bundle[data-active=Review] .category-promo {
margin-top: 24px;
margin-bottom: -10px !important;
}
.Product--Bundle:not([data-step="3"]) .InfoCard--Visible {
display: none;
}
.Product--Bundle:not([data-active=""]) .ProductForm__Meta {
padding: 0 0 2rem;
}
.Product--Bundle .ProductForm__Stepper {
padding-top: 3.5rem;
}
.Product--Bundle:not([data-active=""]) .ProductForm__Stepper {
padding-top: 0;
}
.Product--Bundle[data-step="3"] [data-option-name=Fill] .OptionList__CTA--Unavailable {
pointer-events: initial;
background-color: transparent;
border: 1px solid #777777;
color: #777777;
}
@media screen and (min-width: 900px) {
.Product--Bundle[data-step="3"] [data-option-name=Fill] .OptionList__CTA--Unavailable:hover, .Product--Bundle[data-step="3"] [data-option-name=Fill] .OptionList__CTA--Unavailable:focus {
background-color: #293C70;
border-color: #293C70;
color: #FFFFFF;
outline: 0;
}
}
.Product__StepNav {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row nowrap;
list-style: none;
padding: 0;
margin: 0;
padding: 2rem 0 1.25rem;
}
@media screen and (min-width: 600px) {
.Product__StepNav {
display: none;
}
}
.Product__StepNav .Product__Step {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
position: relative;
color: #283455;
}
.Product__StepNav .Product__Step.hover-active--underline, .Product__StepNav .Product__Step .hover-active--underline {
position: relative;
}
.Product__StepNav .Product__Step.hover-active--underline:after, .Product__StepNav .Product__Step .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product__StepNav .Product__Step.hover-active--underline:hover, .Product__StepNav .Product__Step.hover-active--underline:active, .Product__StepNav .Product__Step.hover-active--underline.active, .Product__StepNav .Product__Step .hover-active--underline:hover, .Product__StepNav .Product__Step .hover-active--underline:active, .Product__StepNav .Product__Step .hover-active--underline.active {
cursor: pointer;
}
.Product__StepNav .Product__Step.hover-active--underline:hover:after, .Product__StepNav .Product__Step.hover-active--underline:active:after, .Product__StepNav .Product__Step.hover-active--underline.active:after, .Product__StepNav .Product__Step .hover-active--underline:hover:after, .Product__StepNav .Product__Step .hover-active--underline:active:after, .Product__StepNav .Product__Step .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product__StepNav .Product__Step--Active::after {
content: "";
position: absolute;
top: 100%;
height: 1px;
width: 100%;
background: #283455;
left: 0;
}
.Product__StepNav .Product__Step--Disabled {
pointer-events: none;
}
.Product[data-step="0"] .Product__StepNav, .Product[data-step="0"] .Product__BundleReset {
display: none;
}
.Product__BundleReset {
display: block;
top: 0;
right: 0;
position: absolute;
}
.Product__BundleReset path {
fill: #283455;
}
.Product--Fixed {
padding: 1.5rem;
position: fixed;
top: 0;
left: 0;
z-index: 99988;
overflow: scroll;
height: 100vh;
background: #fdfaf8;
width: 100%;
}
@media screen and (min-width: 600px) {
.Product--Fixed {
padding: 0;
position: relative;
top: initial;
left: initial;
width: 100%;
height: auto;
overflow: initial;
}
}
.Product--Fixed .Options {
padding-bottom: 180px;
}
@media screen and (min-width: 600px) {
.Product--Fixed .Options {
padding-bottom: 0;
}
}
.Product--Fixed .ProductForm__Stepper {
height: auto;
padding-top: 0;
}
.Product__Modal {
display: none;
position: fixed;
padding: 1rem;
width: 100vw;
height: 100vh;
background-color: rgba(15, 21, 40, 0.5);
top: 0;
left: 0;
z-index: 2147483647;
}
.Product__Modal--Active {
display: flex;
justify-content: center;
}
.Product__ModalControls {
display: flex;
justify-content: flex-end;
width: 100%;
position: sticky;
top: 0;
z-index: 1;
}
@media screen and (min-width: 900px) {
.Product__ModalControls {
position: absolute;
padding: 2rem;
}
}
.Product__ModalContent {
position: relative;
padding: 1.5rem;
width: 100%;
height: 87.5%;
border-radius: 12px;
background-color: #FFFFFF;
overflow-y: scroll;
overflow-x: hidden;
}
@media screen and (min-width: 600px) {
.Product__ModalContent {
height: 100%;
padding: 2.5rem;
margin: 0;
}
}
@media screen and (min-width: 900px) {
.Product__ModalContent {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
padding: 5rem 1rem 5rem 5.625rem;
}
}
@media screen and (min-width: 900px) and (min-width: 600px) {
.Product__ModalContent {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) and (min-width: 900px) {
.Product__ModalContent {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) and (min-width: 1200px) {
.Product__ModalContent {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.Product__ModalContent .ProductGallery__Thumbs .ProductGallery__MediaContainter:last-of-type {
margin-right: 120px;
}
.Product__ModalContent .Product__FormWrap {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.Product__ModalContent .Product__FormWrap {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.Product__ModalContent .Product__FormWrap {
grid-column-start: 9;
}
}
@media screen and (min-width: 1200px) {
.Product__ModalContent .Product__FormWrap {
grid-column-start: 11;
}
}
@media screen and (min-width: 900px) {
.Product--AutoBundle .Product__GalleryWrap {
position: sticky;
align-self: start;
}
}
.Product--AutoBundle .ProductForm__Meta {
padding: 0.5rem 0rem 1.5rem 0rem;
font-family: BrandonTextWeb-Regular;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.Product--AutoBundle .ProductForm__Meta.hover-active--underline, .Product--AutoBundle .ProductForm__Meta .hover-active--underline {
position: relative;
}
.Product--AutoBundle .ProductForm__Meta.hover-active--underline:after, .Product--AutoBundle .ProductForm__Meta .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product--AutoBundle .ProductForm__Meta.hover-active--underline:hover, .Product--AutoBundle .ProductForm__Meta.hover-active--underline:active, .Product--AutoBundle .ProductForm__Meta.hover-active--underline.active, .Product--AutoBundle .ProductForm__Meta .hover-active--underline:hover, .Product--AutoBundle .ProductForm__Meta .hover-active--underline:active, .Product--AutoBundle .ProductForm__Meta .hover-active--underline.active {
cursor: pointer;
}
.Product--AutoBundle .ProductForm__Meta.hover-active--underline:hover:after, .Product--AutoBundle .ProductForm__Meta.hover-active--underline:active:after, .Product--AutoBundle .ProductForm__Meta.hover-active--underline.active:after, .Product--AutoBundle .ProductForm__Meta .hover-active--underline:hover:after, .Product--AutoBundle .ProductForm__Meta .hover-active--underline:active:after, .Product--AutoBundle .ProductForm__Meta .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product--AutoBundle .ProductForm .OptionList__Label, .Product--AutoBundle .ProductForm .OptionList__Trigger {
font-size: 1rem;
}
.Product--AutoBundle .ProductForm .OptionList__Label {
display: flex;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout__ToolTip {
position: absolute;
right: 0;
top: 1.5rem;
z-index: 1;
width: 215px;
pointer-events: none;
opacity: 0;
transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
background-color: #FFFFFF;
border: 1px solid #283455;
border-radius: 1.25rem;
padding: 1rem 1.25rem;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout__ToolTip p {
margin: 0px;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-left: auto;
margin-bottom: 0px;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline {
position: relative;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline:hover, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline:active, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline.active, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline:hover, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline:active, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline.active {
cursor: pointer;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline:hover:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline:active:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout.hover-active--underline.active:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline:hover:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline:active:after, .Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout--LimitedEdition .text {
position: relative;
top: -3px;
margin-right: 0px;
}
.Product--AutoBundle .ProductForm .OptionList__Label .SwatchCallout--LimitedEdition:hover + .SwatchCallout__ToolTip {
opacity: 1;
}
html {
scroll-behavior: smooth;
height: -webkit-fill-available;
}
.template-product {
transition: opacity ease;
min-height: 100vh;
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
}
.template-product #PageContainer {
overflow: visible;
}
.template-product .page-container-inner {
overflow: visible;
}
.ProductGallery {
width: 100%;
position: relative;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.ProductGallery {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.ProductGallery {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(8, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.ProductGallery {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(9, 1fr);
grid-template-areas: "none";
}
}
.ProductGallery__ButtonContainer {
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
}
.ProductGallery__ButtonContainer--Disabled {
opacity: 0;
pointer-events: none;
}
@media screen and (min-width: 900px) {
.ProductGallery__ButtonContainer {
left: auto;
bottom: 24px;
right: 24px;
}
}
.ProductGallery__ButtonContainer[data-direction=prev] {
left: 0;
right: 0;
margin: 0;
}
@media screen and (min-width: 900px) {
.ProductGallery__ButtonContainer[data-direction=prev] {
margin: 0 64px 0 0;
left: auto;
right: 24px;
}
}
.ProductGallery__ButtonContainer[data-direction=prev] svg {
transform: rotate(180deg);
transform-origin: center;
margin-top: 2px;
}
.ProductGallery__Button {
background: #FFFFFF;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 2px solid transparent;
transition: border-color 250ms cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductGallery__Button:hover {
border-color: #283455;
}
.ProductGallery__Button svg {
width: 100% !important;
height: 100% !important;
}
.ProductGallery__Control {
background: transparent;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ProductGallery__Control svg {
width: 24px;
height: 24px;
}
.ProductGallery__Control circle {
fill: #FFFFFF;
}
.ProductGallery__Control polygon {
fill: #283455;
}
.ProductGallery__Stage {
position: relative;
overflow: hidden;
order: 1;
width: 100%;
margin-bottom: 1rem;
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 900px) {
.ProductGallery__Stage {
order: initial;
height: 100%;
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.ProductGallery__Stage {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Stage {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.ProductGallery__Stage {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.ProductGallery__Stage {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Stage {
grid-column-end: span 8;
}
}
@media screen and (min-width: 1200px) {
.ProductGallery__Stage {
grid-column-end: span 8;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Stage .splide__slide,
.ProductGallery__Stage .splide {
visibility: visible;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Stage .splide__list {
width: auto;
}
}
.ProductGallery__Stage .ProductGallery__Media {
margin-bottom: 0;
}
.ProductGallery__Nav {
display: flex;
min-width: auto;
overflow: hidden;
height: auto;
order: 2;
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.ProductGallery__Nav {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Nav {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.ProductGallery__Nav {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.ProductGallery__Nav {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Nav {
grid-column-end: span 1;
}
}
@media screen and (min-width: 1200px) {
.ProductGallery__Nav {
grid-column-end: span 1;
}
}
@media screen and (min-width: 600px) {
.ProductGallery__Nav {
min-width: calc(100vw - 32px);
}
}
@media screen and (min-width: 900px) {
.ProductGallery__Nav {
order: initial;
height: 100%;
overflow: initial;
flex-flow: column;
min-width: auto;
}
}
.ProductGallery__Thumbs {
position: relative;
min-width: 100vw;
overflow-x: scroll;
white-space: nowrap;
margin-bottom: 32px;
scroll-behavior: smooth;
}
.ProductGallery__Thumbs .ProductGallery__MediaContainter {
cursor: pointer;
width: 64px;
margin-right: 16px;
display: inline-block;
}
.ProductGallery__Thumbs .ProductGallery__MediaContainter:last-of-type {
margin-right: 48px;
}
@media screen and (min-width: 900px) {
.ProductGallery__Thumbs .ProductGallery__MediaContainter {
display: block;
width: 100%;
margin: 0;
}
.ProductGallery__Thumbs .ProductGallery__MediaContainter:last-of-type {
margin-right: 0;
}
}
.ProductGallery__Thumbs .ProductGallery__Media {
border-radius: 2px;
}
@media screen and (min-width: 900px) {
.ProductGallery__Thumbs {
position: sticky;
min-width: 100%;
margin-bottom: 0;
}
}
.ProductGallery__Media {
position: relative;
margin-bottom: 0;
border: 1.5px solid transparent;
transition: border-color 250ms ease;
}
.ProductGallery__Media:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.ProductGallery__Media > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ProductGallery__Media img,
.ProductGallery__Media video {
width: 100%;
color: transparent;
}
.ProductGallery__Media video {
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 900px) {
.ProductGallery__Media {
margin-bottom: 1.5rem;
}
}
.ProductGallery__MediaContainter {
position: relative;
cursor: url( icon--zoom-inee1d.svg?v=132571946914129525951713475717), auto;
}
.ProductGallery__MediaContainter--Zooming {
cursor: url( icon--zoom-outd124.svg?v=52354438789127798671713475717), auto;
}
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane,
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane.drift-open,
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane.drift-open.drift-inline {
cursor: url( icon--zoom-outd124.svg?v=52354438789127798671713475717), auto;
}
.ProductGallery__MediaContainter--Active .ProductGallery__Media {
border-color: #283455;
border-radius: 2px;
}
.ProductGallery__MediaControl {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ProductGallery__MediaControl .play-pause {
width: 24px;
height: 24px;
}
.ProductGallery__MediaControl .play-pause circle {
fill: #FFFFFF;
}
.ProductGallery__MediaControl .play-pause .play-pause__pause,
.ProductGallery__MediaControl .play-pause .play-pause__play {
fill: #283455;
}
.ProductGallery__MediaControl .play-pause .play-pause__pause {
opacity: 0;
}
.ProductGallery ul {
margin: 0;
list-style: none;
}
.ProductGallery .splide__pagination {
bottom: 0;
padding-bottom: 1.5rem;
}
.ProductGallery .splide__pagination__page {
width: 5px;
height: 5px;
background: #ddd;
opacity: 1;
transform: none;
}
.ProductGallery .splide__pagination__page.is-active {
background: #283455;
}
.ProductGallery__ZoomArea {
height: 100vh;
width: 200vw;
top: 0;
left: 0;
position: absolute;
white-space: nowrap;
overflow-x: scroll;
}
.ProductGallery__Overlay {
width: 100%;
height: 100vh;
background: #FFFFFF;
z-index: 99999999;
display: none;
bottom: 0;
left: 0;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
position: fixed;
right: 0;
top: 0;
opacity: 0;
}
@media screen and (min-width: 900px) {
.ProductGallery__Overlay {
display: none;
}
}
.ProductGallery__Overlay--Active {
display: block;
}
@media screen and (min-width: 900px) {
.ProductGallery__Overlay--Active {
display: none;
}
}
.ProductGallery__Overlay img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ProductGallery__Overlay__Wrapper {
position: relative;
width: 100%;
overflow-x: scroll;
height: 100%;
}
.ProductGallery__Overlay__Close {
position: fixed;
top: 0;
right: 0;
margin: 1.5rem;
z-index: 999999999;
background: #FFFFFF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.ProductGallery__Badge {
position: absolute;
top: 0;
right: 0;
width: 80px;
background: transparent;
opacity: 0;
margin: 0.5rem;
pointer-events: none;
}
@media screen and (min-width: 900px) {
.ProductGallery__Badge {
width: 96px;
margin: 1rem;
}
}
.ProductGallery__Badge img {
width: 100%;
}
.drift-zoom-pane,
.drift-zoom-pane.drift-open,
.drift-zoom-pane.drift-open.drift-inline {
position: absolute !important;
top: 0 !important;
left: 0 !important;
opacity: 0 !important;
display: none !important;
transition: opacity 450ms ease;
}
@media screen and (min-width: 900px) {
.drift-zoom-pane,
.drift-zoom-pane.drift-open,
.drift-zoom-pane.drift-open.drift-inline {
display: block !important;
}
}
.drift-open,
.drift-opening {
display: inline !important;
}
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane,
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane.drift-open,
.ProductGallery__MediaContainter--Zooming .drift-zoom-pane.drift-open.drift-inline {
opacity: 1 !important;
}
.zoom-image {
position: relative;
}
.zoom-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
/* This solution is recommended by makers/maintainers of Drift Zoom library for disabling zoom on mobile.
It places a transparent element over the image on mobiles to block touch events.
Replace 1024px in the media query with your mobile breakpoint. */
}
@media screen and (min-width: 900px) {
.zoom-image:before {
display: none;
}
}
@media screen and (min-width: 900px) {
.Product__Modal .ProductGallery__Nav {
max-width: 4rem;
}
}
.Product__Modal .ProductGallery__Stage {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.Product__Modal .ProductGallery__Stage {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.Product__Modal .ProductGallery__Stage {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.Product__Modal .ProductGallery__Stage {
grid-column-end: span 7;
}
}
.ProductForm {
width: 100%;
height: 100%;
top: 0;
}
.ProductForm__Meta {
display: none;
}
@media screen and (min-width: 900px) {
.ProductForm__Meta {
display: block;
}
}
@media screen and (min-width: 900px) {
.ProductForm {
height: auto;
position: sticky;
top: 0;
left: 0;
}
}
@media screen and (min-width: 900px) {
.ProductForm .Scrolling {
max-height: 395px;
overflow-y: scroll;
}
}
.ProductForm .js-option-wrapper {
display: flex;
flex-flow: column;
max-width: calc(100vw - 1.5rem);
}
@media screen and (min-width: 600px) {
.ProductForm .js-option-wrapper {
max-width: calc(100vw - 2rem);
}
}
@media screen and (min-width: 900px) {
.ProductForm .js-option-wrapper {
max-width: none;
}
}
.ProductForm .Options--Disabled {
display: none;
}
.ProductForm .Badge--Active {
display: inline-block;
}
.ProductForm .reviews-jump {
padding-bottom: 0.75rem;
display: none;
}
@media screen and (min-width: 900px) {
.ProductForm .reviews-jump {
display: block;
height: 2.25rem;
width: 100%;
}
}
.ProductForm .reviews-jump .review-wrapper {
display: block;
}
.ProductForm .reviews-jump .yotpo .yotpo-bottomline {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.ProductForm .reviews-jump .yotpo .text-m {
color: #283455;
padding-left: 0.5rem;
margin-top: 0.325rem;
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
}
.ProductForm .reviews-jump .yotpo .text-m.hover-active--underline, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline {
position: relative;
}
.ProductForm .reviews-jump .yotpo .text-m.hover-active--underline:after, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm .reviews-jump .yotpo .text-m.hover-active--underline:hover, .ProductForm .reviews-jump .yotpo .text-m.hover-active--underline:active, .ProductForm .reviews-jump .yotpo .text-m.hover-active--underline.active, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline:hover, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline:active, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline.active {
cursor: pointer;
}
.ProductForm .reviews-jump .yotpo .text-m.hover-active--underline:hover:after, .ProductForm .reviews-jump .yotpo .text-m.hover-active--underline:active:after, .ProductForm .reviews-jump .yotpo .text-m.hover-active--underline.active:after, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline:hover:after, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline:active:after, .ProductForm .reviews-jump .yotpo .text-m .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm .select-input--wrapper {
max-width: 75px;
}
.ProductForm .select-input--wrapper .select-input {
height: 100%;
margin: 0;
padding-left: 0.75rem;
}
.ProductForm .select-input--wrapper svg {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
right: 0;
margin-right: 1.5rem;
}
.ProductForm .select-input--wrapper option[disabled=true] {
display: none;
}
.ProductForm__Price {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
width: 100%;
}
.ProductForm__Price.hover-active--underline, .ProductForm__Price .hover-active--underline {
position: relative;
}
.ProductForm__Price.hover-active--underline:after, .ProductForm__Price .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Price.hover-active--underline:hover, .ProductForm__Price.hover-active--underline:active, .ProductForm__Price.hover-active--underline.active, .ProductForm__Price .hover-active--underline:hover, .ProductForm__Price .hover-active--underline:active, .ProductForm__Price .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Price.hover-active--underline:hover:after, .ProductForm__Price.hover-active--underline:active:after, .ProductForm__Price.hover-active--underline.active:after, .ProductForm__Price .hover-active--underline:hover:after, .ProductForm__Price .hover-active--underline:active:after, .ProductForm__Price .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Price .js-discount,
.ProductForm__Price .js-discount-label {
display: none;
}
.ProductForm__Price .js-price {
display: inline-block;
}
.ProductForm__Price--Discounted .js-price {
color: #777777;
text-decoration: line-through;
}
.ProductForm__Price--Discounted .js-discount,
.ProductForm__Price--Discounted .js-discount-label,
.ProductForm__Price--Discounted .js-discount-applied {
display: inline-block;
color: #283455;
text-decoration: none;
padding-left: 0.25rem;
}
.ProductForm__Price--Discounted .js-discount {
font-family: BrandonTextWeb-Bold;
}
.ProductForm__Price--Discounted .js-discount.hover-active--underline, .ProductForm__Price--Discounted .js-discount .hover-active--underline {
position: relative;
}
.ProductForm__Price--Discounted .js-discount.hover-active--underline:after, .ProductForm__Price--Discounted .js-discount .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Price--Discounted .js-discount.hover-active--underline:hover, .ProductForm__Price--Discounted .js-discount.hover-active--underline:active, .ProductForm__Price--Discounted .js-discount.hover-active--underline.active, .ProductForm__Price--Discounted .js-discount .hover-active--underline:hover, .ProductForm__Price--Discounted .js-discount .hover-active--underline:active, .ProductForm__Price--Discounted .js-discount .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Price--Discounted .js-discount.hover-active--underline:hover:after, .ProductForm__Price--Discounted .js-discount.hover-active--underline:active:after, .ProductForm__Price--Discounted .js-discount.hover-active--underline.active:after, .ProductForm__Price--Discounted .js-discount .hover-active--underline:hover:after, .ProductForm__Price--Discounted .js-discount .hover-active--underline:active:after, .ProductForm__Price--Discounted .js-discount .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Price--Discounted .js-discount-applied {
color: #344329;
}
.ProductForm__Fomo[data-enabled=true] {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
background: #F9F3ED;
border-radius: 30px;
margin: 1.5rem 0 0;
width: 100%;
max-width: 304px;
position: relative;
padding: 0.5rem 1.5rem 0.125rem;
min-height: 36px;
min-height: auto;
opacity: 1;
}
.ProductForm__Fomo[data-enabled=true].hover-active--underline, .ProductForm__Fomo[data-enabled=true] .hover-active--underline {
position: relative;
}
.ProductForm__Fomo[data-enabled=true].hover-active--underline:after, .ProductForm__Fomo[data-enabled=true] .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Fomo[data-enabled=true].hover-active--underline:hover, .ProductForm__Fomo[data-enabled=true].hover-active--underline:active, .ProductForm__Fomo[data-enabled=true].hover-active--underline.active, .ProductForm__Fomo[data-enabled=true] .hover-active--underline:hover, .ProductForm__Fomo[data-enabled=true] .hover-active--underline:active, .ProductForm__Fomo[data-enabled=true] .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Fomo[data-enabled=true].hover-active--underline:hover:after, .ProductForm__Fomo[data-enabled=true].hover-active--underline:active:after, .ProductForm__Fomo[data-enabled=true].hover-active--underline.active:after, .ProductForm__Fomo[data-enabled=true] .hover-active--underline:hover:after, .ProductForm__Fomo[data-enabled=true] .hover-active--underline:active:after, .ProductForm__Fomo[data-enabled=true] .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Fomo a, .ProductForm__Fomo strong {
color: #283455;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
}
.ProductForm__Fomo a.hover-active--underline, .ProductForm__Fomo a .hover-active--underline, .ProductForm__Fomo strong.hover-active--underline, .ProductForm__Fomo strong .hover-active--underline {
position: relative;
}
.ProductForm__Fomo a.hover-active--underline:after, .ProductForm__Fomo a .hover-active--underline:after, .ProductForm__Fomo strong.hover-active--underline:after, .ProductForm__Fomo strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Fomo a.hover-active--underline:hover, .ProductForm__Fomo a.hover-active--underline:active, .ProductForm__Fomo a.hover-active--underline.active, .ProductForm__Fomo a .hover-active--underline:hover, .ProductForm__Fomo a .hover-active--underline:active, .ProductForm__Fomo a .hover-active--underline.active, .ProductForm__Fomo strong.hover-active--underline:hover, .ProductForm__Fomo strong.hover-active--underline:active, .ProductForm__Fomo strong.hover-active--underline.active, .ProductForm__Fomo strong .hover-active--underline:hover, .ProductForm__Fomo strong .hover-active--underline:active, .ProductForm__Fomo strong .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Fomo a.hover-active--underline:hover:after, .ProductForm__Fomo a.hover-active--underline:active:after, .ProductForm__Fomo a.hover-active--underline.active:after, .ProductForm__Fomo a .hover-active--underline:hover:after, .ProductForm__Fomo a .hover-active--underline:active:after, .ProductForm__Fomo a .hover-active--underline.active:after, .ProductForm__Fomo strong.hover-active--underline:hover:after, .ProductForm__Fomo strong.hover-active--underline:active:after, .ProductForm__Fomo strong.hover-active--underline.active:after, .ProductForm__Fomo strong .hover-active--underline:hover:after, .ProductForm__Fomo strong .hover-active--underline:active:after, .ProductForm__Fomo strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Fomo a.hover-active--underline, .ProductForm__Fomo a .hover-active--underline, .ProductForm__Fomo strong.hover-active--underline, .ProductForm__Fomo strong .hover-active--underline {
position: relative;
}
.ProductForm__Fomo a.hover-active--underline:after, .ProductForm__Fomo a .hover-active--underline:after, .ProductForm__Fomo strong.hover-active--underline:after, .ProductForm__Fomo strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Fomo a.hover-active--underline:hover, .ProductForm__Fomo a.hover-active--underline:active, .ProductForm__Fomo a.hover-active--underline.active, .ProductForm__Fomo a .hover-active--underline:hover, .ProductForm__Fomo a .hover-active--underline:active, .ProductForm__Fomo a .hover-active--underline.active, .ProductForm__Fomo strong.hover-active--underline:hover, .ProductForm__Fomo strong.hover-active--underline:active, .ProductForm__Fomo strong.hover-active--underline.active, .ProductForm__Fomo strong .hover-active--underline:hover, .ProductForm__Fomo strong .hover-active--underline:active, .ProductForm__Fomo strong .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Fomo a.hover-active--underline:hover:after, .ProductForm__Fomo a.hover-active--underline:active:after, .ProductForm__Fomo a.hover-active--underline.active:after, .ProductForm__Fomo a .hover-active--underline:hover:after, .ProductForm__Fomo a .hover-active--underline:active:after, .ProductForm__Fomo a .hover-active--underline.active:after, .ProductForm__Fomo strong.hover-active--underline:hover:after, .ProductForm__Fomo strong.hover-active--underline:active:after, .ProductForm__Fomo strong.hover-active--underline.active:after, .ProductForm__Fomo strong .hover-active--underline:hover:after, .ProductForm__Fomo strong .hover-active--underline:active:after, .ProductForm__Fomo strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Fomo p, .ProductForm__Fomo small, .ProductForm__Fomo div {
margin: 0;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
}
.ProductForm__Fomo p.hover-active--underline, .ProductForm__Fomo p .hover-active--underline, .ProductForm__Fomo small.hover-active--underline, .ProductForm__Fomo small .hover-active--underline, .ProductForm__Fomo div.hover-active--underline, .ProductForm__Fomo div .hover-active--underline {
position: relative;
}
.ProductForm__Fomo p.hover-active--underline:after, .ProductForm__Fomo p .hover-active--underline:after, .ProductForm__Fomo small.hover-active--underline:after, .ProductForm__Fomo small .hover-active--underline:after, .ProductForm__Fomo div.hover-active--underline:after, .ProductForm__Fomo div .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Fomo p.hover-active--underline:hover, .ProductForm__Fomo p.hover-active--underline:active, .ProductForm__Fomo p.hover-active--underline.active, .ProductForm__Fomo p .hover-active--underline:hover, .ProductForm__Fomo p .hover-active--underline:active, .ProductForm__Fomo p .hover-active--underline.active, .ProductForm__Fomo small.hover-active--underline:hover, .ProductForm__Fomo small.hover-active--underline:active, .ProductForm__Fomo small.hover-active--underline.active, .ProductForm__Fomo small .hover-active--underline:hover, .ProductForm__Fomo small .hover-active--underline:active, .ProductForm__Fomo small .hover-active--underline.active, .ProductForm__Fomo div.hover-active--underline:hover, .ProductForm__Fomo div.hover-active--underline:active, .ProductForm__Fomo div.hover-active--underline.active, .ProductForm__Fomo div .hover-active--underline:hover, .ProductForm__Fomo div .hover-active--underline:active, .ProductForm__Fomo div .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Fomo p.hover-active--underline:hover:after, .ProductForm__Fomo p.hover-active--underline:active:after, .ProductForm__Fomo p.hover-active--underline.active:after, .ProductForm__Fomo p .hover-active--underline:hover:after, .ProductForm__Fomo p .hover-active--underline:active:after, .ProductForm__Fomo p .hover-active--underline.active:after, .ProductForm__Fomo small.hover-active--underline:hover:after, .ProductForm__Fomo small.hover-active--underline:active:after, .ProductForm__Fomo small.hover-active--underline.active:after, .ProductForm__Fomo small .hover-active--underline:hover:after, .ProductForm__Fomo small .hover-active--underline:active:after, .ProductForm__Fomo small .hover-active--underline.active:after, .ProductForm__Fomo div.hover-active--underline:hover:after, .ProductForm__Fomo div.hover-active--underline:active:after, .ProductForm__Fomo div.hover-active--underline.active:after, .ProductForm__Fomo div .hover-active--underline:hover:after, .ProductForm__Fomo div .hover-active--underline:active:after, .ProductForm__Fomo div .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Props {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
font-family: BrandonTextWeb-Bold;
color: #aa3f00;
margin: 0.5rem 0 0;
display: none;
width: 100%;
position: relative;
}
.ProductForm__Props.hover-active--underline, .ProductForm__Props .hover-active--underline {
position: relative;
}
.ProductForm__Props.hover-active--underline:after, .ProductForm__Props .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Props.hover-active--underline:hover, .ProductForm__Props.hover-active--underline:active, .ProductForm__Props.hover-active--underline.active, .ProductForm__Props .hover-active--underline:hover, .ProductForm__Props .hover-active--underline:active, .ProductForm__Props .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Props.hover-active--underline:hover:after, .ProductForm__Props.hover-active--underline:active:after, .ProductForm__Props.hover-active--underline.active:after, .ProductForm__Props .hover-active--underline:hover:after, .ProductForm__Props .hover-active--underline:active:after, .ProductForm__Props .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Props.hover-active--underline, .ProductForm__Props .hover-active--underline {
position: relative;
}
.ProductForm__Props.hover-active--underline:after, .ProductForm__Props .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Props.hover-active--underline:hover, .ProductForm__Props.hover-active--underline:active, .ProductForm__Props.hover-active--underline.active, .ProductForm__Props .hover-active--underline:hover, .ProductForm__Props .hover-active--underline:active, .ProductForm__Props .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Props.hover-active--underline:hover:after, .ProductForm__Props.hover-active--underline:active:after, .ProductForm__Props.hover-active--underline.active:after, .ProductForm__Props .hover-active--underline:hover:after, .ProductForm__Props .hover-active--underline:active:after, .ProductForm__Props .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Props--Active {
display: block;
}
.ProductForm__Props--Active span {
display: block;
width: 100%;
position: absolute;
left: 0;
top: -1.75rem;
}
.ProductForm__ModalHeader {
display: flex;
justify-content: space-between;
}
.ProductForm__ModalClose svg {
width: 30px;
height: 30px;
}
.ProductForm__Title {
font-family: ToledoTS-Bold;
font-size: 1.875rem;
letter-spacing: normal !important;
display: none;
margin-bottom: 0.25rem;
}
.ProductForm__Title.hover-active--underline, .ProductForm__Title .hover-active--underline {
position: relative;
}
.ProductForm__Title.hover-active--underline:after, .ProductForm__Title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Title.hover-active--underline:hover, .ProductForm__Title.hover-active--underline:active, .ProductForm__Title.hover-active--underline.active, .ProductForm__Title .hover-active--underline:hover, .ProductForm__Title .hover-active--underline:active, .ProductForm__Title .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Title.hover-active--underline:hover:after, .ProductForm__Title.hover-active--underline:active:after, .ProductForm__Title.hover-active--underline.active:after, .ProductForm__Title .hover-active--underline:hover:after, .ProductForm__Title .hover-active--underline:active:after, .ProductForm__Title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.ProductForm__Title {
font-size: 1.875rem;
}
}
@media screen and (min-width: 900px) {
.ProductForm__Title {
font-size: 1.875rem;
line-height: normal;
}
}
@media screen and (min-width: 900px) {
.ProductForm__Title {
display: block;
}
}
.ProductForm .category-promo {
display: none;
}
@media screen and (min-width: 900px) {
.ProductForm .category-promo {
display: flex;
}
}
.ProductForm__StepTrack {
display: none;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.ProductForm__StepTrack.hover-active--underline, .ProductForm__StepTrack .hover-active--underline {
position: relative;
}
.ProductForm__StepTrack.hover-active--underline:after, .ProductForm__StepTrack .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__StepTrack.hover-active--underline:hover, .ProductForm__StepTrack.hover-active--underline:active, .ProductForm__StepTrack.hover-active--underline.active, .ProductForm__StepTrack .hover-active--underline:hover, .ProductForm__StepTrack .hover-active--underline:active, .ProductForm__StepTrack .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__StepTrack.hover-active--underline:hover:after, .ProductForm__StepTrack.hover-active--underline:active:after, .ProductForm__StepTrack.hover-active--underline.active:after, .ProductForm__StepTrack .hover-active--underline:hover:after, .ProductForm__StepTrack .hover-active--underline:active:after, .ProductForm__StepTrack .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.ProductForm__StepTrack {
display: block;
}
}
.ProductForm__Buy {
display: none;
padding-top: 0;
position: sticky;
bottom: 0;
z-index: 9;
background-color: #FFFAF7;
}
@media screen and (min-width: 900px) {
.ProductForm__Buy {
display: block;
}
}
.ProductForm__Buy--Bundle, .ProductForm__Buy--GiftCard {
display: block;
margin-bottom: 125px;
}
.ProductForm__Buy .ProductForm__ActionWrap {
padding: 1rem 1.5rem;
}
@media screen and (min-width: 900px) {
.ProductForm__Buy .ProductForm__ActionWrap {
padding: 1rem 0 0;
}
}
.ProductForm__Meta {
padding-top: 2rem;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
}
.ProductForm__Meta.hover-active--underline, .ProductForm__Meta .hover-active--underline {
position: relative;
}
.ProductForm__Meta.hover-active--underline:after, .ProductForm__Meta .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Meta.hover-active--underline:hover, .ProductForm__Meta.hover-active--underline:active, .ProductForm__Meta.hover-active--underline.active, .ProductForm__Meta .hover-active--underline:hover, .ProductForm__Meta .hover-active--underline:active, .ProductForm__Meta .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Meta.hover-active--underline:hover:after, .ProductForm__Meta.hover-active--underline:active:after, .ProductForm__Meta.hover-active--underline.active:after, .ProductForm__Meta .hover-active--underline:hover:after, .ProductForm__Meta .hover-active--underline:active:after, .ProductForm__Meta .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Meta ul {
margin: 0;
list-style: none;
}
.ProductForm__Meta .ulHeader {
display: block;
margin-bottom: 0.25rem;
}
.ProductForm__Meta a {
font-family: BrandonTextWeb-Bold;
color: #283455;
}
.ProductForm__Meta a.hover-active--underline, .ProductForm__Meta a .hover-active--underline {
position: relative;
}
.ProductForm__Meta a.hover-active--underline:after, .ProductForm__Meta a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Meta a.hover-active--underline:hover, .ProductForm__Meta a.hover-active--underline:active, .ProductForm__Meta a.hover-active--underline.active, .ProductForm__Meta a .hover-active--underline:hover, .ProductForm__Meta a .hover-active--underline:active, .ProductForm__Meta a .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Meta a.hover-active--underline:hover:after, .ProductForm__Meta a.hover-active--underline:active:after, .ProductForm__Meta a.hover-active--underline.active:after, .ProductForm__Meta a .hover-active--underline:hover:after, .ProductForm__Meta a .hover-active--underline:active:after, .ProductForm__Meta a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Meta strong {
font-family: BrandonTextWeb-Bold;
font-weight: normal;
}
.ProductForm__Meta strong.hover-active--underline, .ProductForm__Meta strong .hover-active--underline {
position: relative;
}
.ProductForm__Meta strong.hover-active--underline:after, .ProductForm__Meta strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Meta strong.hover-active--underline:hover, .ProductForm__Meta strong.hover-active--underline:active, .ProductForm__Meta strong.hover-active--underline.active, .ProductForm__Meta strong .hover-active--underline:hover, .ProductForm__Meta strong .hover-active--underline:active, .ProductForm__Meta strong .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Meta strong.hover-active--underline:hover:after, .ProductForm__Meta strong.hover-active--underline:active:after, .ProductForm__Meta strong.hover-active--underline.active:after, .ProductForm__Meta strong .hover-active--underline:hover:after, .ProductForm__Meta strong .hover-active--underline:active:after, .ProductForm__Meta strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Meta .ProductForm__MoreInfo {
margin: 1rem 0 0;
}
.ProductForm__Meta--Modal {
padding: 0;
margin-bottom: 2rem;
}
.ProductForm__Price {
display: block;
}
.ProductForm__Price--Hidden {
display: none;
}
.ProductForm__ActionWrap {
width: 100%;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
padding: 1.5rem 0 0;
}
.ProductForm__ActionWrap--Disabled, .ProductForm__ActionWrap--Fixed .ProductForm__ActionWrap--Disabled {
display: none !important;
}
.ProductForm__ActionWrap--Fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
justify-content: center;
align-items: center;
padding: 1rem;
background-color: #fdfaf8;
border-top: 1px solid #ddd;
}
.ProductForm__ActionWrap--Fixed .ProductForm__SubmitWrap {
grid-template-columns: 100%;
margin-right: 0;
width: 100%;
}
@media screen and (min-width: 600px) {
.ProductForm__ActionWrap--Fixed .ProductForm__SubmitWrap {
margin-right: 0.75rem;
grid-template-columns: minmax(200px, max-content);
}
}
@media screen and (min-width: 600px) {
.ProductForm__ActionWrap--Fixed {
position: relative;
bottom: initial;
left: initial;
border: none;
padding: 0;
}
}
.ProductForm__CustomizeLink {
padding: 2.5rem 0 0;
}
.ProductForm__CustomizeLink .p_2--bold, .ProductForm__CustomizeLink .module--faq .gladlyHC-faqSection-listItem a, .module--faq .gladlyHC-faqSection-listItem .ProductForm__CustomizeLink a, .ProductForm__CustomizeLink .module--faq .gladlyHC-answersIndex-item a, .module--faq .gladlyHC-answersIndex-item .ProductForm__CustomizeLink a, .ProductForm__CustomizeLink .module--faq .gladlyHC-searchResultsSection-result a, .module--faq .gladlyHC-searchResultsSection-result .ProductForm__CustomizeLink a, .ProductForm__CustomizeLink .module--faq .gladlyHC-answerDetail-backLink, .module--faq .ProductForm__CustomizeLink .gladlyHC-answerDetail-backLink, .ProductForm__CustomizeLink .module--faq .gladlyHC-answerDetail-backLink a, .module--faq .gladlyHC-answerDetail-backLink .ProductForm__CustomizeLink a, .ProductForm__CustomizeLink .module--faq .gladlyHC-answersIndex-link, .module--faq .ProductForm__CustomizeLink .gladlyHC-answersIndex-link, .ProductForm__CustomizeLink .module--faq .gladlyHC-answersIndex-link a, .module--faq .gladlyHC-answersIndex-link .ProductForm__CustomizeLink a {
margin-bottom: 0.25rem;
}
.ProductForm__Start {
display: grid;
grid-template-columns: minmax(200px, max-content);
}
.ProductForm__Start--Disabled {
display: none;
}
.ProductForm__StepBtns {
display: flex;
flex-flow: row nowrap;
position: fixed;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
background-color: #fdfaf8;
border-top: 1px solid #ddd;
padding: 1rem 1.5rem;
}
.ProductForm__StepBtns--Disabled {
display: none;
}
.ProductForm__StepBtns .ProductForm__Step:last-of-type {
width: 50%;
margin-right: 0;
}
@media screen and (min-width: 600px) {
.ProductForm__StepBtns {
z-index: 0;
position: relative;
bottom: initial;
left: initial;
padding: 0;
background-color: transparent;
border: none;
}
}
.ProductForm__SubmitWrap {
display: grid;
margin-right: 0.75rem;
grid-template-columns: minmax(200px, max-content);
}
.ProductForm__Btn {
width: calc(50% - 1.5rem);
margin-right: 1.5rem;
}
.ProductForm__Btn[data-direction=prev] {
background-color: transparent;
border-color: transparent;
color: #283455;
}
.ProductForm__Btn[data-direction=prev]:hover, .ProductForm__Btn[data-direction=prev]:focus, .ProductForm__Btn[data-direction=prev]:active {
background-color: transparent;
border-color: transparent;
color: #283455;
}
@media screen and (min-width: 600px) {
.ProductForm__Btn[data-direction=prev] {
border-color: #283455;
}
.ProductForm__Btn[data-direction=prev]:hover, .ProductForm__Btn[data-direction=prev]:focus, .ProductForm__Btn[data-direction=prev]:active {
background-color: #283455;
color: #FFFFFF;
outline: 0;
border: 1px solid #FFFFFF;
}
}
.ProductForm__Btn[data-direction=start] {
width: 100%;
margin-right: 0;
}
.ProductForm__Btn.ProductForm__Btn--Disabled {
background-color: #DDE3EC;
border: 1px solid #DDE3EC;
pointer-events: none;
position: relative;
}
.ProductForm__Btn.ProductForm__Btn--Disabled:hover, .ProductForm__Btn.ProductForm__Btn--Disabled:focus, .ProductForm__Btn.ProductForm__Btn--Disabled:active {
background-color: #DDE3EC;
color: #FFFFFF;
outline: 0;
border: 1px solid #DDE3EC;
}
.ProductForm__Btn.ProductForm__Btn--Disabled:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
color: transparent;
content: "";
}
.ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled {
pointer-events: none;
}
.ProductForm__MoreInfo {
width: 100%;
display: flex;
margin: 0.5rem 0;
justify-content: flex-start;
align-items: center;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
color: #283455;
}
.ProductForm__MoreInfo.hover-active--underline, .ProductForm__MoreInfo .hover-active--underline {
position: relative;
}
.ProductForm__MoreInfo.hover-active--underline:after, .ProductForm__MoreInfo .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__MoreInfo.hover-active--underline:hover, .ProductForm__MoreInfo.hover-active--underline:active, .ProductForm__MoreInfo.hover-active--underline.active, .ProductForm__MoreInfo .hover-active--underline:hover, .ProductForm__MoreInfo .hover-active--underline:active, .ProductForm__MoreInfo .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__MoreInfo.hover-active--underline:hover:after, .ProductForm__MoreInfo.hover-active--underline:active:after, .ProductForm__MoreInfo.hover-active--underline.active:after, .ProductForm__MoreInfo .hover-active--underline:hover:after, .ProductForm__MoreInfo .hover-active--underline:active:after, .ProductForm__MoreInfo .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__MoreInfo.hover-active--underline, .ProductForm__MoreInfo .hover-active--underline {
position: relative;
}
.ProductForm__MoreInfo.hover-active--underline:after, .ProductForm__MoreInfo .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__MoreInfo.hover-active--underline:hover, .ProductForm__MoreInfo.hover-active--underline:active, .ProductForm__MoreInfo.hover-active--underline.active, .ProductForm__MoreInfo .hover-active--underline:hover, .ProductForm__MoreInfo .hover-active--underline:active, .ProductForm__MoreInfo .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__MoreInfo.hover-active--underline:hover:after, .ProductForm__MoreInfo.hover-active--underline:active:after, .ProductForm__MoreInfo.hover-active--underline.active:after, .ProductForm__MoreInfo .hover-active--underline:hover:after, .ProductForm__MoreInfo .hover-active--underline:active:after, .ProductForm__MoreInfo .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__MoreInfo svg {
margin-left: 0.25rem;
margin-top: -0.25rem;
}
.ProductForm__MoreInfo--Hide {
display: none;
}
.ProductForm__Submit, .ProductForm__Btn, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
}
.ProductForm__Submit.hover-active--underline, .hover-active--underline.ProductForm__Btn, .hover-active--underline.ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled, .ProductForm__Submit .hover-active--underline, .ProductForm__Btn .hover-active--underline, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled .hover-active--underline {
position: relative;
}
.ProductForm__Submit.hover-active--underline:after, .hover-active--underline.ProductForm__Btn:after, .hover-active--underline.ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:after, .ProductForm__Submit .hover-active--underline:after, .ProductForm__Btn .hover-active--underline:after, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm__Submit.hover-active--underline:hover, .hover-active--underline.ProductForm__Btn:hover, .ProductForm__Submit.hover-active--underline:active, .hover-active--underline.ProductForm__Btn:active, .ProductForm__Submit.hover-active--underline.active, .hover-active--underline.active.ProductForm__Btn, .ProductForm__Submit .hover-active--underline:hover, .ProductForm__Btn .hover-active--underline:hover, .ProductForm__Submit .hover-active--underline:active, .ProductForm__Btn .hover-active--underline:active, .ProductForm__Submit .hover-active--underline.active, .ProductForm__Btn .hover-active--underline.active {
cursor: pointer;
}
.ProductForm__Submit.hover-active--underline:hover:after, .hover-active--underline.ProductForm__Btn:hover:after, .ProductForm__Submit.hover-active--underline:active:after, .hover-active--underline.ProductForm__Btn:active:after, .ProductForm__Submit.hover-active--underline.active:after, .hover-active--underline.active.ProductForm__Btn:after, .ProductForm__Submit .hover-active--underline:hover:after, .ProductForm__Btn .hover-active--underline:hover:after, .ProductForm__Submit .hover-active--underline:active:after, .ProductForm__Btn .hover-active--underline:active:after, .ProductForm__Submit .hover-active--underline.active:after, .ProductForm__Btn .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm__Submit--OOS {
background-color: #DDDDDD;
border-color: #DDDDDD;
pointer-events: none;
}
.ProductForm__Submit--OOS:hover, .ProductForm__Submit--OOS:active, .ProductForm__Submit--OOS:focus {
background-color: #DDDDDD;
border-color: #DDDDDD;
color: #FFFFFF;
}
.ProductForm__Submit:hover, .ProductForm__Btn:hover, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:hover {
background-color: #293C70;
color: #FFFFFF;
}
.ProductForm__Submit:focus, .ProductForm__Btn:focus, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
}
.ProductForm__Submit:active, .ProductForm__Btn:active, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.ProductForm__Submit:active[data-transition-triggered=true], .ProductForm__Btn:active[data-transition-triggered=true] {
transform: scale(1);
}
.ProductForm__Submit:active span, .ProductForm__Btn:active span, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.ProductForm__Submit:active span[data-transition-triggered=true], .ProductForm__Btn:active span[data-transition-triggered=true] {
transform: scale(1);
}
.ProductForm__Submit:active p, .ProductForm__Btn:active p, .ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.ProductForm__Submit:active p[data-transition-triggered=true], .ProductForm__Btn:active p[data-transition-triggered=true] {
transform: scale(1);
}
.ProductForm .OptionList {
margin: 0;
order: 2;
padding-bottom: 2rem;
}
.ProductForm .OptionList--Hidden {
display: none;
}
.ProductForm .OptionList--Swatches .OptionList__Items {
grid-template-columns: repeat(auto-fill, 2rem);
grid-row-gap: 0.625rem;
grid-auto-columns: 2rem;
padding-right: 1rem;
}
@media screen and (min-width: 600px) {
.ProductForm .OptionList--Swatches .OptionList__Items {
grid-template-columns: repeat(10, 2rem);
padding: 0;
}
}
.ProductForm .OptionList[data-option-name="Quantity - Buy More and Save"] .OptionList__CTA--Unavailable {
pointer-events: none;
}
.ProductForm .OptionList[data-option-name="Quantity - Buy More and Save"] p {
margin: 6px 0 0;
color: #5D6E50;
}
.ProductForm .OptionList__Items {
margin: 1rem -1.5rem 0;
list-style: none;
scrollbar-width: none;
overflow: hidden;
overflow-x: scroll;
scroll-behavior: smooth;
display: grid;
grid-template-columns: repeat(auto-fill, clamp(33.33% - 0.5rem, 35%, 40%));
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-auto-flow: column;
grid-auto-columns: clamp(33.33% - 0.5rem, 35%, 40%);
padding-left: 1.5rem;
width: calc(100% + 3rem);
position: relative;
}
@media screen and (min-width: 600px) {
.ProductForm .OptionList__Items {
grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 0.5rem), max-content));
grid-auto-flow: row;
width: 100%;
margin: 1rem 0 0;
padding-left: 0;
}
}
.ProductForm .OptionList__Trigger {
position: absolute;
top: 0;
display: flex;
align-items: center;
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #283455;
height: 100%;
right: 0;
}
.ProductForm .OptionList__Trigger.hover-active--underline, .ProductForm .OptionList__Trigger .hover-active--underline {
position: relative;
}
.ProductForm .OptionList__Trigger.hover-active--underline:after, .ProductForm .OptionList__Trigger .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm .OptionList__Trigger.hover-active--underline:hover, .ProductForm .OptionList__Trigger.hover-active--underline:active, .ProductForm .OptionList__Trigger.hover-active--underline.active, .ProductForm .OptionList__Trigger .hover-active--underline:hover, .ProductForm .OptionList__Trigger .hover-active--underline:active, .ProductForm .OptionList__Trigger .hover-active--underline.active {
cursor: pointer;
}
.ProductForm .OptionList__Trigger.hover-active--underline:hover:after, .ProductForm .OptionList__Trigger.hover-active--underline:active:after, .ProductForm .OptionList__Trigger.hover-active--underline.active:after, .ProductForm .OptionList__Trigger .hover-active--underline:hover:after, .ProductForm .OptionList__Trigger .hover-active--underline:active:after, .ProductForm .OptionList__Trigger .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.ProductForm .OptionList__Trigger {
right: 0.5rem;
}
}
.ProductForm .OptionList__Trigger:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: 2px;
background-color: #283455;
pointer-events: none;
}
.ProductForm .OptionList__Trigger:hover, .ProductForm .OptionList__Trigger:active, .ProductForm .OptionList__Trigger.active {
cursor: pointer;
}
.ProductForm .OptionList__Item {
border: 1px solid transparent;
border-radius: 50%;
margin: 0;
white-space: nowrap;
}
.ProductForm .OptionList__Item--Swatch {
display: flex;
overflow: hidden;
border: 2px solid transparent;
width: 1.75rem;
height: 1.75rem;
line-height: 0;
align-items: center;
justify-content: center;
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active {
border-color: #283455;
}
.ProductForm .OptionList__Item--Swatch .js-option-name {
display: none;
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active .OptionList__CTA,
.ProductForm .OptionList__Item--Swatch .OptionList__CTA {
margin: 1px;
padding: 0;
border: 1px solid #DDDDDD;
border-radius: 50%;
width: 1.375rem;
height: 1.375rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 0;
position: relative;
transition: border-width 250ms ease;
background-color: transparent;
color: transparent;
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active .OptionList__CTA--Unavailable,
.ProductForm .OptionList__Item--Swatch .OptionList__CTA--Unavailable {
pointer-events: auto;
border-width: 1px;
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active .OptionList__CTA--Unavailable:after,
.ProductForm .OptionList__Item--Swatch .OptionList__CTA--Unavailable:after {
content: "";
position: absolute;
left: -1px;
top: 50%;
right: -1px;
border-top: 2px solid #DDDDDD;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform: rotate(50deg);
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active .OptionList__CTA--Unavailable:hover,
.ProductForm .OptionList__Item--Swatch .OptionList__CTA--Unavailable:hover {
border-color: #283455;
}
.ProductForm .OptionList__Item--Swatch.OptionList__Item--Active .OptionList__CTA {
border: 1px solid #283455;
}
.ProductForm .OptionList__Item--Swatch img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 900px) {
.ProductForm .OptionList__Item--Swatch img {
opacity: 0;
}
}
.ProductForm .OptionList__Item--Swatch img[data-transition-triggered=true] {
opacity: 1;
}
.ProductForm .OptionList__Item--Active .OptionList__CTA {
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
border: 1px solid #283455;
background: #283455;
color: #FFFFFF;
}
.ProductForm .OptionList__Item--Active .OptionList__CTA .active-oos-icon {
display: none;
}
.ProductForm .OptionList__Item--Active .OptionList__CTA--Unavailable {
position: relative;
background: #DDDDDD;
color: #283455;
}
.ProductForm .OptionList__Item--Active .OptionList__CTA--Unavailable .active-oos-icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: calc(100% - 2rem);
color: #283455;
background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(40, 52, 85) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}
.ProductForm .OptionList__Item--Active .OptionList__CTA--Unavailable:hover {
color: #283455;
}
.ProductForm .OptionList__Label {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
position: relative;
width: 100%;
}
.ProductForm .OptionList__Label.hover-active--underline, .ProductForm .OptionList__Label .hover-active--underline {
position: relative;
}
.ProductForm .OptionList__Label.hover-active--underline:after, .ProductForm .OptionList__Label .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm .OptionList__Label.hover-active--underline:hover, .ProductForm .OptionList__Label.hover-active--underline:active, .ProductForm .OptionList__Label.hover-active--underline.active, .ProductForm .OptionList__Label .hover-active--underline:hover, .ProductForm .OptionList__Label .hover-active--underline:active, .ProductForm .OptionList__Label .hover-active--underline.active {
cursor: pointer;
}
.ProductForm .OptionList__Label.hover-active--underline:hover:after, .ProductForm .OptionList__Label.hover-active--underline:active:after, .ProductForm .OptionList__Label.hover-active--underline.active:after, .ProductForm .OptionList__Label .hover-active--underline:hover:after, .ProductForm .OptionList__Label .hover-active--underline:active:after, .ProductForm .OptionList__Label .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm .OptionList__Label span:first-of-type {
margin-right: 0.5rem;
}
.ProductForm .OptionList__Label span:not(:first-of-type) {
font-family: BrandonTextWeb-Bold;
}
.ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline {
position: relative;
}
.ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline:after, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline:hover, .ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline:active, .ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline.active, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline:hover, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline:active, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline.active {
cursor: pointer;
}
.ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline:hover:after, .ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline:active:after, .ProductForm .OptionList__Label span:not(:first-of-type).hover-active--underline.active:after, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline:hover:after, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline:active:after, .ProductForm .OptionList__Label span:not(:first-of-type) .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductForm .OptionList__Label span.js-low-stock {
margin-left: 0.25rem;
}
.ProductForm .OptionList__Label .tooltip__modal {
position: absolute;
top: 1.75rem;
left: 0;
z-index: 1;
width: 13.4375rem;
padding: 1rem 1.25rem;
pointer-events: none;
opacity: 0;
transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
background-color: #FFFFFF;
border: 1px solid #283455;
border-radius: 1rem;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.ProductForm .OptionList__Label .tooltip__trigger {
position: relative;
cursor: pointer;
}
.ProductForm .OptionList__Label .tooltip__trigger:hover .tooltip__modal {
opacity: 1;
}
.ProductForm .OptionList__Label .tooltip__trigger svg {
margin-bottom: -0.25rem;
}
.ProductForm .OptionList__CTA {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
width: 100%;
padding: 0 1rem;
text-align: center;
height: 2.5rem;
line-height: 2.5rem;
border-radius: 1rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
background-color: transparent;
border: 1px solid #777777;
color: #777777;
}
.ProductForm .OptionList__CTA.hover-active--underline, .ProductForm .OptionList__CTA .hover-active--underline {
position: relative;
}
.ProductForm .OptionList__CTA.hover-active--underline:after, .ProductForm .OptionList__CTA .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductForm .OptionList__CTA.hover-active--underline:hover, .ProductForm .OptionList__CTA.hover-active--underline:active, .ProductForm .OptionList__CTA.hover-active--underline.active, .ProductForm .OptionList__CTA .hover-active--underline:hover, .ProductForm .OptionList__CTA .hover-active--underline:active, .ProductForm .OptionList__CTA .hover-active--underline.active {
cursor: pointer;
}
.ProductForm .OptionList__CTA.hover-active--underline:hover:after, .ProductForm .OptionList__CTA.hover-active--underline:active:after, .ProductForm .OptionList__CTA.hover-active--underline.active:after, .ProductForm .OptionList__CTA .hover-active--underline:hover:after, .ProductForm .OptionList__CTA .hover-active--underline:active:after, .ProductForm .OptionList__CTA .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 900px) {
.ProductForm .OptionList__CTA:hover, body.user-is-tabbing .ProductForm .OptionList__CTA:focus {
background-color: #293C70;
border-color: #293C70;
color: #FFFFFF;
outline: 0;
}
}
.ProductForm .OptionList__CTA--Unavailable {
border: 1px solid #DDDDDD;
background-color: #F8F8F8;
color: #DDDDDD;
position: relative;
pointer-events: auto;
}
.ProductForm .OptionList__CTA--Unavailable:hover {
background-color: #fdfaf8;
}
.ProductForm .OptionList__CTA--Unavailable .active-oos-icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: calc(100% - 2rem);
color: #283455;
background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(221, 221, 221) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}
.ProductForm .OptionList__CTA--Unavailable:hover {
color: #DDDDDD;
background-color: #F8F8F8;
border-color: #293C70;
box-shadow: 0 0 0 0.5px #293C70;
}
.ProductForm .OptionList__CTA--Unavailable:hover .active-oos-icon {
color: #283455;
background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(40, 52, 85) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}
body.user-is-tabbing .ProductForm .OptionList__CTA--Unavailable:focus {
background-color: #fdfaf8;
outline: 0;
color: #DDDDDD;
border: 1px solid #DDDDDD;
}
.ProductForm .Bundle__List ul {
list-style: none;
margin: 0rem;
}
.ProductForm .Bundle__EmptyNotice {
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='11.5' stroke='%23DDDDDD' stroke-width='1' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
border-radius: 12px;
text-align: center;
padding: 20px 0 22px;
color: #283455;
margin-bottom: 16px;
}
.ProductForm .Bundle__EmptyNotice p {
margin-bottom: 3px;
}
.ProductForm .Bundle__EmptyNotice p:last-of-type {
margin-bottom: 0;
}
.ProductForm .Bundle__SoldOutNotice {
border: 1px solid #aa3f00;
border-radius: 12px;
text-align: center;
padding: 20px 0 22px;
color: #aa3f00;
margin-bottom: 16px;
}
.ProductForm .Bundle__SoldOutNotice p {
margin-bottom: 3px;
}
.ProductForm .Bundle__SoldOutNotice p:last-of-type {
margin-bottom: 0;
}
.ProductForm .Bundle__Item {
list-style: none;
display: flex;
margin-bottom: 0.5rem;
padding: 0.5rem;
border-radius: 12px;
background-color: #F9F3ED;
}
.ProductForm .Bundle__Item:last-of-type {
margin-bottom: 1rem;
}
.ProductForm .Bundle__Item--OOS {
border: 1px solid #aa3f00;
}
.ProductForm .Bundle__Item button {
color: #283455;
}
.ProductForm .Bundle__Item img {
width: 100px;
height: 100px;
border-radius: 50px;
margin-right: 1rem;
}
.ProductForm .Bundle__Item .details .title {
margin-top: 0.75rem;
margin-bottom: 0.25rem;
}
.ProductForm .Bundle__Item .details ul {
list-style: none;
}
.ProductForm .Bundle__Item button {
position: relative;
align-self: baseline;
margin-left: auto;
padding-right: 0.5rem;
text-decoration: underline;
}
.ProductForm .Bundle__OOS {
text-align: center;
margin-bottom: 1rem;
}
.ProductForm .Bundle__OOS p {
margin-bottom: 0;
color: #aa3f00;
}
.ProductForm .Bundle__OOS .js-item-edit {
text-decoration: underline;
cursor: pointer;
}
.Review__List {
margin: 0;
padding-top: 1.25rem;
}
.Review__Item {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
padding-bottom: 1.5rem;
margin: 0;
}
@media screen and (min-width: 600px) {
.Review__Item {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.Review__Item {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.Review__Item {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.Review__Details {
grid-column-end: span 3;
}
@media screen and (min-width: 600px) {
.Review__Details {
grid-column-end: span 9;
}
}
@media screen and (min-width: 900px) {
.Review__Details {
grid-column-end: span 9;
}
}
@media screen and (min-width: 1200px) {
.Review__Details {
grid-column-end: span 11;
}
}
.Review__Selections {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #777777;
}
.Review__Selections.hover-active--underline, .Review__Selections .hover-active--underline {
position: relative;
}
.Review__Selections.hover-active--underline:after, .Review__Selections .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Review__Selections.hover-active--underline:hover, .Review__Selections.hover-active--underline:active, .Review__Selections.hover-active--underline.active, .Review__Selections .hover-active--underline:hover, .Review__Selections .hover-active--underline:active, .Review__Selections .hover-active--underline.active {
cursor: pointer;
}
.Review__Selections.hover-active--underline:hover:after, .Review__Selections.hover-active--underline:active:after, .Review__Selections.hover-active--underline.active:after, .Review__Selections .hover-active--underline:hover:after, .Review__Selections .hover-active--underline:active:after, .Review__Selections .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Review__Selections p span:first-of-type {
margin-right: 0.5rem;
}
.Review__Selections p {
padding-bottom: 0.25rem;
margin: 0;
}
.Review__ItemTitle {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
margin: 0;
padding-bottom: 0.25rem;
color: #283455;
}
.Review__ItemTitle.hover-active--underline, .Review__ItemTitle .hover-active--underline {
position: relative;
}
.Review__ItemTitle.hover-active--underline:after, .Review__ItemTitle .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Review__ItemTitle.hover-active--underline:hover, .Review__ItemTitle.hover-active--underline:active, .Review__ItemTitle.hover-active--underline.active, .Review__ItemTitle .hover-active--underline:hover, .Review__ItemTitle .hover-active--underline:active, .Review__ItemTitle .hover-active--underline.active {
cursor: pointer;
}
.Review__ItemTitle.hover-active--underline:hover:after, .Review__ItemTitle.hover-active--underline:active:after, .Review__ItemTitle.hover-active--underline.active:after, .Review__ItemTitle .hover-active--underline:hover:after, .Review__ItemTitle .hover-active--underline:active:after, .Review__ItemTitle .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Review__ItemTitle.hover-active--underline, .Review__ItemTitle .hover-active--underline {
position: relative;
}
.Review__ItemTitle.hover-active--underline:after, .Review__ItemTitle .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Review__ItemTitle.hover-active--underline:hover, .Review__ItemTitle.hover-active--underline:active, .Review__ItemTitle.hover-active--underline.active, .Review__ItemTitle .hover-active--underline:hover, .Review__ItemTitle .hover-active--underline:active, .Review__ItemTitle .hover-active--underline.active {
cursor: pointer;
}
.Review__ItemTitle.hover-active--underline:hover:after, .Review__ItemTitle.hover-active--underline:active:after, .Review__ItemTitle.hover-active--underline.active:after, .Review__ItemTitle .hover-active--underline:hover:after, .Review__ItemTitle .hover-active--underline:active:after, .Review__ItemTitle .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Review__ChangeBtn {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
position: relative;
padding-top: 0.5rem;
color: #283455;
}
.Review__ChangeBtn.hover-active--underline, .Review__ChangeBtn .hover-active--underline {
position: relative;
}
.Review__ChangeBtn.hover-active--underline:after, .Review__ChangeBtn .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Review__ChangeBtn.hover-active--underline:hover, .Review__ChangeBtn.hover-active--underline:active, .Review__ChangeBtn.hover-active--underline.active, .Review__ChangeBtn .hover-active--underline:hover, .Review__ChangeBtn .hover-active--underline:active, .Review__ChangeBtn .hover-active--underline.active {
cursor: pointer;
}
.Review__ChangeBtn.hover-active--underline:hover:after, .Review__ChangeBtn.hover-active--underline:active:after, .Review__ChangeBtn.hover-active--underline.active:after, .Review__ChangeBtn .hover-active--underline:hover:after, .Review__ChangeBtn .hover-active--underline:active:after, .Review__ChangeBtn .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Review__ChangeBtn:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Review__ChangeBtn:hover, .Review__ChangeBtn:active, .Review__ChangeBtn.active {
cursor: pointer;
}
.Review__ChangeBtn:hover:after, .Review__ChangeBtn:active:after, .Review__ChangeBtn.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Review__Image {
grid-column-end: span 1;
}
@media screen and (min-width: 600px) {
.Review__Image {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
.Review__Image {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.Review__Image {
grid-column-end: span 5;
}
}
.Review__ImageWrap {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.Review__ImageWrap:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.Review__ImageWrap > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.Review__ImageWrap img,
.Review__ImageWrap video {
width: 100%;
color: transparent;
}
.Review__ImageWrap video {
height: 100%;
object-fit: cover;
}
.Review__ImageWrap img {
width: 100%;
}
.Product--Bundle .ProductForm__Price .js-price,
.Product--Bundle .ProductForm__Price .js-currency {
font-family: BrandonTextWeb-Bold;
}
.Product--Bundle .ProductForm__Price .js-price.hover-active--underline, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline {
position: relative;
}
.Product--Bundle .ProductForm__Price .js-price.hover-active--underline:after, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline:after,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline:after,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product--Bundle .ProductForm__Price .js-price.hover-active--underline:hover, .Product--Bundle .ProductForm__Price .js-price.hover-active--underline:active, .Product--Bundle .ProductForm__Price .js-price.hover-active--underline.active, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline:hover, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline:active, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline.active,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline:hover,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline:active,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline.active,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline:hover,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline:active,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline.active {
cursor: pointer;
}
.Product--Bundle .ProductForm__Price .js-price.hover-active--underline:hover:after, .Product--Bundle .ProductForm__Price .js-price.hover-active--underline:active:after, .Product--Bundle .ProductForm__Price .js-price.hover-active--underline.active:after, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline:hover:after, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline:active:after, .Product--Bundle .ProductForm__Price .js-price .hover-active--underline.active:after,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline:hover:after,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline:active:after,
.Product--Bundle .ProductForm__Price .js-currency.hover-active--underline.active:after,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline:hover:after,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline:active:after,
.Product--Bundle .ProductForm__Price .js-currency .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Product--Bundle .ProductForm__Price .js-discount-label {
display: inline-block;
}
.Product--Bundle .ProductForm__Price--Discounted .js-price {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline {
position: relative;
}
.Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline:after, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline:hover, .Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline:active, .Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline.active, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline:hover, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline:active, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline.active {
cursor: pointer;
}
.Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline:hover:after, .Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline:active:after, .Product--Bundle .ProductForm__Price--Discounted .js-price.hover-active--underline.active:after, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline:hover:after, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline:active:after, .Product--Bundle .ProductForm__Price--Discounted .js-price .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@supports (padding: max(0px)) {
.ProductForm__StepBtns {
padding-bottom: max(1.5rem, var(--safe-area-inset-bottom));
}
.ProductForm__ActionWrap--Fixed {
padding-bottom: max(1rem, var(--safe-area-inset-bottom));
}
}
.Product:not(.Product--Bundle) .ProductForm__Price {
padding-bottom: 0.75rem;
}
.Product:not(.Product--Bundle) .ProductForm__Meta {
padding-top: 0;
margin: 0;
padding-bottom: 2rem;
}
.Product:not(.Product--Bundle) .ProductForm__Props--Active span {
position: relative;
top: initial;
}
[data-active=Review] .ProductForm__Meta,
[data-active=Review] .ProductForm__Meta--Hidden {
display: none;
}
[data-active=Review] .ProductForm__Price {
padding-bottom: 1.5rem;
}
[data-active=Review] .ProductForm__Props--Active {
margin: 0;
}
[data-active=Review] .ProductForm__Props--Active span {
position: relative;
top: initial;
}
[data-active=Review] .InfoCard--Visible {
display: none;
}
[data-active=Review] .Options {
padding-bottom: 0;
}
.InfoCard {
display: none;
width: 100%;
background: #F9F3ED;
color: #0F1528;
border-radius: 20px;
padding: 1rem 1.5rem;
margin: 1.5rem 0;
}
.InfoCard--Visible {
display: flex;
}
.InfoCard__Col {
width: 64px;
margin-right: 1rem;
}
.InfoCard__Col:last-of-type {
width: calc(100% - 80px);
margin-right: 0;
padding-right: 1rem;
}
.InfoCard img {
width: 100%;
}
.InfoCard p:last-of-type {
margin-bottom: 0;
}
.Product__Modal .ProductForm__Buy {
display: block;
background-color: #FFFFFF;
bottom: -1.5rem;
left: 0;
width: calc(100% + 3rem);
margin-left: -1.5rem;
padding: 0 1.5rem;
}
@media screen and (min-width: 600px) {
.Product__Modal .ProductForm__Buy {
width: calc(100% + 5rem);
margin-left: -2.5rem;
padding: 0 2.5rem;
bottom: -2.5rem;
}
}
@media screen and (min-width: 900px) {
.Product__Modal .ProductForm__Buy {
left: 0;
max-width: 200px;
width: 100%;
padding: 0;
margin: 0;
bottom: 0;
}
}
.Product__Modal .ProductForm .ProductForm__ActionWrap {
display: block;
width: 100%;
}
@media screen and (min-width: 900px) {
.Product__Modal .ProductForm .ProductForm__ActionWrap {
padding: 0;
}
}
.Product__Modal .ProductForm .ProductForm__SubmitWrap {
display: block;
margin-right: 0;
}
.Product__Modal .ProductForm .ProductForm__Submit, .Product__Modal .ProductForm .ProductForm__Btn {
width: 100%;
}
.Product--AutoBundle .ProductForm .Scrolling {
max-height: unset;
}
@media screen and (min-width: 900px) {
.Product--AutoBundle .ProductForm__Buy {
position: relative;
}
}
.Product--AutoBundle .OptionList--Swatches .OptionList__Items {
grid-auto-flow: row;
}
.Product--AutoBundle .ProductForm__Price {
padding-bottom: 1rem;
}
.Product--AutoBundle .js-completed-bundle .ProductForm__Price {
padding-bottom: 0;
}
.ProductForm__Buy.ProductForm__Buy--Static {
position: static;
}
@media screen and (min-width: 1200px) {
.ProductForm__Buy.ProductForm__Buy--Static {
position: sticky;
}
}
.ProductForm__ActionWrap.ProductForm__ActionWrap--Static {
position: static;
border-top: 0px;
padding-left: 0;
}
.ProductForm__SubmitWrap.ProductForm__SubmitWrap--Static {
display: block;
margin-right: 0;
}
@media screen and (min-width: 900px) {
.ProductForm__SubmitWrap.ProductForm__SubmitWrap--Static {
display: grid;
margin-right: 0.75rem;
}
}
.ProductForm__Submit.ProductForm__Submit--Static, .ProductForm__Submit--Static.ProductForm__Btn, .ProductForm__Submit--Static.ProductForm__Btn[data-direction=start].ProductForm__Btn--Disabled {
width: 100%;
}
.OptionList--All {
display: block;
}
.OptionList--Split {
display: none;
}
.AutobundleSwatchGroupsActive .OptionList--All {
display: none;
}
.AutobundleSwatchGroupsActive .OptionList--Split {
display: block;
}
.Toast {
position: fixed;
right: 0;
color: #283455;
width: auto;
padding: 1.25rem 1.5rem;
border-radius: 20px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
border: solid 1px #ddd;
background-color: #FFFFFF;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
opacity: 0;
pointer-events: none;
margin: 1.5rem;
will-change: transform, opacity;
transform: translateY(-100%);
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1), transform 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 600px) {
.Toast {
top: 157px;
width: 22.438rem;
}
}
@media screen and (min-width: 900px) {
.Toast {
top: 149px;
}
}
.Toast--Active {
opacity: 1;
pointer-events: initial;
transform: translateY(0);
z-index: 1;
}
.Toast__ImageWrap {
width: 25%;
overflow: hidden;
border-radius: 50%;
position: relative;
}
.Toast__ImageWrap:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.Toast__ImageWrap > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.Toast__ImageWrap img,
.Toast__ImageWrap video {
width: 100%;
color: transparent;
}
.Toast__ImageWrap video {
height: 100%;
object-fit: cover;
}
.Toast__ImageWrap img {
width: 100%;
}
.Toast__Details {
padding-left: 1rem;
width: 75%;
}
.Toast__Title {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: flex;
justify-content: space-between;
}
.Toast__Title.hover-active--underline, .Toast__Title .hover-active--underline {
position: relative;
}
.Toast__Title.hover-active--underline:after, .Toast__Title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Title.hover-active--underline:hover, .Toast__Title.hover-active--underline:active, .Toast__Title.hover-active--underline.active, .Toast__Title .hover-active--underline:hover, .Toast__Title .hover-active--underline:active, .Toast__Title .hover-active--underline.active {
cursor: pointer;
}
.Toast__Title.hover-active--underline:hover:after, .Toast__Title.hover-active--underline:active:after, .Toast__Title.hover-active--underline.active:after, .Toast__Title .hover-active--underline:hover:after, .Toast__Title .hover-active--underline:active:after, .Toast__Title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Title .js-toast-title {
font-family: BrandonTextWeb-Bold;
display: inline-block;
width: 100%;
padding-right: 1.5rem;
max-width: 8.812rem;
}
.Toast__Title .js-toast-title.hover-active--underline, .Toast__Title .js-toast-title .hover-active--underline {
position: relative;
}
.Toast__Title .js-toast-title.hover-active--underline:after, .Toast__Title .js-toast-title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Title .js-toast-title.hover-active--underline:hover, .Toast__Title .js-toast-title.hover-active--underline:active, .Toast__Title .js-toast-title.hover-active--underline.active, .Toast__Title .js-toast-title .hover-active--underline:hover, .Toast__Title .js-toast-title .hover-active--underline:active, .Toast__Title .js-toast-title .hover-active--underline.active {
cursor: pointer;
}
.Toast__Title .js-toast-title.hover-active--underline:hover:after, .Toast__Title .js-toast-title.hover-active--underline:active:after, .Toast__Title .js-toast-title.hover-active--underline.active:after, .Toast__Title .js-toast-title .hover-active--underline:hover:after, .Toast__Title .js-toast-title .hover-active--underline:active:after, .Toast__Title .js-toast-title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Quantity {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
margin-bottom: 0.25rem;
display: inline-block;
color: #777777;
}
.Toast__Quantity.hover-active--underline, .Toast__Quantity .hover-active--underline {
position: relative;
}
.Toast__Quantity.hover-active--underline:after, .Toast__Quantity .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Quantity.hover-active--underline:hover, .Toast__Quantity.hover-active--underline:active, .Toast__Quantity.hover-active--underline.active, .Toast__Quantity .hover-active--underline:hover, .Toast__Quantity .hover-active--underline:active, .Toast__Quantity .hover-active--underline.active {
cursor: pointer;
}
.Toast__Quantity.hover-active--underline:hover:after, .Toast__Quantity.hover-active--underline:active:after, .Toast__Quantity.hover-active--underline.active:after, .Toast__Quantity .hover-active--underline:hover:after, .Toast__Quantity .hover-active--underline:active:after, .Toast__Quantity .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Price {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: inline-block;
width: calc(100% - 8.812rem);
position: relative;
}
.Toast__Price.hover-active--underline, .Toast__Price .hover-active--underline {
position: relative;
}
.Toast__Price.hover-active--underline:after, .Toast__Price .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Price.hover-active--underline:hover, .Toast__Price.hover-active--underline:active, .Toast__Price.hover-active--underline.active, .Toast__Price .hover-active--underline:hover, .Toast__Price .hover-active--underline:active, .Toast__Price .hover-active--underline.active {
cursor: pointer;
}
.Toast__Price.hover-active--underline:hover:after, .Toast__Price.hover-active--underline:active:after, .Toast__Price.hover-active--underline.active:after, .Toast__Price .hover-active--underline:hover:after, .Toast__Price .hover-active--underline:active:after, .Toast__Price .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Price span {
width: 100%;
display: block;
text-align: right;
}
.Toast__Price .js-toast-discount {
color: #777777;
text-decoration: line-through;
}
.Toast__Actions {
width: 100%;
display: flex;
justify-content: space-between;
flex-flow: row nowrap;
align-items: center;
text-align: center;
padding-top: 2rem;
}
.Toast__Actions > div {
width: calc(50% - 0.5rem);
}
.Toast__Actions > div:last-of-type {
margin-left: 1rem;
}
.Toast__Actions a {
display: inline-block;
width: 100%;
}
.Toast__Actions .Notification__Btn {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
width: 100%;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
height: 2.5rem;
line-height: 2.5rem;
border-radius: 16px;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
}
.Toast__Actions .Notification__Btn.hover-active--underline, .Toast__Actions .Notification__Btn .hover-active--underline {
position: relative;
}
.Toast__Actions .Notification__Btn.hover-active--underline:after, .Toast__Actions .Notification__Btn .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Actions .Notification__Btn.hover-active--underline:hover, .Toast__Actions .Notification__Btn.hover-active--underline:active, .Toast__Actions .Notification__Btn.hover-active--underline.active, .Toast__Actions .Notification__Btn .hover-active--underline:hover, .Toast__Actions .Notification__Btn .hover-active--underline:active, .Toast__Actions .Notification__Btn .hover-active--underline.active {
cursor: pointer;
}
.Toast__Actions .Notification__Btn.hover-active--underline:hover:after, .Toast__Actions .Notification__Btn.hover-active--underline:active:after, .Toast__Actions .Notification__Btn.hover-active--underline.active:after, .Toast__Actions .Notification__Btn .hover-active--underline:hover:after, .Toast__Actions .Notification__Btn .hover-active--underline:active:after, .Toast__Actions .Notification__Btn .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Actions .Notification__Btn.hover-active--underline, .Toast__Actions .Notification__Btn .hover-active--underline {
position: relative;
}
.Toast__Actions .Notification__Btn.hover-active--underline:after, .Toast__Actions .Notification__Btn .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Actions .Notification__Btn.hover-active--underline:hover, .Toast__Actions .Notification__Btn.hover-active--underline:active, .Toast__Actions .Notification__Btn.hover-active--underline.active, .Toast__Actions .Notification__Btn .hover-active--underline:hover, .Toast__Actions .Notification__Btn .hover-active--underline:active, .Toast__Actions .Notification__Btn .hover-active--underline.active {
cursor: pointer;
}
.Toast__Actions .Notification__Btn.hover-active--underline:hover:after, .Toast__Actions .Notification__Btn.hover-active--underline:active:after, .Toast__Actions .Notification__Btn.hover-active--underline.active:after, .Toast__Actions .Notification__Btn .hover-active--underline:hover:after, .Toast__Actions .Notification__Btn .hover-active--underline:active:after, .Toast__Actions .Notification__Btn .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Actions .Notification__Btn--Secondary {
color: #293C70;
background-color: #FFFFFF;
}
.Toast__Actions .Notification__Btn--Secondary:hover {
background-color: #293C70;
color: #FFFFFF;
}
.Toast__Props {
margin: 0;
color: #aa3f00;
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
font-family: BrandonTextWeb-Bold;
}
.Toast__Props.hover-active--underline, .Toast__Props .hover-active--underline {
position: relative;
}
.Toast__Props.hover-active--underline:after, .Toast__Props .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Props.hover-active--underline:hover, .Toast__Props.hover-active--underline:active, .Toast__Props.hover-active--underline.active, .Toast__Props .hover-active--underline:hover, .Toast__Props .hover-active--underline:active, .Toast__Props .hover-active--underline.active {
cursor: pointer;
}
.Toast__Props.hover-active--underline:hover:after, .Toast__Props.hover-active--underline:active:after, .Toast__Props.hover-active--underline.active:after, .Toast__Props .hover-active--underline:hover:after, .Toast__Props .hover-active--underline:active:after, .Toast__Props .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Props.hover-active--underline, .Toast__Props .hover-active--underline {
position: relative;
}
.Toast__Props.hover-active--underline:after, .Toast__Props .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Props.hover-active--underline:hover, .Toast__Props.hover-active--underline:active, .Toast__Props.hover-active--underline.active, .Toast__Props .hover-active--underline:hover, .Toast__Props .hover-active--underline:active, .Toast__Props .hover-active--underline.active {
cursor: pointer;
}
.Toast__Props.hover-active--underline:hover:after, .Toast__Props.hover-active--underline:active:after, .Toast__Props.hover-active--underline.active:after, .Toast__Props .hover-active--underline:hover:after, .Toast__Props .hover-active--underline:active:after, .Toast__Props .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Toast__Summary {
position: relative;
width: 100%;
}
.Toast__Close {
width: 20px;
position: absolute;
top: -1rem;
right: -0.5rem;
cursor: pointer;
}
.Toast__Close svg {
width: 100%;
fill: #283455;
will-change: transform;
transition: transform 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Toast__Close path {
fill: #283455;
}
.Toast__Close:hover svg {
transform: rotate(180deg);
}
.Toast--International .Toast__Wrapper {
width: 100%;
}
.Toast--International .Toast__Header {
display: flex;
justify-content: space-between;
}
.Toast--International .Toast__Header .icon--close {
width: 1.5rem;
height: 1.5rem;
stroke: #283455;
fill: #283455;
cursor: pointer;
}
.Toast--International .Toast__Body {
margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
.Toast--International .Toast__Body {
max-width: 90%;
}
}
.Product--Bundle .Notification {
top: 147px;
}
@media screen and (min-width: 600px) {
.Product--Bundle .Notification {
top: 157px;
}
}
@media screen and (min-width: 900px) {
.Product--Bundle .Notification {
top: 149px;
}
}
.StickyVariant {
display: block;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #fdfaf8;
color: #283455;
padding: 1rem 0;
border: 1px solid #ccc;
transition: opacity 400ms ease;
pointer-events: initial;
z-index: 99987;
}
.StickyVariant--WaitlistEnabled {
display: none;
}
@media screen and (min-width: 900px) {
.StickyVariant {
display: none;
}
}
.StickyVariant.bundle-in-progress {
display: none;
}
.StickyVariant .sd-html {
display: none;
}
.StickyVariant .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row nowrap;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "cta cta cta cta";
}
@media screen and (min-width: 600px) {
.StickyVariant .wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". desc desc desc desc . . . cta cta cta cta";
}
}
@media screen and (min-width: 900px) {
.StickyVariant .wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". desc desc desc desc . . . cta cta cta cta";
}
}
@media screen and (min-width: 1200px) {
.StickyVariant .wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . desc desc desc desc . . . . . cta cta cta cta .";
}
}
.StickyVariant__Col {
width: unset;
display: flex;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.StickyVariant__Col:last-of-type {
align-items: flex-end;
}
.StickyVariant__Desc {
display: none;
}
@media screen and (min-width: 600px) {
.StickyVariant__Desc {
display: flex;
grid-area: desc;
}
}
.StickyVariant__Input {
grid-area: cta;
flex-direction: row;
justify-content: flex-start;
}
@media screen and (min-width: 600px) {
.StickyVariant__Input {
justify-content: flex-end;
}
}
.StickyVariant__Input .select-input--wrapper {
max-width: 4.75rem;
}
.StickyVariant__Input .select-input--wrapper svg {
top: 0.75rem;
right: 0.5rem;
}
.StickyVariant__Submit {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: block;
font-size: 14px;
padding: 0 1rem;
text-align: center;
min-width: 12.5rem;
height: 3.5rem;
line-height: 3.5rem;
border-radius: 1.25rem;
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
color: #FFFFFF;
background-color: #283455;
border: 1px solid #283455;
}
.StickyVariant__Submit.hover-active--underline, .StickyVariant__Submit .hover-active--underline {
position: relative;
}
.StickyVariant__Submit.hover-active--underline:after, .StickyVariant__Submit .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.StickyVariant__Submit.hover-active--underline:hover, .StickyVariant__Submit.hover-active--underline:active, .StickyVariant__Submit.hover-active--underline.active, .StickyVariant__Submit .hover-active--underline:hover, .StickyVariant__Submit .hover-active--underline:active, .StickyVariant__Submit .hover-active--underline.active {
cursor: pointer;
}
.StickyVariant__Submit.hover-active--underline:hover:after, .StickyVariant__Submit.hover-active--underline:active:after, .StickyVariant__Submit.hover-active--underline.active:after, .StickyVariant__Submit .hover-active--underline:hover:after, .StickyVariant__Submit .hover-active--underline:active:after, .StickyVariant__Submit .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.StickyVariant__Submit--OOS {
background-color: #DDE3EC;
border-color: #DDE3EC;
pointer-events: none;
}
.StickyVariant__Submit--OOS:hover, .StickyVariant__Submit--OOS:active, .StickyVariant__Submit--OOS:focus {
background-color: #DDDDDD;
border-color: #DDDDDD;
color: #FFFFFF;
}
.StickyVariant__Submit:hover {
background-color: #293C70;
color: #FFFFFF;
}
.StickyVariant__Submit:focus {
background-color: #283455;
color: #FFFFFF;
outline: 0;
}
.StickyVariant__Submit:active {
background-color: #283455;
color: #FFFFFF;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(0.95);
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
transition-duration: 200ms;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #283455;
}
.StickyVariant__Submit:active[data-transition-triggered=true] {
transform: scale(1);
}
.StickyVariant__Submit:active span {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
display: block;
}
.StickyVariant__Submit:active span[data-transition-triggered=true] {
transform: scale(1);
}
.StickyVariant__Submit:active p {
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transform: scale(1.05);
transition: all 200ms cubic-bezier(0.32, 0, 0.67, 0);
}
.StickyVariant__Submit:active p[data-transition-triggered=true] {
transform: scale(1);
}
.StickyVariant__Qty.select-input.select-primary--small {
max-width: 4.75rem;
height: 3.5rem;
margin: 0 0 0 1rem;
}
.StickyVariant p {
margin-bottom: 0;
}
.StickyVariant h3 {
margin-bottom: 0.25rem;
}
.Waitlist {
position: relative;
width: 100%;
}
.Waitlist__CTA {
margin-bottom: 0;
}
.Waitlist__CTA button {
max-width: 200px;
margin-bottom: 1rem;
}
.Waitlist__FormCompleted {
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
text-align: center;
}
.Waitlist__FormCompleted h3 {
margin-bottom: 0.25rem;
}
.Waitlist__FormCompleted p {
margin-bottom: 1.5rem;
}
.Waitlist__FormCompleted .btn--primary {
margin-bottom: 0;
}
.Waitlist__FormModal {
width: 100%;
min-height: 264px;
max-width: 350px;
background: #FFFFFF;
border: 1px solid #F2F2F2;
color: #283455;
border-radius: 20px;
padding: 1.5rem;
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.16);
pointer-events: none;
transition-duration: 400ms;
position: absolute;
left: -2px;
top: -175%;
z-index: 1;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.Waitlist__FormModal[data-transition-triggered=true] {
opacity: 1;
}
.Waitlist__FormModal path {
fill: #283455;
}
.Waitlist__FormModal--Active {
pointer-events: initial;
}
.Waitlist__FormModal--Active[data-status=signup] * {
opacity: 1;
pointer-events: initial;
}
.Waitlist__FormModal--Active[data-status=signup] *:not(.email-input):not(.email-input--placeholder):not(.Waitlist__FormCompleted) {
height: auto;
}
.Waitlist__FormModal--Active[data-status=signup] .Waitlist__FormCompleted,
.Waitlist__FormModal--Active[data-status=signup] .Waitlist__FormCompleted * {
opacity: 0;
height: 0;
pointer-events: none;
}
.Waitlist__FormModal--Active[data-status=success] * {
opacity: 1;
height: auto !important;
pointer-events: initial;
}
.Waitlist__FormModal--Active[data-status=success] .Waitlist__FormCompleted {
min-height: 264px;
height: 100% !important;
}
.Waitlist__FormModal--Active[data-status=success] .Waitlist__FormHeader,
.Waitlist__FormModal--Active[data-status=success] .Waitlist__FormHeader *,
.Waitlist__FormModal--Active[data-status=success] .Waitlist__Form,
.Waitlist__FormModal--Active[data-status=success] .Waitlist__Form * {
pointer-events: none;
opacity: 0;
height: 0 !important;
}
.Waitlist__FormHeader {
position: relative;
width: 100%;
}
.Waitlist__Close {
position: absolute;
top: -5px;
right: 0;
width: 20px;
cursor: pointer;
}
.Waitlist__Close svg {
width: 20px;
}
.Waitlist__Checkbox {
display: flex;
align-items: center;
}
.Waitlist__Checkbox input[type=checkbox] {
margin: 0;
margin-right: 0.75rem;
appearance: none;
width: 24px;
height: 24px !important;
border-radius: 5px !important;
border: 1px solid #DDDDDD;
}
.Waitlist__Checkbox input[type=checkbox]:checked {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMC41MTc1TDAgNi4xOTg0OEwxLjM5NTUgNC43NjM0OEw0LjQ3MzUgNy43MDA0OEwxMC41Nzg1IDEuNDgyNDhMMTIgMi44OTA5OEw0LjUgMTAuNTE3NVoiIGZpbGw9IiMyODM0NTUiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center;
}
.Waitlist__Title {
margin-bottom: 0.25rem;
}
.Waitlist__Copy {
margin-bottom: 1.25rem;
}
.Waitlist__Form, .Waitlist__FormCompleted, .Waitlist__FormHeader {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
pointer-events: none;
transition-duration: 400ms;
transition-delay: 400ms;
}
.Waitlist__Form[data-transition-triggered=true], .Waitlist__FormCompleted[data-transition-triggered=true], .Waitlist__FormHeader[data-transition-triggered=true] {
opacity: 1;
}
.Waitlist__Form *, .Waitlist__FormCompleted *, .Waitlist__FormHeader * {
opacity: 0;
}
.Waitlist__Form *:not(.email-input):not(.email-input--placeholder):not(.Waitlist__FormCompleted), .Waitlist__FormCompleted *:not(.email-input):not(.email-input--placeholder):not(.Waitlist__FormCompleted), .Waitlist__FormHeader *:not(.email-input):not(.email-input--placeholder):not(.Waitlist__FormCompleted) {
height: 0;
overflow: hidden;
}
.Waitlist__Form .btn, .Waitlist__Form .module--account-details-content .add-address, .module--account-details-content .Waitlist__Form .add-address,
.Waitlist__Form .btn--primary, .Waitlist__FormCompleted .btn, .Waitlist__FormCompleted .module--account-details-content .add-address, .module--account-details-content .Waitlist__FormCompleted .add-address,
.Waitlist__FormCompleted .btn--primary, .Waitlist__FormHeader .btn, .Waitlist__FormHeader .module--account-details-content .add-address, .module--account-details-content .Waitlist__FormHeader .add-address,
.Waitlist__FormHeader .btn--primary {
margin: 0;
}
.Waitlist__Input {
width: 100%;
border-radius: 20px;
border: 1px solid #DDDDDD;
color: #283455;
margin-bottom: 0 !important;
}
.Waitlist__Input::-webkit-input-placeholder {
color: #777777;
}
.Waitlist__Input:-moz-placeholder {
color: #777777;
}
.Waitlist__Input::-moz-placeholder {
color: #777777;
}
.Waitlist__Input:-ms-input-placeholder {
color: #777777;
}
.Waitlist__Submit {
justify-content: right;
height: 40px !important;
}
.Waitlist .email-input--message {
display: none;
}
.Waitlist .email-input--wrapper,
.Waitlist .checkbox-wrapper {
padding-bottom: 1.5rem;
}
/*============================================================================
#Modal Drawer
==============================================================================*/
.modal-drawer {
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.modal-drawer.active {
z-index: 2147483645;
opacity: 1;
}
.modal-drawer__bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
width: 100vw;
background-color: #0F1528;
opacity: 0;
}
.modal-drawer__inner {
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 100vw;
background-color: #FFFAF7;
transform: translateX(100vw);
overflow: scroll;
-webkit-overflow-scrolling: touch;
opacity: 1;
}
@media screen and (min-width: 600px) {
.modal-drawer__inner {
width: 80vw;
}
}
@media screen and (min-width: 1200px) {
.modal-drawer__inner {
width: 50vw;
}
}
.modal-drawer__relative {
position: relative;
overflow: auto;
height: 100%;
}
.modal-drawer__contents {
color: #283455;
transform: translateX(2.5rem);
display: flex;
flex-direction: column;
justify-content: center;
opacity: 1;
margin: 4rem 1.5rem;
padding: 0;
}
@media screen and (min-width: 600px) {
.modal-drawer__contents {
margin: 5rem;
padding: 0;
}
}
.modal-drawer__contents .header {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.modal-drawer__contents .header {
margin-bottom: 2.5rem;
}
}
.modal-drawer__contents .header .title {
margin-bottom: 1rem;
}
.modal-drawer__contents .header .title .subtitle a {
color: #283455;
}
.modal-drawer__dynamic-content {
z-index: 1;
opacity: 1;
}
.modal-drawer__dynamic-content.hide {
z-index: -1;
opacity: 0;
}
.modal-drawer__dynamic-content img {
height: 100px;
width: 100px;
margin-bottom: 1rem;
}
.modal-drawer__dynamic-content .header {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.modal-drawer__dynamic-content .header {
margin-bottom: 2.5rem;
}
}
.modal-drawer__dynamic-content .header .title {
margin-bottom: 1rem;
}
.modal-drawer__dynamic-content .header .title .subtitle a {
color: #283455;
}
.modal-drawer__dynamic-content .copy a {
color: #283455;
}
.modal-drawer .hide {
z-index: -1;
opacity: 0;
}
.modal-drawer__back {
position: fixed;
top: 1rem;
left: 1rem;
fill: #283455;
height: 100px;
width: 100px;
display: flex;
justify-content: flex-start;
z-index: 10;
}
.modal-drawer__close {
position: fixed;
top: 1rem;
right: 1rem;
fill: #283455;
height: 100px;
width: 100px;
display: flex;
justify-content: flex-end;
z-index: 10;
}
.modal-drawer__icon-wrapper {
height: 40px;
width: 40px;
}
.modal-drawer__icon-wrapper .icon--close {
fill: #283455;
width: 40px;
height: 40px;
cursor: pointer;
}
.module--text-cards .wrapper--v1 {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--text-cards .wrapper--v1 {
margin-bottom: 8.5rem;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .wrapper--v1 {
margin-bottom: 4rem;
}
}
.module--text-cards .modal-overlay {
visibility: hidden;
opacity: 0;
display: none;
z-index: 9998;
}
.module--text-cards .modal-overlay.active {
visibility: visible;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: rgba(4, 36, 125, 0.2);
}
.module--text-cards .modal-overlay.active .modal-overlay-content {
padding: 42px;
margin: 30px;
max-width: 530px;
background: #fff;
z-index: 9999;
}
@media screen and (min-width: 768px) {
.module--text-cards .modal-overlay.active .modal-overlay-content {
padding: 82px;
}
}
.module--text-cards .modal-overlay.active .modal-overlay-content .option-modal-close-wrapper {
position: relative;
}
.module--text-cards .modal-overlay.active .modal-overlay-content .option-modal-close-wrapper .modal-close {
position: absolute;
padding: 10px;
color: #04247D;
font-family: BrandonTextWeb-Light;
font-size: 28px;
top: -40px;
right: -30px;
}
@media screen and (min-width: 768px) {
.module--text-cards .modal-overlay.active .modal-overlay-content .option-modal-close-wrapper .modal-close {
top: -80px;
right: -70px;
}
}
.module--text-cards .modal-overlay.active .modal-overlay-content .option-modal-close-wrapper .modal-close:hover {
cursor: pointer;
}
.module--text-cards .modal-overlay.active .modal-overlay-content p {
margin: 0px;
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
}
.module--text-cards .modal-overlay.active .modal-overlay-content p a {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: BrandonTextWeb-Regular;
/*================================== Large =================================*/
/*================================= Small ==================================*/
color: #04247D;
}
.module--text-cards .modal-overlay.active .modal-overlay-content p a:hover {
color: #293C70;
}
.module--text-cards .card-wrapper .cards {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--text-cards .card-wrapper .cards .text-card {
border-radius: 20px;
border: 1px solid #DDDDDD;
display: flex;
flex-direction: column;
padding: 2.5rem 1.5rem;
justify-content: flex-start;
align-items: center;
color: #283455;
margin-bottom: 1rem;
transition: border-color 400ms cubic-bezier(0.33, 1, 0.68, 1), background-color 400ms cubic-bezier(0.33, 1, 0.68, 1);
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards .text-card {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards .text-card {
grid-column-end: span 3;
}
}
.module--text-cards .card-wrapper .cards .text-card:first-child {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card:first-child {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards .text-card:first-child {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards .text-card:first-child {
grid-column-start: 3;
}
}
.module--text-cards .card-wrapper .cards .text-card:nth-child(2) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(2) {
grid-column-start: 4;
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(2) {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(2) {
grid-column-start: 6;
}
}
.module--text-cards .card-wrapper .cards .text-card:nth-child(3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(3) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(3) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(3) {
grid-column-start: 9;
}
}
.module--text-cards .card-wrapper .cards .text-card:nth-child(4) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(4) {
grid-column-start: 10;
}
}
@media screen and (min-width: 900px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(4) {
grid-column-start: 10;
}
}
@media screen and (min-width: 1200px) {
.module--text-cards .card-wrapper .cards .text-card:nth-child(4) {
grid-column-start: 12;
}
}
.module--text-cards .card-wrapper .cards .text-card .text-card-wrapper {
text-align: center;
}
.module--text-cards .card-wrapper .cards .text-card .text-card-wrapper h3 {
margin-bottom: 0.5rem;
}
@media screen and (min-width: 600px) {
.module--text-cards .card-wrapper .cards .text-card .text-card-wrapper h3 {
margin-bottom: 1rem;
}
}
.module--text-cards .card-wrapper .cards .text-card:hover {
background: #F8F8F8;
border: 1px solid #283455;
}
.module--simple-cta-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "copy copy copy copy" "cta cta cta cta";
}
@media screen and (min-width: 600px) {
.module--simple-cta-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . title title title title title title title title . ." ". . copy copy copy copy copy copy copy copy . ." ". . . cta cta cta cta cta cta . . .";
}
}
@media screen and (min-width: 900px) {
.module--simple-cta-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". . title title title title title title title title . ." ". . copy copy copy copy copy copy copy copy . ." ". . . cta cta cta cta cta cta . . .";
}
}
@media screen and (min-width: 1200px) {
.module--simple-cta-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . title title title title title title title title title title . . ." ". . . . copy copy copy copy copy copy copy copy . . . ." ". . . . cta cta cta cta cta cta cta cta . . . .";
}
}
.module--simple-cta-title {
grid-area: title;
color: #283455;
text-align: center;
}
.module--simple-cta-copy {
grid-area: copy;
color: #283455;
text-align: center;
margin-top: 0.5rem;
}
.module--simple-cta-wrapper {
margin-top: 2.5rem;
grid-area: cta;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 600px) {
.module--simple-cta-wrapper {
flex-direction: row;
}
.module--simple-cta-wrapper button:last-child {
margin-left: 0.62rem;
}
}
.module--international-returns {
padding: 4rem 1.375rem;
width: 100%;
}
@media screen and (min-width: 600px) {
.module--international-returns {
padding: 5rem;
}
}
.module--international-returns .wrapper--v1 {
padding: 0;
}
.module--international-returns .wrapper--v1 .modal-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.module--international-returns .wrapper--v1 .modal-content h1 {
color: #283455;
margin-bottom: 1rem;
}
.module--international-returns .wrapper--v1 .modal-content p {
color: #283455;
}
.module--international-returns .wrapper--v1 .modal-content p:first-child {
margin-bottom: 1rem;
}
.module--international-returns .wrapper--v1 .modal-content p a {
color: #283455;
}
.cookiesPrefNotification {
height: auto;
position: fixed;
z-index: 2147483640;
left: 0;
bottom: 0;
color: #FFF;
background-color: #283455;
padding: 1rem 0;
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.cookiesPrefNotification--Active {
pointer-events: initial;
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification {
padding: 2rem 0;
}
}
.cookiesPrefNotification .close {
position: absolute;
top: 10px;
right: 10px;
}
.cookiesPrefNotification .close .icon--close-small path {
fill: #ffffff !important;
}
.cookiesPrefNotification .grid--cookie-prefs {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.cookiesPrefNotification .grid--cookie-prefs {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.cookiesPrefNotification .grid--cookie-prefs {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-start: 0;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-start: 0;
}
}
@media screen and (min-width: 900px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-start: 0;
}
}
@media screen and (min-width: 1200px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-end: span 9;
}
}
@media screen and (min-width: 900px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-end: span 9;
}
}
@media screen and (min-width: 1200px) {
.cookiesPrefNotification .grid--cookie-prefs .copy {
grid-column-end: span 11;
}
}
.cookiesPrefNotification .grid--cookie-prefs .copy p {
margin-bottom: 0;
}
.cookiesPrefNotification .grid--cookie-prefs .copy a {
color: #fff;
text-decoration: underline;
}
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-start: 10;
}
}
@media screen and (min-width: 900px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-start: 10;
}
}
@media screen and (min-width: 1200px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-start: 13;
}
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.cookiesPrefNotification .grid--cookie-prefs .cta {
grid-column-end: span 3;
}
}
.cookiesPrefNotification .grid--cookie-prefs .cta .btn, .cookiesPrefNotification .grid--cookie-prefs .cta .module--account-details-content .add-address, .module--account-details-content .cookiesPrefNotification .grid--cookie-prefs .cta .add-address {
margin-bottom: 0;
height: 100%;
align-items: center;
}
.cookiesPrefNotification .grid--cookie-prefs .cta .btn a, .cookiesPrefNotification .grid--cookie-prefs .cta .module--account-details-content .add-address a, .module--account-details-content .cookiesPrefNotification .grid--cookie-prefs .cta .add-address a {
background-color: #fff;
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.cookiesPrefNotification .grid--cookie-prefs .cta .btn a, .cookiesPrefNotification .grid--cookie-prefs .cta .module--account-details-content .add-address a, .module--account-details-content .cookiesPrefNotification .grid--cookie-prefs .cta .add-address a {
margin-top: 0;
}
}
.cookiesPrefNotification .grid--cookie-prefs .cta .btn a:hover, .cookiesPrefNotification .grid--cookie-prefs .cta .module--account-details-content .add-address a:hover, .module--account-details-content .cookiesPrefNotification .grid--cookie-prefs .cta .add-address a:hover {
color: #283455;
}
.module--demo-form-fields {
background-color: #F2F5F8;
background-color: #FFFAF7;
}
.module--demo-form-fields .page-header {
margin-bottom: 4rem;
}
.module--demo-form-fields h1,
.module--demo-form-fields h2 {
margin-bottom: 1rem;
color: #283455;
}
.module--demo-form-fields .input-example {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--demo-form-fields .input-example h2 {
color: #283455;
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example h2 {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example h2 {
grid-column-end: span 5;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example h2 {
grid-column-end: span 7;
}
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example h2 {
grid-column-start: 2;
}
}
.module--demo-form-fields .input-example--demo {
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--demo {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--demo {
grid-column-end: span 5;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--demo {
grid-column-end: span 6;
}
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--demo {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--demo {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--demo {
grid-column-start: 2;
}
}
.module--demo-form-fields .input-example--details {
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--details {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--details {
grid-column-end: span 5;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--details {
grid-column-end: span 6;
}
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--details {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--details {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--details {
grid-column-start: 2;
}
}
.module--demo-form-fields .input-example--details .details {
background-color: #F2F5F8;
color: #283455;
border-radius: 20px;
padding: 1rem;
margin-bottom: 1rem;
}
.module--demo-form-fields .input-example--details .usage {
color: #283455;
margin-bottom: 1rem;
}
.module--demo-form-fields .input-example--details pre {
border-radius: 20px;
padding: 1rem;
background-color: #F2F5F8;
}
.module--demo-form-fields .input-example--details pre code {
font-size: 14px;
color: #283455;
background-color: #F2F5F8;
}
.module--demo-form-fields .input-example--code {
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--code {
grid-column-end: span 7;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--code {
grid-column-end: span 7;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--code {
grid-column-end: span 8;
}
}
@media screen and (min-width: 600px) {
.module--demo-form-fields .input-example--code {
grid-column-start: 6;
}
}
@media screen and (min-width: 900px) {
.module--demo-form-fields .input-example--code {
grid-column-start: 6;
}
}
@media screen and (min-width: 1200px) {
.module--demo-form-fields .input-example--code {
grid-column-start: 8;
}
}
.module--demo-form-fields .input-example--code pre {
border-radius: 20px;
padding: 1rem;
background-color: #DDE3EC;
}
.module--demo-form-fields .input-example--code pre code {
font-size: 14px;
color: #283455;
background-color: #DDE3EC;
}
/*============================== Size Chart =================================*/
@media screen and (max-width: 599px) {
.size-guide {
margin: 0 -1.5rem;
}
}
.size-guide__tabs {
padding-left: 1.5rem;
}
.size-guide__tabs .tab {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
display: inline-block;
cursor: pointer;
padding-bottom: 1rem;
margin-right: 2.25rem;
border-bottom: 2px solid transparent;
}
.size-guide__tabs .tab.hover-active--underline, .size-guide__tabs .tab .hover-active--underline {
position: relative;
}
.size-guide__tabs .tab.hover-active--underline:after, .size-guide__tabs .tab .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.size-guide__tabs .tab.hover-active--underline:hover, .size-guide__tabs .tab.hover-active--underline:active, .size-guide__tabs .tab.hover-active--underline.active, .size-guide__tabs .tab .hover-active--underline:hover, .size-guide__tabs .tab .hover-active--underline:active, .size-guide__tabs .tab .hover-active--underline.active {
cursor: pointer;
}
.size-guide__tabs .tab.hover-active--underline:hover:after, .size-guide__tabs .tab.hover-active--underline:active:after, .size-guide__tabs .tab.hover-active--underline.active:after, .size-guide__tabs .tab .hover-active--underline:hover:after, .size-guide__tabs .tab .hover-active--underline:active:after, .size-guide__tabs .tab .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.size-guide__tabs .tab:hover {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.size-guide__tabs .tab:hover.hover-active--underline, .size-guide__tabs .tab:hover .hover-active--underline {
position: relative;
}
.size-guide__tabs .tab:hover.hover-active--underline:after, .size-guide__tabs .tab:hover .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.size-guide__tabs .tab:hover.hover-active--underline:hover, .size-guide__tabs .tab:hover.hover-active--underline:active, .size-guide__tabs .tab:hover.hover-active--underline.active, .size-guide__tabs .tab:hover .hover-active--underline:hover, .size-guide__tabs .tab:hover .hover-active--underline:active, .size-guide__tabs .tab:hover .hover-active--underline.active {
cursor: pointer;
}
.size-guide__tabs .tab:hover.hover-active--underline:hover:after, .size-guide__tabs .tab:hover.hover-active--underline:active:after, .size-guide__tabs .tab:hover.hover-active--underline.active:after, .size-guide__tabs .tab:hover .hover-active--underline:hover:after, .size-guide__tabs .tab:hover .hover-active--underline:active:after, .size-guide__tabs .tab:hover .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.size-guide__tabs .active {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
border-color: #293C70;
}
.size-guide__tabs .active.hover-active--underline, .size-guide__tabs .active .hover-active--underline {
position: relative;
}
.size-guide__tabs .active.hover-active--underline:after, .size-guide__tabs .active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.size-guide__tabs .active.hover-active--underline:hover, .size-guide__tabs .active.hover-active--underline:active, .size-guide__tabs .active.hover-active--underline.active, .size-guide__tabs .active .hover-active--underline:hover, .size-guide__tabs .active .hover-active--underline:active, .size-guide__tabs .active .hover-active--underline.active {
cursor: pointer;
}
.size-guide__tabs .active.hover-active--underline:hover:after, .size-guide__tabs .active.hover-active--underline:active:after, .size-guide__tabs .active.hover-active--underline.active:after, .size-guide__tabs .active .hover-active--underline:hover:after, .size-guide__tabs .active .hover-active--underline:active:after, .size-guide__tabs .active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.size-guide__wrapper {
background-color: #F9F3ED;
padding: 1.5rem;
margin-bottom: 1.5rem;
border-radius: 1.25rem;
}
.size-guide__contact {
text-align: center;
}
.size-guide__contact a {
text-decoration: underline;
color: #283455;
}
.size-guide__section {
display: none;
}
.size-guide__section.active {
display: block;
}
.size-guide__section i {
font-style: normal;
}
.size-guide__chart .gradient {
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
}
.size-guide__chart .gradient .gradient-overlay {
position: absolute;
height: 100%;
width: 5rem;
right: 0;
opacity: 0;
z-index: 1;
}
.size-guide__chart .gradient .gradient-overlay .gradient-bg {
height: 100%;
background: linear-gradient(to left, #F9F3ED, rgba(249, 243, 237, 0) 80px);
}
.size-guide__chart .gradient .gradient-overlay.visible {
opacity: 1;
}
.size-guide__chart .simplebar-track {
z-index: 2;
}
.size-guide__chart .size-chart {
border: none;
}
.size-guide__chart .size-chart:not(.visible) {
display: none;
}
.size-guide__chart .size-chart th {
font-weight: normal;
}
.size-guide__chart .size-chart th, .size-guide__chart .size-chart tr {
border: none;
border-bottom: 1px solid #283455;
}
.size-guide__chart .size-chart th, .size-guide__chart .size-chart td {
text-align: center;
padding: 1.5rem 0;
}
.size-guide__chart .size-chart td {
border: none;
}
.size-guide__chart .size-chart td .cell-content {
width: 7.5rem;
padding: 0 0.5rem;
margin: 0 auto;
}
.size-guide__chart .size-chart td:first-child {
border-right: 1px solid #283455;
}
.size-guide__chart .size-chart td:first-child .cell-content {
width: 6rem;
}
.size-guide__chart .toggles {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 1rem;
}
.size-guide__chart .toggles .toggle {
height: 1.25rem;
display: flex;
margin-top: 1rem;
}
.size-guide__chart .toggles .toggle-metric {
margin-right: 1rem;
}
.size-guide__chart .toggles .toggle-metric__btn {
color: #293C70;
padding-top: 0.1rem;
}
.size-guide__chart .toggles .toggle-metric__switch {
display: flex;
align-items: center;
height: 1.25rem;
width: 2.25rem;
background: #FFFFFF;
border: 1px solid #293C70;
border-radius: 0.625rem;
margin: 0 1rem;
}
.size-guide__chart .toggles .toggle-metric__switch[data-metric=in] {
justify-content: flex-start;
}
.size-guide__chart .toggles .toggle-metric__switch[data-metric=cm] {
justify-content: flex-end;
}
.size-guide__chart .toggles .toggle-metric__switch-mark {
height: 1.25rem;
width: 1.25rem;
background: #293C70;
border-radius: 50%;
}
.size-guide__chart .toggles .toggle-measurement {
border: 1px solid #293C70;
border-radius: 0.625rem;
background: #FFFFFF;
}
.size-guide__chart .toggles .toggle-measurement__btn {
font-size: 0.5rem;
color: #293C70;
padding: 0 0.625rem;
border-radius: 0.625rem;
padding-top: 0.1rem;
}
.size-guide__chart .toggles .toggle-measurement__btn.selected {
background: #293C70;
color: #FFFFFF;
}
.size-guide__measure-content {
display: flex;
}
.size-guide__measure ul {
margin: 0;
}
.size-guide__measure-steps .step {
list-style: none;
}
.size-guide__measure-steps .step-header {
display: flex;
align-items: center;
}
.size-guide__measure-steps .step-number {
color: #FFFFFF;
background: #283455;
display: flex;
width: 1.5rem;
height: 1.5rem;
align-items: center;
justify-content: center;
padding-top: 0.1rem;
border-radius: 50%;
margin-right: 1rem;
}
.size-guide__measure-steps .step p {
margin: 0.75rem 0 2.25rem 2.5rem;
max-width: 15.75rem;
}
.size-guide__measure-croqui {
display: flex;
flex-grow: 1;
justify-content: center;
}
/*============================================================================
#Privacy Page
==============================================================================*/
.module--ccpa-notice,
.module--do-not-sell,
.module--privacy,
.module--terms-of-service {
padding: 2.5rem 0;
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice,
.module--do-not-sell,
.module--privacy,
.module--terms-of-service {
padding: 4rem 0;
}
}
.module--ccpa-notice .wrapper--v1,
.module--do-not-sell .wrapper--v1,
.module--privacy .wrapper--v1,
.module--terms-of-service .wrapper--v1 {
margin: 0 auto;
}
.module--ccpa-notice .wrapper--v1 .ccpa,
.module--ccpa-notice .wrapper--v1 .do-not-sell,
.module--ccpa-notice .wrapper--v1 .privacy,
.module--ccpa-notice .wrapper--v1 .terms-of-service,
.module--do-not-sell .wrapper--v1 .ccpa,
.module--do-not-sell .wrapper--v1 .do-not-sell,
.module--do-not-sell .wrapper--v1 .privacy,
.module--do-not-sell .wrapper--v1 .terms-of-service,
.module--privacy .wrapper--v1 .ccpa,
.module--privacy .wrapper--v1 .do-not-sell,
.module--privacy .wrapper--v1 .privacy,
.module--privacy .wrapper--v1 .terms-of-service,
.module--terms-of-service .wrapper--v1 .ccpa,
.module--terms-of-service .wrapper--v1 .do-not-sell,
.module--terms-of-service .wrapper--v1 .privacy,
.module--terms-of-service .wrapper--v1 .terms-of-service {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
color: #283455;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa,
.module--ccpa-notice .wrapper--v1 .do-not-sell,
.module--ccpa-notice .wrapper--v1 .privacy,
.module--ccpa-notice .wrapper--v1 .terms-of-service,
.module--do-not-sell .wrapper--v1 .ccpa,
.module--do-not-sell .wrapper--v1 .do-not-sell,
.module--do-not-sell .wrapper--v1 .privacy,
.module--do-not-sell .wrapper--v1 .terms-of-service,
.module--privacy .wrapper--v1 .ccpa,
.module--privacy .wrapper--v1 .do-not-sell,
.module--privacy .wrapper--v1 .privacy,
.module--privacy .wrapper--v1 .terms-of-service,
.module--terms-of-service .wrapper--v1 .ccpa,
.module--terms-of-service .wrapper--v1 .do-not-sell,
.module--terms-of-service .wrapper--v1 .privacy,
.module--terms-of-service .wrapper--v1 .terms-of-service {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa,
.module--ccpa-notice .wrapper--v1 .do-not-sell,
.module--ccpa-notice .wrapper--v1 .privacy,
.module--ccpa-notice .wrapper--v1 .terms-of-service,
.module--do-not-sell .wrapper--v1 .ccpa,
.module--do-not-sell .wrapper--v1 .do-not-sell,
.module--do-not-sell .wrapper--v1 .privacy,
.module--do-not-sell .wrapper--v1 .terms-of-service,
.module--privacy .wrapper--v1 .ccpa,
.module--privacy .wrapper--v1 .do-not-sell,
.module--privacy .wrapper--v1 .privacy,
.module--privacy .wrapper--v1 .terms-of-service,
.module--terms-of-service .wrapper--v1 .ccpa,
.module--terms-of-service .wrapper--v1 .do-not-sell,
.module--terms-of-service .wrapper--v1 .privacy,
.module--terms-of-service .wrapper--v1 .terms-of-service {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa,
.module--ccpa-notice .wrapper--v1 .do-not-sell,
.module--ccpa-notice .wrapper--v1 .privacy,
.module--ccpa-notice .wrapper--v1 .terms-of-service,
.module--do-not-sell .wrapper--v1 .ccpa,
.module--do-not-sell .wrapper--v1 .do-not-sell,
.module--do-not-sell .wrapper--v1 .privacy,
.module--do-not-sell .wrapper--v1 .terms-of-service,
.module--privacy .wrapper--v1 .ccpa,
.module--privacy .wrapper--v1 .do-not-sell,
.module--privacy .wrapper--v1 .privacy,
.module--privacy .wrapper--v1 .terms-of-service,
.module--terms-of-service .wrapper--v1 .ccpa,
.module--terms-of-service .wrapper--v1 .do-not-sell,
.module--terms-of-service .wrapper--v1 .privacy,
.module--terms-of-service .wrapper--v1 .terms-of-service {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--ccpa-notice .wrapper--v1 .ccpa h1,
.module--ccpa-notice .wrapper--v1 .do-not-sell h1,
.module--ccpa-notice .wrapper--v1 .privacy h1,
.module--ccpa-notice .wrapper--v1 .terms-of-service h1,
.module--do-not-sell .wrapper--v1 .ccpa h1,
.module--do-not-sell .wrapper--v1 .do-not-sell h1,
.module--do-not-sell .wrapper--v1 .privacy h1,
.module--do-not-sell .wrapper--v1 .terms-of-service h1,
.module--privacy .wrapper--v1 .ccpa h1,
.module--privacy .wrapper--v1 .do-not-sell h1,
.module--privacy .wrapper--v1 .privacy h1,
.module--privacy .wrapper--v1 .terms-of-service h1,
.module--terms-of-service .wrapper--v1 .ccpa h1,
.module--terms-of-service .wrapper--v1 .do-not-sell h1,
.module--terms-of-service .wrapper--v1 .privacy h1,
.module--terms-of-service .wrapper--v1 .terms-of-service h1 {
margin-bottom: 2.5rem;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content,
.module--ccpa-notice .wrapper--v1 .privacy--content,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content,
.module--do-not-sell .wrapper--v1 .ccpa--content,
.module--do-not-sell .wrapper--v1 .do-not-sell--content,
.module--do-not-sell .wrapper--v1 .privacy--content,
.module--do-not-sell .wrapper--v1 .terms-of-service--content,
.module--privacy .wrapper--v1 .ccpa--content,
.module--privacy .wrapper--v1 .do-not-sell--content,
.module--privacy .wrapper--v1 .privacy--content,
.module--privacy .wrapper--v1 .terms-of-service--content,
.module--terms-of-service .wrapper--v1 .ccpa--content,
.module--terms-of-service .wrapper--v1 .do-not-sell--content,
.module--terms-of-service .wrapper--v1 .privacy--content,
.module--terms-of-service .wrapper--v1 .terms-of-service--content {
grid-column-end: span 12;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section,
.module--ccpa-notice .wrapper--v1 .privacy--content section,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section,
.module--do-not-sell .wrapper--v1 .ccpa--content section,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section,
.module--do-not-sell .wrapper--v1 .privacy--content section,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section,
.module--privacy .wrapper--v1 .ccpa--content section,
.module--privacy .wrapper--v1 .do-not-sell--content section,
.module--privacy .wrapper--v1 .privacy--content section,
.module--privacy .wrapper--v1 .terms-of-service--content section,
.module--terms-of-service .wrapper--v1 .ccpa--content section,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section,
.module--terms-of-service .wrapper--v1 .privacy--content section,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section,
.module--ccpa-notice .wrapper--v1 .privacy--content section,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section,
.module--do-not-sell .wrapper--v1 .ccpa--content section,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section,
.module--do-not-sell .wrapper--v1 .privacy--content section,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section,
.module--privacy .wrapper--v1 .ccpa--content section,
.module--privacy .wrapper--v1 .do-not-sell--content section,
.module--privacy .wrapper--v1 .privacy--content section,
.module--privacy .wrapper--v1 .terms-of-service--content section,
.module--terms-of-service .wrapper--v1 .ccpa--content section,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section,
.module--terms-of-service .wrapper--v1 .privacy--content section,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section {
margin-bottom: 4rem;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section.form-wrapper, .module--ccpa-notice .wrapper--v1 .ccpa--content section.confirmation,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section.form-wrapper,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section.confirmation,
.module--ccpa-notice .wrapper--v1 .privacy--content section.form-wrapper,
.module--ccpa-notice .wrapper--v1 .privacy--content section.confirmation,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section.form-wrapper,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section.confirmation,
.module--do-not-sell .wrapper--v1 .ccpa--content section.form-wrapper,
.module--do-not-sell .wrapper--v1 .ccpa--content section.confirmation,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section.form-wrapper,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section.confirmation,
.module--do-not-sell .wrapper--v1 .privacy--content section.form-wrapper,
.module--do-not-sell .wrapper--v1 .privacy--content section.confirmation,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section.form-wrapper,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section.confirmation,
.module--privacy .wrapper--v1 .ccpa--content section.form-wrapper,
.module--privacy .wrapper--v1 .ccpa--content section.confirmation,
.module--privacy .wrapper--v1 .do-not-sell--content section.form-wrapper,
.module--privacy .wrapper--v1 .do-not-sell--content section.confirmation,
.module--privacy .wrapper--v1 .privacy--content section.form-wrapper,
.module--privacy .wrapper--v1 .privacy--content section.confirmation,
.module--privacy .wrapper--v1 .terms-of-service--content section.form-wrapper,
.module--privacy .wrapper--v1 .terms-of-service--content section.confirmation,
.module--terms-of-service .wrapper--v1 .ccpa--content section.form-wrapper,
.module--terms-of-service .wrapper--v1 .ccpa--content section.confirmation,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section.form-wrapper,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section.confirmation,
.module--terms-of-service .wrapper--v1 .privacy--content section.form-wrapper,
.module--terms-of-service .wrapper--v1 .privacy--content section.confirmation,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section.form-wrapper,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section.confirmation {
margin-bottom: 0;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section h3,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section h3,
.module--ccpa-notice .wrapper--v1 .privacy--content section h3,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section h3,
.module--do-not-sell .wrapper--v1 .ccpa--content section h3,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section h3,
.module--do-not-sell .wrapper--v1 .privacy--content section h3,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section h3,
.module--privacy .wrapper--v1 .ccpa--content section h3,
.module--privacy .wrapper--v1 .do-not-sell--content section h3,
.module--privacy .wrapper--v1 .privacy--content section h3,
.module--privacy .wrapper--v1 .terms-of-service--content section h3,
.module--terms-of-service .wrapper--v1 .ccpa--content section h3,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section h3,
.module--terms-of-service .wrapper--v1 .privacy--content section h3,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section h3 {
margin-bottom: 1.5rem;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section p.subtitle,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section p.subtitle,
.module--ccpa-notice .wrapper--v1 .privacy--content section p.subtitle,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section p.subtitle,
.module--do-not-sell .wrapper--v1 .ccpa--content section p.subtitle,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section p.subtitle,
.module--do-not-sell .wrapper--v1 .privacy--content section p.subtitle,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section p.subtitle,
.module--privacy .wrapper--v1 .ccpa--content section p.subtitle,
.module--privacy .wrapper--v1 .do-not-sell--content section p.subtitle,
.module--privacy .wrapper--v1 .privacy--content section p.subtitle,
.module--privacy .wrapper--v1 .terms-of-service--content section p.subtitle,
.module--terms-of-service .wrapper--v1 .ccpa--content section p.subtitle,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section p.subtitle,
.module--terms-of-service .wrapper--v1 .privacy--content section p.subtitle,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section p.subtitle {
margin-bottom: 1.5rem;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section p.copy a,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section p.copy a,
.module--ccpa-notice .wrapper--v1 .privacy--content section p.copy a,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section p.copy a,
.module--do-not-sell .wrapper--v1 .ccpa--content section p.copy a,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section p.copy a,
.module--do-not-sell .wrapper--v1 .privacy--content section p.copy a,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section p.copy a,
.module--privacy .wrapper--v1 .ccpa--content section p.copy a,
.module--privacy .wrapper--v1 .do-not-sell--content section p.copy a,
.module--privacy .wrapper--v1 .privacy--content section p.copy a,
.module--privacy .wrapper--v1 .terms-of-service--content section p.copy a,
.module--terms-of-service .wrapper--v1 .ccpa--content section p.copy a,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section p.copy a,
.module--terms-of-service .wrapper--v1 .privacy--content section p.copy a,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section p.copy a {
color: #283455;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section ul li,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section ul li,
.module--ccpa-notice .wrapper--v1 .privacy--content section ul li,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section ul li,
.module--do-not-sell .wrapper--v1 .ccpa--content section ul li,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section ul li,
.module--do-not-sell .wrapper--v1 .privacy--content section ul li,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section ul li,
.module--privacy .wrapper--v1 .ccpa--content section ul li,
.module--privacy .wrapper--v1 .do-not-sell--content section ul li,
.module--privacy .wrapper--v1 .privacy--content section ul li,
.module--privacy .wrapper--v1 .terms-of-service--content section ul li,
.module--terms-of-service .wrapper--v1 .ccpa--content section ul li,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section ul li,
.module--terms-of-service .wrapper--v1 .privacy--content section ul li,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section ul li {
margin-bottom: 1rem;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section ul li a,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section ul li a,
.module--ccpa-notice .wrapper--v1 .privacy--content section ul li a,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section ul li a,
.module--do-not-sell .wrapper--v1 .ccpa--content section ul li a,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section ul li a,
.module--do-not-sell .wrapper--v1 .privacy--content section ul li a,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section ul li a,
.module--privacy .wrapper--v1 .ccpa--content section ul li a,
.module--privacy .wrapper--v1 .do-not-sell--content section ul li a,
.module--privacy .wrapper--v1 .privacy--content section ul li a,
.module--privacy .wrapper--v1 .terms-of-service--content section ul li a,
.module--terms-of-service .wrapper--v1 .ccpa--content section ul li a,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section ul li a,
.module--terms-of-service .wrapper--v1 .privacy--content section ul li a,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section ul li a {
color: #283455;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section table td,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section table td,
.module--ccpa-notice .wrapper--v1 .privacy--content section table td,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section table td,
.module--do-not-sell .wrapper--v1 .ccpa--content section table td,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section table td,
.module--do-not-sell .wrapper--v1 .privacy--content section table td,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section table td,
.module--privacy .wrapper--v1 .ccpa--content section table td,
.module--privacy .wrapper--v1 .do-not-sell--content section table td,
.module--privacy .wrapper--v1 .privacy--content section table td,
.module--privacy .wrapper--v1 .terms-of-service--content section table td,
.module--terms-of-service .wrapper--v1 .ccpa--content section table td,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section table td,
.module--terms-of-service .wrapper--v1 .privacy--content section table td,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section table td {
height: 7.5rem;
width: 33.3333%;
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 1.5rem;
border-color: #283455;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email {
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email {
grid-column-end: span 4;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email {
grid-column-end: span 6;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture {
margin-bottom: 0;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--ccpa-notice .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--do-not-sell .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--do-not-sell .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--privacy .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--privacy .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--privacy .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--privacy .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--terms-of-service .wrapper--v1 .ccpa--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--terms-of-service .wrapper--v1 .privacy--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .ccpa-email-capture .ccpa-email .component--email-capture .email-input {
background-color: #F2F5F8 !important;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form,
.module--do-not-sell .wrapper--v1 .privacy--content section .form,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form,
.module--privacy .wrapper--v1 .ccpa--content section .form,
.module--privacy .wrapper--v1 .do-not-sell--content section .form,
.module--privacy .wrapper--v1 .privacy--content section .form,
.module--privacy .wrapper--v1 .terms-of-service--content section .form,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form,
.module--terms-of-service .wrapper--v1 .privacy--content section .form,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form input:not([type=radio]),
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form input:not([type=submit]),
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form input:not([type=radio]),
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form input:not([type=submit]),
.module--ccpa-notice .wrapper--v1 .privacy--content section .form input:not([type=radio]),
.module--ccpa-notice .wrapper--v1 .privacy--content section .form input:not([type=submit]),
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form input:not([type=radio]),
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form input:not([type=submit]),
.module--do-not-sell .wrapper--v1 .ccpa--content section .form input:not([type=radio]),
.module--do-not-sell .wrapper--v1 .ccpa--content section .form input:not([type=submit]),
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form input:not([type=radio]),
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form input:not([type=submit]),
.module--do-not-sell .wrapper--v1 .privacy--content section .form input:not([type=radio]),
.module--do-not-sell .wrapper--v1 .privacy--content section .form input:not([type=submit]),
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form input:not([type=radio]),
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form input:not([type=submit]),
.module--privacy .wrapper--v1 .ccpa--content section .form input:not([type=radio]),
.module--privacy .wrapper--v1 .ccpa--content section .form input:not([type=submit]),
.module--privacy .wrapper--v1 .do-not-sell--content section .form input:not([type=radio]),
.module--privacy .wrapper--v1 .do-not-sell--content section .form input:not([type=submit]),
.module--privacy .wrapper--v1 .privacy--content section .form input:not([type=radio]),
.module--privacy .wrapper--v1 .privacy--content section .form input:not([type=submit]),
.module--privacy .wrapper--v1 .terms-of-service--content section .form input:not([type=radio]),
.module--privacy .wrapper--v1 .terms-of-service--content section .form input:not([type=submit]),
.module--terms-of-service .wrapper--v1 .ccpa--content section .form input:not([type=radio]),
.module--terms-of-service .wrapper--v1 .ccpa--content section .form input:not([type=submit]),
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form input:not([type=radio]),
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form input:not([type=submit]),
.module--terms-of-service .wrapper--v1 .privacy--content section .form input:not([type=radio]),
.module--terms-of-service .wrapper--v1 .privacy--content section .form input:not([type=submit]),
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form input:not([type=radio]),
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form input:not([type=submit]) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form,
.module--do-not-sell .wrapper--v1 .privacy--content section .form,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form,
.module--privacy .wrapper--v1 .ccpa--content section .form,
.module--privacy .wrapper--v1 .do-not-sell--content section .form,
.module--privacy .wrapper--v1 .privacy--content section .form,
.module--privacy .wrapper--v1 .terms-of-service--content section .form,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form,
.module--terms-of-service .wrapper--v1 .privacy--content section .form,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form,
.module--do-not-sell .wrapper--v1 .privacy--content section .form,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form,
.module--privacy .wrapper--v1 .ccpa--content section .form,
.module--privacy .wrapper--v1 .do-not-sell--content section .form,
.module--privacy .wrapper--v1 .privacy--content section .form,
.module--privacy .wrapper--v1 .terms-of-service--content section .form,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form,
.module--terms-of-service .wrapper--v1 .privacy--content section .form,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form,
.module--do-not-sell .wrapper--v1 .privacy--content section .form,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form,
.module--privacy .wrapper--v1 .ccpa--content section .form,
.module--privacy .wrapper--v1 .do-not-sell--content section .form,
.module--privacy .wrapper--v1 .privacy--content section .form,
.module--privacy .wrapper--v1 .terms-of-service--content section .form,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form,
.module--terms-of-service .wrapper--v1 .privacy--content section .form,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--first-name {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-start: 6;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-start: 4;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--last-name {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--email,
.module--privacy .wrapper--v1 .ccpa--content section .form--email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--email,
.module--privacy .wrapper--v1 .privacy--content section .form--email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--email {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-start: 6;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-start: 4;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--phone-number,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--phone-number,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--privacy .wrapper--v1 .ccpa--content section .form--phone-number,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--privacy .wrapper--v1 .privacy--content section .form--phone-number,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--phone-number,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--phone-number {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--address,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--address,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--address,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--address,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--address,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--address,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--address,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--address,
.module--privacy .wrapper--v1 .ccpa--content section .form--address,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--address,
.module--privacy .wrapper--v1 .privacy--content section .form--address,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--address,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--address,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--address,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--address,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--address {
grid-column-end: span 6;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-start: 1;
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .radio-group,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .radio-group,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--privacy .wrapper--v1 .ccpa--content section .form .radio-group,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--privacy .wrapper--v1 .privacy--content section .form .radio-group,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .radio-group,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .radio-group {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-start: 1;
grid-column-end: span 4;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button {
grid-column-end: span 6;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--radio-button:last-child .component--radio-button,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--radio-button:last-child .component--radio-button,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--radio-button:last-child .component--radio-button,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--radio-button:last-child .component--radio-button,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--radio-button:last-child .component--radio-button,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--radio-button:last-child .component--radio-button,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--radio-button:last-child .component--radio-button,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--radio-button:last-child .component--radio-button,
.module--privacy .wrapper--v1 .ccpa--content section .form--radio-button:last-child .component--radio-button,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--radio-button:last-child .component--radio-button,
.module--privacy .wrapper--v1 .privacy--content section .form--radio-button:last-child .component--radio-button,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--radio-button:last-child .component--radio-button,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--radio-button:last-child .component--radio-button,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--radio-button:last-child .component--radio-button,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--radio-button:last-child .component--radio-button,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--radio-button:last-child .component--radio-button {
margin-bottom: 2.5rem;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-start: 1;
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(10, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form .agent-fields,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .privacy--content section .form .agent-fields,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--privacy .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--privacy .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--privacy .wrapper--v1 .privacy--content section .form .agent-fields,
.module--privacy .wrapper--v1 .terms-of-service--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .privacy--content section .form .agent-fields,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form .agent-fields {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-first-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-first-name {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-start: 6;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-start: 4;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-start: 4;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-last-name,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-last-name {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--agent-email input,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--agent-email input,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--agent-email input,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--agent-email input,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--agent-email input,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--agent-email input,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--agent-email input,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--agent-email input,
.module--privacy .wrapper--v1 .ccpa--content section .form--agent-email input,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--agent-email input,
.module--privacy .wrapper--v1 .privacy--content section .form--agent-email input,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--agent-email input,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--agent-email input,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--agent-email input,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--agent-email input,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--agent-email input {
margin-bottom: 2.5rem !important;
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-end: span 5;
}
}
@media screen and (min-width: 900px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit {
grid-column-end: span 3;
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit .input--submit {
grid-template-columns: none !important;
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit .input--submit,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit .input--submit {
grid-template-columns: minmax(200px, max-content);
}
}
.module--ccpa-notice .wrapper--v1 .ccpa--content section .form--submit .input--submit input,
.module--ccpa-notice .wrapper--v1 .do-not-sell--content section .form--submit .input--submit input,
.module--ccpa-notice .wrapper--v1 .privacy--content section .form--submit .input--submit input,
.module--ccpa-notice .wrapper--v1 .terms-of-service--content section .form--submit .input--submit input,
.module--do-not-sell .wrapper--v1 .ccpa--content section .form--submit .input--submit input,
.module--do-not-sell .wrapper--v1 .do-not-sell--content section .form--submit .input--submit input,
.module--do-not-sell .wrapper--v1 .privacy--content section .form--submit .input--submit input,
.module--do-not-sell .wrapper--v1 .terms-of-service--content section .form--submit .input--submit input,
.module--privacy .wrapper--v1 .ccpa--content section .form--submit .input--submit input,
.module--privacy .wrapper--v1 .do-not-sell--content section .form--submit .input--submit input,
.module--privacy .wrapper--v1 .privacy--content section .form--submit .input--submit input,
.module--privacy .wrapper--v1 .terms-of-service--content section .form--submit .input--submit input,
.module--terms-of-service .wrapper--v1 .ccpa--content section .form--submit .input--submit input,
.module--terms-of-service .wrapper--v1 .do-not-sell--content section .form--submit .input--submit input,
.module--terms-of-service .wrapper--v1 .privacy--content section .form--submit .input--submit input,
.module--terms-of-service .wrapper--v1 .terms-of-service--content section .form--submit .input--submit input {
margin-bottom: 0;
}
.module--triptic .card-wrapper .cards {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--triptic .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--triptic .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--triptic .card-wrapper .cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--triptic .card-wrapper .cards .triptic-card {
text-align: center;
color: #283455;
}
.module--triptic .card-wrapper .cards .triptic-card:first-child {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--triptic .card-wrapper .cards .triptic-card:first-child {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--triptic .card-wrapper .cards .triptic-card:first-child {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--triptic .card-wrapper .cards .triptic-card:first-child {
grid-column-start: 3;
}
}
.module--triptic .card-wrapper .cards .triptic-card--inner p {
margin-top: 0.25rem;
margin-bottom: 0;
}
.module--triptic.primary .wrapper--v1 {
padding: 2.5rem 0;
}
@media screen and (min-width: 1200px) {
.module--triptic.primary .wrapper--v1 {
padding: 1rem 0;
}
}
.module--triptic.primary .card-wrapper .cards .triptic-card {
margin-bottom: 2.5rem;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--triptic.primary .card-wrapper .cards .triptic-card {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--triptic.primary .card-wrapper .cards .triptic-card {
grid-column-end: span 4;
}
}
@media screen and (min-width: 900px) {
.module--triptic.primary .card-wrapper .cards .triptic-card {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.primary .card-wrapper .cards .triptic-card {
grid-column-end: span 4;
}
}
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 5;
}
}
@media screen and (min-width: 900px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 5;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 7;
}
}
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 9;
}
}
@media screen and (min-width: 900px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 9;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.primary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 11;
}
}
.module--triptic.primary .card-wrapper .cards .triptic-card--inner h3 {
margin-bottom: 1.5rem;
}
.module--triptic.secondary .wrapper--v1 {
padding: 1.5rem 0;
}
.module--triptic.secondary .card-wrapper .cards .triptic-card {
margin-bottom: 2.5rem;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card {
margin-bottom: 2.75rem;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card {
grid-column-end: span 3;
}
}
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(2) {
grid-column-start: 6;
}
}
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card:nth-child(3) {
grid-column-start: 9;
}
}
.module--triptic.secondary .card-wrapper .cards .triptic-card:last-child {
margin-bottom: 0;
}
.module--triptic.secondary .card-wrapper .cards .triptic-card--inner h3 {
font-size: 1.5rem !important;
margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
.module--triptic.secondary .card-wrapper .cards .triptic-card--inner h3 br {
display: none;
}
}
.module--triptic.secondary .card-wrapper .cards .triptic-card--inner a {
text-decoration: underline;
}
.SearchHeader {
color: #283455;
margin-top: 2.5rem;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.SearchHeader {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.SearchHeader {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.SearchHeader {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.SearchHeader__Wrapper {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.SearchHeader__Wrapper {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.SearchHeader__Wrapper {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.SearchHeader__Wrapper {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.SearchHeader__Wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.SearchHeader__Wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.SearchHeader__Wrapper {
grid-column-end: span 16;
}
}
.SearchHeader p {
padding: 0;
padding-top: 0.5rem;
margin: 0;
color: #777777;
}
.Search {
background: transparent;
height: 0;
overflow: hidden;
width: 100%;
opacity: 0;
transition: background-color 400ms cubic-bezier(0.33, 1, 0.68, 1);
}
.Search * {
opacity: 0;
pointer-events: none;
}
.Search:after {
content: "";
transition: background-color 200ms cubic-bezier(0.33, 1, 0.68, 1);
width: 0;
height: 0;
overflow: hidden;
top: auto;
left: 0;
z-index: -1;
position: relative;
}
.Search--Active {
position: relative;
z-index: 99990;
opacity: 1;
height: auto;
}
.Search--Active:after {
position: fixed;
top: 0;
height: 100%;
width: 100%;
transition: background-color 200ms cubic-bezier(0.33, 1, 0.68, 1);
background-color: #0F1528; /* The Fallback */
background-color: rgba(15, 21, 40, 0.2);
}
.Search--Active * {
opacity: 1;
pointer-events: initial;
}
.Search--Active .Search__Bar--Content {
transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 450ms;
}
.Search__Container {
display: flex;
flex-direction: column;
}
.Search__Bar {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "con con con con";
padding: 0 2rem;
grid-area: bar;
height: 5.5rem;
width: 100%;
background-color: #FFFFFF;
}
@media screen and (min-width: 600px) {
.Search__Bar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "con con con con con con con con con con con con";
}
}
@media screen and (min-width: 900px) {
.Search__Bar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "con con con con con con con con con con con con";
}
}
@media screen and (min-width: 1200px) {
.Search__Bar {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . . con con con con con con con con . . . .";
}
}
.Search__Bar--Content {
grid-area: con;
display: flex;
}
.Search__Bar--Label {
display: flex;
justify-content: center;
align-items: center;
}
.Search__Bar--Input {
width: 100%;
border: none !important;
caret-color: #04247D !important;
}
.Search__Bar--Close svg {
height: 1.5rem;
margin-bottom: -0.2rem;
}
.Search__List {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "con con con con";
}
@media screen and (min-width: 600px) {
.Search__List {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "con con con con con con con con con con con con";
}
}
@media screen and (min-width: 900px) {
.Search__List {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "con con con con con con con con con con con con";
}
}
@media screen and (min-width: 1200px) {
.Search__List {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . . . con con con con con con con con . . . .";
}
}
@media screen and (min-width: 600px) {
.Search__List {
padding: 0 2rem;
}
}
.Search__List--Content {
grid-area: con;
padding: 0 1.6875rem;
background-color: #FFFFFF;
border-radius: 0 0 1rem 1rem;
max-height: 65vh;
overflow-x: scroll;
}
.Search__List--Content h4 {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
color: #777777;
text-transform: capitalize;
padding: 1.5rem 0;
}
.Search__List--Content h4.hover-active--underline, .Search__List--Content h4 .hover-active--underline {
position: relative;
}
.Search__List--Content h4.hover-active--underline:after, .Search__List--Content h4 .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Search__List--Content h4.hover-active--underline:hover, .Search__List--Content h4.hover-active--underline:active, .Search__List--Content h4.hover-active--underline.active, .Search__List--Content h4 .hover-active--underline:hover, .Search__List--Content h4 .hover-active--underline:active, .Search__List--Content h4 .hover-active--underline.active {
cursor: pointer;
}
.Search__List--Content h4.hover-active--underline:hover:after, .Search__List--Content h4.hover-active--underline:active:after, .Search__List--Content h4.hover-active--underline.active:after, .Search__List--Content h4 .hover-active--underline:hover:after, .Search__List--Content h4 .hover-active--underline:active:after, .Search__List--Content h4 .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Search__List--Content ul {
margin: 0;
list-style: none;
}
.Search__List--Content li {
margin-bottom: 0.375rem;
}
.Search__List--Content a {
display: flex;
}
.Search__List--Content img {
margin-right: 1rem;
color: rgba(242, 242, 242, 0.5);
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
}
.Search__List--Content .Result__Link {
padding: 0.3125rem;
}
.Search__List--Content .Result__Link:hover, .Search__List--Content .Result__Link:focus {
background-color: #F8F8F8;
}
.Search__List--Content .Result__Details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.Search__List--Content .Result__Title {
color: #283455;
margin: 0;
}
.Search__List--Content .Result__Title:hover {
color: #04247D;
}
.Search__List--Content .Result__Title.shopify_products {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
position: relative;
}
.Search__List--Content .Result__Title.shopify_products.hover-active--underline, .Search__List--Content .Result__Title.shopify_products .hover-active--underline {
position: relative;
}
.Search__List--Content .Result__Title.shopify_products.hover-active--underline:after, .Search__List--Content .Result__Title.shopify_products .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Search__List--Content .Result__Title.shopify_products.hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_products.hover-active--underline:active, .Search__List--Content .Result__Title.shopify_products.hover-active--underline.active, .Search__List--Content .Result__Title.shopify_products .hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_products .hover-active--underline:active, .Search__List--Content .Result__Title.shopify_products .hover-active--underline.active {
cursor: pointer;
}
.Search__List--Content .Result__Title.shopify_products.hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_products.hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_products.hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_products .hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_products .hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_products .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Search__List--Content .Result__Title.shopify_products:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #04247D;
opacity: 0;
transition: opacity 200ms ease-in-out;
pointer-events: none;
}
.Search__List--Content .Result__Title.shopify_products:hover, .Search__List--Content .Result__Title.shopify_products:active, .Search__List--Content .Result__Title.shopify_products.active {
cursor: pointer;
}
.Search__List--Content .Result__Title.shopify_products:hover:after, .Search__List--Content .Result__Title.shopify_products:active:after, .Search__List--Content .Result__Title.shopify_products.active:after {
opacity: 1;
transition: opacity 300ms ease-in-out;
}
.Search__List--Content .Result__Title.shopify_collections, .Search__List--Content .Result__Title.shopify_articles, .Search__List--Content .Result__Title.shopify_pages {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.Search__List--Content .Result__Title.shopify_collections.hover-active--underline, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline {
position: relative;
}
.Search__List--Content .Result__Title.shopify_collections.hover-active--underline:after, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline:after, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline:after, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline:after, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline:after, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Search__List--Content .Result__Title.shopify_collections.hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_collections.hover-active--underline:active, .Search__List--Content .Result__Title.shopify_collections.hover-active--underline.active, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline:active, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline.active, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline:active, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline.active, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline:active, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline.active, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline:active, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline.active, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline:hover, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline:active, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline.active {
cursor: pointer;
}
.Search__List--Content .Result__Title.shopify_collections.hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_collections.hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_collections.hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_collections .hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_articles.hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_articles .hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_pages.hover-active--underline.active:after, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline:hover:after, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline:active:after, .Search__List--Content .Result__Title.shopify_pages .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Search__List--Content .Result__Color-Options {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #777777;
margin-top: 6px;
margin-bottom: 0;
}
.Search__List--Content .Result__Color-Options.hover-active--underline, .Search__List--Content .Result__Color-Options .hover-active--underline {
position: relative;
}
.Search__List--Content .Result__Color-Options.hover-active--underline:after, .Search__List--Content .Result__Color-Options .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Search__List--Content .Result__Color-Options.hover-active--underline:hover, .Search__List--Content .Result__Color-Options.hover-active--underline:active, .Search__List--Content .Result__Color-Options.hover-active--underline.active, .Search__List--Content .Result__Color-Options .hover-active--underline:hover, .Search__List--Content .Result__Color-Options .hover-active--underline:active, .Search__List--Content .Result__Color-Options .hover-active--underline.active {
cursor: pointer;
}
.Search__List--Content .Result__Color-Options.hover-active--underline:hover:after, .Search__List--Content .Result__Color-Options.hover-active--underline:active:after, .Search__List--Content .Result__Color-Options.hover-active--underline.active:after, .Search__List--Content .Result__Color-Options .hover-active--underline:hover:after, .Search__List--Content .Result__Color-Options .hover-active--underline:active:after, .Search__List--Content .Result__Color-Options .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Search__List--View-All {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
color: #283455;
padding-bottom: 2rem;
}
.Search__List--View-All.hover-active--underline, .Search__List--View-All .hover-active--underline {
position: relative;
}
.Search__List--View-All.hover-active--underline:after, .Search__List--View-All .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.Search__List--View-All.hover-active--underline:hover, .Search__List--View-All.hover-active--underline:active, .Search__List--View-All.hover-active--underline.active, .Search__List--View-All .hover-active--underline:hover, .Search__List--View-All .hover-active--underline:active, .Search__List--View-All .hover-active--underline.active {
cursor: pointer;
}
.Search__List--View-All.hover-active--underline:hover:after, .Search__List--View-All.hover-active--underline:active:after, .Search__List--View-All.hover-active--underline.active:after, .Search__List--View-All .hover-active--underline:hover:after, .Search__List--View-All .hover-active--underline:active:after, .Search__List--View-All .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.Search__List--View-All:hover, .Search__List--View-All:focus {
color: #04247D;
}
.ais-page .ais-facets,
.ais-page .ais-facets-button {
display: none !important;
}
.ais-page .ais-pagination-container {
margin-bottom: 2rem;
}
.ais-page .ais-pagination-container .ais-Pagination-link,
.ais-page .ais-pagination-container .ais-Pagination-item {
font-family: BrandonTextWeb-Regular;
font-size: 1rem;
letter-spacing: 0.01rem;
font-family: BrandonTextWeb-Bold;
color: #777777;
padding: 0;
border: none !important;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline {
position: relative;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:hover, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:active, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline.active, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:hover, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:active, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline.active,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:hover,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:active,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline.active,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:hover,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:active,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline.active {
cursor: pointer;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:hover:after, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:active:after, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline.active:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:hover:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:active:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline.active:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:hover:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:active:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline.active:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:hover:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:active:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline {
position: relative;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:hover, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:active, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline.active, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:hover, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:active, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline.active,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:hover,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:active,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline.active,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:hover,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:active,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline.active {
cursor: pointer;
}
.ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:hover:after, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline:active:after, .ais-page .ais-pagination-container .ais-Pagination-link.hover-active--underline.active:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:hover:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline:active:after, .ais-page .ais-pagination-container .ais-Pagination-link .hover-active--underline.active:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:hover:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline:active:after,
.ais-page .ais-pagination-container .ais-Pagination-item.hover-active--underline.active:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:hover:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline:active:after,
.ais-page .ais-pagination-container .ais-Pagination-item .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ais-page .ais-pagination-container .ais-Pagination-item {
width: auto !important;
height: auto !important;
margin: 0 0.5rem;
}
.ais-page .ais-pagination-container .ais-Pagination-item--selected * {
color: #283455;
text-decoration: underline;
}
.ais-page .ais-pagination-container .ais-Pagination-item--previousPage {
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0;
margin-top: -0.2rem;
transform: rotate(180deg);
}
.ais-page .ais-pagination-container .ais-Pagination-item--previousPage .ais-Pagination-link {
color: transparent;
background-size: contain;
background-position: center;
background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 24 27" fill="%23777777"%3E%3Cpath d="M16.767 13.647c.31.293.31.768 0 1.062-.31.293-.813.293-1.123 0l-4.495-4.249c-.31-.293-.31-.769 0-1.062.31-.294.813-.294 1.124 0l4.494 4.249z"/%3E%3Cpath d="M15.644 13.647c.31-.294.813-.294 1.123 0 .31.293.31.768 0 1.062l-4.494 4.249c-.31.293-.814.293-1.124 0-.31-.294-.31-.77 0-1.063l4.495-4.248z"/%3E%3Cpath d="M15.939 13.427c.329 0 .596.336.596.75 0 .416-.267.752-.596.752H7.596c-.33 0-.596-.336-.596-.751s.267-.751.596-.751h8.343z"/%3E%3C/svg%3E');
}
.ais-page .ais-pagination-container .ais-Pagination-item--nextPage {
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0;
margin-top: -0.4rem;
}
.ais-page .ais-pagination-container .ais-Pagination-item--nextPage .ais-Pagination-link {
color: transparent;
background-size: contain;
background-position: center;
background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 24 27" fill="%23777777"%3E%3Cpath d="M16.767 13.647c.31.293.31.768 0 1.062-.31.293-.813.293-1.123 0l-4.495-4.249c-.31-.293-.31-.769 0-1.062.31-.294.813-.294 1.124 0l4.494 4.249z"/%3E%3Cpath d="M15.644 13.647c.31-.294.813-.294 1.123 0 .31.293.31.768 0 1.062l-4.494 4.249c-.31.293-.814.293-1.124 0-.31-.294-.31-.77 0-1.063l4.495-4.248z"/%3E%3Cpath d="M15.939 13.427c.329 0 .596.336.596.75 0 .416-.267.752-.596.752H7.596c-.33 0-.596-.336-.596-.751s.267-.751.596-.751h8.343z"/%3E%3C/svg%3E');
}
.ais-page .ais-pagination-container .ais-Pagination-item--lastPage, .ais-page .ais-pagination-container .ais-Pagination-item--firstPage {
display: none;
}
.ais-page .ais-pagination-container .ais-Pagination--noRefinement {
display: none;
}
.ais-page .ais-pagination-container .ais-Pagination-list {
display: flex;
justify-content: center;
align-items: flex-start;
}
.ais-page .ais-pagination-container .ais-Pagination-list:first-child {
margin-left: 0;
}
.ais-page .ais-pagination-container .ais-Pagination-list:last-child {
margin-right: 0;
}
.ais-page .ais-block {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.ais-page .ais-block .ais-input--label,
.ais-page .ais-block .ais-search-box-container,
.ais-page .ais-block .ais-input-button,
.ais-page .ais-block .ais-search-header,
.ais-page .ais-block .ais-input {
display: none !important;
}
.ais-page .ais-block .ais-highlight {
font-family: ToledoTS-Bold;
font-size: 1.5rem;
letter-spacing: normal !important;
font-weight: normal !important;
}
.ais-page .ais-block .ais-highlight.hover-active--underline, .ais-page .ais-block .ais-highlight .hover-active--underline {
position: relative;
}
.ais-page .ais-block .ais-highlight.hover-active--underline:after, .ais-page .ais-block .ais-highlight .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -2px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ais-page .ais-block .ais-highlight.hover-active--underline:hover, .ais-page .ais-block .ais-highlight.hover-active--underline:active, .ais-page .ais-block .ais-highlight.hover-active--underline.active, .ais-page .ais-block .ais-highlight .hover-active--underline:hover, .ais-page .ais-block .ais-highlight .hover-active--underline:active, .ais-page .ais-block .ais-highlight .hover-active--underline.active {
cursor: pointer;
}
.ais-page .ais-block .ais-highlight.hover-active--underline:hover:after, .ais-page .ais-block .ais-highlight.hover-active--underline:active:after, .ais-page .ais-block .ais-highlight.hover-active--underline.active:after, .ais-page .ais-block .ais-highlight .hover-active--underline:hover:after, .ais-page .ais-block .ais-highlight .hover-active--underline:active:after, .ais-page .ais-block .ais-highlight .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-highlight {
font-size: 1.5rem;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-highlight {
font-size: 1.875rem;
line-height: normal;
}
}
.ais-page .ais-block .ais-highlight:before {
background: transparent !important;
}
.ais-page .ais-block .ais-Hits-list {
margin: 0;
padding: 0;
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item {
grid-column-end: span 4;
margin: 2.5rem 0;
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item {
margin: 4rem 0;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(odd) {
grid-column-start: 2;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(even) {
grid-column-start: 10;
}
}
@media screen and (min-width: 600px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item:nth-child(even) {
transition-delay: 0.2s;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item .pc__image-wrapper {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item .pc__image-wrapper {
margin-bottom: 2rem;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link {
color: #283455;
text-decoration: none;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin: 0.5rem 0 1rem;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline {
position: relative;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline:hover, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline:active, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline.active, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline:hover, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline:active, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline.active {
cursor: pointer;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline:hover:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline:active:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details.hover-active--underline.active:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline:hover:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline:active:after, .ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__details {
margin: 0;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__price {
margin-bottom: 0.5rem;
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__price {
margin-bottom: 0.75rem;
}
}
@media screen and (min-width: 900px) {
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__widgets {
margin-top: 0.75rem;
}
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__desc div strong {
font-size: 14px;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .pc__review-wrapper {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .yotpo-bottomline {
align-items: center;
}
.ais-page .ais-block .ais-Hits-list .ais-Hits-item a.pc__link .swatch-count__total {
display: block;
margin-right: 0.5rem;
padding-right: 0.5rem;
border-right: 1px solid #283455;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@-webkit-keyframes first-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes first-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes second-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@keyframes second-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@-webkit-keyframes third-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@keyframes third-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@-webkit-keyframes fourth-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fourth-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.unload-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background: rgba(255, 255, 255, 0.64);
-webkit-transition: background-color 200ms ease-out;
transition: background-color 200ms ease-out;
}
.unload-overlay .unload-overlay--wrapper {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content {
position: relative;
height: 64px;
width: 64px;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background {
display: inline-block;
position: relative;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-wrapper {
display: inline-block;
position: relative;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-container {
height: 64px;
width: 64px;
display: inline-block;
position: relative;
-webkit-animation-name: container-rotate;
animation-name: container-rotate;
-webkit-animation-duration: 1568ms;
animation-duration: 1568ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer {
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
border-color: #283455;
-webkit-animation: fill-unfill-rotate 5332ms linear infinite both, first-fade-in-out 5332ms linear infinite both;
animation: fill-unfill-rotate 5332ms linear infinite both, first-fade-in-out 5332ms linear infinite both;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer:nth-child(2) {
-webkit-animation: fill-unfill-rotate 5332ms linear infinite both, second-fade-in-out 5332ms linear infinite both;
animation: fill-unfill-rotate 5332ms linear infinite both, second-fade-in-out 5332ms linear infinite both;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer:nth-child(3) {
-webkit-animation: fill-unfill-rotate 5332ms linear infinite both, third-fade-in-out 5332ms linear infinite both;
animation: fill-unfill-rotate 5332ms linear infinite both, third-fade-in-out 5332ms linear infinite both;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer:nth-child(4) {
-webkit-animation: fill-unfill-rotate 5332ms linear infinite both, fourth-fade-in-out 5332ms linear infinite both;
animation: fill-unfill-rotate 5332ms linear infinite both, fourth-fade-in-out 5332ms linear infinite both;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer .circle-clipper.left .circle {
-webkit-animation-name: left-spin;
animation-name: left-spin;
-webkit-animation-duration: 1333ms;
animation-duration: 1333ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .spinner-layer .circle-clipper.right .circle {
-webkit-animation-name: right-spin;
animation-name: right-spin;
-webkit-animation-duration: 1333ms;
animation-duration: 1333ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .gap-patch {
border-color: inherit;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
left: 45%;
overflow: hidden;
position: absolute;
top: 0;
width: 10%;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .gap-patch .circle {
left: -450%;
width: 1000%;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .circle-clipper {
border-color: inherit;
display: inline-block;
height: 100%;
overflow: hidden;
position: relative;
width: 50%;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .circle-clipper .circle {
width: 200%;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .circle {
-webkit-animation: none;
animation: none;
border-bottom-color: transparent !important;
border-color: inherit;
border-radius: 50%;
border-style: solid;
border-width: 2px;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .circle-clipper.left .circle {
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .circle-clipper.right .circle {
border-left-color: transparent !important;
left: -100%;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--spinner .unload-overlay--background .fit {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.unload-overlay .unload-overlay--wrapper .unload-overlay--content .unload-overlay--logo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ProductTabs {
margin-top: 2rem;
}
.ProductTabs__List {
list-style: none;
display: flex;
justify-content: flex-start;
flex-flow: row nowrap;
margin: 0 0 2rem;
}
.ProductTabs__Item {
margin-right: 1rem;
position: relative;
}
.ProductTabs__Item:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Item--Active:after {
transform: scaleX(1);
transform-origin: left;
transition-delay: 0.4s;
}
.ProductTabs__Item button {
appearance: none;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
font-family: BrandonTextWeb-Bold;
background: transparent;
border: none;
color: #283455;
}
.ProductTabs__Item button.hover-active--underline, .ProductTabs__Item button .hover-active--underline {
position: relative;
}
.ProductTabs__Item button.hover-active--underline:after, .ProductTabs__Item button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Item button.hover-active--underline:hover, .ProductTabs__Item button.hover-active--underline:active, .ProductTabs__Item button.hover-active--underline.active, .ProductTabs__Item button .hover-active--underline:hover, .ProductTabs__Item button .hover-active--underline:active, .ProductTabs__Item button .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Item button.hover-active--underline:hover:after, .ProductTabs__Item button.hover-active--underline:active:after, .ProductTabs__Item button.hover-active--underline.active:after, .ProductTabs__Item button .hover-active--underline:hover:after, .ProductTabs__Item button .hover-active--underline:active:after, .ProductTabs__Item button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Item button.hover-active--underline, .ProductTabs__Item button .hover-active--underline {
position: relative;
}
.ProductTabs__Item button.hover-active--underline:after, .ProductTabs__Item button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Item button.hover-active--underline:hover, .ProductTabs__Item button.hover-active--underline:active, .ProductTabs__Item button.hover-active--underline.active, .ProductTabs__Item button .hover-active--underline:hover, .ProductTabs__Item button .hover-active--underline:active, .ProductTabs__Item button .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Item button.hover-active--underline:hover:after, .ProductTabs__Item button.hover-active--underline:active:after, .ProductTabs__Item button.hover-active--underline.active:after, .ProductTabs__Item button .hover-active--underline:hover:after, .ProductTabs__Item button .hover-active--underline:active:after, .ProductTabs__Item button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel {
opacity: 0;
overflow: hidden;
height: 0;
}
.ProductTabs__Panel--Active {
transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 0.4s;
opacity: 1;
height: auto;
}
.ProductTabs__Panel * {
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #283455;
}
.ProductTabs__Panel *.hover-active--underline, .ProductTabs__Panel * .hover-active--underline {
position: relative;
}
.ProductTabs__Panel *.hover-active--underline:after, .ProductTabs__Panel * .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Panel *.hover-active--underline:hover, .ProductTabs__Panel *.hover-active--underline:active, .ProductTabs__Panel *.hover-active--underline.active, .ProductTabs__Panel * .hover-active--underline:hover, .ProductTabs__Panel * .hover-active--underline:active, .ProductTabs__Panel * .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Panel *.hover-active--underline:hover:after, .ProductTabs__Panel *.hover-active--underline:active:after, .ProductTabs__Panel *.hover-active--underline.active:after, .ProductTabs__Panel * .hover-active--underline:hover:after, .ProductTabs__Panel * .hover-active--underline:active:after, .ProductTabs__Panel * .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel a, .ProductTabs__Panel strong {
font-family: BrandonTextWeb-Bold;
}
.ProductTabs__Panel a.hover-active--underline, .ProductTabs__Panel a .hover-active--underline, .ProductTabs__Panel strong.hover-active--underline, .ProductTabs__Panel strong .hover-active--underline {
position: relative;
}
.ProductTabs__Panel a.hover-active--underline:after, .ProductTabs__Panel a .hover-active--underline:after, .ProductTabs__Panel strong.hover-active--underline:after, .ProductTabs__Panel strong .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Panel a.hover-active--underline:hover, .ProductTabs__Panel a.hover-active--underline:active, .ProductTabs__Panel a.hover-active--underline.active, .ProductTabs__Panel a .hover-active--underline:hover, .ProductTabs__Panel a .hover-active--underline:active, .ProductTabs__Panel a .hover-active--underline.active, .ProductTabs__Panel strong.hover-active--underline:hover, .ProductTabs__Panel strong.hover-active--underline:active, .ProductTabs__Panel strong.hover-active--underline.active, .ProductTabs__Panel strong .hover-active--underline:hover, .ProductTabs__Panel strong .hover-active--underline:active, .ProductTabs__Panel strong .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Panel a.hover-active--underline:hover:after, .ProductTabs__Panel a.hover-active--underline:active:after, .ProductTabs__Panel a.hover-active--underline.active:after, .ProductTabs__Panel a .hover-active--underline:hover:after, .ProductTabs__Panel a .hover-active--underline:active:after, .ProductTabs__Panel a .hover-active--underline.active:after, .ProductTabs__Panel strong.hover-active--underline:hover:after, .ProductTabs__Panel strong.hover-active--underline:active:after, .ProductTabs__Panel strong.hover-active--underline.active:after, .ProductTabs__Panel strong .hover-active--underline:hover:after, .ProductTabs__Panel strong .hover-active--underline:active:after, .ProductTabs__Panel strong .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel a:hover, .ProductTabs__Panel strong:hover {
color: #283455;
}
.ProductTabs__Panel p {
margin: 0;
padding: 0;
padding-bottom: 1rem;
}
.ProductTabs__Panel li {
padding-bottom: 1rem;
}
.ProductTabs__Panel ul li:last-of-type {
padding-bottom: 0;
}
.ProductTabs__Panel .handorgel {
margin: 0;
}
.ProductTabs__Panel .handorgel__header {
margin-bottom: 2rem;
}
.ProductTabs__Panel .handorgel__header__button {
font-family: BrandonTextWeb-Bold;
font-weight: normal;
}
.ProductTabs__Panel .handorgel__header__button.hover-active--underline, .ProductTabs__Panel .handorgel__header__button .hover-active--underline {
position: relative;
}
.ProductTabs__Panel .handorgel__header__button.hover-active--underline:after, .ProductTabs__Panel .handorgel__header__button .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Panel .handorgel__header__button.hover-active--underline:hover, .ProductTabs__Panel .handorgel__header__button.hover-active--underline:active, .ProductTabs__Panel .handorgel__header__button.hover-active--underline.active, .ProductTabs__Panel .handorgel__header__button .hover-active--underline:hover, .ProductTabs__Panel .handorgel__header__button .hover-active--underline:active, .ProductTabs__Panel .handorgel__header__button .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Panel .handorgel__header__button.hover-active--underline:hover:after, .ProductTabs__Panel .handorgel__header__button.hover-active--underline:active:after, .ProductTabs__Panel .handorgel__header__button.hover-active--underline.active:after, .ProductTabs__Panel .handorgel__header__button .hover-active--underline:hover:after, .ProductTabs__Panel .handorgel__header__button .hover-active--underline:active:after, .ProductTabs__Panel .handorgel__header__button .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel .hover-active--underline {
font-family: BrandonTextWeb-Regular;
font-size: 0.75rem;
letter-spacing: 0.0075rem;
font-family: BrandonTextWeb-Bold;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline, .ProductTabs__Panel .hover-active--underline .hover-active--underline {
position: relative;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:hover, .ProductTabs__Panel .hover-active--underline.hover-active--underline:active, .ProductTabs__Panel .hover-active--underline.hover-active--underline.active, .ProductTabs__Panel .hover-active--underline .hover-active--underline:hover, .ProductTabs__Panel .hover-active--underline .hover-active--underline:active, .ProductTabs__Panel .hover-active--underline .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:hover:after, .ProductTabs__Panel .hover-active--underline.hover-active--underline:active:after, .ProductTabs__Panel .hover-active--underline.hover-active--underline.active:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:hover:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:active:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline, .ProductTabs__Panel .hover-active--underline .hover-active--underline {
position: relative;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:hover, .ProductTabs__Panel .hover-active--underline.hover-active--underline:active, .ProductTabs__Panel .hover-active--underline.hover-active--underline.active, .ProductTabs__Panel .hover-active--underline .hover-active--underline:hover, .ProductTabs__Panel .hover-active--underline .hover-active--underline:active, .ProductTabs__Panel .hover-active--underline .hover-active--underline.active {
cursor: pointer;
}
.ProductTabs__Panel .hover-active--underline.hover-active--underline:hover:after, .ProductTabs__Panel .hover-active--underline.hover-active--underline:active:after, .ProductTabs__Panel .hover-active--underline.hover-active--underline.active:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:hover:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline:active:after, .ProductTabs__Panel .hover-active--underline .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.ProductTabs__Panel .handorgel__content__inner {
opacity: 0;
transition: opacity 0.3s ease;
will-change: opacity;
}
.ProductTabs__Panel .handorgel__content--opened .handorgel__content__inner {
opacity: 1;
transition: opacity 0.3s ease;
}
.ProductTabs__Panel .handorgel__content {
margin: 0;
margin-top: -2rem;
padding: 1rem 0 2rem;
}
.ProductTabs__Panel .handorgel__content:last-of-type {
padding-bottom: 0;
}
.Product--Bundle:not([data-step="0"]) .ProductTabs {
display: none;
}
.swd-full-price {
color: #777;
text-decoration: line-through;
display: inline-block;
}
.swd-reduced-price {
color: #283455;
font-family: BrandonTextWeb-Bold;
display: inline-block;
margin-left: 5px;
}
/*============================================================================
#Website Accessibility Notice
==============================================================================*/
.module--web-accessibility {
padding: 2.5rem 0;
}
@media screen and (min-width: 1200px) {
.module--web-accessibility {
padding: 4rem 0;
}
}
.module--web-accessibility .wrapper--v1 {
margin: 0 auto;
}
.module--web-accessibility__content {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
color: #283455;
}
@media screen and (min-width: 600px) {
.module--web-accessibility__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--web-accessibility__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--web-accessibility__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--web-accessibility__content .module-content {
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--web-accessibility__content .module-content {
grid-column-start: 2;
}
}
@media screen and (min-width: 900px) {
.module--web-accessibility__content .module-content {
grid-column-start: 2;
}
}
@media screen and (min-width: 1200px) {
.module--web-accessibility__content .module-content {
grid-column-start: 3;
}
}
@media screen and (min-width: 600px) {
.module--web-accessibility__content .module-content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 900px) {
.module--web-accessibility__content .module-content {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.module--web-accessibility__content .module-content {
grid-column-end: span 12;
}
}
.module--web-accessibility__content .module-content h1 {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1200px) {
.module--web-accessibility__content .module-content h1 {
margin-bottom: 4rem;
}
}
.module--web-accessibility__content .module-content p {
margin-bottom: 1.5rem;
}
.module--web-accessibility__content .module-content p a {
color: #283455;
}
.module--web-accessibility__content .module-content p a .underline {
text-decoration: underline;
}
.module--demo-icons .wrapper--v1 .demo-grid {
background: #F0D7BF;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--demo-icons .wrapper--v1 .demo-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--demo-icons .wrapper--v1 .demo-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon {
padding: 1rem 0;
background: #F0D7BF;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon {
grid-column-end: span 6;
}
}
@media screen and (min-width: 900px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon {
grid-column-end: span 6;
}
}
@media screen and (min-width: 1200px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon {
grid-column-end: span 6;
}
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(odd) {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(odd) {
grid-column-start: 2;
}
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(even) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(even) {
grid-column-start: 10;
}
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon:nth-child(even) {
transition-delay: 0.2s;
}
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon__title {
color: #283455;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play-pause {
display: block;
height: 4rem;
width: 4rem;
}
@media screen and (min-width: 600px) {
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play-pause {
height: 5rem;
width: 5rem;
}
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play-pause__circle {
fill: #fff;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play-pause__pause, .module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play-pause__play {
fill: #283455;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .play .play-pause__pause {
display: none;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--play-pause .pause .play-pause__play {
display: none;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.social-links .social-icon {
margin-right: 0.5rem;
width: 32px;
height: 32px;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.social-links .social-icon__circle {
fill: #FFFAF7;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.social-links .social-icon__path {
fill: #283455;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--carousel-arrow .demo-icon__icon {
max-width: 1.5rem;
}
.module--demo-icons .wrapper--v1 .demo-grid .demo-icon.icon--carousel-arrow .demo-icon__icon svg {
fill: #283455;
}
label[for^=return_request_return_request_line_items_attributes_] {
color: #0F1528;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
margin-bottom: 1rem;
}
input[id$=_images] {
margin-top: 1rem;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 1.25rem;
height: 3.5rem;
width: 100%;
margin-bottom: 1rem;
padding: 1rem 1.5rem;
color: #0F1528;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--promo {
background-size: cover;
background-position: center;
}
.module--promo .btn, .module--promo .module--account-details-content .add-address, .module--account-details-content .module--promo .add-address {
margin-bottom: 0;
}
.module--promo.background-color {
background-color: "";
}
@media screen and (min-width: 600px) {
.module--promo.background-img-desktop {
background-image: url("../liquid%20error_%20invalid%20url%20input.html");
}
}
@media screen and (max-width: 599px) {
.module--promo.background-img-mobile {
background-image: url("../liquid%20error_%20invalid%20url%20input.html");
}
}
.module--promo-grid.image-left {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content" "image image image image";
}
@media screen and (min-width: 600px) {
.module--promo-grid.image-left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image content content content content content content";
}
}
@media screen and (min-width: 900px) {
.module--promo-grid.image-left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "image image image image image image content content content content content content";
}
}
@media screen and (min-width: 1200px) {
.module--promo-grid.image-left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". image image image image image image . content content content content content content content .";
}
}
.module--promo-grid.image-right {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "content content content content" "image image image image";
}
@media screen and (min-width: 600px) {
.module--promo-grid.image-right {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content content image image image image image image";
}
}
@media screen and (min-width: 900px) {
.module--promo-grid.image-right {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "content content content content content content image image image image image image";
}
}
@media screen and (min-width: 1200px) {
.module--promo-grid.image-right {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". content content content content content content . image image image image image image image .";
}
}
.module--promo-image-wrapper {
overflow: hidden;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
@media screen and (min-width: 600px) {
.module--promo-image-wrapper {
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--promo-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 900px) {
.module--promo-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
@media screen and (min-width: 1200px) {
.module--promo-image-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "image";
}
}
.module--promo-image-link {
grid-area: image;
grid-template-rows: max-content;
height: 100%;
grid-area: image;
position: relative;
}
.module--promo-image-link:before {
display: block;
content: "";
width: 100%;
padding-top: 112.5%;
will-change: background-color;
backface-visibility: hidden;
perspective: 1000;
background-color: #F2F2F2; /* The Fallback */
background-color: rgba(242, 242, 242, 0.5);
animation: backgroundPulse 2s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.module--promo-image-link > .aspect-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module--promo-image-link img,
.module--promo-image-link video {
width: 100%;
color: transparent;
}
.module--promo-image-link video {
height: 100%;
object-fit: cover;
}
.module--promo-image-link img, .module--promo-image-link video {
width: 100%;
height: 100%;
cursor: pointer;
}
.module--promo-content {
display: flex;
flex-direction: column;
grid-area: content;
justify-content: center;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--promo-content {
margin-bottom: 0;
}
}
.module--promo-content .desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--promo-content .desktop {
display: block;
}
}
@media screen and (min-width: 600px) {
.module--promo-content .mobile {
display: none;
}
}
.module--promo-title {
grid-area: title;
color: #283455;
padding-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.module--promo-title {
padding-bottom: 1.25rem;
}
}
.module--promo-copy {
color: #283455;
margin: 0;
padding-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--promo-copy {
padding-bottom: 2.5rem;
}
}
.site-header__nudge {
opacity: 0;
transition: opacity 1000ms ease-out;
}
.site-header__nudge[active] {
opacity: 1;
}
.site-header__nudge button img {
margin-bottom: 2px;
}
.CardCompare {
padding-top: 2rem;
padding-bottom: 2rem;
background: #FFFAF7;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "content content content content";
}
@media screen and (min-width: 600px) {
.CardCompare {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.CardCompare {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 600px) {
.CardCompare {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "content content content content content content content content content content content content";
}
}
@media screen and (min-width: 900px) {
.CardCompare {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "content content content content content content content content content content content content";
}
}
@media screen and (min-width: 1200px) {
.CardCompare {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title title title title ." ". . content content content content content content content content content content content content . .";
}
}
.CardCompare__Title {
margin-bottom: 2rem;
grid-area: title;
color: #283455;
}
@media screen and (min-width: 600px) {
.CardCompare__Title {
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.CardCompare__Title {
margin-bottom: 4.625rem;
}
}
.CardCompare__Content {
grid-area: content;
}
@media screen and (min-width: 1200px) {
.CardCompare__Content {
display: flex;
}
}
.CardCompare__Subjects {
display: flex;
margin-bottom: 0.2rem;
padding: 1px;
padding-bottom: 0.8rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
padding-left: 1.5rem;
overflow-x: scroll;
}
@media screen and (min-width: 600px) {
.CardCompare__Subjects {
margin-bottom: 0.25rem;
padding-bottom: 1.25rem;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1200px) {
.CardCompare__Subjects {
width: 50%;
margin-right: 1.5rem;
margin-bottom: 0rem;
margin-left: 0rem;
padding-left: 1px;
padding-bottom: 0rem;
flex-wrap: wrap;
align-content: space-between;
}
}
.CardCompare__Subject {
min-width: 148px;
max-height: 5.125rem;
margin-right: 0.5rem;
margin-bottom: 1px;
padding: 0.75rem;
color: #777777;
border: 1px solid #DDDDDD;
border-radius: 10px;
box-shadow: 0px 0px 0px 0px #04247D;
transition-property: color, border-color, box-shadow;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
transition-duration: 400ms;
}
.CardCompare__Subject p {
margin-bottom: 0rem;
}
.CardCompare__Subject:hover {
cursor: pointer;
color: #04247D;
border-color: #04247D;
box-shadow: 0px 0px 0px 1px #04247D;
}
.CardCompare__Subject.active {
cursor: pointer;
color: #283455;
border-color: #283455;
box-shadow: 0px 0px 0px 1px #283455;
}
@media screen and (min-width: 1200px) {
.CardCompare__Subject {
width: calc(50% - 1.5rem);
margin-right: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 1.5rem;
}
}
.CardCompare__Spotlight {
width: 100%;
color: #283455;
background: #F9F3ED;
border-radius: 12px;
padding: 1.25rem;
}
@media screen and (min-width: 1200px) {
.CardCompare__Spotlight {
width: 50%;
padding: 2rem;
}
}
.CardCompare__Spotlight .subtitle, .CardCompare__Spotlight .desc {
margin-bottom: 1.5rem;
max-width: 360px;
}
.CardCompare__SpotlightDetails {
display: flex;
justify-content: space-between;
}
.CardCompare__SpotlightDetails p {
margin-bottom: 0px;
}
.CardCompare__SpotlightDetailsWrapper {
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.CardCompare__SpotlightImgWrapper {
width: 124px;
height: 124px;
}
@media screen and (min-width: 600px) {
.CardCompare__SpotlightImgWrapper {
width: 175px;
height: 175px;
}
}
.CardCompare__SpotlightImgWrapper img {
width: 100%;
border-radius: 175px;
}
.module--category .visibility-hidden {
visibility: hidden;
}
.module--category__header {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--category__header {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--category__header {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--category__header {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--category__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--category__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--category__header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--category__header h2 {
margin-bottom: 2rem;
text-align: center;
color: #283455;
grid-column-start: 1;
grid-column-end: span 4;
}
@media screen and (min-width: 600px) {
.module--category__header h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.module--category__header h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.module--category__header h2 {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) {
.module--category__header h2 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--category__header h2 {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--category__header h2 {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--category__header h2 {
margin-bottom: 2.5rem;
}
}
.module--category .category-grid {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--category .category-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--category .category-grid {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--category .category-grid {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--category .category-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--category .category-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--category .category-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--category .grid-item__wrapper {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--category .grid-item__wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__wrapper {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) {
.module--category .grid-item__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--category .grid-item__link {
align-self: end;
color: #283455;
grid-column-end: span 2;
}
.module--category .grid-item__link p {
text-align: center;
}
.module--category .grid-item__link p.p_1--bold {
min-height: 22px;
margin-bottom: 0;
}
.module--category .grid-item__link p.p_2 {
min-height: 19.5px;
margin-bottom: 0.75rem;
}
@media screen and (min-width: 600px) {
.module--category .grid-item__link {
grid-column-end: span 4;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__link {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link {
grid-column-end: span 3;
}
}
.module--category .grid-item__link:nth-child(4n+1) {
grid-column-start: 1;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--category .grid-item__link:nth-child(4n+1) {
grid-column-start: 3;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__link:nth-child(4n+1) {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+1) {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+1) {
margin-bottom: 0;
}
}
.module--category .grid-item__link:nth-child(4n+2) {
grid-column-start: 3;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--category .grid-item__link:nth-child(4n+2) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__link:nth-child(4n+2) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+2) {
grid-column-start: 6;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+2) {
margin-bottom: 0;
}
}
.module--category .grid-item__link:nth-child(4n+3) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--category .grid-item__link:nth-child(4n+3) {
grid-column-start: 3;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__link:nth-child(4n+3) {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+3) {
grid-column-start: 9;
}
}
.module--category .grid-item__link:nth-child(4n+4) {
grid-column-start: 3;
}
@media screen and (min-width: 600px) {
.module--category .grid-item__link:nth-child(4n+4) {
grid-column-start: 7;
}
}
@media screen and (min-width: 900px) {
.module--category .grid-item__link:nth-child(4n+4) {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:nth-child(4n+4) {
grid-column-start: 12;
}
}
@media screen and (min-width: 1200px) {
.module--category .grid-item__link:hover, .module--category .grid-item__link:active {
color: #283455;
}
.module--category .grid-item__link:hover p {
color: #04247D;
}
.module--category .grid-item__link:hover video {
height: 100%;
transform: scale(1.05);
}
}
.module--category .grid-item__poster-wrapper {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.module--category .grid-item__poster-wrapper figure {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.module--category .grid-item__video {
width: 100%;
height: auto;
object-fit: cover;
transform: scale(1);
transition: transform 0.4s ease-in-out;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.module--linked-value-props .icon {
width: 4rem;
margin-bottom: 1.75rem;
}
.module--linked-value-props .eyebrow {
/*================================ Default =================================*/
font-family: BrandonTextWeb-Light;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
/*================================== Large =================================*/
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
font-family: BrandonTextWeb-Bold;
/*================================= Small ==================================*/
margin-bottom: 1rem;
letter-spacing: 2.5px;
}
@media screen and (min-width: 1025px) {
.module--linked-value-props .eyebrow {
font-size: 16px;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props .module-title {
display: flex;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=threeIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--linked-value-props[data-layout=threeIcons] .module-props {
display: flex;
width: 100%;
flex-direction: column;
padding: 24px 28px;
color: #283455;
text-align: center;
border-radius: 20px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-props {
grid-column-start: 1;
grid-column-end: span 14;
flex-direction: row;
justify-content: space-between;
padding: 28px 32.5px;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=threeIcons] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=threeIcons] .module-props {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-props.centered {
justify-content: space-around;
}
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=threeIcons] .module-props {
text-align: left;
}
}
.module--linked-value-props[data-layout=threeIcons] .module-props .grid__item {
padding-left: 0;
}
.module--linked-value-props[data-layout=threeIcons] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 0;
padding-right: 40px;
}
}
.module--linked-value-props[data-layout=threeIcons] .module-props .grid__item.centered {
max-width: 279px;
margin-top: 2.875rem;
margin-bottom: 2.875rem;
padding-right: 0px;
text-align: center;
}
.module--linked-value-props[data-layout=threeIcons] .module-title {
color: #283455;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-title {
grid-column-start: 1;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
grid-column-end: span 14;
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=threeIcons] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=threeIcons] .module-title {
grid-column-start: 2;
}
}
.module--linked-value-props[data-layout=threeIcons] .module-title--h2.h_2, .module--linked-value-props[data-layout=threeIcons] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=threeIcons] span.module-title--h2 {
margin-bottom: 1rem;
padding-left: 0px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-title--h2.h_2, .module--linked-value-props[data-layout=threeIcons] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=threeIcons] span.module-title--h2 {
width: auto;
margin-right: 1.75rem;
margin-bottom: 0;
}
}
.module--linked-value-props[data-layout=threeIcons] .module-title--btn {
width: auto;
}
.module--linked-value-props[data-layout=threeIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=threeIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=threeIcons] .module-title--btn.add-address {
align-items: center;
margin-bottom: 26px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=threeIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=threeIcons] .module-title--btn.add-address {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=threeIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=threeIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=threeIcons] .module-title--btn.add-address {
padding: 0px;
width: auto;
}
}
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
padding-top: 2rem;
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
padding-top: 2.5rem;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=topCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--linked-value-props[data-layout=topCompact] .module-props {
display: flex;
width: 100%;
flex-direction: column;
padding: 24px 28px;
color: #283455;
text-align: center;
border-radius: 20px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-props {
grid-column-start: 1;
grid-column-end: span 14;
flex-direction: row;
justify-content: space-between;
padding: 28px 32.5px;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=topCompact] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=topCompact] .module-props {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-props.centered {
justify-content: space-around;
}
}
.module--linked-value-props[data-layout=topCompact] .module-props .grid__item {
padding-left: 0;
}
.module--linked-value-props[data-layout=topCompact] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 0;
padding-right: 40px;
}
}
.module--linked-value-props[data-layout=topCompact] .module-props .grid__item.centered {
max-width: 279px;
margin-top: 2.875rem;
margin-bottom: 2.875rem;
padding-right: 0px;
text-align: center;
}
.module--linked-value-props[data-layout=topCompact] .module-title {
color: #283455;
justify-content: center;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-title {
grid-column-start: 1;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
text-align: center;
grid-column-end: span 14;
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=topCompact] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=topCompact] .module-title {
grid-column-start: 2;
}
}
.module--linked-value-props[data-layout=topCompact] .module-title--h2.h_2, .module--linked-value-props[data-layout=topCompact] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=topCompact] span.module-title--h2 {
margin-bottom: 1rem;
padding-left: 0px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-title--h2.h_2, .module--linked-value-props[data-layout=topCompact] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=topCompact] span.module-title--h2 {
width: auto;
margin-right: 1.75rem;
margin-bottom: 0;
}
}
.module--linked-value-props[data-layout=topCompact] .module-title--btn {
width: auto;
}
.module--linked-value-props[data-layout=topCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=topCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=topCompact] .module-title--btn.add-address {
align-items: center;
margin-bottom: 26px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=topCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=topCompact] .module-title--btn.add-address {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=topCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=topCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=topCompact] .module-title--btn.add-address {
padding: 0px;
width: auto;
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
padding-bottom: 2.5rem;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-column-end: span 4;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-column-end: span 12;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-column-end: span 16;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=bottomCompact] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-props {
display: flex;
width: 100%;
flex-direction: column;
padding: 24px 28px;
color: #283455;
text-align: center;
border-radius: 20px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props {
grid-column-start: 1;
grid-column-end: span 14;
flex-direction: row;
justify-content: space-between;
padding: 28px 32.5px;
margin-bottom: 12px;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props.centered {
justify-content: space-around;
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-props .grid__item {
padding-left: 0;
}
.module--linked-value-props[data-layout=bottomCompact] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-props .grid__item:not(:last-of-type) {
margin-bottom: 0;
padding-right: 40px;
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-props .grid__item.centered {
max-width: 279px;
margin-top: 2.875rem;
margin-bottom: 2.875rem;
padding-right: 0px;
text-align: center;
}
.module--linked-value-props[data-layout=bottomCompact] .module-title {
color: #283455;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title {
grid-column-start: 1;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
grid-column-end: span 14;
margin-bottom: 2.5rem;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title {
grid-column-start: 1;
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title {
grid-column-start: 2;
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-title--h2.h_2, .module--linked-value-props[data-layout=bottomCompact] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=bottomCompact] span.module-title--h2 {
margin-bottom: 1rem;
padding-left: 0px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title--h2.h_2, .module--linked-value-props[data-layout=bottomCompact] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=bottomCompact] span.module-title--h2 {
width: auto;
margin-right: 1.75rem;
margin-bottom: 0;
}
}
.module--linked-value-props[data-layout=bottomCompact] .module-title--btn {
width: auto;
}
.module--linked-value-props[data-layout=bottomCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=bottomCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=bottomCompact] .module-title--btn.add-address {
align-items: center;
margin-bottom: 26px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=bottomCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=bottomCompact] .module-title--btn.add-address {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=bottomCompact] .module-title--btn.btn, .module--linked-value-props[data-layout=bottomCompact] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=bottomCompact] .module-title--btn.add-address {
padding: 0px;
width: auto;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-wrapper {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "props props props props props props props props props props props props";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "props props props props props props props props props props props props";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=fourIcons] .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title title title title ." ". props props props props props props props props props props props props props props .";
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 24px 28px;
color: #283455;
text-align: center;
border-radius: 20px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props {
grid-area: props;
padding: 1.75rem 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--linked-value-props[data-layout=fourIcons] .module-props {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(14, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props {
padding: 3.75rem 0;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item {
padding-left: 0;
grid-column-end: span 4;
}
@media screen and (max-width: 599px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item {
max-width: 279px;
margin-top: 2.875rem;
margin-bottom: 2.875rem;
padding-right: 0px;
text-align: center;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item {
grid-column-end: span 3;
}
}
@media screen and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item {
grid-column-end: span 3;
}
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item {
grid-column-end: span 4;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(odd) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(odd) {
grid-column-start: 3;
}
}
@media screen and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(odd) {
grid-column-start: 3;
}
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(odd) {
grid-column-start: 3;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(even) {
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(even) {
grid-column-start: 8;
}
}
@media screen and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(even) {
grid-column-start: 8;
}
}
@media screen and (min-width: 1200px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(even) {
grid-column-start: 9;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(even) {
transition-delay: 0.2s;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+1), .module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+2) {
margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+1), .module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+2) {
margin-bottom: 5rem;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+3) {
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-props .grid__item:nth-child(4n+3) {
margin-bottom: 0;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-title {
color: #283455;
display: block;
margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-title {
grid-area: title;
margin-bottom: 2.5rem;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-title--h2.h_2, .module--linked-value-props[data-layout=fourIcons] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=fourIcons] span.module-title--h2 {
padding-left: 0px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-title--h2.h_2, .module--linked-value-props[data-layout=fourIcons] #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span.module-title--h2, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .module--linked-value-props[data-layout=fourIcons] span.module-title--h2 {
width: auto;
margin-right: 1.75rem;
}
}
.module--linked-value-props[data-layout=fourIcons] .module-title--btn {
width: auto;
}
.module--linked-value-props[data-layout=fourIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=fourIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=fourIcons] .module-title--btn.add-address {
align-items: center;
margin-bottom: 26px;
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=fourIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=fourIcons] .module-title--btn.add-address {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.module--linked-value-props[data-layout=fourIcons] .module-title--btn.btn, .module--linked-value-props[data-layout=fourIcons] .module--account-details-content .module-title--btn.add-address, .module--account-details-content .module--linked-value-props[data-layout=fourIcons] .module-title--btn.add-address {
padding: 0px;
width: auto;
}
}
.module--press-grid {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "head head head head" "logo logo logo logo";
}
@media screen and (min-width: 600px) {
.module--press-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "head head head head head head head head head head head head " "logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
@media screen and (min-width: 900px) {
.module--press-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "head head head head head head head head head head head head " "logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
@media screen and (min-width: 1200px) {
.module--press-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "head head head head head head head head head head head head head head head head" "logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo";
}
}
.module--press-header {
grid-area: head;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "cta cta . .";
}
@media screen and (min-width: 600px) {
.module--press-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--press-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--press-header {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) {
.module--press-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
margin-bottom: 2.5rem;
}
}
.module--press-title {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-area: title;
text-align: left;
color: #283455;
padding-bottom: 1rem;
padding-right: 0;
}
.module--press-title .mobile {
display: block;
}
.module--press-title .desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--press-title {
justify-content: center;
align-items: center;
text-align: center;
padding-bottom: 0;
padding-right: 56px;
}
.module--press-title .mobile {
display: none;
}
.module--press-title .desktop {
display: block;
}
}
@media screen and (min-width: 1200px) {
.module--press-title {
margin-left: calc((100vw - 64px - 1158px) / 2 + 20px);
}
}
@media screen and (min-width: 1440px) {
.module--press-title {
margin-left: 128px;
}
}
.module--press-cta {
grid-area: cta;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 600px) {
.module--press-cta {
margin-bottom: 0px;
}
}
.module--press-logos {
grid-area: logo;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.module--press-logos .tickertape {
position: relative;
display: flex;
justify-content: center;
}
.module--press-logos .tickertape.animate .tickertape-wrapper {
animation: tickertape 20s linear infinite;
}
@media screen and (min-width: 1200px) {
.module--press-logos .tickertape.animate .tickertape-wrapper {
animation: none;
}
}
.module--press-logos .tickertape .tickertape-wrapper {
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
.module--press-logos .tickertape .tickertape-wrapper {
flex-shrink: 1;
}
}
@media screen and (min-width: 1200px) {
.module--press-logos .tickertape .tickertape-wrapper.mobile {
display: none;
}
}
.module--press-logos .tickertape .tickertape-wrapper img {
margin: 0 10px;
display: block;
max-width: 100%;
opacity: 0.5;
max-height: 20px;
width: auto;
}
@media screen and (min-width: 600px) {
.module--press-logos .tickertape .tickertape-wrapper img {
margin: 0 20px;
max-height: 28px;
}
}
.module--press.animate .tickertape-wrapper {
animation: tickertape 20s linear infinite;
}
@media screen and (min-width: 1200px) {
.module--press.animate .tickertape-wrapper {
animation: none;
}
}
@keyframes tickertape {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
.module--reviews-carousel .mobile--hidden {
display: none;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .mobile--hidden {
display: unset;
}
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .mobile--display {
display: none;
}
}
.module--reviews-carousel .wrapper {
justify-content: center;
margin-bottom: 2.5rem;
text-align: center;
color: #283455;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper {
margin-bottom: 0rem;
text-align: unset;
}
}
.module--reviews-carousel .wrapper .eyebrow--p {
margin-bottom: 34px;
font-family: BrandonTextWeb-Bold;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2.5px;
}
@media screen and (min-width: 900px) {
.module--reviews-carousel .wrapper .eyebrow--p {
font-size: 16px;
}
}
.module--reviews-carousel .wrapper .eyebrow--h2 {
max-width: 70%;
margin: 0 auto 34px;
text-transform: capitalize;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .eyebrow--h2 {
font-family: BrandonTextWeb-Bold;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
margin: 0 0 24px;
letter-spacing: 2.5px !important;
}
}
.module--reviews-carousel .wrapper .p_1,
.module--reviews-carousel .wrapper .p_1--bold {
display: block;
margin-bottom: 34px;
}
@media screen and (min-width: 600px) and (max-width: 1199px) {
.module--reviews-carousel .wrapper .p_1 {
max-width: 470px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .p_1 {
margin-bottom: 1rem;
font-family: "ToledoTS-Bold";
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 30px;
}
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .p_1--bold {
margin-bottom: 0;
}
}
.module--reviews-carousel .wrapper .btn--primary {
margin: 0 auto 40px;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .btn--primary {
margin: 0;
}
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .splide {
position: static;
}
}
.module--reviews-carousel .wrapper .splide__track {
overflow: hidden;
}
.module--reviews-carousel .wrapper .splide__pagination__page {
background: #DDDDDD;
margin: 0 8px;
opacity: 1;
}
.module--reviews-carousel .wrapper .splide__pagination__page.is-active {
background: #283455;
transform: none;
}
.module--reviews-carousel .wrapper .splide__arrow {
top: auto;
bottom: -157px;
width: 40px;
height: 40px;
background: transparent;
opacity: 1;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .splide__arrow {
top: 45%;
bottom: auto;
}
}
.module--reviews-carousel .wrapper .splide__arrow.inactive {
opacity: 0.5;
pointer-events: none;
}
.module--reviews-carousel .wrapper .splide__arrow--prev {
left: calc(50% - 84px);
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .splide__arrow--prev {
left: calc((100vw - 424px) / 16 + 32px + 24px);
}
}
@media screen and (min-width: 1440px) {
.module--reviews-carousel .wrapper .splide__arrow--prev {
left: 119.5px;
}
}
.module--reviews-carousel .wrapper .splide__arrow--next {
left: calc(50% + 44px);
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel .wrapper .splide__arrow--next {
left: auto;
right: calc((100vw - 424px) / 16 + 32px + 24px);
}
}
@media screen and (min-width: 1440px) {
.module--reviews-carousel .wrapper .splide__arrow--next {
right: 119.5px;
}
}
.module--reviews-carousel .wrapper .splide__arrow svg {
width: inherit;
height: inherit;
}
.module--reviews-carousel .wrapper .splide__pagination {
bottom: -124px;
width: auto;
}
.module--reviews-carousel[data-slide-count="1"] .wrapper {
margin: 2.5rem auto 0;
}
@media screen and (min-width: 1200px) {
.module--reviews-carousel[data-slide-count="1"] .wrapper {
margin: 4.5rem auto;
}
}
.module--reviews-carousel[data-slide-count="1"] .splide__arrows, .module--reviews-carousel[data-slide-count="1"] .splide__pagination {
display: none;
}
@media screen and (min-width: 1200px) {
.module--reviews-content {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
display: grid;
align-items: center;
grid-gap: 0 1.5rem;
}
}
@media screen and (min-width: 1200px) and (min-width: 600px) {
.module--reviews-content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
.module--reviews-content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.module--reviews-content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". . top top top top top right right right right right right right . ." ". . bottom bottom bottom bottom bottom right right right right right right right . .";
}
}
@media screen and (min-width: 1200px) {
.module--reviews-title {
grid-area: top;
align-self: end;
margin-bottom: 1rem;
}
.module--reviews-cta {
grid-area: bottom;
align-self: start;
margin-top: 1rem;
}
.module--reviews-slider {
padding: 32px 30px 26px 32px;
border-radius: 20px;
grid-area: right;
}
}
.module--stars {
margin-bottom: 1rem;
}
.module--stars span {
color: #E3AD7C;
font-family: "yotpo-widget-font-bl";
font-size: 1.4rem;
}
.ProdReg {
padding: 4rem 0rem;
}
.ProdReg__Header {
color: #283455;
}
@media screen and (min-width: 900px) {
.ProdReg__Header {
max-width: 50%;
}
}
.ProdReg__Header * {
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.ProdReg .component--email-capture {
max-width: 40%;
}
}
.ProdReg .component--email-capture .email-input {
border-color: #293C70;
}
body.horizontal header.site-header .site-header__extras .site-header__menu-mobile #nudgeButton {
display: none;
}
@media screen and (max-width: 1023px) {
body.horizontal header.site-header #bkl-5-v1 {
padding-top: 19px;
padding-bottom: 19px;
}
}
@media screen and (min-width: 1024px) {
body.horizontal #nanoBarFallback {
height: 0 !important;
z-index: -1;
opacity: 0;
}
body.horizontal header.site-header,
body.horizontal header.site-header > * {
z-index: -1;
opacity: 0;
visibility: hidden;
display: none;
}
body.horizontal .nano-bg {
z-index: 1000 !important;
}
body.horizontal .nav-horizontal ~ .Search--Active {
margin-top: -85px !important;
}
}
.nav-horizontal {
opacity: 0;
z-index: -10;
visibility: hidden;
display: none;
}
.nav-horizontal .top-drawer {
opacity: 0;
z-index: -10;
visibility: hidden;
}
.nav-horizontal.visible {
display: block;
position: sticky;
left: 0;
right: 0;
width: 100%;
background-color: #fdfaf8;
top: 0;
opacity: 1;
visibility: visible;
z-index: 1001;
}
.nav-horizontal.visible .top-drawer {
opacity: 1;
visibility: visible;
z-index: 1001;
}
.nav-horizontal.visible a {
color: #283455;
}
.nav-horizontal.visible .top-nav-bar {
border-bottom: 1px solid #ccc;
}
.nav-horizontal.visible .top-nav-bar.active {
border-bottom-color: #FFFAF7;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
max-width: unset;
}
@media screen and (min-width: 600px) {
.nav-horizontal.visible .top-nav-bar .grid-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.nav-horizontal.visible .top-nav-bar .grid-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "bar bar bar bar bar bar bar bar bar bar bar bar";
}
}
@media screen and (min-width: 1200px) {
.nav-horizontal.visible .top-nav-bar .grid-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "bar bar bar bar bar bar bar bar bar bar bar bar bar bar bar bar";
}
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__group {
grid-area: bar;
display: flex;
flex-direction: row;
width: 100%;
height: 84px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__group .nav-logo {
display: flex;
align-items: center;
margin-right: 1rem;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__group .nav-logo img {
margin-bottom: 6px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets {
display: flex;
flex-direction: row;
align-items: center;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets .site-header__extras {
padding-top: 8px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets .site-header__extras div:not(:first-child) {
margin-left: 1rem;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets .site-header__extras #nudgeButton img {
width: 24px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets .site-header__extras .site-header__cart {
position: relative;
margin-top: -8px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__widgets .site-header__extras .site-header__cart #bkl-5-v1--cart-count {
position: absolute;
background: #283455;
height: 15px;
font-size: 9px;
color: #fff;
font-family: BrandonTextWeb-Bold;
width: 15px;
line-height: 17px;
border-radius: 100%;
top: 0;
text-align: center;
right: -4px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__primary {
display: flex;
flex: 1;
flex-direction: row;
align-items: center;
justify-content: center;
list-style-type: none;
margin: 0;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__secondary {
display: none;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__item {
margin: 0.5rem 1rem 0;
white-space: nowrap;
color: #283455;
cursor: pointer;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link {
font-family: BrandonTextWeb-Regular;
font-size: 1rem;
letter-spacing: 0.01rem;
font-size: 18px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline {
position: relative;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline.active {
cursor: pointer;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link .hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
font-size: 18px;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline {
position: relative;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline.active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline:hover, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline:active, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline.active {
cursor: pointer;
}
.nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link:hover .hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__link.active .hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link:hover .hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active.hover-active--underline.active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline:hover:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline:active:after, .nav-horizontal.visible .top-nav-bar .grid-wrapper .level-1__drawer-link.active .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.nav-horizontal.visible .top-drawer {
background: #fdfaf8;
width: 100%;
height: 0;
visibility: hidden;
}
.nav-horizontal.visible .top-drawer.active {
min-height: 344px;
max-height: 406px;
visibility: visible;
}
.nav-horizontal.visible .top-drawer .drawer-wrapper {
margin-top: 85px;
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 2.5rem 2rem;
display: flex;
flex-direction: row;
justify-content: center;
background: #fdfaf8;
}
.nav-horizontal.visible .top-drawer .level-group {
position: relative;
}
.nav-horizontal.visible .top-drawer .level-group ul {
list-style-type: none;
margin: 0;
display: none;
}
.nav-horizontal.visible .top-drawer .level-group ul.active {
display: block;
}
.nav-horizontal.visible .top-drawer .level-group ul .label {
color: #FFFFFF;
background-color: #AEB6A7;
border-radius: 10px;
text-transform: uppercase;
padding: 4px 8px 2px;
margin-left: 10px;
}
.nav-horizontal.visible .top-drawer .level-group img {
max-width: 100%;
height: auto;
}
.nav-horizontal.visible .top-drawer .level-2__group {
margin-right: 50px;
}
.nav-horizontal.visible .top-drawer .level-2__group li {
margin-bottom: 10px;
}
.nav-horizontal.visible .top-drawer .level-2__group li a {
font-family: BrandonTextWeb-Medium;
font-size: 18px;
}
.nav-horizontal.visible .top-drawer .level-2__group li[data-childgroup] {
display: none;
}
.nav-horizontal.visible .top-drawer .level-3__group {
border-left: 1px solid #DDDDDD;
margin-right: 50px;
}
.nav-horizontal.visible .top-drawer .level-3__group li {
margin-bottom: 0.5rem;
margin-left: 50px;
}
.nav-horizontal.visible .top-drawer .level-3__group li.level-3__item a {
font-size: 1rem;
}
.nav-horizontal.visible .top-drawer .level-3__group li.level-2__item {
color: #283455;
}
.nav-horizontal.visible .top-drawer .level-4__group {
position: relative;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure {
margin: 0;
display: none;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption {
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
position: relative;
width: max-content;
padding-top: 8px;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline {
position: relative;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline:hover, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline:active, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline.active, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline:hover, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline:active, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline.active {
cursor: pointer;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline:hover:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline:active:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption.hover-active--underline.active:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline:hover:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline:active:after, .nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure figcaption:after {
content: url('data:image/svg+xml,');
position: absolute;
right: -24px;
bottom: 0;
transform: rotate(180deg);
transition: all 0.2s;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item figure:hover figcaption:after {
right: -30px;
}
.nav-horizontal.visible .top-drawer .level-4__group .level-4__item.active figure {
display: block;
width: 200px;
}
.nav-underline {
position: relative;
}
.nav-underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -32px;
background-color: #283455;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 1200px) {
.nav-underline:after {
bottom: -28px;
}
}
.nav-underline:hover, .nav-underline:active, .nav-underline.active {
cursor: pointer;
}
.nav-underline:hover:after, .nav-underline:active:after, .nav-underline.active:after {
opacity: 1;
}
.nav-underline--bold {
position: relative;
}
.nav-underline--bold:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 2px;
bottom: -6px !important;
background-color: #283455;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 1200px) {
.nav-underline--bold:after {
bottom: -31px;
}
}
.nav-underline--bold:hover, .nav-underline--bold:active, .nav-underline--bold.active {
cursor: pointer;
}
.nav-underline--bold:hover:after, .nav-underline--bold:active:after, .nav-underline--bold.active:after {
opacity: 1;
}
.mobile-level-2 button {
color: #283455 !important;
}
.Care__Category {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "img img img img" "tips tips tips tips" "inst inst inst inst";
padding: 2rem 0rem 2rem 0rem;
color: #283455;
}
@media screen and (min-width: 600px) {
.Care__Category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". img img img img img img img img img img ." ". tips tips tips tips tips tips tips tips tips tips ." ". inst inst inst inst inst inst inst inst inst inst .";
}
}
@media screen and (min-width: 900px) {
.Care__Category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". title title title title title title title title title title ." ". img img img img img img img img img img ." ". tips tips tips tips tips tips tips tips tips tips ." ". inst inst inst inst inst inst inst inst inst inst .";
}
}
@media screen and (min-width: 1200px) {
.Care__Category {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title . . img img img img img ." ". tips tips tips tips tips tips . . . img img img img img ." ". inst inst inst inst inst inst inst inst . img img img img img ." ". inst inst inst inst inst inst inst inst . . . . . . .";
}
}
@media screen and (min-width: 600px) {
.Care__Category {
padding: 4.375rem 0rem 4.375rem 0rem;
}
}
.Care__Category .title {
grid-area: title;
font-size: 1.875rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.Care__Category .title {
font-size: 2.25rem;
margin-bottom: 2.5rem;
}
}
.Care__Category .img-wrapper {
grid-area: img;
margin-bottom: 1rem;
}
@media screen and (min-width: 600px) {
.Care__Category .img-wrapper {
margin-bottom: 0rem;
}
}
.Care__Category .img-wrapper img {
width: 100%;
}
.Care__Category .tips {
grid-area: tips;
margin-bottom: 2.5rem;
z-index: 1;
}
.Care__Category .tips .desc {
margin-bottom: 1.5rem;
}
.Care__Category .tips ul {
list-style: none;
margin-left: 0px;
}
@media screen and (min-width: 600px) {
.Care__Category .tips ul {
padding-left: 3rem;
margin-left: 1.375rem;
}
}
.Care__Category .tips ul li {
display: flex;
align-items: baseline;
}
.Care__Category .tips ul li img {
width: 16px;
margin-right: 0.5rem;
}
.Care__Category .tips ul li p {
position: relative;
top: -3px;
margin-bottom: 0;
}
.Care__Category .instructions {
grid-area: inst;
}
.Care__Category .instructions .instruction {
position: relative;
margin-bottom: 1.5rem;
padding: 1.25rem 1.5rem 1.625rem 1.5rem;
border-radius: 12px;
max-height: 171px;
background-color: #F9F3ED;
overflow-y: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
@media screen and (min-width: 600px) {
.Care__Category .instructions .instruction {
max-height: 158px;
padding: 1.25rem 1.5rem 1.25rem 1.5rem;
}
}
.Care__Category .instructions .instruction .read-more {
position: absolute;
margin-right: 1rem;
margin-bottom: 1rem;
right: 0;
bottom: 0;
text-align: right;
z-index: 3;
cursor: pointer;
}
.Care__Category .instructions .instruction .read-more p {
margin: 0;
}
.Care__Category .instructions .instruction .read-more .closed {
display: block;
}
.Care__Category .instructions .instruction .read-more .open {
display: none;
}
.Care__Category .instructions .instruction .read-more svg {
margin-left: 0.4rem;
}
.Care__Category .instructions .instruction .inst-title {
margin-bottom: 0.625rem;
}
@media screen and (min-width: 600px) {
.Care__Category .instructions .instruction .inst-title {
margin-bottom: 1rem;
}
}
.Care__Category .instructions .instruction .body {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
margin-bottom: 1.875rem;
max-width: 566px;
max-height: 68px;
overflow-y: hidden;
}
@media screen and (min-width: 600px) {
.Care__Category .instructions .instruction .body {
max-height: unset;
overflow-y: unset;
}
}
.Care__Category .instructions .instruction:last-of-type {
margin-bottom: 0px;
}
.Care__Category .instructions .instruction .icons {
opacity: 0;
margin-bottom: 2.625rem;
}
.Care__Category .instructions .instruction .icons .icon-group {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.Care__Category .instructions .instruction .icons .icon-group {
flex-direction: row;
}
}
.Care__Category .instructions .instruction .icons .icon-group .icon {
flex: 1;
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.Care__Category .instructions .instruction .icons .icon-group .icon .icon-img-wrapper {
margin-right: 0.75rem;
width: 40px;
height: 40px;
}
.Care__Category .instructions .instruction .icons .icon-group .icon .icon-img-wrapper img {
width: 40px;
}
.Care__Category .instructions .instruction .products {
opacity: 0;
margin-bottom: 2.625rem;
}
.Care__Category .instructions .instruction .products .products-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (min-width: 600px) {
.Care__Category .instructions .instruction .products .products-wrapper {
flex-direction: row;
}
}
.Care__Category .instructions .instruction .products .products-wrapper .product {
margin-top: 2rem;
flex: 1;
display: flex;
max-width: 282px;
}
.Care__Category .instructions .instruction .products .products-wrapper .product .img-wrapper {
margin-right: 1.25rem;
max-width: 100px;
}
.Care__Category .instructions .instruction .products .products-wrapper .product .desc {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.Care__Category .instructions .instruction .products .products-wrapper .product .desc .prod-title {
color: #283455;
}
.Care__Category .instructions .instruction .products .products-wrapper .product .desc .btn, .Care__Category .instructions .instruction .products .products-wrapper .product .desc .module--account-details-content .add-address, .module--account-details-content .Care__Category .instructions .instruction .products .products-wrapper .product .desc .add-address {
margin-bottom: 0px;
}
.Care__Category .instructions .instruction.expanded {
min-height: 158px;
max-height: 750px;
transition: max-height 0.4s ease-in-out;
}
.Care__Category .instructions .instruction.expanded .body {
max-height: unset;
-webkit-line-clamp: unset;
}
.Care__Category .instructions .instruction.expanded .read-more .closed {
display: none;
}
.Care__Category .instructions .instruction.expanded .read-more .open {
display: block;
}
.Care__Category .instructions .instruction.expanded .read-more .open .icon--arrow-dropdown {
transform: rotate(180deg);
}
.Care__Category .instructions .instruction.expanded .icons, .Care__Category .instructions .instruction.expanded hr, .Care__Category .instructions .instruction.expanded .products {
opacity: 1;
}
.module--loyalty-promotion {
color: #283455;
}
.module--loyalty-promotion .module-wrapper {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.module--loyalty-promotion .module-wrapper {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--loyalty-promotion .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "body body body body body body body body body body body body";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--loyalty-promotion .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "body body body body body body body body body body body body";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--loyalty-promotion .module-wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title title . . ." ". body body body body body body body body body body body body . . .";
}
}
.module--loyalty-promotion .module-body {
grid-area: body;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 1.5rem 1.875rem 1.875rem 1.875rem;
}
@media screen and (min-width: 600px) {
.module--loyalty-promotion .module-body {
text-align: left;
padding: 3rem 0;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
.module--loyalty-promotion .module-body {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". logo logo copy copy copy copy copy cta cta cta .";
}
}
@media screen and (min-width: 600px) and (min-width: 900px) {
.module--loyalty-promotion .module-body {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". logo logo copy copy copy copy copy cta cta cta .";
}
}
@media screen and (min-width: 600px) and (min-width: 1200px) {
.module--loyalty-promotion .module-body {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: ". logo logo copy copy copy copy copy copy cta cta .";
}
}
@media screen and (min-width: 1200px) {
.module--loyalty-promotion .module-body {
padding: 1.875rem 0;
}
}
.module--loyalty-promotion .module-title {
grid-area: title;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--loyalty-promotion .module-title {
margin-bottom: 1.5rem;
}
}
.module--loyalty-promotion .module-logo {
grid-area: logo;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--loyalty-promotion .module-logo {
margin-bottom: 0;
}
}
.module--loyalty-promotion .module-logo svg {
height: 100%;
width: 100%;
max-width: 100px;
max-height: 100px;
}
.module--loyalty-promotion .module-copy {
grid-area: copy;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
.module--loyalty-promotion .module-copy {
margin-bottom: 0;
}
}
.module--loyalty-promotion .module-copy .eyebrow {
text-transform: uppercase;
letter-spacing: 1.92px;
}
.module--loyalty-promotion .module-cta {
grid-area: cta;
}
.module--loyalty-promotion .module-cta button {
margin-bottom: 0;
}
.module--seo-copy-grid {
border-top: 1px solid #DDDDDD;
padding-top: 27px;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "title title title title" "copy copy copy copy";
}
@media screen and (min-width: 600px) {
.module--seo-copy-grid {
padding-top: 40px;
}
}
@media screen and (min-width: 600px) {
.module--seo-copy-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "copy copy copy copy copy copy copy copy copy copy copy copy";
}
}
@media screen and (min-width: 900px) {
.module--seo-copy-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title title title title title title title title title" "copy copy copy copy copy copy copy copy copy copy copy copy";
}
}
@media screen and (min-width: 1200px) {
.module--seo-copy-grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title title title title title title title title title title ." ". copy copy copy copy copy copy copy copy copy copy copy copy copy copy . ";
}
}
.module--seo-copy-title {
grid-area: title;
color: #777777;
margin-bottom: 1rem;
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.module--seo-copy-title.hover-active--underline, .module--seo-copy-title .hover-active--underline {
position: relative;
}
.module--seo-copy-title.hover-active--underline:after, .module--seo-copy-title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--seo-copy-title.hover-active--underline:hover, .module--seo-copy-title.hover-active--underline:active, .module--seo-copy-title.hover-active--underline.active, .module--seo-copy-title .hover-active--underline:hover, .module--seo-copy-title .hover-active--underline:active, .module--seo-copy-title .hover-active--underline.active {
cursor: pointer;
}
.module--seo-copy-title.hover-active--underline:hover:after, .module--seo-copy-title.hover-active--underline:active:after, .module--seo-copy-title.hover-active--underline.active:after, .module--seo-copy-title .hover-active--underline:hover:after, .module--seo-copy-title .hover-active--underline:active:after, .module--seo-copy-title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--seo-copy-toggle {
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
color: #777777;
margin-top: 30px;
text-decoration: underline;
}
.module--seo-copy-toggle.hover-active--underline, .module--seo-copy-toggle .hover-active--underline {
position: relative;
}
.module--seo-copy-toggle.hover-active--underline:after, .module--seo-copy-toggle .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--seo-copy-toggle.hover-active--underline:hover, .module--seo-copy-toggle.hover-active--underline:active, .module--seo-copy-toggle.hover-active--underline.active, .module--seo-copy-toggle .hover-active--underline:hover, .module--seo-copy-toggle .hover-active--underline:active, .module--seo-copy-toggle .hover-active--underline.active {
cursor: pointer;
}
.module--seo-copy-toggle.hover-active--underline:hover:after, .module--seo-copy-toggle.hover-active--underline:active:after, .module--seo-copy-toggle.hover-active--underline.active:after, .module--seo-copy-toggle .hover-active--underline:hover:after, .module--seo-copy-toggle .hover-active--underline:active:after, .module--seo-copy-toggle .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 600px) {
.module--seo-copy-toggle {
margin-top: 16px;
}
}
@media screen and (min-width: 1200px) {
.module--seo-copy-toggle {
display: none;
}
}
.module--seo-copy-copy {
grid-area: copy;
color: #777777;
font-family: BrandonTextWeb-Regular;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.module--seo-copy-copy.hover-active--underline, .module--seo-copy-copy .hover-active--underline {
position: relative;
}
.module--seo-copy-copy.hover-active--underline:after, .module--seo-copy-copy .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--seo-copy-copy.hover-active--underline:hover, .module--seo-copy-copy.hover-active--underline:active, .module--seo-copy-copy.hover-active--underline.active, .module--seo-copy-copy .hover-active--underline:hover, .module--seo-copy-copy .hover-active--underline:active, .module--seo-copy-copy .hover-active--underline.active {
cursor: pointer;
}
.module--seo-copy-copy.hover-active--underline:hover:after, .module--seo-copy-copy.hover-active--underline:active:after, .module--seo-copy-copy.hover-active--underline.active:after, .module--seo-copy-copy .hover-active--underline:hover:after, .module--seo-copy-copy .hover-active--underline:active:after, .module--seo-copy-copy .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--seo-copy-copy a {
color: #04247D;
text-decoration: underline;
font-family: BrandonTextWeb-Bold;
}
.module--seo-copy-copy a.hover-active--underline, .module--seo-copy-copy a .hover-active--underline {
position: relative;
}
.module--seo-copy-copy a.hover-active--underline:after, .module--seo-copy-copy a .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--seo-copy-copy a.hover-active--underline:hover, .module--seo-copy-copy a.hover-active--underline:active, .module--seo-copy-copy a.hover-active--underline.active, .module--seo-copy-copy a .hover-active--underline:hover, .module--seo-copy-copy a .hover-active--underline:active, .module--seo-copy-copy a .hover-active--underline.active {
cursor: pointer;
}
.module--seo-copy-copy a.hover-active--underline:hover:after, .module--seo-copy-copy a.hover-active--underline:active:after, .module--seo-copy-copy a.hover-active--underline.active:after, .module--seo-copy-copy a .hover-active--underline:hover:after, .module--seo-copy-copy a .hover-active--underline:active:after, .module--seo-copy-copy a .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--seo-copy-copy--hidden {
display: none;
}
@media screen and (min-width: 1200px) {
.module--seo-copy-copy.js-excerpt {
display: none;
}
}
.module--seo-copy p {
margin-bottom: 1rem;
}
.module--seo-copy p:last-of-type {
margin-bottom: 0;
}
.module--seo-copy u {
text-decoration: none;
color: #777777;
font-family: BrandonTextWeb-Bold;
font-size: 1rem;
letter-spacing: 0.01rem;
}
.module--seo-copy u.hover-active--underline, .module--seo-copy u .hover-active--underline {
position: relative;
}
.module--seo-copy u.hover-active--underline:after, .module--seo-copy u .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.module--seo-copy u.hover-active--underline:hover, .module--seo-copy u.hover-active--underline:active, .module--seo-copy u.hover-active--underline.active, .module--seo-copy u .hover-active--underline:hover, .module--seo-copy u .hover-active--underline:active, .module--seo-copy u .hover-active--underline.active {
cursor: pointer;
}
.module--seo-copy u.hover-active--underline:hover:after, .module--seo-copy u.hover-active--underline:active:after, .module--seo-copy u.hover-active--underline.active:after, .module--seo-copy u .hover-active--underline:hover:after, .module--seo-copy u .hover-active--underline:active:after, .module--seo-copy u .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.module--info-cards {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.module--info-cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.module--info-cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.module--info-cards {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.InfoCards {
margin-left: 0rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.InfoCards--Full {
width: calc(100% + 1.5rem);
margin-bottom: 32px;
}
@media screen and (min-width: 600px) {
.InfoCards--Full {
margin-bottom: 40px;
width: calc(100% + 2rem);
}
}
@media screen and (min-width: 900px) {
.InfoCards--Full {
margin-bottom: 60px;
}
}
@media screen and (min-width: 900px) {
.InfoCards {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 900px) {
.InfoCards--slider {
grid-column-start: 1;
grid-column-end: span 16;
}
}
.InfoCards__Pagination {
display: flex;
flex-flow: row nowrap;
width: 80px;
}
@media screen and (min-width: 600px) {
.InfoCards__Pagination {
width: auto;
padding-right: 2rem;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Pagination {
margin-top: 40px;
}
}
.InfoCards__CardList .InfoCards__Cta {
text-align: center;
width: 100%;
border-radius: 16px;
padding: 10px 0;
border: 1px solid #283455;
background: transparent;
text-decoration: none;
display: block;
outline: none;
color: #283455;
transition: color 100ms cubic-bezier(0.33, 1, 0.68, 1), background 100ms cubic-bezier(0.33, 1, 0.68, 1);
font-family: BrandonTextWeb-Bold;
font-size: 0.875rem;
letter-spacing: -0.00874rem;
}
.InfoCards__CardList .InfoCards__Cta.hover-active--underline, .InfoCards__CardList .InfoCards__Cta .hover-active--underline {
position: relative;
}
.InfoCards__CardList .InfoCards__Cta.hover-active--underline:after, .InfoCards__CardList .InfoCards__Cta .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.InfoCards__CardList .InfoCards__Cta.hover-active--underline:hover, .InfoCards__CardList .InfoCards__Cta.hover-active--underline:active, .InfoCards__CardList .InfoCards__Cta.hover-active--underline.active, .InfoCards__CardList .InfoCards__Cta .hover-active--underline:hover, .InfoCards__CardList .InfoCards__Cta .hover-active--underline:active, .InfoCards__CardList .InfoCards__Cta .hover-active--underline.active {
cursor: pointer;
}
.InfoCards__CardList .InfoCards__Cta.hover-active--underline:hover:after, .InfoCards__CardList .InfoCards__Cta.hover-active--underline:active:after, .InfoCards__CardList .InfoCards__Cta.hover-active--underline.active:after, .InfoCards__CardList .InfoCards__Cta .hover-active--underline:hover:after, .InfoCards__CardList .InfoCards__Cta .hover-active--underline:active:after, .InfoCards__CardList .InfoCards__Cta .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
.InfoCards__CardList .InfoCards__Cta:hover, .InfoCards__CardList .InfoCards__Cta:focus {
background: #283455;
color: #FFFFFF;
}
.InfoCards__CardList .InfoCards__Card {
margin-top: 24px;
}
.InfoCards__CardList .InfoCards__Card--Highlighted {
margin: 0;
}
.InfoCards__CardList .InfoCards__Card:hover, .InfoCards__CardList .InfoCards__Card:hover .InfoCards__Main, .InfoCards__CardList .InfoCards__Card:focus {
box-shadow: none;
border-color: transparent;
}
.InfoCards__CardList .InfoCards__Cta {
margin-top: 32px;
}
.InfoCards__Arrow {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.InfoCards__Arrow:first-of-type {
margin-right: 8px;
transform: rotate(180deg);
}
.InfoCards__Arrow svg {
width: 14px;
transition: fill 100ms cubic-bezier(0.33, 1, 0.68, 1);
}
.InfoCards__Arrow--Disabled {
pointer-events: none;
}
.InfoCards__Arrow--Disabled svg {
fill: #DDDDDD;
}
.InfoCards__CardList .InfoCards__Main {
height: 100%;
display: flex;
margin: 0;
justify-content: space-between;
}
.InfoCards__Wrapper {
overflow-x: hidden;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Wrapper {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "none";
}
}
.InfoCards__Wrapper .InfoCards__Header {
overflow: hidden;
width: calc(100% - 1.5rem);
margin-bottom: 16px;
grid-column-start: 1;
grid-column-end: span 4;
}
.InfoCards__Wrapper .InfoCards__Header .h_2, .InfoCards__Wrapper .InfoCards__Header #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, #reviewsModuleV1 .yotpo .main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header .InfoCards__Wrapper .InfoCards__Header span {
margin-bottom: 16px;
text-transform: none;
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper .InfoCards__Header {
width: auto;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper .InfoCards__Header {
margin-bottom: 0;
}
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-start: 1;
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-start: 2;
}
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-end: span 4;
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Wrapper .InfoCards__Header {
grid-column-end: span 4;
}
}
.InfoCards__Wrapper .InfoCards__CardList {
overflow-x: hidden;
grid-column-end: span 4;
grid-column-start: 1;
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-end: span 10;
}
}
@media screen and (min-width: 600px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-start: 1;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-start: 7;
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Wrapper .InfoCards__CardList {
grid-column-start: 7;
}
}
.InfoCards__Wrapper .InfoCards__CardList .InfoCards__Highlight {
margin: 0;
}
.InfoCards__Wrapper .InfoCards__CardList .InfoCards__Card {
margin-bottom: 4px;
}
.InfoCards__Text {
width: calc(100% - 80px);
padding-right: 8px;
}
.InfoCards__Text .title {
font-family: BrandonTextWeb-Bold;
font-size: 1.125rem;
margin-bottom: 0.2em;
}
.InfoCards__Text .title.hover-active--underline, .InfoCards__Text .title .hover-active--underline {
position: relative;
}
.InfoCards__Text .title.hover-active--underline:after, .InfoCards__Text .title .hover-active--underline:after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 1px;
bottom: -1px;
background-color: #283455;
transform: scaleX(0);
transform-origin: right;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.InfoCards__Text .title.hover-active--underline:hover, .InfoCards__Text .title.hover-active--underline:active, .InfoCards__Text .title.hover-active--underline.active, .InfoCards__Text .title .hover-active--underline:hover, .InfoCards__Text .title .hover-active--underline:active, .InfoCards__Text .title .hover-active--underline.active {
cursor: pointer;
}
.InfoCards__Text .title.hover-active--underline:hover:after, .InfoCards__Text .title.hover-active--underline:active:after, .InfoCards__Text .title.hover-active--underline.active:after, .InfoCards__Text .title .hover-active--underline:hover:after, .InfoCards__Text .title .hover-active--underline:active:after, .InfoCards__Text .title .hover-active--underline.active:after {
transform: scaleX(1);
transform-origin: left;
}
@media screen and (min-width: 900px) {
.InfoCards__Text .title {
font-size: 1.25rem;
}
}
.InfoCards__Text .description {
font-size: 1rem;
}
@media screen and (min-width: 900px) {
.InfoCards__Text .description {
font-size: 1rem;
}
}
.InfoCards__Upper {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.InfoCards__Upper .InfoCards__Img {
width: 64px;
position: relative;
overflow: hidden;
border-radius: 50%;
}
@media screen and (min-width: 900px) {
.InfoCards__Upper .InfoCards__Img {
width: 80px;
}
}
.InfoCards__Upper .InfoCards__Img img {
width: 100%;
}
.InfoCards__Stats {
margin: 0;
list-style: none;
}
.InfoCards__Stats .InfoCards__Stat:last-of-type {
margin-bottom: 0;
}
.InfoCards__Header {
color: #283455;
display: flex;
flex-flow: row nowrap;
}
@media screen and (min-width: 900px) {
.InfoCards__Header {
flex-flow: column;
justify-content: center;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Header .InfoCards__Text {
width: 100%;
}
}
.InfoCards__Stat {
margin-bottom: 12px;
}
@media screen and (min-width: 900px) {
.InfoCards__Stat {
margin-bottom: 16px;
}
}
.InfoCards__Stat p {
margin: 0;
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.InfoCards--grid {
grid-column-start: 1;
grid-column-end: span 12;
}
}
@media screen and (min-width: 900px) {
.InfoCards--grid {
grid-column-start: 2;
grid-column-end: 16;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) and (min-width: 600px) {
.InfoCards--grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "none";
}
}
@media screen and (min-width: 900px) and (min-width: 900px) {
.InfoCards--grid {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(5, 1fr);
grid-template-areas: "card card card card card";
}
}
@media screen and (min-width: 900px) and (min-width: 1200px) {
.InfoCards--grid {
grid-gap: 0 0.5rem;
grid-template-columns: repeat(5, 1fr);
grid-template-areas: "card card card card card";
}
}
.InfoCards--grid.InfoCards--centered {
display: flex;
justify-content: center;
}
.InfoCards--grid.InfoCards--centered .InfoCards__Card {
width: 246px;
margin-right: 1.5rem;
}
.InfoCards--grid.InfoCards--centered .InfoCards__Card:last-of-type {
margin-right: 0;
}
.InfoCards__Arrows {
grid-column-start: 1;
grid-column-end: span 4;
display: flex;
justify-content: flex-end;
padding-top: 0.188rem;
}
@media screen and (min-width: 600px) {
.InfoCards__Arrows {
grid-column-start: 1;
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.InfoCards__Arrows {
grid-column-start: 2;
grid-column-end: span 15;
}
}
.InfoCards__Arrows .splide__arrow--button {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
cursor: pointer;
}
.InfoCards__Arrows .splide__arrow--button svg {
height: 100%;
width: 100%;
fill: #283455;
}
.InfoCards__Arrows .splide__prev {
transform: scaleX(-1);
}
.InfoCards__Arrows.carousel-start .splide__prev {
pointer-events: none;
opacity: 0.5;
}
.InfoCards__Arrows.carousel-end .splide__next {
pointer-events: none;
opacity: 0.5;
}
.InfoCards__Card {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 315px;
color: #283455;
border-radius: 10px;
text-decoration: none;
}
.InfoCards__Card:hover .InfoCards__Main {
color: #283455;
box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
}
.InfoCards__Card:focus {
color: #283455;
border: 2px solid #283455;
}
.InfoCards__Highlight {
padding-top: 0.3rem;
background-color: #AEB6A7;
text-align: center;
border-radius: 10px 10px 0px 0px;
height: 24px;
color: #FFFFFF;
transition: box-shadow 0.3s ease-in-out;
}
@media screen and (min-width: 1200px) {
.InfoCards__Highlight {
margin: 0rem 0.5rem 0px 0.5rem;
}
}
.InfoCards__Highlight p {
margin-bottom: 0;
}
.InfoCards__Main {
display: flex;
flex-direction: column;
padding: 1.25rem;
height: 291px;
background-color: #F9F3ED;
border-radius: 10px;
transition: box-shadow 0.3s ease-in-out;
}
@media screen and (min-width: 1200px) {
.InfoCards__Main {
margin: 0rem 0.5rem 0.5px 0.5rem;
}
}
.InfoCards__Main--Highlighted {
background-color: #EFF0ED;
border-radius: 0px 0px 10px 10px;
}
.InfoCards__Img {
width: 4rem;
height: 4rem;
margin-bottom: 1rem;
border-radius: 2rem;
}
.InfoCards__Img--Icon {
background-color: #FFFAF7;
padding: 0.75rem;
}
@media screen and (min-width: 900px) {
.InfoCards__Img {
width: 5rem;
height: 5rem;
border-radius: 2.5rem;
}
.InfoCards__Img--Icon {
background-color: #FFFAF7;
padding: 1rem;
}
}
.InfoCards__Img img {
width: 100%;
}
.InfoCards__Img__Photo {
border-radius: 2rem;
}
@media screen and (min-width: 900px) {
.InfoCards__Img__Photo {
border-radius: 2.5rem;
}
}
.InfoCards__Title {
margin-bottom: 0;
}
.InfoCards__Body {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.InfoCards__Body {
max-width: 219px;
}
}
@media screen and (min-width: 900px) {
.InfoCards__Body {
max-width: 150px;
}
}
.InfoCards__Cta {
margin-top: auto;
margin-bottom: 0;
}
.MediaInfoCards {
margin-left: 0rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
.MediaInfoCards {
margin-top: 4rem;
margin-bottom: 4rem;
grid-column-start: 1;
grid-column-end: span 16;
}
}
.MediaInfoCards__Arrows {
grid-column-start: 1;
grid-column-end: span 4;
display: flex;
justify-content: flex-end;
padding-top: 0.188rem;
}
@media screen and (min-width: 600px) {
.MediaInfoCards__Arrows {
grid-column-start: 1;
grid-column-end: span 10;
}
}
@media screen and (min-width: 1200px) {
.MediaInfoCards__Arrows {
grid-column-start: 2;
grid-column-end: span 15;
}
}
.MediaInfoCards__Arrows .splide__arrow--button {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
cursor: pointer;
}
.MediaInfoCards__Arrows .splide__arrow--button svg {
height: 100%;
width: 100%;
fill: #283455;
}
.MediaInfoCards__Arrows .splide__prev {
transform: scaleX(-1);
}
.MediaInfoCards__Arrows.carousel-start .splide__prev {
pointer-events: none;
opacity: 0.5;
}
.MediaInfoCards__Arrows.carousel-end .splide__next {
pointer-events: none;
opacity: 0.5;
}
.MediaInfoCards__Arrow {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.MediaInfoCards__Arrow:first-of-type {
margin-right: 8px;
transform: rotate(180deg);
}
.MediaInfoCards__Arrow svg {
width: 14px;
transition: fill 100ms cubic-bezier(0.33, 1, 0.68, 1);
}
.MediaInfoCards__Arrow--Disabled {
pointer-events: none;
}
.MediaInfoCards__Arrow--Disabled svg {
fill: #DDDDDD;
}
.MediaInfoCard {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 456px;
color: #283455;
border-radius: 10px;
text-decoration: none;
}
.MediaInfoCard:hover .MediaInfoCard__Main {
color: #283455;
box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
}
.MediaInfoCard:focus {
color: #283455;
}
.MediaInfoCard:focus .MediaInfoCard__Main {
border: 2px solid rgb(40, 52, 85);
}
.MediaInfoCard__Highlight {
visibility: hidden;
padding-top: 0.3rem;
background-color: #AEB6A7;
text-align: center;
border-radius: 10px 10px 0px 0px;
height: 24px;
color: #FFFFFF;
transition: box-shadow 0.3s ease-in-out;
}
.MediaInfoCard__Highlight--Active {
visibility: visible;
}
.MediaInfoCard__Highlight p {
margin-bottom: 0;
}
.MediaInfoCard__Main {
display: flex;
flex-direction: column;
background-color: #F9F3ED;
border-radius: 10px;
transition: box-shadow 0.3s ease-in-out;
border: 2px solid rgba(40, 52, 85, 0);
}
.MediaInfoCard__Media {
width: 100%;
}
.MediaInfoCard__Media img, .MediaInfoCard__Media video {
width: 100%;
border-radius: 10px 10px 0px 0px;
}
.MediaInfoCard__Text {
margin-top: -0.75rem;
display: flex;
flex-direction: column;
background-color: #F9F3ED;
padding: 1rem 1.25rem 1.25rem 1.25rem;
border-radius: 10px;
height: 190px;
}
@media screen and (min-width: 900px) {
.MediaInfoCard__Text {
height: 210px;
}
}
.MediaInfoCard__Title {
margin-bottom: 0.25rem;
}
.MediaInfoCard__Subtitle {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.75rem;
}
.MediaInfoCard__SavingsLabel {
margin-right: 0.5rem;
align-self: center;
}
.MediaInfoCard__Savings {
padding: 0.1rem 0.5rem;
border-radius: 6px;
background-color: #EFF0ED;
color: #5D6E50;
}
.MediaInfoCard__Savings span {
position: relative;
top: 2px;
}
.MediaInfoCard__Body {
margin-bottom: 0;
}
.MediaInfoCard__Cta {
margin-top: auto;
margin-bottom: 0;
}
.MediaInfoCard__Cta .hover-active--underline::after {
top: 18px;
}
.MediaInfoCard--Highlighted {
border-radius: 10px;
border: 2px solid rgba(40, 52, 85, 0);
}
.MediaInfoCard--Highlighted:focus {
border: 2px solid rgb(40, 52, 85);
}
.MediaInfoCard--Highlighted:focus .MediaInfoCard__Main {
border: none;
}
.MediaInfoCard--Highlighted .MediaInfoCard__Main {
border: none;
border-radius: 0px 0px 10px 10px;
}
.MediaInfoCard--Highlighted .MediaInfoCard__Text {
background-color: #EFF0ED;
}
.MediaInfoCard--Highlighted .MediaInfoCard__Media img, .MediaInfoCard--Highlighted .MediaInfoCard__Media video {
border-radius: 0px;
}
.MediaInfoCard--Highlighted .MediaInfoCard__Savings {
background-color: #AEB6A7;
color: #FFFFFF;
}
.module--parallax {
position: relative;
aspect-ratio: 8/9;
overflow: hidden;
}
@media screen and (min-width: 600px) {
.module--parallax {
aspect-ratio: 16/7;
}
}
.module--parallax__content {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "top top top top" "middle middle middle middle" "bottom bottom bottom bottom";
}
@media screen and (min-width: 600px) {
.module--parallax__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "left left left left middle middle middle middle right right right right";
}
}
@media screen and (min-width: 900px) {
.module--parallax__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "left left left left middle middle middle middle right right right right";
}
}
@media screen and (min-width: 1200px) {
.module--parallax__content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "left left left left left middle middle middle middle middle middle right right right right right";
}
}
.module--parallax__content-wrapper {
grid-area: middle;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #283455;
}
.module--parallax__content-wrapper .h_1 {
margin-bottom: 12px;
}
.module--parallax__content-wrapper .p_1 {
margin-bottom: 0;
}
.module--parallax__content-wrapper .h_1, .module--parallax__content-wrapper .p_1 {
text-align: center;
max-width: 330px;
}
@media screen and (min-width: 600px) {
.module--parallax__content-wrapper .h_1, .module--parallax__content-wrapper .p_1 {
max-width: 500px;
}
}
.module--parallax__content-white {
color: #FFFFFF;
}
.module--parallax__layer {
position: absolute;
width: 100%;
aspect-ratio: 8/12;
}
@media screen and (min-width: 600px) {
.module--parallax__layer {
aspect-ratio: 16/9;
}
}
.module--parallax__layer-1 {
z-index: 2;
top: 5%;
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "top top top top" "middle middle middle middle" "bottom bottom bottom bottom";
}
@media screen and (min-width: 600px) {
.module--parallax__layer-1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "left left left left middle middle middle middle right right right right";
}
}
@media screen and (min-width: 900px) {
.module--parallax__layer-1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "left left left left middle middle middle middle right right right right";
}
}
@media screen and (min-width: 1200px) {
.module--parallax__layer-1 {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "left left left left left middle middle middle middle middle middle right right right right right";
}
}
.module--parallax__layer-2 {
z-index: 1;
top: -20%;
}
.module--parallax__graphic {
width: 100%;
height: auto;
}
.module--parallax__graphic-top, .module--parallax__graphic-bottom {
max-height: 260px;
}
@media screen and (min-width: 600px) {
.module--parallax__graphic-top, .module--parallax__graphic-bottom {
display: none;
}
}
.module--parallax__graphic-left, .module--parallax__graphic-right {
display: none;
}
@media screen and (min-width: 600px) {
.module--parallax__graphic-left, .module--parallax__graphic-right {
display: block;
}
}
.module--parallax__graphic-top {
grid-area: top;
}
.module--parallax__graphic-right {
grid-area: right;
}
.module--parallax__graphic-bottom {
grid-area: bottom;
}
.module--parallax__graphic-left {
grid-area: left;
}
.module--parallax__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.module--parallax__background-desktop {
display: none;
}
@media screen and (min-width: 600px) {
.module--parallax__background-desktop {
display: block;
}
}
.module--parallax__background-mobile {
top: -10%;
}
@media screen and (min-width: 600px) {
.module--parallax__background-mobile {
display: none;
}
}
/*============================================================================
#Sticky CTA Bar on the Trade Page
==============================================================================*/
.module--sticky-cta-bar {
border-top: 1px solid #DDDDDD;
background-color: #fdfaf8;
color: #283455;
z-index: 9;
position: fixed; /* Make it stick/fixed */
bottom: -200px; /* Hide the navbar 50 px outside of the top view */
width: 100%; /* Full width */
transition: all 300ms; /* Transition effect when sliding down (and up) */
padding: 1.2rem 0;
}
.module--sticky-cta-bar .content {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "buttons buttons buttons buttons";
}
@media screen and (min-width: 600px) {
.module--sticky-cta-bar .content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title . buttons buttons buttons buttons buttons buttons buttons";
}
}
@media screen and (min-width: 900px) {
.module--sticky-cta-bar .content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "title title title title . buttons buttons buttons buttons buttons buttons buttons";
}
}
@media screen and (min-width: 1200px) {
.module--sticky-cta-bar .content {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: ". title title title title title . . . buttons buttons buttons buttons buttons buttons .";
}
}
.module--sticky-cta-bar .title {
display: none;
}
@media screen and (min-width: 600px) {
.module--sticky-cta-bar .title {
display: flex;
grid-area: title;
align-items: center;
}
}
.module--sticky-cta-bar .button-wrapper {
grid-area: buttons;
display: flex;
flex-direction: row;
align-items: center;
}
@media screen and (min-width: 600px) {
.module--sticky-cta-bar .button-wrapper {
justify-content: flex-end;
}
}
.module--sticky-cta-bar .button-wrapper .btn, .module--sticky-cta-bar .button-wrapper .module--account-details-content .add-address, .module--account-details-content .module--sticky-cta-bar .button-wrapper .add-address {
margin-bottom: 0;
flex-grow: 1;
grid-template-columns: none;
}
@media screen and (min-width: 600px) {
.module--sticky-cta-bar .button-wrapper .btn, .module--sticky-cta-bar .button-wrapper .module--account-details-content .add-address, .module--account-details-content .module--sticky-cta-bar .button-wrapper .add-address {
grid-template-columns: minmax(200px, max-content);
flex-grow: 0;
}
}
.module--sticky-cta-bar .button-wrapper .btn:first-child, .module--sticky-cta-bar .button-wrapper .module--account-details-content .add-address:first-child, .module--account-details-content .module--sticky-cta-bar .button-wrapper .add-address:first-child {
margin: 0 0.75rem 0 0;
flex-grow: 2;
}
@media screen and (min-width: 600px) {
.module--sticky-cta-bar .button-wrapper .btn:first-child, .module--sticky-cta-bar .button-wrapper .module--account-details-content .add-address:first-child, .module--account-details-content .module--sticky-cta-bar .button-wrapper .add-address:first-child {
margin: 0 0.75rem 0 0;
flex-grow: 0;
}
}
.module--promo-banner {
margin-top: 0px;
margin-bottom: 5px;
background: #DDE3EC;
}
@media screen and (min-width: 1200px) {
.module--promo-banner {
margin-top: 0px;
margin-bottom: 8px;
}
}
.module .promo-banner--left {
display: grid;
grid-gap: 0 1rem;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "header header header header" "cta cta cta cta";
}
@media screen and (min-width: 600px) {
.module .promo-banner--left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header header header header header header header cta";
}
}
@media screen and (min-width: 900px) {
.module .promo-banner--left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "header header header header header header header header header header header cta";
}
}
@media screen and (min-width: 1200px) {
.module .promo-banner--left {
grid-gap: 0 1.5rem;
grid-template-columns: repeat(16, 1fr);
grid-template-areas: "header header header header header header header header header header header header header header header cta";
}
}
.module .promo-banner--left .promo-banner__btn {
margin-top: 1.5rem;
}
@media screen and (min-width: 600px) {
.module .promo-banner--left .promo-banner__btn {
margin-top: 0;
}
}
.module .promo-banner--center {
display: flex;
flex-direction: column;
text-align: center;
}
@media screen and (min-width: 900px) {
.module .promo-banner--center {
flex-direction: row;
justify-content: center;
}
}
.module .promo-banner--center .promo-banner__btn.btn--primary {
margin-top: 1.5rem;
}
.module .promo-banner--center .promo-banner__btn.btn--secondary {
margin-top: 2rem;
}
.module .promo-banner__container {
align-items: center;
color: #283455;
}
.module .promo-banner__copy {
grid-area: header;
}
.module .promo-banner__copy p {
margin-top: 1rem;
margin-bottom: 0;
}
.module .promo-banner__btn {
margin-bottom: 0;
grid-area: cta;
}
@media screen and (min-width: 900px) {
.module .promo-banner__btn {
margin-left: 40px;
}
}
@media screen and (min-width: 900px) {
.module .promo-banner__btn.btn.btn--primary, .module .module--account-details-content .promo-banner__btn.btn--primary.add-address, .module--account-details-content .module .promo-banner__btn.btn--primary.add-address, .module .promo-banner__btn.btn.btn--secondary, .module .module--account-details-content .promo-banner__btn.btn--secondary.add-address, .module--account-details-content .module .promo-banner__btn.btn--secondary.add-address {
margin-top: 0;
}
}
.module .promo-banner__btn.btn.btn--secondary.secondary--white a, .module .module--account-details-content .promo-banner__btn.btn--secondary.secondary--white.add-address a, .module--account-details-content .module .promo-banner__btn.btn--secondary.secondary--white.add-address a {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.template--bfcm {
padding: 80px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (min-width: 480px) {
.template--bfcm {
padding: 160px 0;
}
}
.template--bfcm .bfcm {
max-width: 327px;
margin: auto;
text-align: center;
}
@media screen and (min-width: 480px) {
.template--bfcm .bfcm {
max-width: 582px;
}
}
@media screen and (min-width: 768px) {
.template--bfcm .bfcm {
max-width: 850px;
}
}
.template--bfcm .bfcm--header {
margin: 0 auto 16px;
max-width: 582px;
}
.template--bfcm .bfcm--fineprint {
text-align: center;
}
.template--bfcm .bfcm--form {
max-width: 263px;
margin: 40px auto;
}
.template--bfcm .bfcm--form input {
border-color: #ddd;
}
.template--bfcm .bfcm--form input:hover {
border-color: #04247d;
}
.template--bfcm .bfcm--form p {
color: #283455;
text-align: center;
}
.FullBleedHero {
position: relative;
padding: 24px 0;
margin-top: 20px;
}
@media screen and (min-width: 600px) {
.FullBleedHero {
aspect-ratio: 16/9;
margin-top: 0px;
}
}
.FullBleedHero--Light {
color: #FFFFFF;
}
.FullBleedHero__Caption {
font-size: 1.25rem;
}
.FullBleedHero .module-content {
aspect-ratio: 8/9;
z-index: 99;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #283455;
}
@media screen and (min-width: 600px) {
.FullBleedHero .module-content {
aspect-ratio: 16/9;
}
}
.FullBleedHero .module-content .mobile {
display: grid;
}
@media screen and (min-width: 600px) {
.FullBleedHero .module-content .mobile {
display: none;
}
}
.FullBleedHero .module-content .desktop {
display: none;
}
@media screen and (min-width: 600px) {
.FullBleedHero .module-content .desktop {
display: grid;
}
}
.FullBleedHero__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.FullBleedHero__background-desktop {
display: none;
}
@media screen and (min-width: 600px) {
.FullBleedHero__background-desktop {
display: block;
}
}
.FullBleedHero__background-mobile {
top: -10%;
}
@media screen and (min-width: 600px) {
.FullBleedHero__background-mobile {
display: none;
}
}
.FullBleedHero .hero-logo {
width: 156px;
height: auto;
margin-bottom: 12px;
}
@media screen and (min-width: 600px) {
.FullBleedHero .hero-logo {
width: 271px;
margin-bottom: 24px;
}
}
.FullBleedHero[data-align=top] .module-content {
justify-content: flex-start;
}
.ProductGrid__Header {
color: #283455;
padding: 0rem 4rem;
}
/*# sourceMappingURL=//www.brooklinen.com/cdn/shop/t/2821/assets/stylesheet-v1.css.map?v=119240691632886669921713475717 */