html:root {
--ideal-width: 1440px;
--container-margin: 48px;
--container-inner-width: min(100vw - var(--container-margin)* 2, var(--ideal-width));
--success: #31862D;
--success-foreground: #FFFFFF;
--error: #DD4242;
--error-foreground: #FFFFFF;
--cart-dot-foreground: #fff;
--cart-dot-background: #CC1122;
--soldout: ;
--placeholder-bg: rgba(233, 233, 233);
--review-stars: #FFCC00;
--font-body-family: "Open Sans", sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-line-height: 1.6;
--font-body-letter-spacing: 0.0em;
--font-body-text-transform: none;
--font-heading-family: "Bricolage Grotesque", sans-serif;
--font-heading-style: normal;
--font-heading-weight: 500;
--font-heading-line-height: 1;
--font-heading-letter-spacing: -0.01em;
--font-heading-text-transform: none;
--font-subheader-family: var(--font-body-family);
--font-subheader-style: var(--font-body-style);
--font-subheader-weight: var(--font-body-weight);
--font-subheader-text-transform: uppercase;
--font-subheader-line-height: ;
--font-subheader-letter-spacing: 0.2em;
--font-button-family: var(--font-heading-family);
--font-button-style: var(--font-heading-style);
--font-button-weight: var(--font-heading-weight);
--font-button-text-transform: uppercase;
--font-button-size: 14px;
--font-button-letter-spacing: 0.06em;
--font-site-header-family: var(--font-heading-family);
--font-site-header-style: var(--font-heading-style);
--font-site-header-weight: var(--font-heading-weight);
--font-site-header-text-transform: none;
--font-site-header-size: 15px;
--font-site-header-letter-spacing: 0.0em;
--font-navigation-family: var(--font-body-family);
--font-navigation-style: var(--font-body-style);
--font-navigation-weight: var(--font-body-weight);
--font-navigation-text-transform: none;
--font-navigation-size: 16px;
--font-navigation-line-height: 1.6;
--font-navigation-letter-spacing: 0.02em;
--font-badge-family: var(--font-body-family);
--font-badge-style: var(--font-body-style);
--font-badge-weight: var(--font-body-weight);
--font-badge-text-transform: uppercase;
--font-badge-size: 11px;
--font-badge-letter-spacing: 0.1em;
--badge-border-radius: 200px;
--drawers-overlay-alpha: 0.3;
--drawers-overlay-blur: 4px;
--modals-overlay-alpha: 0.3;
--modals-overlay-blur: 4px;
--card-border-radius: 0px;
--card-body-padding: 24px;
--card-media-padding: 24px;
--button-border-radius: 4px;
--button-padding: 0.6em 1.8em;
--button-round-padding: 0.6em;
--modal-border-radius: 8px;
--icon-stroke: 1.6;
--icon-stroke-px: 1.6px;
--br-img: 0;
--input-background: #FFFFFF;
--input-foreground: #111111;
--input-border-width: 0px;
--input-border-color: #DDDDDD;
--input-border-radius: 6px;
--input-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, .25);
--input-letter-spacing: 0;
--hover-close-url: url(data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .cross-line%7Bfill:none;stroke:%23000000;stroke-linecap:round;stroke-width:1.6;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23FFFFFF' stroke-width='1.6' stroke='%23000000'/%3E%3Cline class='cross-line' x1='27' y1='17' x2='17' y2='27'/%3E%3Cline class='cross-line' x1='17' y1='17' x2='27' y2='27'/%3E%3C/svg%3E);
--sticky-header-margin-top: 0;
}
a, a:visited {
color:#1897ca;
font-weight: 400;
}
@media only screen and (min-width: 768px) {
body {
--font-size: 1.8rem;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 400;
}
body, button, input, optgroup, select, textarea {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
body p {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
body h1 {
font-family: "Bricolage Grotesque", sans-serif;
}
body h2 {
font-family: "Bricolage Grotesque", sans-serif;
}
section.ds-related,
body.post-type-archive #content {
padding-bottom:6rem!important;
}
.smallcaps {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size:1vw;
letter-spacing: .1rem;
}
.smallestcaps {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size:.8vw;
letter-spacing: .07rem;
}
@media (max-width:768px) {
.smallcaps {
font-size:3vw;
}
.smallestcaps {
font-size:3vw;
}
}
html.js .drawer.is-open .page-overlay {
cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .cross-line%7Bfill:none;stroke:%23000000;stroke-linecap:round;stroke-width:1.6;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23FFFFFF' stroke-width='1.6' stroke='%23000000'/%3E%3Cline class='cross-line' x1='27' y1='17' x2='17' y2='27'/%3E%3Cline class='cross-line' x1='17' y1='17' x2='27' y2='27'/%3E%3C/svg%3E") 18 18, auto!important;
}
.shopify-section.site-header {
position: sticky;
top: 0;
z-index: 4;
}
@media (max-width:768px) {
.newsletter-section.container,
#SiteFooter-sections--16606217568340__footer.container {
width:100%!important;
max-width:100%!important;
grid-column-gap: 0;
grid-template-columns: none;
padding-left:25px;
padding-right:25px;
}
} @media (min-width:768px) {
.footer.shopify-match.container {
width:var(--ideal-width)!important;
max-width:var(--ideal-width)!important;
margin-left: auto;
margin-right:auto;
}
}
.shopify-match .container {
width:var(--ideal-width)!important;
max-width:var(--ideal-width)!important;
}
@media (max-width:768px) {
#main .container {
grid-column-gap: 0;
grid-template-columns: 1fr;
max-width: 100%;
padding-left: 25px!important;
padding-right: 25px!important;
}
}
.shopify-match-footer-col {
width:auto!important;
}
#subnav {
margin-top: 93px;
}
#MainHeader.shopify-match {
box-shadow: none;
background:#FFF;
display: grid;
padding-top:0;
padding-bottom:0;
}
.drawer {
transition: all .3s ease;
}
.drawer.shopify-match-show {
visibility:visible!important;
opacity:1!important;
}
.drawer.shopify-match-show .drawer-panel {
visibility:visible!important;
opacity:1!important;
transform: translate(0);
transition: all .3s ease;
} @media (max-width:768px) {
.drawer-header .close--submenu {
place-content: center start!important;
min-width:auto!important;
}
html.js [data-accordion-item].is-open .drawer-submenu__panel {
z-index: 10!important;
}
.drawer-submenu__panel-container {
z-index: 70!important;
}
.drawer-submenu__panel {
background-color: #FFF!important;
}
.drawer .drawer-submenu__panel .drawer-header{ }
.drawer .drawer-panel.has-open-submenu  .drawer-header a.close {
display: none!important;
}
.drawer .drawer-panel.has-open-submenu  .drawer-header a,
.drawer .drawer-panel.has-open-submenu  .drawer-header button {
cursor:pointer;
color:#002e47;
}
}
.drawer .drawer-panel .drawer-menu__item.is-single {
text-align: left!important;
color:#002e47;
}
.drawer .drawer-panel.has-open-submenu {
background-color: #F0F0F0;
}
.drawer .drawer-panel .drawer-submenu__panel-container { }
html.js .drawer-panel .drawer-submenu__panel {
background-color: #FFF;
}
.drawer .drawer-panel .drawer-submenu__item {
font-size: max(16px);
color: #002e47;
font-weight: 400;
text-align: left;
}
.drawer .drawer-panel .drawer-subsubmenu__item {
color: #002e47;
line-height: 1.5;
font-weight: 400;
text-align: left;
}
.drawer .drawer-panel .drawer-menu__item.is-open label span:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px; transition: all .3s ease-out;
background-color:#002e47;
}
.drawer .drawer-panel {
background-color: #FFF;
color: #002e47;
transition: all .3s ease;
}
@media (max-width:768px) { .drawer-submenu__panel {
padding-top:80px!important;
}
.drawer-submenu__panel .drawer-header {
position: absolute!important;
z-index: 999999!important;
top:0!important;
}
.drawer-submenu__panel .drawer-content {
position: relative;
z-index: 10!important;
}
.has-open-submenu .drawer-header#main-drawer-header {
pointer-events: none;
display: none;
}
}
.drawer .drawer-panel .drawer-header {
box-shadow: none; position: static;
max-height:80px;
z-index: inherit;
left:inherit;
right:inherit;
top:inherit;
}
.drawer .drawer-panel .drawer-header .close {
min-height: inherit;
min-width: inherit;
color:#012E47;
}
header.shopify-match .header-shortlink {
font-family: "Bricolage Grotesque", sans-serif!important;
font-optical-sizing: auto;
font-weight: var(--font-heading-weight);
font-style: normal;
}
header.shopify-match .header-shortlink {
color:#012E47;
}
header.shopify-match .header-item__link {
color:#012E47;
}
.announcements-bar.shopify-match .announcement {
background:#1897ca;
color:#0b0b0b;
font-family: "Bricolage Grotesque", sans-serif!important;
font-optical-sizing: auto;
font-weight: var(--font-heading-weight);
font-style: normal;
}
.announcements-bar.shopify-match .announcement p {
margin:0;
font-weight: var(--font-heading-weight)!important;
letter-spacing: 0;
line-height:1.6;
font-weight: 600!important;
}
.announcements-bar.shopify-match .announcement p a {
color:#0b0b0b;
font-weight: 600!important;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.drawer-submenu__panel-container {
clip-path: url(#drawer-clip);
}
}
@media (max-width:1200px) {
.header-item.--center {
display: none;
}
}
.footer__copyright {
font-size: .9rem;
}
.shopify-section-group-footer-group {
background:#e9f8ff;
}
.shopify-section-group-footer-group .footer-main,
.shopify-section-group-footer-group .footer-last {
margin-left:0;
}
.shopify-section-group-footer-group .footer-last .payments-and-some ul {
margin-left:0;
}
.shopify-section-group-footer-group .footer-social__link svg {
stroke:#002e47;
}
.footer-details *,
.copyright-and-localization * {
color:#002e47;
letter-spacing: 0;
}
.footer-details .footer-block__title span {
font-family: "Open Sans", sans-serif!important;
font-weight: 700;
font-optical-sizing: auto;
font-style: normal;
}
@media (max-width:768px) {
.footer-details summary, .footer-details summary-title{
border-top: 1px solid #dae9f2;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: .8em 0;
}
}
.footer-details ul {
margin:0;
}
.footer-details ul li {
font-weight: 500;
font-family: "Open Sans", sans-serif!important;
}
.footer-details ul li a{
font-weight: 500;
}
.footer-details ul li a:visited {
color:inherit;
}
.footer-details ul li a:hover {
color:inherit;
}
.shopify-match.newsletter-section .hero__title {
font-family: "Bricolage Grotesque", sans-serif!important;
font-optical-sizing: auto;
font-style: normal;
color:#012E47;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: .005rem;
}
.shopify-match.newsletter-section .field__label {
font-family: "Open Sans", sans-serif!important;
color:#012E47;
font-size:14px;
font-weight: 400;
}
.shopify-match.newsletter-section .field__input {
font-family: "Open Sans", sans-serif!important;
color:#012E47;
font-size:14px;
font-weight: 400; line-height: 1;
height: 2.4rem;
min-height: 2.4rem;
} .field .search__input.field__input {
padding: 1.5rem;
line-height: 1.6;
font-size: 1.6rem;
height: 2.4rem;
min-height: 2.4rem;
} #subnav {
padding-left:50px;
padding-right:50px;
}
#subnav .wrap{
max-width:var(--ideal-width)!important;
padding: 0 13px;
}
@media (max-width:768px) {
#subnav {
padding-left:10px;
padding-right:10px;
}
}
.blog #subnav .a1{
display: none;
} #drawer-search .drawer-header h3 {
font-size: calc(1.6rem * 0.85);
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
line-height: var(--font-heading-line-height);
letter-spacing: var(--font-heading-letter-spacing);
text-transform: var(--font-heading-text-transform);
}
#drawer-search * {
color:#002e47;
}
#drawer-search .predictive-search__item--link-with-thumbnail {
grid-column-gap: 0;
}
#search-recommendation-list {
margin:0;
}
#drawer-search .field .search__input.field__input {
font-size: 1.2rem;
}
#drawer-search .field .field__label {
font-size: 1.2rem;
}
#drawer-search .predictive-search__heading {
font-size: 1.2rem;
display: block;
display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom: .05rem solid #dae9f2;
margin: 1rem 0;
padding: .5rem 0 1rem;
color: rgba(#002e47,.5);
line-height: 1;
text-align: left;
}
#drawer-search .predictive-search__item {
font-size: 1.1rem;
color:#002e47;
font-weight: 400!important;
line-height: 1.2rem;
padding:.7rem 0;
}
#drawer-search .predictive-search__item-content p {
margin:0!important;
}
.single-stencil .ds-stencil-content .grid {
grid-template-columns: repeat(3, 1fr);
} .klaviyo-newsletter-wrapper {
width: 750px;
max-width: 750px;
margin:0 auto;
}
#klaviyo-region-form {
display: flex;
}
#klaviyo-region-form .form-row {
flex:0 0 80%;
display: flex;
margin-right:20px;
flex-direction: row;
flex-wrap:nowrap;
}
#klaviyo-region-form .form-row input {
flex:0 0 60%;
}
#klaviyo-region-form .form-row select {
flex:0 0 40%;
}
.klaviyo-newsletter-wrapper #klaviyo-region-form button {
flex:0 0 20%;
background: #ABCF15;
color: #002E47;
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 1vw;
letter-spacing: .1rem;
border-radius: .5vw;
margin-bottom: 0;
margin-top: 0;
}
#klaviyo-region-form input,
#klaviyo-region-form select {
letter-spacing: var(--input-letter-spacing);
flex-grow: 1;
text-align: left;
margin: var(--input-border-width);
transition: box-shadow var(--duration-short) ease;
background-color: var(--input-background);
border-radius: var(--input-border-radius);
box-shadow: none;
border: 1.5px solid #dae9f2;
font-family: "Open Sans", sans-serif !important;
color: #012E47;
font-size: 14px;
font-weight: 400;
padding: .5rem 1rem !important;
line-height: 2;
height: 3rem;
min-height: 3rem;
}
@media (max-width:1000px) {
.newsletter-section.container {
width: 100%;
grid-template-columns:1fr;
}
.newsletter-section.container>* {
grid-column: 1;
}
}
.footer-payment ul {
list-style: none;
}
@media (max-width:800px) {
.klaviyo-newsletter-wrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
#klaviyo-region-form {
flex-direction: column;
}
#klaviyo-region-form .form-row {
flex:0 0 100%;
display: flex;
margin-right:0;
flex-direction: column;
flex-wrap:wrap;
}
.klaviyo-newsletter-wrapper #klaviyo-region-form button {
flex:0 0 100%;
margin-top:10px;
font-size: 1.5vw;
border-radius: 1.5vw;
}
}
@media (max-width:600px) {
.klaviyo-newsletter-wrapper #klaviyo-region-form button {
font-size: 3vw;
}
.ds-stencil-content .grid {
display: block;
}
.home .ds-appfull {
min-height: inherit!important;
}
}
@media (min-width:1800px) {
.klaviyo-newsletter-wrapper #klaviyo-region-form button {
font-size: 16px;
}
}
body:not(.single-stencil) #primary .grid {
display: block;
}
body #primary {
padding-bottom: 5vw;
}