/** Shopify CDN: Minification failed

Line 582:28 Expected identifier but found whitespace
Line 582:30 Unexpected "{"
Line 582:36 Expected ":"
Line 584:26 Expected identifier but found whitespace
Line 584:28 Unexpected "{"
Line 584:34 Expected ":"
Line 585:34 Expected identifier but found whitespace
Line 585:36 Unexpected "{"
Line 585:42 Expected ":"
Line 586:38 Expected identifier but found whitespace
... and 45 more hidden warnings

**/
@charset "UTF-8";

/* #Variables
================================================== */
/* Responsiveness */
/* The `$breakpoints` list is used to build our media queries.
  - You can use these in the media-query mixin.
*/



/* #Functions
================================================== */









  

  

  

  

  

  

  

  

  

/* Sub Collections */
.featured_collections.sub-collection {
    margin-bottom: 10px;
  }
  .featured_collections.sub-collection .thumbnail {
    margin-bottom: 10px;
  }
  @media only screen and (max-width: 798px) {
    .featured_collections.sub-collection .thumbnail {
      width: 100%;
    }
    .index .featured_collections {
      margin-bottom: 40px;
      flex-direction: column-reverse;
    }
  }
  
  .sub-collection--2 .thumbnail {
    width: calc(50% - 20px);
  }
  .sub-collection--2 .thumbnail:nth-child(2n+1) {
    clear: both;
  }
  
  .sub-collection--3 .thumbnail {
    width: calc(33.33333% - 20px);
  }
  .sub-collection--3 .thumbnail:nth-child(3n+1) {
    clear: both;
  }
  
  .sub-collection--4 .thumbnail {
    width: calc(25% - 20px);
  }
  .sub-collection--4 .thumbnail:nth-child(4n+1) {
    clear: both;
  }
  
  .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay {
    opacity: 1 !important;
  }
  .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay .collection-details {
    opacity: 1;
    transform: none;
  }
  @media only screen and (max-width: 798px) {
    .list-collections-wrapper img[src*="/no-image"] ~ .collection-info__caption {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }
  .list-collections-wrapper .image__container, 
  .list-collections-wrapper .thumbnail img  {
    max-width: 100% !important;
  }
  .list-collections .thumbnail {
    padding: 0 !important
  }
  .list-collections .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    height: 154px;
  }
  .list-collections .info a {
    width: 100% !important;
    border-radius: 8px !important;
    color: #FFF !important;
  }
  .list-collections .paginate span {
    border-radius: 2px;
  }
  
  .list-collections .next a,
  .list-collections .prev a {
    font-size: 12px;
    padding: 0 !important;
  }
  .list-collections .next span, 
  .list-collections .prev span {
    padding: 0;
    margin: 0;
  }
  .list-collections .shopify-section--collection-template .breadcrumb_text,
  .list-collections .shopify-section--collection-template .breadcrumb_text span {
    color:  #546E7A !important
  }
  .list-collections-wrapper .image-element__wrap img {
    height: 80px !important;
  }
  .list-collections-wrapper .thumbnail img {
    object-fit: fill !important;
  }
  .list-collections-wrapper .image-element__wrap {
    height: 100px;
  }
  .list-collections-wrapper .image__container {
    height: auto !important;
  }
  .list-collections-wrapper .img {
    width: 100%;
  }
  .list-collections .image-element__wrap {
    height: 100% !important
  }
  .list-collections-wrapper .collection-info__caption {
    margin-top: 20px;
  }@media only screen and (max-width: 798px) {
    .list-collections-wrapper .collection-info__caption {
      display: block;
      position: static;
    }
  }.list-collections-wrapper .product-wrap {
      text-align: center;
      position: relative;
    }
  .list-collections-wrapper .product-wrap:hover .collection-details {
      opacity: 1;
      transform: none;
    }
  .list-collections-wrapper .product-wrap:hover .thumbnail-overlay__button {
      opacity: 1;
      transform: none;
    }
  .list-collections-wrapper .product-wrap:hover .thumbnail-overlay {
      opacity: 1;
    }
  .list-collections-wrapper .thumbnail-overlay .info {
      top: 50%;
      transform: translateY(-50.1%);
      padding: 10px 0;
      position: absolute;
      text-align: center;
      width: 100%;
      margin: 0 auto;
    }
  .list-collections-wrapper .thumbnail-overlay .collection-details {
      position: relative;
      opacity: 0;
      transform: translate3d(0, -100%, 0);
      transition: opacity 0.3s ease-out, transform 0.3s ease-out;
      display: block;
    }
  .list-collections-wrapper .thumbnail-overlay .title {
      display: block;
      padding: 0 2em;
      position: relative;
      color: #ffffff;
    }.blog-header {
    margin-bottom: 5px;
  }
  @media only screen and (max-width: 798px) {
    .blog-header .blog-title {
      width: 100%;
      margin-bottom: 0;
    }
    .list-collections .product-wrap {
      flex-direction: column;
    }
    .list-collections .list-collections-wrapper .collection-info__caption {
      display: none;
    }
    .list-collections .image__container {
      width: 100%;
    }
    .list-collections .thumbnail .title {
      width: 100%;
      font-size: 20px;
    }
    .product-list .thumbnail img  {
      object-fit: revert !important;
    }
  }
  
  /* Blog Article Styling */
  .article .icon-slash {
    padding-right: 5px;
  }
  
  /* Styles for blog, collections */
  .section_select {
    padding: 0;
    text-align: right;
    background: white;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 8px 12px;
    top: 0px;
    border-radius: 8px;
  }
  .section_select .blog_filter,
  .section_select .tag_filter,
  .section_select .sort_by {
    color: #333333;
    display: inline-block;
    border: none;
    padding-right: 30px;
    background-position: 100% 50%;
    background-color: #f9f9f9;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    width: 240px;
    margin-bottom: 0;
    max-width: 100%;
  }
  .showing-products {
    font-weight: 500;
    width: 300px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }
  @media only screen and (max-width: 798px) {
    .section_select .blog_filter,
  .section_select .tag_filter,
  .section_select .sort_by,
  .search .width-mobile {
      width: 100%;
      max-width: 100%;
      font-size: 16px;
      padding-left: 12px;
    }
  }
  /* #Images
  ================================================== */
  /*
    The purpose of the below declaration is to make sure images don't
    exceed the width of columns they are put into when resizing window.
    Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
    so the best solution is to individually call these properties on images that
    are children of the grid that you want to resize with grid.
  */
  .product_row img,
  .product_image_col img,
  .article img,
  .section img,
  .thumbnail img,
  .page img,
  .sidebar img,
  .logo img,
  .cart_image img,
  .footer img,
  #target img,
  .column img,
  .columns img {
    max-width: 100%;
    height: auto;
  }
  
  .zoom-container {
    display: block;
  }
  
  /* #Placeholders
  ================================================== */
  .placeholder-svg {
    fill: rgba(42, 45, 52, 0.9);
    background-color: rgba(42, 45, 52, 0.5);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: block;
  }
  
  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
    height: 600px;
  }
  @media only screen and (max-width: 798px) {
    .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
      height: 350px;
    }
  }
  @media only screen and (max-width: 480px) {
    .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
      height: 250px;
    }
  }
  
  .shopify-section--featured-promotions .feature-section:nth-child(even) .placeholder-svg--promotions {
    background-color: rgba(42, 45, 52, 0.6);
  }
  
  .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
    background-color: rgba(42, 45, 52, 0.6);
    fill: rgba(42, 45, 52, 0.9);
  }
  
  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n+1) .placeholder-svg--slideshow {
    background-color: rgba(42, 45, 52, 0.6);
  }
  
  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
    background-color: rgba(42, 45, 52, 0.8);
  }
  
  /* #Videos
  ================================================== */
  .video-wrapper {
    position: relative;
    background-color: #f9f9f9;
    /* Allows users to click embedded iframe ui when video paused */
  }
  .video-wrapper .video__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    pointer-events: none;
  }
  .video-wrapper.darken-video--true .video__overlay {
    background: rgba(0, 0, 0, 0.3);
  }
  .video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe {
    z-index: 5;
  }
  .video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none;
  }
  .video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid {
    display: block;
    opacity: 1;
  }
  .video-wrapper video {
    display: block;
    width: 100%;
    height: auto;
  }
  .video-wrapper .video__text-container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    margin: auto;
    z-index: 2;
    pointer-events: none;
  }
  .video-wrapper .video__text-wrapper {
    margin: 0;
    padding: 30px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  @media only screen and (max-width: 798px) {
    .video-wrapper {
      display: flex;
      flex-direction: column;
    }
  }
  
  /* #Buttons
  ================================================== */
  .global-button,
  product-cta,
  .custom-html-container button,
  .shopify-payment-button__button.shopify-payment-button__button--unbranded,
  .sidebar .faceted-active-filters__clear,
  .sidebar .faceted-active-filters__remove-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    padding: 13px 20px;
    text-align: center;
    line-height: 1.2;
    font-family: Montserrat, sans-serif;
    font-weight: 600;;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0px;
    word-break: break-word;
    cursor: pointer;
    border-color: var(--button-color-border, #ee5e18);
    background: var(--button-color-background, #ee5e18);
    color: var(--button-color-text, #ffffff);
    width: fit-content;
    position: relative;
  }.global-button,
  product-cta,
  .custom-html-container button,
  .shopify-payment-button__button.shopify-payment-button__button--unbranded,
  .sidebar .faceted-active-filters__clear,
  .sidebar .faceted-active-filters__remove-filter {
      border-radius: 8px;
    }.global-button:active,
  product-cta:active,
  #close-me:active,
  .custom-html-container button:active,
  .shopify-payment-button__button.shopify-payment-button__button--unbranded:active,
  .sidebar .faceted-active-filters__clear:active,
  .sidebar .faceted-active-filters__remove-filter:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    outline: 0;
  }
  .global-button[disabled],
  product-cta[disabled],
  .custom-html-container button[disabled],
  .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled],
  .sidebar .faceted-active-filters__clear[disabled],
  .sidebar .faceted-active-filters__remove-filter[disabled] {
    cursor: not-allowed;
  }

  .global-button--primary:hover {
  color: #fff !important;
   background-color: #e25c1b;
   border-color: #e25c1b;
  }

  .global-button.global-button--banner-color-custom:hover,
  .global-button.global-button--banner-color-custom:visited {
    color: #fff !important;
  }

  .global-button--product-grid-text-hover {
    --button-color-border: #ee5e18;
    --button-color-background: #ee5e18;
    --button-color-text: #ffffff;
    --button-color-border-hover: #e25c1b;
    --button-color-background-hover: #e25c1b;
    --button-color-text-hover: #ffffff;
  }
  
  @media only screen and (min-width: 481px) {
    .global-button--primary-desktop {
      --button-color-border: #ee5e18;
      --button-color-background: #ee5e18;
      --button-color-text: #ffffff;
      --button-color-border-hover: #e25c1b;
      --button-color-background-hover: #e25c1b;
      --button-color-text-hover: #ffffff;
    }
    .global-button--secondary-desktop {
      --button-color-border: #ee5e18;
      --button-color-background: transparent;
      --button-color-text: #ee5e18;
      --button-color-border-hover: #e25c1b;
      --button-color-background-hover: #e25c1b;
      --button-color-text-hover: #ffffff;
    }
    .global-button--text-desktop {
      --button-color-border: #2a2d34;
      --button-color-background: transparent;
      --button-color-text: #2a2d34;
      --button-color-border-hover: #2a2d34;
      --button-color-background-hover: #2a2d34;
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--text-highlighted-desktop {
      --button-color-border: #2a2d34;
      --button-color-background: #2a2d34;
      --button-color-text: 
#ffffff

;
      --button-color-border-hover: 
#32363e

;
      --button-color-background-hover: 
#32363e

;
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--banner-text-desktop {
      --button-color-border: #ffffff;
      --button-color-background: transparent;
      --button-color-text: #ffffff;
      --button-color-border-hover: #ffffff;
      --button-color-background-hover: #ffffff;
      --button-color-text-hover: 
#333333

;
    }
    .global-button--banner-text-highlighted-desktop {
      --button-color-border: #ffffff;
      --button-color-background: #ffffff;
      --button-color-text: 
#333333

;
      --button-color-border-hover: 
#ebebeb

;
      --button-color-background-hover: 
#ebebeb

;
      --button-color-text-hover: 
#333333

;
    }
    .global-button--banner-desktop {
      --button-color-border: {{ shop.brand.colors.primary[0].background }};
      --button-color-background: transparent;
      --button-color-text: {{ shop.brand.colors.primary[0].background }};
      --button-color-border-hover: {{ shop.brand.colors.primary[0].background }};
      --button-color-background-hover: {{ shop.brand.colors.primary[0].background }};
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--banner-highlighted-desktop {
      --button-color-border: {{ shop.brand.colors.primary[0].background }};
      --button-color-background: {{ shop.brand.colors.primary[0].background }};
      --button-color-text: 
#ffffff

;
      --button-color-border-hover: 


;
      --button-color-background-hover: 


;
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--banner-color-custom-desktop {
      --button-color-border: ;
      --button-color-background: ;
      --button-color-text: 
#ffffff

;
      --button-color-border-hover: 


;
      --button-color-background-hover: 


;
      --button-color-text-hover: 
#ffffff

;
    }
  }
  @media only screen and (max-width: 480px) {
    .global-button--primary-mobile {
      --button-color-border: #ee5e18;
      --button-color-background: #ee5e18;
      --button-color-text: #ffffff;
      --button-color-border-hover: #e25c1b;
      --button-color-background-hover: #e25c1b;
      --button-color-text-hover: #ffffff;
    }
    .global-button--secondary-mobile {
      --button-color-border: #ee5e18;
      --button-color-background: transparent;
      --button-color-text: #ee5e18;
      --button-color-border-hover: #e25c1b;
      --button-color-background-hover: #e25c1b;
      --button-color-text-hover: #ffffff;
    }
    .global-button--text-mobile {
      --button-color-border: #2a2d34;
      --button-color-background: transparent;
      --button-color-text: #2a2d34;
      --button-color-border-hover: #2a2d34;
      --button-color-background-hover: #2a2d34;
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--text-highlighted-mobile {
      --button-color-border: #2a2d34;
      --button-color-background: #2a2d34;
      --button-color-text: 
#ffffff

;
      --button-color-border-hover: 
#32363e

;
      --button-color-background-hover: 
#32363e

;
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--banner-text-mobile {
      --button-color-border: #ffffff;
      --button-color-background: transparent;
      --button-color-text: #ffffff;
      --button-color-border-hover: #ffffff;
      --button-color-background-hover: #ffffff;
      --button-color-text-hover: 
#333333

;
    }
    .global-button--banner-text-highlighted-mobile {
      --button-color-border: #ffffff;
      --button-color-background: #ffffff;
      --button-color-text: 
#333333

;
      --button-color-border-hover: 
#ebebeb

;
      --button-color-background-hover: 
#ebebeb

;
      --button-color-text-hover: 
#333333

;
    }
    .global-button--banner-mobile {
      --button-color-border: {{ shop.brand.colors.primary[0].background }};
      --button-color-background: transparent;
      --button-color-text: {{ shop.brand.colors.primary[0].background }};
      --button-color-border-hover: {{ shop.brand.colors.primary[0].background }};
      --button-color-background-hover: {{ shop.brand.colors.primary[0].background }};
      --button-color-text-hover: 
#ffffff

;
    }
    .global-button--banner-highlighted-mobile {
      --button-color-border: {{ shop.brand.colors.primary[0].background }};
      --button-color-background: {{ shop.brand.colors.primary[0].background }};
      --button-color-text: 
#ffffff

;
      --button-color-border-hover: 


;
      --button-color-background-hover: 


;
      --button-color-text-hover: 
#ffffff

;
    }
  }

  .global-button--primary,
  a.global-button--primary:visited {
      color: #ffffff;
    --button-color-border: #ee5e18;
    --button-color-background: #ee5e18;
    --button-color-text: #ffffff;
    --button-color-border-hover: #e25c1b;
    --button-color-background-hover: #e25c1b;
    --button-color-text-hover: #ffffff;
  }
  
  .global-button--secondary {
    --button-color-border: #ee5e18 !important;
    --button-color-background: transparent !important;
    --button-color-text: #ee5e18 !important;
    --button-color-border-hover: #e25c1b !important;
    --button-color-background-hover: #e25c1b !important;
    --button-color-text-hover: #ffffff !important;
    color: #ee5e18 !important;
  }

  .global-button--secondary:visited {
    --button-color-border: #ee5e18 !important;
    --button-color-background: transparent !important;
    --button-color-text: #ee5e18 !important;
    --button-color-border-hover: #e25c1b !important;
    --button-color-background-hover: #e25c1b !important;
    --button-color-text-hover: #ffffff !important;
  }
  
  .global-button--text {
    --button-color-border: transparent !important;
    --button-color-background: transparent !important;
    --button-color-text: #ee5e18 !important;
    --button-color-border-hover: #2a2d34 !important;
    --button-color-background-hover: #2a2d34 !important;
    --button-color-text-hover: 
#ffffff

 !important;
  }
  
  .global-button--text-highlighted {
    --button-color-border: #2a2d34;
    --button-color-background: #2a2d34;
    --button-color-text: 
#ffffff

;
    --button-color-border-hover: 
#32363e

;
    --button-color-background-hover: 
#32363e

;
    --button-color-text-hover: 
#ffffff

;
  }
  
  .global-button--banner-text {
    --button-color-border: #ffffff;
    --button-color-background: transparent;
    --button-color-text: #ffffff;
    --button-color-border-hover: #ffffff;
    --button-color-background-hover: #ffffff;
    --button-color-text-hover: 
#333333

;
  }
  
  .global-button--banner-text-highlighted {
    --button-color-border: #ffffff;
    --button-color-background: #ffffff;
    --button-color-text: 
#333333

;
    --button-color-border-hover: 
#ebebeb

;
    --button-color-background-hover: 
#ebebeb

;
    --button-color-text-hover: 
#333333

;
  }
  
  .-{
    --button-color-border: {{ shop.brand.colors.primary[0].background }};
    --button-color-background: transparent;
    --button-color-text: {{ shop.brand.colors.primary[0].background }};
    --button-color-border-hover: {{ shop.brand.colors.primary[0].background }};
    --button-color-background-hover: {{ shop.brand.colors.primary[0].background }};
    --button-color-text-hover: 
#ffffff

;
  }
  
  .global-button--banner-highlighted {
    --button-color-border: {{ shop.brand.colors.primary[0].background }};
    --button-color-background: {{ shop.brand.colors.primary[0].background }};
    --button-color-text: 
#ffffff

;
    --button-color-border-hover: 


;
    --button-color-background-hover: 


;
    --button-color-text-hover: 
#ffffff

;
  }
  
  .global-button--tertiary {
      padding: 13px 20px !important;
      color: #fff !important;
      --button-color-border: #ee5e18;
      --button-color-background: #ee5e18;
      --button-color-border-hover: #e25c1b;
      --button-color-background-hover: #e25c1b;
      --button-color-text-hover: #ffffff;
  }
  
  .global-button--sale {
    --button-color-border: #D92827;
    --button-color-background: #D92827;
    --button-color-text: #fff;
  }

  .global-button--future {
    --button-color-border: #802721;
    --button-color-background: #802721;
    --button-color-text: #fff;
  }
  
  .global-button__secondary {
    --button-color-border: #CDD2DC;
    --button-color-background: transparent;
    --button-color-text: #333;
  }

  .global-button__background,
  .global-button--secondary-with-arrow {
    --button-color-border: #FCE7DC;
    --button-color-background: #FCE7DC;
    --button-color-text: #EE5E18 !important;
      font-weight: 600;
      width: 100%;
  }

  .global-button__background:visited,
  .global-button__background:hover,
  .global-button--secondary-with-arrow:visited
  .global-button--secondary-with-arrow:hover {
    color: #EE5E18 !important;
  }

  .global-button__background:hover,
  .global-button--secondary-with-arrow:hover,
  .global-button__background_light:hover {
    color: #EE5E18 !important;
    background-color: #F8DFD1 !important;
  }

  .global-button__background_light  {
    --button-color-border: #FDEFE8;
    --button-color-background: #FDEFE8 ;
    --button-color-text: #EE5E18;
    --button-color-border-hover: #FDEFE8;
    --button-color-background-hover: #FDEFE8;
    --button-color-text-hover: #EE5E18;
      font-weight: 600;
  }

  .global-button__background_light:hover,
  .global-button__background_light:visited {
    color: #EE5E18;
  }

  .global-button__background_white,
  .global-button__background_white:visited,
  .background_menu_account a.global-button {
    --button-color-border: #ffff;
    --button-color-background:  #ffff;
    --button-color-text: #EE5E18 !important;
      color: #EE5E18 !important;
      font-weight: 500;
      font-size: 14px;
  }
  .global-button.global-button--text:active,
  .global-button.global-button--text:visited {
    box-shadow: none !important;
    color: #EE5E18 !important;
  }
  product-cta[hidden] {
    display: none;
  }
  .product-block--form .add_to_cart.ajax-submit {
    width: 100%;
  }
  /* Animation for checkmark on add to cart button */

  .product-block--form button.add_to_cart .text {
    display: block;
    font-size: 16px;
    font-weight: 600;
  }
  button.add_to_cart .fadeInDown.text {
    -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
  }
  button .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  button .checkmark path {
    stroke-dasharray: 19.79 19.79;
    stroke-dashoffset: 19.79;
    stroke: #ffffff;
    opacity: 0;
  }
  button .checkmark.checkmark-active path {
    animation: drawCheckmark 0.5s linear alternate forwards;
  }
  
  @keyframes drawCheckmark {
    from {
      stroke-dashoffset: 19.79;
      opacity: 1;
    }
    to {
      stroke-dashoffset: 0;
      opacity: 1;
    }
  }
  .ie button .checkmark path {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  .ie button .checkmark.checkmark-active path {
    animation: fadeCheckmark 0.5s linear alternate forwards;
  }
  @keyframes fadeCheckmark {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button .checkmark path {
      stroke-dashoffset: 0;
      opacity: 0;
    }
    button .checkmark.checkmark-active path {
      animation: fadeCheckmark 0.5s linear alternate forwards;
    }
    @keyframes fadeCheckmark {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
  }
  label.tos_label {
    display: inline;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
    padding-left: 5px;
  }
  
  .tos {
    text-align: center;
    margin: 15px 20px 15px 0;
  }
  
  .cart_text {
    text-align: center;
  }
  
  .disabled {
    pointer-events: none;
  }
  
  .add_to_cart span.icon-lock {
    margin-right: 10px;
    font-size: larger;
  }
  .add_to_cart span.icon-lock:before {
    margin: 0;
  }
  
  .shopify-product-form {
    margin-bottom: 0;
  }
  
  /* Shopify smart payment buttons */
  .shopify-payment-button {
    position: relative;
    height: 44px;
  }
  
  .shopify-payment-button div {
    height: auto;
    display: none;
  }

  .shopify-payment-button button {
    line-height: 1.2;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
  }
  
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    height: 100%;
  }div.shopify-payment-button__button {
      border-radius: 3px;
    }.shopify-payment-button__button--branded,
  .shopify-payment-button__button--unbranded {
    overflow: hidden;
    min-height: 44px;
  }
  
  button.shopify-payment-button__more-options {
    color: #2a2d34;
    box-shadow: none;
    text-transform: none;
    font-size: 0.8rem;
    letter-spacing: 0;
    padding: 16px 0 28px;
    max-width: 80%;
    margin: 0 auto;
    position: absolute;
    top: 100%;
    left: 50%;
    font-weight: normal;
    font-family: Montserrat;
    font-style: normal;
    transform: translateX(-50%);
  }
  button.shopify-payment-button__more-options:hover {
    background-color: transparent;
    border: none;
  }
  
  .product_section .smart-payment-button--true.product_form {
    max-width: 100%;
  }
  
  .smart-payment-button--true button .checkmark path {
    stroke: #fff;
  }

  .product-quantity-box.purchase-details__quantity {
    margin-right: 5px;
    width: calc(58% - 80px);
  }

  .smart-payment-button--true .product-quantity-box.purchase-details__quantity {
    width: calc(50% - 6px);
  }
  @media only screen and (max-width: 798px) {
    .smart-payment-button--true .product-quantity-box.purchase-details__quantity {
      width: 100%;
      margin-right: 0;
    }
    .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity {
      width: calc(100% - 88px);
    }
  }
  
  p.checkout_button {
    letter-spacing: 0.05em;
    font-weight: 600;
  }
  .purchase-details {
    margin-bottom: 12px;
  }
  .purchase-details__buttons {
    display: flex;
    padding-left: 6px;
    align-items: center;
    margin-bottom: 0;
    flex-direction: column;
    width: calc(50% - 12px)
  }
  .page-recs .purchase-details__buttons {
    width: 100%;
  }
  @media only screen and (max-width: 798px) {
    .product .image__container {
      width: auto;
      }
      .purchase-details  {
        margin-bottom: 0
      }
    }
  .purchase-details__buttons .shopify-payment-button {
    flex: 1 0 100%;
    margin-bottom: 0;
    max-width: 100%;
  }
  @media only screen and (min-width: 1401px) {
    .purchase-details__buttons .shopify-payment-button {
      flex: 1 0 calc(50% - 4px);
      max-width: calc(50% - 4px);
    }
  }
  
  .purchase-details__buttons product-cta {
    flex: 1 0 50%;
    max-width: calc(50% - 6px);
    margin-left: 6px;
  }
  @media only screen and (max-width: 798px) {
    .purchase-details__buttons product-cta {
      flex: 1 0 100%;
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
  
  .purchase-details__buttons.purchase-details__spb--true {
    flex: 1 0 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  @media only screen and (max-width: 798px) {
    .purchase-details__buttons.purchase-details__spb--true {
      margin-left: 0;
      margin-bottom: 0;
    }
  }
  .purchase-details__buttons.purchase-details__spb--true .add_to_cart {
    flex: 1 0 100%;
  }
  @media only screen and (max-width: 798px) {
    .purchase-details__buttons.purchase-details__spb--true .add_to_cart {
      flex: 1 0 100%;
      margin-right: 0px;
      margin-top: 0;
      margin-bottom: 10px;
    }
  }
  .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button {
    margin-left: 6px;
    max-width: calc(50% - 6px);
  }
  @media only screen and (max-width: 798px) {
    .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
  
  /* When product is unavailable */
  .purchase-details__buttons.product-is-unavailable .add_to_cart,
  .purchase-details__buttons.product-is-unavailable .shopify-payment-button {
    opacity: 0.5;
    pointer-events: none;
  }
  .purchase-details__buttons.product-is-unavailable .add_to_cart {
    padding: 10px 5px;
  }
  
  @media only screen and (max-width: 1024px) {
    .sidebar--true .purchase-details {
      flex-direction: column;
      align-items: flex-start;
    }
    .sidebar--true .purchase-details .purchase-details__quantity,
  .sidebar--true .purchase-details .purchase-details__buttons {
      margin: 0 0 10px;
      width: 100%;
    }
    .sidebar--true .purchase-details .add_to_cart,
  .sidebar--true .purchase-details .shopify-payment-button {
      flex: 1 0 100%;
      margin: 0 0 10px;
      max-width: 100%;
    }
  }
  
  #checkout {
    min-height: 54px;
    width: 100%;
    font-size: 16px;
  }
  
  .additional-checkout-button + .additional-checkout-button {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
  
  .additional-checkout-button,
  .additional-checkout-button.additional-checkout-button--paypal,
  .additional-checkout-button.additional-checkout-button--google-pay {
    min-width: 100% !important;
  }
  
  /* Zyn colors */
  .color_zyn {
    color: #ee5e18 !important;
  }
  .bold_medium_zyn {
    font-weight: 600;
  }
  /* #Tabs
  ================================================== */
  ul.tabs {
    display: block;
    margin: 25px 0;
    border-bottom: solid 1px #aaaaaa;
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
    text-transform: uppercase;
    padding-left: 0;
  }
  
  ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
    cursor: pointer;
  }
  
  ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    line-height: 30px;
    margin-right: 60px;
    font-size: 13px;
    outline: none;
  }
  @media (max-width: 960px) {
    ul.tabs li a {
      margin-right: 30px;
    }
  }
  @media only screen and (max-width: 798px) {
    ul.tabs li a {
      font-size: 12px;
    }
  }
  @media only screen and (max-width: 480px) {
    ul.tabs li a {
      margin-right: 20px;
    }
  }
  
  ul.tabs li a.active {
    border-bottom: solid 3px #aaaaaa;
    background-color: #f9f9f9;
    border-bottom: solid 3px #eaecf0;
    height: 31px;
    position: relative;
    border-right-width: 1px;
    color: #2a2d34;
  }
  
  ul.tabs li:last-child a {
    margin: 0;
  }
  
  ul.tabs-content {
    margin: 0;
    display: block;
    border: 0;
    padding-left: 0;
  }
  
  ul.tabs-content > li {
    display: none;
    border: 0;
  }
  
  ul.tabs-content > li.active {
    display: block;
    border: 0;
    padding-left: 0px;
  }
  
  ul.tabs-content ul {
    padding-left: 0;
  }
  
  /* #Product tabs
  ================================================== */
  .product-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
  }
  
  .product-tabs__radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  .product-tabs__radio:checked + .product-tabs__label {
    font-weight: bold;
    background: #f9f9f9;
    border: 1px solid #aaaaaa;
    border-bottom: none;
  }
  .product-tabs__radio:checked + .product-tabs__label + .product-tabs__panel {
    display: block;
  }
  
  .no-js .tab-radio:focus + .product-tabs__label,
  .user-is-tabbing .tab-radio:focus + .product-tabs__label {
    border: 2px solid #025ECC;
    border-bottom: none;
  }
  
  .product-tabs__label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.35rem;
    margin: 0;
    flex-grow: 1;
    text-align: center;
    background: #ececec;
    cursor: pointer;
    font-weight: normal;
    word-break: break-word;
    border-bottom: 1px solid #aaaaaa;
  }
  .product-tabs__label:hover {
    background: #e7e7e7;
  }
  @media only screen and (max-width: 480px) {
    .product-tabs__label {
      width: 100%;
      border-bottom: none;
      justify-content: flex-start;
    }
  }
  
  .product-tabs__panel {
    width: 100%;
    display: none;
    word-break: break-word;
    padding: 0 1.35rem 1.35rem 1.35rem;
    background: #f9f9f9;
    border: 1px solid #aaaaaa;
    border-top: none;
    text-align: left;
    white-space: normal;
    line-height: 1.5;
  }
  @media only screen and (min-width: 481px) {
    .product-tabs__panel {
      order: 1;
      padding: 2rem;
    }
  }
  
  .product-tabs__panel p {
    margin-top: 0;
  }
  .product-tabs__panel p:last-child {
    margin-bottom: 0;
  }
  
  .product-tabs__panel a {
    color: #363636;
  }
  
  /* #Collapsible tab
  ================================================== */
  .collapsible-tab {
    border-bottom: 1px solid #aaaaaa;
  }
  .collapsible-tab[open] .collapsible-tab__heading:after {
    transform: rotate(180deg);
  }
  
  .collapsible-tab__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem 1rem 1rem 0;
  }
  .collapsible-tab__heading:after {
    content: "\e909";
    font-family: "turbo";
    font-size: 0.75rem;
  }
  .collapsible-tab__heading::-webkit-details-marker {
    display: none;
  }
  
  .collapsible-tab__text {
    margin-bottom: 1rem;
    word-break: break-word;
  }
  
  .collapsible-tab__text p {
    margin-top: 0;
  }
  .collapsible-tab__text p:last-child {
    margin-bottom: 0;
  }
  
  .collapsible-tab__text a {
    color: #363636;
  }
  
  .product-block--collapsible-tab {
    border-top: 1px solid #aaaaaa;
  }
  
  .product-block--collapsible-tab + .product-block--collapsible-tab {
    border-top: none;
  }
  
  /* #Accordions
  ================================================== */
  button {
    border: none;
    -webkit-appearance: none;
            appearance: none;
  }
  
  .shopify-section--faq .faqAccordion > dt {
    margin-right: 36px;
    border-bottom: 1px solid #aaaaaa;
  }
  
  .accordion > dt > a, .accordion > dt > button,
  .faqAccordion > dt > a,
  .faqAccordion > dt > button {
    background: transparent;
    position: relative;
    padding: 24px 20px 24px 0px;
    color: #2a2d34;

    text-align: left;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    text-transform: initial;
    min-height: auto;
    height: auto;
    line-height: inherit;
    font-weight: 600;
    font-family: Montserrat;
    font-style: normal;
    box-shadow: none;
    border-radius: 0px;
    font-size: 18px;
  }
  .accordion > dt > a:hover, .accordion > dt > a:focus, .accordion > dt > button:hover, .accordion > dt > button:focus,
  .faqAccordion > dt > a:hover,
  .faqAccordion > dt > a:focus,
  .faqAccordion > dt > button:hover,
  .faqAccordion > dt > button:focus {
    border: none;
  }
  .accordion > dt > a::after, .accordion > dt > button::after,
  .faqAccordion > dt > a::after,
  .faqAccordion > dt > button::after {
    transform: translateY(-50.1%);
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: 25px;
    color: #ee5e18;
  }
  .accordion > dt:first-child > button,
  .faqAccordion > dt:first-child > button {
    border-top: none;
  }
  dd {
    margin: 0;
  }
  .accordion > dd,
  .faqAccordion > dd {
    color: #2a2d34;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #aaaaaa;
    display: none;
  }
  .accordion > dd[aria-hidden=true],
  .faqAccordion > dd[aria-hidden=true] {
    display: none;
  }
  @media only screen and (max-width: 798px) {
    .accordion > dd,
  .faqAccordion > dd {
      margin-left: 15px;
    }
  }
  
  /* Closed accordions */
  .accordion dt > a::after,
  .faqAccordion dt > button::after {
    content: "+";
    border: solid 1px;
    padding: 3px 9px;
    border-radius: 41px;
  }
  .accordion dt > a[aria-expanded=true]::after,
  .faqAccordion dt > button[aria-expanded=true]::after {
    font-size: 25px;
    content: "-";
    padding: 2px 11px;
  }
  
  /* Open accordions */
  .accordion[data-state=open] dt > a[aria-expanded=true]::after {
    font-size: 25px;
    content: "-";
  }
  
  .accordion dt small {
    display: none;
  }
  
  /* Accordion tabs */
  .accordion-tabs > a {
    display: block;
    background-color: #D1D3D4;
    margin: 10px 0;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
  }
  .accordion-tabs > a :hover {
    cursor: pointer;
  }
  .accordion-tabs > li[id*=tab] {
    display: none;
    list-style: none;
  }
  
  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  
  ul.tabs:after {
    clear: both;
  }
  
  ul.tabs {
    zoom: 1;
  }
  
  /* #Forms
  ================================================== */
  form {
    margin-bottom: 20px;
  }
  
  fieldset {
    margin-bottom: 20px;
  }
  
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=search],
  input[type=url],
  input[type=tel],
  input[type=number],
  input[type=date],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=range],
  input[type=color],
  select,
  textarea {
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    outline: none;
    background: #fff;
    color: var(--color-divider-bold);
    font-size: 14px;
    margin-bottom: 24px;
    -webkit-appearance: none;
    appearance: none;
    text-rendering: optimizeLegibility;
    background-color: #ffffff;
    border: 0;
    font-family: Montserrat, sans-serif;
    border: 1px solid #aaaaaa;
  }input[type=text],
  input[type=password],
  input[type=email],
  input[type=search],
  input[type=url],
  input[type=tel],
  input[type=number],
  input[type=date],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=range],
  input[type=color],
  select,
  textarea {
      border-radius: 8px;
    }@media only screen and (max-width: 480px) {
    input[type=text],
  input[type=password],
  input[type=email],
  input[type=search],
  input[type=url],
  input[type=tel],
  input[type=number],
  input[type=date],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=range],
  input[type=color],
  select,
  textarea {
      font-size: 16px;
    }
  }
  
  input[type=text]:active,
  input[type=text]:focus,
  input[type=password]:active,
  input[type=password]:focus,
  input[type=email]:active,
  input[type=email]:focus,
  input[type=search]:active,
  input[type=search]:focus,
  input[type=url]:active,
  input[type=url]:focus,
  input[type=tel]:active,
  input[type=tel]:focus,
  input[type=number]:focus,
  input[type=date]:active,
  input[type=date]:focus,
  input[type=month]:active,
  input[type=month]:focus,
  input[type=week]:active,
  input[type=week]:focus,
  input[type=time]:active,
  input[type=time]:focus,
  input[type=range]:active,
  input[type=range]:focus,
  input[type=color]:active,
  input[type=color]:focus,
  select:active,
  select:focus,
  textarea:active,
  textarea:focus {
    color: #444;
    border: 1px solid #aaa;
  }
  
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
            appearance: none;
  }
  
  input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }
  
  input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    display: none;
  }
  input[type=email] {
    background-image: url('//www.zyn.ca/cdn/shop/t/146/assets/email-25-white.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-origin: content-box;
    text-indent:28px;
    /* box-shadow: 0 1px 6px 0 rgb(0 0 0 / 14%); */
  }
  
  input[type=password], #customer_password,  #password {
    background-image: url('//www.zyn.ca/cdn/shop/t/146/assets/password-25.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-origin: content-box;
    text-indent:28px;
    /* box-shadow: 0 1px 6px 0 rgb(0 0 0 / 14%); */
  }
  .customers-reset_password #password {
    box-shadow: none !important;
    text-indent:0px !important;
    background-image: none !important; 
  }
  
  input[name="customer[last_name]"],
  input[name="customer[first_name]"]  {
    background-image: url('//www.zyn.ca/cdn/shop/t/146/assets/userform.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-origin: content-box;
    text-indent:28px;
    /* box-shadow: 0 1px 6px 0 rgb(0 0 0 / 14%); */
  }
  
  .action_bottom input[disabled]{
    color: #ffffff!important;
    background: #cdd2dc!important;
    box-shadow: none!important;
    border: none;
  }
  .submit-login {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .custom-radio-checkbox span {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -2px;
  }
  .custom-radio-checkbox__show--checkbox {
    background-image: url('//www.zyn.ca/cdn/shop/t/146/assets/stroke_black.png');
  }
  .custom-radio-checkbox>.custom-radio-checkbox__input:checked+.custom-radio-checkbox__show--checkbox {
    background-image:  url('//www.zyn.ca/cdn/shop/t/146/assets/stroke_1.png')
  }
  .custom-radio-checkbox>.custom-radio-checkbox__input {
    display: none;
  }
  .custom-radio-checkbox>.custom-radio-checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 0.5rem;
    background-size: cover;
  }
  #customer_register_link,
  #customer_login_link,
  .note a {
    color: #ee5e18;
  }
  
  
  input[type=number] {
    -moz-appearance: textfield !important; /* To ensure arrows arent present in firefox */
  }
  
  select::-ms-expand {
    display: none;
  }
  
  select {
    background: #fff url(//zyn.ca/cdn/shop/t/204/assets/select.png?v=163443801653745187891761603526) no-repeat 96% 50%;
    background-size: 18px 12px;
    border: 1px solid #d9dbdc;
    -webkit-appearance: none;
            appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
  }select {
      padding: 8px 14px 8px;
      border-radius: 3px;
    }label,
  legend,
  .option_title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
    color: #344054;
    text-transform: none;
  }
  
  input[type=checkbox] {
    display: inline;
  }
  
  label span,
  legend span {
    font-weight: 500;
    font-size: 14px;
    color: #344054;
  }
  
  textarea {
    min-height: 120px;
    padding: 15px 9px;
  }
  
  .acceptsMarketing {
    margin-bottom: 20px;
  }
  
  .acceptsMarketing label {
    display: inline;
    margin-left: 5px;
  }
  
  input.newsletter-form__sign-up[type=submit] {
    margin-left: 5px;
    display: inline-block;
  }
  
  input.contact_email[type=email] {
    width: 320px;
    display: inline-block;
    float: left;
  }
  .background-image-none {
    background-image: none!important 
  }
  .background-image-none svg:first-child {
    display: none;
  }

@keyframes slide-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

/* animation summary remove item */
.slide-out-right {
  animation: slide-out-right 0.2s forwards;
}