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

/* .footer.shopify-match.container {
  width:var(--ideal-width)!important;
  max-width:var(--ideal-width)!important;
  margin-left: auto;
  margin-right:auto;
} */

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

/* html.js [data-accordion-item].is-open .drawer-submenu__panel {
  z-index: 10!important;
  background:#FFF;
} */

@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{
    /* z-index: 10!important;
    position: relative!important; */
  }
  .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 {
  /* background-color: #FFF; */
}

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;
    /* width: 0; */
    transition: all .3s ease-out;
    background-color:#002e47;
}

.drawer .drawer-panel {
  background-color: #FFF;
  color: #002e47;
  transition: all .3s ease;
}

.drawer .drawer-panel .drawer-header {
  box-shadow: none;
  /* background:#FFF; */
  position: static;
  max-height:80px;
}

.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:1350px) {
   .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;
  /* padding:.5rem!important; */
  line-height: 1;
  height: 2.4rem;
  min-height: 2.4rem;
}

/* Search */
.field .search__input.field__input {
  padding: 1.5rem;
  line-height: 1.6;
  font-size: 1.6rem;
  height: 2.4rem;
  min-height: 2.4rem;
}

/* Breadcrumb */
#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;
}

/* Search */

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

/* New Klaviyo Region Form */

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