<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 763:14 Unexpected ".20yearstorycontainer"
Line 779:14 Unexpected ".20yearstorycontainer"
Line 872:14 Unexpected ".20yearstorycontainer"

**/
/* snapper rock custom css */

:root {
  --snapper-rock-blue: #8bcee3;
}

/* ------START General ------ */

.section-header h2 {
  font-weight:400 !important;
}

/* START custom CSS for Slideshow */
.slideshow .flickity-page-dots {
  display:none !important;
}
.slideshow {
  background: #ffffff !important;
}
.slideshow__slide {
  background: #ffffff !important;
}
/* END custom CSS for Slideshow */

/* button color inside the image with text panel*/
.image-with-text .image-with-text__content .button {
  border-color: var(--snapper-rock-blue);
  background: var(--snapper-rock-blue) !important;
}


/* button color on collection promo tile*/
@media screen and (hover: hover) {
    .gallery__item-content .button.white {border-color: #fff;}
    .gallery__item-content .button.white:before {
        background: var(--snapper-rock-blue);
        border-color: #fff;
    }
    .gallery__item-content .button.white:hover {
        border-color: #fff;
    }
}

.thb-product-detail .product-title-container {
    margin-bottom: 0px !important;
}
.product-card-info .klaviyo-star-rating-widget {
  margin-top:20px;
}

[id^="shopify-block-klaviyo_reviews_average_rating_"] {
    margin-top: 0 !important;
    margin-bottom:10px;
}
[id^="placement-afterpay_on_site_messaging_payments_messaging_"] {
    margin-top: 0 !important;
}


@media only screen and (max-width: 767px) {
  .before-after-image--content-top h4 {
    margin-top: 22px;
  }
  .before-after-image--content-bottom h4 {
    padding-right: 10px;
  }
}



/* home page slideshow button SR blue */
@media screen and (hover: hover) {
    .slideshow__slide-content .button {border-color: #fff;}
    .slideshow__slide-content .button.white:before {
        background: var(--snapper-rock-blue);
        border-color: #fff;
    }
    .slideshow__slide-content .button.white:hover {
        border-color: #fff;
    }
}


/* remove underline from featured collections panel */

.list-collections .text-button:before {
  background: none !important;
}




/* quick view color */
.product-card-quickview--icon {
   background: var(--snapper-rock-blue) !important;
}

.complementary-products .complementary-products--heading {
  position:relative;
  font-size:1.5rem;
  padding:0;
  text-transform: none;
}
.complementary-products--inner {
  border:none !important;
  margin-top:50px !important;
  padding:0px !important;
}
.complementary-products .product-cart-item .product-cart-item-image img {
  width:150px;
}
.complementary-products--inner &gt; .product-card-quickview {
  background:none;
}




.thb-product-detail shopify-payment-terms {
  border-bottom:none !important;
}

.cart-drawer--recommendations--container {
  background:#e4f6fb !important;
}
.cart-drawer--recommendations--container .product-cart-item img {
  background:#fff;
  border:1px solid #cdeef8;
  padding:10px;
}


.mega-menu-promotion--cover p.heading-font {
   /* font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: .1em;
    font-weight: var(--font-body-bold-weight, 600);
    text-transform: uppercase;
    margin-bottom: 15px;
    background-color: #8bcee3;*/
    /*display: inline;
    padding: 5px 10px; 
    box-decoration-break: clone; 
    -webkit-box-decoration-break: clone; */
}

.product-information .product-information--inner .side-panel-links {
  padding-bottom:10px;
  padding-top:20px;  
  padding-left:20px;
  border: 1px solid var(--color-border);
  text-align:center;
}

.product-information .product-information--inner .side-panel-links .text-button:before {
    background: none;
}

    @media (max-width: 768px) { 

      .product-information .product-information--inner .side-panel-links {
        padding-bottom: 10px;
        padding-top: 0px;
        padding-left: 0px;
        border: none;
        text-align:left;
    }
  
        .product-information .product-information--inner .side-panel-links--link {
          display: flex; 
          align-items: center; 
          justify-content: center; 
          text-align: center;
          border-top: 1px solid var(--color-border);
          border-left: 1px solid var(--color-border);
          border-right: 1px solid var(--color-border);
          width: 100%;
          padding: 10px 0;
        } 
      
        .product-information .product-information--inner .side-panel-links--link:last-child {
        border-bottom: 1px solid var(--color-border);
        }

        .product-information .product-information--inner .side-panel-links--link svg {
          margin-right:10px;
        }


      
    }



/* START Sustainable Recycled Bottles Count PDP Panel */
.recycled-bottles-banner {
  display: flex;
  align-items: center;
  padding: 1.2rem 1rem;
  /*border-radius: 4px;*/
  margin-top: 5px;
  color: #172748;
  background-color: #aaedf9;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  line-height: 14px;
  vertical-align: middle;
  margin-bottom:20px;
}
.recycled-bottles-wrap {
  margin-right:6px;
  display: flex; 
  align-items: center;
}
.recycled-bottles-banner .recycled-bottles-number {
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  display:inline-block;  
  padding-top:2px;
}
.recycled-bottles-text {
  display: inline;
  color:#172748;
  text-transform:none;  
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
}
.recycled-bottles-icon {
  float:left;
  display:inline-block;
  margin-right: 10px;
  vertical-align: middle;
  line-height:24px;
  width:30px;
}
.recycled-bottles-icon-image {
  width: 30px; 
  height: 30px; 
  vertical-align: middle;
  /*margin-top: 2px;*/
}
@media only screen and (min-width: 37.5em) {
  .recycled-bottles-banner {
    padding: 0.9rem 1rem;
    font-size: 12px;
    line-height: 12px;
  }
}
@media only screen and (max-width: 37.5em) {
  .recycled-bottles-wrap {}
  .recycled-bottles-icon {display: none;}
  .recycled-bottles-number, 
  .recycled-bottles-text {
    font-size: 16px;
  }
}
/* END Sustainable Recycled Bottles Count PDP Panel */


/* ------END General ------ */


/* ------START Product Card------ */
/*
@media only screen and (min-width: 768px) {
    .product-card .product-featured-image {
        margin-bottom: 0px !important;
    }
}
.featured-collection .text-center .button {
    margin-bottom: 10px;
}*/

@media only screen and (min-width: 768px) {
    .product-card--add-to-cart-button {
      width:60% !important;
    }
}
/* ------END Product Card------ */


/* ------START Collection Filter------ */

/* Two-column layout for size filter on desktop and mobile */
.facets &gt; .thb-filter &gt; .thb-filter-content &gt; .list-size {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.facets &gt; .thb-filter &gt; .thb-filter-content &gt; .list-size &gt; li {
  margin: 0;
  display: flex;
  align-items: center;
}

.facets &gt; .thb-filter &gt; .thb-filter-content &gt; .list-size &gt; li &gt; label {
  width: 100%;
  display: flex;
  align-items: center;
}
/* END Two-column layout for size filter on desktop and mobile */


/* Color Swatch Custom Layout &amp; Styling */
/* Specific CSS for Color Swatches */
.facets .thb-filter .thb-filter-content .list-color {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Ensures 3 columns for color swatches */
  grid-gap: 10px;
  padding: 0;
  margin: 0;
  width: 60%;
}

.facets .thb-filter .thb-filter-content .list-color &gt; li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* Ensures swatch is above the text */
}

.facets .thb-filter .thb-filter-content .list-color &gt; li &gt; .facet-checkbox {
  position: relative;
  width: 36px; /* Circle size */
  height: 36px; /* Circle size */
  margin: 5px;
  border-radius: 50%;
  cursor: pointer;
  overflow: visible; /* Ensure content is visible outside the fixed height */
  background-color: transparent;
  transition: border-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: 0; /* Reset text-indent to make the label text visible */
  text-align: center; /* Center the text */
  font-size: 0.6rem; /* Adjust text size */
  line-height: 0.7rem;
  color: #333; /* Set the text color */
}

.facets .thb-filter .thb-filter-content .list-color li .facet-checkbox:after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background: var(--option-color-image) no-repeat center/cover;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%; /* Center the image vertically */
  transform: translate(-50%, -50%); /* Center the image horizontally and vertically */
  z-index: -1; /* Ensure the image is behind the text */
}

.thb-filter ul.list-color label {
  margin-top: 5px; /* Space between the circle and the text */
  text-indent: 0; /* Reset text-indent to show the text */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thb-filter ul.list-color label:after {
  margin-bottom: 5px; /* Space between the circle and the text */
}

/* Remove custom hover border effect */
.facets .thb-filter .thb-filter-content .list-color &gt; li &gt; .facet-checkbox:hover {
  /* Removed custom border styling */
}

/* Target the injected span inside the label 
.facet-label-text-sr {
  font-size: 0.75rem;
  color: #333;
  text-transform: lowercase;
  text-align: center;
  display: block;
  margin-top: 5px;
}*/

.facets .thb-filter-content ul.list-size {
  /*max-height:300px;*/
}

/* END Color Swatch Custom Layout &amp; Styling */

/* ------END Collection Filter------ */


/* START PDP Size Select Custom Layout &amp; Styling */
    .variations .product-form__input--block input[type=radio]+label {
      width:100px !important;
      background-color: #f7f7f7;
      padding: 3px 5px !important;
    }
    .variations .product-form__input--block input[type=radio]+label {
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
    @media (max-width: 768px) { /* Adjust max-width to your mobile breakpoint */
        .variations .product-form__input--block input[type=radio]+label {
          width:95px !important;
        }      
        .variations .product-form__input--block input[type=radio]+label {
            margin-right: 10px !important;
            margin-bottom: 10px !important;
        }      
    }
    .variations .product-form__input--block input[type=radio]:checked + label {
        z-index: 5;
        box-shadow: 0 0 0 1px var(--snapper-rock-blue) inset!important;
        background-color: var(--snapper-rock-blue);
    }
/* END PDP Size Select Custom Layout &amp; Styling */


/* ------START Klaviyo Reviews------ */
.reviews_all_container {
  border:1px solid var(--snapper-rock-blue);
  width: 70%;
    margin: 0 auto 20px auto !important;
    padding: 50px 50px 0 50px !important;
}

    @media (max-width: 768px) { 
  
          .reviews_all_container {
            border:1px solid var(--snapper-rock-blue);
            width: 95%;
              margin: 0 auto 20px auto !important;
              padding: 20px 20px 0 20px !important;
          }      
    }

.kl_reviews__list_container {
    min-height: 20px !important;
}



.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__button {
    padding: 10px 50px !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    line-height: calc(var(--kl-reviews-reviews-button-font-font-size, 18px)* 1.25) !important;
    background-color: var(--snapper-rock-blue)!important;
  color: var(--kl-reviews-reviews-button-font-color);
  font-family: var(--kl-reviews-reviews-button-font-font-family); 
  margin-bottom: 0px !important; 
  border: var(--kl-reviews-reviews-button-border-style) var(--kl-reviews-reviews-button-border-color);
}

.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__list__tabs {
flex-direction: column !important; /* Stack items vertically */
  gap: 10px !important;
  justify-content: flex-start; /* Align items to the start */
}


.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__list__tab--active::after {
    background: var(--snapper-rock-blue)!important;
}


.kl_reviews__histogram__rating {
    font-size: 16px !important;
    line-height: calc(var(--kl-reviews-reviews-secondary-font-font-size)* .86);
    margin-right: 2px;
    color: var(--color-body) !important;
    font-family: var(--kl-reviews-reviews-secondary-font-font-family);
}

.kl_reviews__histogram__value {
    width: 50px !important;
    color: var(--color-body) !important;
    font-family: var(--kl-reviews-reviews-secondary-font-font-family);
    font-size: 16px !important;
    font-weight: var(--kl-reviews-reviews-secondary-font-font-weight);
    line-height: calc(var(--kl-reviews-reviews-secondary-font-font-size)* .86);
    text-align: right;
    margin-left: 5px;
}

.kl_reviews__summary.kl_reviews__summary.kl_reviews__summary h2 {
    font-size:22px !important;
    font-family: "Twentieth Century", sans-serif !important;  
    font-weight: 400 !important;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__list__tab {
    font-size:22px !important;
    font-family: "Twentieth Century", sans-serif !important;  
    font-weight: 400 !important;
}

.kl_reviews__custom_question_answer circle {
    fill: var(--snapper-rock-blue)!important;
}



/* ------END Klaviyo Reviews------ */




/* START Custom CSS for Custom Landing Pages */
              /* ------START Adventurewear Landing------ */
              
              .adventurewear-landing {
                overflow-x: auto;
                margin: 0 0 40px 0;
              }
              .adventurewear-landing-panel {
                padding: 0;
                background-color: white;
                overflow: hidden;
              }
              .adventurewear-landing-row {
                display: -ms-flexbox; /* IE10 */
                display: flex;
                -ms-flex-wrap: wrap; /* IE10 */
                flex-wrap: wrap;
                padding: 0 0px;
              }
              /* Create four equal columns that sits next to each other */
              .adventurewear-landing-column {
                -ms-flex: 50%; /* IE10 */
                flex: 50%;
                max-width: 50%;
                padding: 0 0px;
              }
              .adventurewear-landing-column2 {
                -ms-flex: 33%; /* IE10 */
                flex: 33%;
                max-width: 33%;
                padding: 0 0px;
              }
              .adventurewear-landing-column3 {
                -ms-flex: 33%; /* IE10 */
                flex: 33%;
                max-width: 33%;
                padding: 0 0px;
              }
              .adventurewear-landing-column4 {
                -ms-flex: 25%; /* IE10 */
                flex: 25%;
                max-width: 25%;
                padding: 0 0px;
                text-align:center;
                flex-wrap: wrap;
              }
              
              .adventurewear-landing-column img {
                margin-top: 0;
                vertical-align: middle;
                width: 100%;
              }
              
              
              
              
              /* Responsive layout - makes a two column-layout instead of four columns */
              @media screen and (max-width: 800px) {
               .adventurewear-landing-column {
                  flex: 100%;
                  max-width: 100%;
              
              
                }
              }
              .adventurewear-landing-panel h2, .adventurewear-landing h2 {
              text-align:center;
              color:#6f7f77;
              font-weight:300;
              font-size:2rem;
              margin-bottom:15px;
              line-height:45px;
              }
              .adventurewear-landing-panel h2 span, .adventurewear-landing h2 span {
              font-weight:bold;
              }
              .adventurewear-landing-panel h3 {
              text-align:center;
              color:#6f7f77;
              font-weight:bold;
              }
              .adventurewear-landing-panel h3 span {
              font-weight:300;
              display:inline-block;
                color: rgb(63, 66, 69);
              text-transform:none;
              margin-top:5px;
              font-size:15px;
              }
              .adventurewear-landing-panel h4 {
              margin-top:0;
                text-align:center;
              }
              .adventurewear-landing-panel p {
                margin:0 0 15px 0;
                padding: 0 30px 0 30px;
                color: rgb(63, 66, 69);
                text-align:center;
              }
              .adventurewear-landing-column4 p {
               padding:0 10px 0 10px;
                font-size:16px;
                line-height:18px;
                margin:0 0 15px 0;
              }

              .adventurewearPromoVideo {
                  min-height: 500px;
                  position: relative;
                  padding: 0;
                  margin: 0;
                  background: none; /* Remove any background color */
                  border: none; /* Remove any borders */
              }
              
              .adventurewearPromoVideo iframe {
                  width: 100%;
                  height: 100%;
                  border: none; /* Ensure the iframe itself has no border */
              }

              @media screen and (max-width: 600px) {
                  .adventurewearPromoVideo {
                    min-height:250px;
                  }
              } 


              
              /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
              @media screen and (max-width: 600px) {
               .adventurewear-landing-column, .adventurewear-landing-column3, .adventurewear-landing-column2 {
                  flex: 100%;
                  max-width: 100%;
                }
               /* .adventurewear-landing-column4 {
                -ms-flex: 50%; 
                flex: 50%;
                max-width: 50%;
                padding: 0 0px;
              }*/

                 .adventurewear-landing-column4 {
                -ms-flex: 100%; /* IE10 */
                flex: 100%;
                max-width: 100%;
                padding: 0 0px;
              }
                
              }
              
              
              .adventurewear-landing a.greenBtn:link, .adventurewear-landing a.greenBtn:visited {
                  font-size: 14px;
                  line-height: 14px;
                  font-weight: 600;
                  text-transform: uppercase;
                  border: 1px solid #727f78;
                  background-color: #727f78;
                  border-color: #727f78;
                  color: #fff;
                  padding: .7em 1.5em;
                  cursor: pointer;
                  text-align: center;
                  text-decoration: none;
                  border-radius: 4px;
                  display:inline-block;
              }
              .adventurewear-landing a.greenBtn:hover, .adventurewear-landing a.greenBtn:active {
                  border: 1px solid #89908c;
                  background-color: #89908c;
                  border-color: #89908c;
              }
              /* ------END Adventurewear Landing------ */




              /* ------------------------Our story page custom css-------------------- */
              .timeline-container {
                position: relative;
                width: 100%;
              }
              
              .timeline-item {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 50px;
                flex-wrap: wrap;
              }
              
              .timeline-year {
                position: relative;
                flex-basis: 100%;
                height: 150px;
              }
              
              .timeline-year .year-bg {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
                height: 150px;
                background-size: 400px 150px; /* Set to 50% of the original size */
                background-repeat: no-repeat;
                background-position: center center;
                z-index: 1;
                text-indent:-9999px;
                overflow:hidden;    
              }
              
              .timeline-year h3 {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
                padding: 0.5em 1em;
                background: rgba(255, 255, 255, 0.7);
              }
              
              .timeline-item-left .timeline-year h3 {
                left: 20px;
                transform: translateX(0);
              }
              
              .timeline-item-right .timeline-year h3 {
                right: 20px;
                left: auto;
                transform: translateX(0);
              }
              
              .timeline-main-image {
                flex-basis: 45%;
                margin-bottom: 10px;
              }
              
              .timeline-main-image img {
                width: 100%;
                max-width: 1200px;    
                height: auto;
              }
              
              .20yearstorycontainer .image-caption {
                text-align: center;
                font-style: italic;
                color: #666;
              font-size:11px !important;
                  margin:0 0 10px 0 !important;
                  line-height:1.5;
              }
              
              .timeline-content {
                flex-basis: 45%;
              }
              .timeline-content h3 {
                margin-top:0;
              }
              
              .20yearstorycontainer .content-section p {
                margin-bottom: 20px;
                font-size:14px; 
              }
              
              .content-section .awardBlock {
                background-color:#064469; display:block; padding:10px 10px 10px 15px; color:#ffffff; font-size:12px; text-align:center;
              }
              
              .content-section .timeline-smaller-images {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-bottom: 20px;
              }
              
              .content-section .timeline-smaller-images .image-container {
                max-width: calc(50% - 10px);
                margin: 0 5px; /* Space between the images */
              }
              
              .content-section .timeline-smaller-images .image-container img {
                width: 100%;
                max-width: 600px;
                height:auto;
                display: block; /* Ensures the image is a block-level element */
                margin-bottom: 8px; /* Space between image and caption */
              }
              
              .content-section .timeline-smaller-images .image-caption {
                text-align: center;
                font-style: italic;
                color: #666;
              }
              
              .timeline-container:before {
                content: '';
                position: absolute;
                left: 50%;
                top: 0;
                bottom: 0;
                width: 2px;
                background-color: #00bcda;
                z-index: 0;
              }
              
              @media (max-width: 768px) {
                .timeline-container:before {
                  display: none; /* Hide the central line on mobile */
                }
              
                .timeline-item {
                  flex-direction: column;
                  text-align: center;
                }
              
                .timeline-year {
                  height: auto;
                  position: relative;
                  order: -1; /* Year background will be first */
                }
              
                .timeline-year .year-bg {
                  background-size: cover; 
                  background-position: center; 
                  width: 250px; 
                  height:100px;
                  margin-bottom:10px;
                  position: relative; 
                  top: auto;
                  transform: none; 
                  order: -1; 
                }
              
                .timeline-year h3 {
                  position: relative;
                  left: auto;
                  transform: translateX(0);
                  text-align: center;
                  order: -2; /* h3 will be second, just below the year background */
                  margin-top: 10px; /* Add some space above the H3 */
                }
              
                .timeline-main-image {
                  flex-basis: 100%;
                  order: 2; /* Main images will be third */
                }
              
                .timeline-content {
                  flex-basis: 100%;
                  order: 1; /* Content will be last */
                }
                  
              .20yearstorycontainer .content-section p {
                margin-bottom: 20px;
                font-size:12px;  
              }
              
              
              
                .timeline-main-image img {
                  max-width: 100%; /* Full width */
                  height: auto; /* Maintain aspect ratio */
                }
                  
                  
              
                .content-section .timeline-smaller-images .image-container  {
                  display: none; /* Hide the smaller images div on mobile */
                }
              
                 .timeline-smaller-images {
                  display: none; /* Hide the smaller images div on mobile */
                } 
                  
                /*.content-section .timeline-smaller-images {
                  flex-direction: column;
                  order: 3; 
                }*/    
                  
                  /*.content-section .timeline-smaller-images .image-container {
                  max-width: 100%;
                  margin: 0 0 20px 0; 
                }*/
                 
                  
                  
                  
              }
              
              /* ------------------------/Our story page custom css-------------------- */



/* ------START Reformation theme ------ */

/* EDN Reformation theme ------ */
.mega-menu-promotion {
display: block;
}
/* End Custom CSS for Custom Landing Pages */




</pre></body></html>