/** Shopify CDN: Minification failed

Line 139:45 The "-" operator only works if there is whitespace on both sides

**/
.benefits-block--container{display: flex; flex-wrap: wrap; justify-content: space-between;}
.benefits-block--container .benefits--block{margin-bottom: 10px;}
.benefits-block--container .information--container{max-width:45%;}
.benefits-block--container .benefit--features{max-width: 45%;}
.benefits-block--container .benefit--features img{margin-top: 0px;}
.benefits-block--container .information--container h3{font-size: 0.875rem; line-height: 24px; }
/* .benefits-block--container .benefits--block{max-width: 33%;} */

.overview{padding-top: 20px;}
.overview .overview-container .overview--title{margin-bottom: 20px; line-height: 20px; letter-spacing: 0.04em; font-weight: 800;}
.overview .overview-container .option-container{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 11px; width: 100%; flex: 1; overflow: hidden; margin: 20px 0;}
.overview .overview-container .option-container .option-wrapper{display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 1; width: calc(33% - 11px);}
.overview .overview-container .option-container .option--bar{height: 0.4rem; background: #f5f5f5; align-self: stretch; border-radius: 0.1rem; transform: skew(-10deg); -webkit-transform: skew(-10deg, 0);}
.overview .overview-container .option-container .option--label{color: #a9a9a9;}
.overview .overview-container .option-container .option--black-label{color: #000000 !important;}
.overview .overview-container .option-container .option--black-bar{background: #000000 !important;}
#running--terrain .overview-container .option-container .option-wrapper{width: calc(20% - 11px;);}
#shoe--width .overview-container .option-container .option-wrapper{width: calc(25% - 11px;);}
#running--terrain .option-container{align-items: flex-start !important;}
/* Features Section Code */
.features--container{display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; gap: 15px;}
.features--container .features--block{width: calc(33% - 15px);}
.features--container .features--block .feature--title{margin-bottom: 20px; line-height: 20px; letter-spacing: 0.04em; font-weight: 800;}

/* Details Section Code */
.details-container{width: fit-content;}
.details-container .details--row{display: flex; flex-direction: row; column-gap: 3rem; padding: 10px 0px; border-bottom: 1px solid #A9A9A9;}
.details-container .details--row .details-title{color: #000000; font-weight:800; min-width: 200px;}
/* .product-item:hover{min-height: 33vw;} */
/* .featured-collections .product-item:hover{min-height: 37vw;} */
.product-item--hover{display: none; padding: 10px 20px; min-height:10vw;}
.product-item__image-wrapper:hover{}
.product-item--hover .variant--price .price{color: #000000; font-weight: 700; line-height: 1.71; font-size: 16px;}
/* .product-item:hover .product-item--hover{display: flex; flex-direction: column; position: absolute; background: #f5f5f5; width: 100%; height: 12vw;} */
.size--variants{display: flex; flex-wrap: wrap; column-gap: 5px;}
.size--variants a{flex: 1 0 15%; text-align: left; max-width: 15%;}
.size--variants .variant--size{min-width: 30px; text-align: left;}
.colour--variants{display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 5px;}

.collection--feature{display: flex; flex-wrap: wrap; justify-content: center; gap: 1vw; margin: 0 auto; max-width: 1000px;}
.featured--button .button{color: #000000; background: #ffffff; border: #000000 1px solid; line-height: 40px;}

/* Featured Header Collections Custom Code */
.featured-header-collection-container{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.featured-header-collection-container .header--featured--collection{flex: 1 0 15%; max-width: 150px; border: 2px solid #f5f5f5;}
.featured-header-collection-container .header--featured--collection:hover{ border-bottom: 2px solid #000000; transform: translateY(-10px);}
.featured-header-collection-container .header--featured--collection .feature--link{line-height: 20px; text-align: left; width: 100%; max-width: 150px; display: block}
.featured-header-collection-container .header--featured--collection .feature-title{padding: 5px 10px;}
.featured-header-collection-container .header--featured--collection .feature-title span{color: #000000; line-height: 20px; font-family: 'Salomon Sans'; font-size: 13px; letter-spacing: .08em;}
.featured-header-collection-container .header--featured--collection .featured--collection-image{width: 100%; height: 100px; background: #f6f6f6;}
.featured-header-collection-container .header--featured--collection .featured--collection-image img{height: 100px; object-fit: contain; object-position: center;}

/* Announcement Bar changes */
.announcement-bar--newsletter .newsletter-btn{display: flex !important; gap: 5px; align-items: center;}
.announcement-bar-store a{display: flex; gap: 5px; align-items: center;}
.announcement-bar--help button{display: flex; gap: 5px; align-items: center;}
.announcement-bar--right{display: flex; gap: 5px;}
.announcement-bar--help{position: relative;}
.announcement-bar--help:hover #help-menu-dropdown{display: block;}
#help-menu-dropdown{display: none; position: absolute; z-index:1099; right: 0; background: #ffffff; padding: 2rem; width: 16rem; box-shadow: 0 0 3rem rgba(0, 0, 0, 0.15); border-radius: 0.5rem; top: 2rem;}
.help-menu--list{display: flex; flex-direction: column;}
/* End Announcement Bar changes */

/* Care CSS */
.care--container{display: flex; flex-wrap: wrap;}
.care--container .care--half{flex: 1 0 50%;}
.care--container .care--half .care--item{display: flex; gap: 5px; flex-direction: row; align-items: center; justify-content: left; border-bottom: 1px solid rgb(var(--border-color)); padding: 5px 0px;}
.care--container .care--half .care--item .care--icon{min-width: 40px;}

.blog--excerpt{display: flex; flex-wrap: wrap; justify-content: space-between; color: #000000; height: 100px; background: #f5f5f5; flex-direction: column; margin-top: 2rem;}
.blog--excerpt .blog--bottom-info{margin: 2rem 4rem 2rem 2rem; font-weight: 100; font-size: 10px; display: flex; justify-content: flex-start;}
.blog--tags{    
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 10px;
}
.article--tag{    
  background: #fff;
    padding: 3px 5px;
    border-radius: 5%;
    color: #000000;
    font-size: 9px;
  margin: 0px 1px;
  font-weight: 100;
}

#about-us-section-1 .main-container{display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
#about-us-section-1 .main-container h1{font-size: 4rem; color: #000000; text-align: center; margin-bottom: 0px; line-height: 3rem;}
#about-us-section-1 .main-container .image-step--container{display: flex; flex-wrap: wrap; width: 60%; gap: 5px; justify-content: center; margin-top: 2rem;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks{flex: 1 0 180px; max-width: 180px;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .image--cont{position: relative;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .image--cont .numbering--cont{position: absolute; bottom: 0; left: 5px;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .image--cont .numbering--cont span{color: #ffffff; font-size: 4rem; font-family: 'Salomon Sans'; font-weight: bold;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .image--cont .numbering--cont span:nth-of-type(even){font-size: 2rem;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks:nth-of-type(odd){margin-top: 50px;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .block--desc{background: #000000; color: #ffffff; font-family: 'Salomon Sans' !important; font-weight: bold; padding: 10px;}
#about-us-section-1 .main-container .image-step--container .gtk-blocks .block--desc span{font-family: 'Salomon Sans';}
.about-us-tomorrow-is-yours .tomorrow-container{position: relative; background: #f5f5f5; overflow: hidden;}
.about-us-tomorrow-is-yours .tomorrow-container .logo-image svg g{fill: rgba(0,0,0,0); stroke: rgba(0,0,0,0.6);}
.about-us-tomorrow-is-yours .tomorrow-copy{position: absolute;  left: 0; right: 0; top: 12vw; bottom: 0; margin: 0 auto; text-align: center;}
.about-us-tomorrow-is-yours .tomorrow-copy svg{width: 200px; height: fit-content;}
.about-us-tomorrow-is-yours .tomorrow-copy h3{font-size: 4rem; line-height: 4rem; margin-top: 0px;}
.swal2-popup{width: 250px !important;}
.swal2-popup h2{font-size: 1.2rem; line-height: 1.5rem;}
#swal2-content{font-size: 0.8rem; line-height: 1rem;}

.article--time{display: flex; flex-wrap: wrap; justify-content: center;}
.article--time .article__reading-time{font-weight: bold;}

@media only screen and (max-width: 720px){
  .announcement-bar-store{display: none;}
  .announcement-bar--right{display: none;}
  .announcement-bar--multiple{justify-content: center;}
  .product-item:hover .product-item--hover{display: none !important;}
  .block-swatch__item{min-width: 2rem; height: 3rem;}
  .shopify-section--main-product .container{padding-left: 0px !important;}
  .product__info{background: #ffffff; padding-left: 24px; padding-right: 24px; padding-top: 5px;}
  .shopify-section--product-content .container{padding-left: 0px; padding-right: 0px;}
  #about-us-section-1 .main-container h1{font-size: 3rem;}
  #about-us-section-1 .main-container .image-step--container{width: 100%;}
  #about-us-section-1 .main-container .image-step--container .gtk-blocks{flex: 1 0 45%; max-width: 45%;}
  #about-us-section-1 .main-container .image-step--container .gtk-blocks:nth-of-type(odd){margin-top: 0px;}
  #about-us-section-1 .main-container .image-step--container .gtk-blocks:nth-of-type(even){margin-top: 50px;}
}

.about-us-tomorrow-is-yours .tomorrow-container .logo-image{animation-name: animate-background-logo; animation-duration: 120s; animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); animation-iteration-count: infinite;}

@keyframes animate-background-logo{
  0%, 100%{
    transform: translate3d(0,0,0);
  }
  48%, 52%{
    transform: translate3d(calc(100% - 100vw -10rem),0,0);
  }
}

.overview--icon{
  border-radius: 50%;
  border: 1px solid #000000;
  
}

.option-container img{
  margin: 0 !important;
}

.overview--icon img{
  margin:0 !important;
  padding: 10px;
}


.multi-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.multi-flex__block{
    flex: 0 1 200px;
  position: relative;
}
.multi-flex__block img{height: 260px; filter: brightness(0.6);}
.multi-flex__block .multi-flex__content{position: absolute; top: 10px; left: 10px; color: #fff; font-family: 'Salomon Sans'}
.multi-flex__block .multi-flex__content h4{font-size: 1.2rem;}
.multi-flex__container h2{font-size: 2rem; text-align: center; font-weight: 700;}
.hulk_checkbox{display: flex !important; border: none !important;}
.hulkapp_mainContent .checkbox span{width: 300px;}

@media only screen and (max-width: 765px){
  .multi-flex__block{flex: 0 1 45%;}
  .multi-flex__container h2{line-height: 2.4rem;}
}

.breadcrumb__content-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: var(--section-items-alignment);
  justify-content: center;
  padding: 40px 0;
}

/* New Product Media Updates */
.custom-main-product .mobile-media{display: none;}
.custom-main-product .product__media-flex{display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start;}
.custom-main-product .product__media-flex .product__media-item{flex: 1 0 50%; max-width: calc(50% - 10px); width: calc(50% - 10px); min-width: calc(50% - 10px);}
.custom-main-product .product__media-flex .product__media-item .video-wrapper{aspect-ratio:1;}
.custom-main-product .product__media-flex .product__media-item .video-wrapper iframe body,
.custom-main-product .product__media-flex .product__media-item .video-wrapper iframe > .html5-video-player{background: #f5f5f5 !important;}
.custom-main-product .product__media-image-wrapper.zoom {
  & img:hover {
    opacity: 0;
  }
  img {
    transition: opacity .5s;
    display: block;
    width: 100%;
  }
  background-position: 50% 50%;
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: zoom-in;
}
.custom-form__description {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 1.6rem;
  background: #f5f5f5;
}

/* Cushioning Diagram */
.cushioning-scale-diagram{position: relative;}
.cushioning-scale-diagram ul{display: flex; list-style: none; padding-left: 0px;}
.cushioning-scale-diagram ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  padding: .5rem;
  border-radius: 3rem;
  background: url("/cdn/shop/files/scales.jpg?v=1730189143") top left/.4rem 2.1rem;
}
.cushioning-scale-diagram ul li{flex: 2 1 0; position: relative;}
.cushioning-scale-diagram ul li:before{
  content: "";
  display: block;
  width: 100%;
  height: 1rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
  border-radius: 10px;
}
.cushioning-scale-diagram ul .scale--black-bar:before{background: #000000;}
.cushioning-description{padding: 1rem; background: #f5f5f5;margin-top: 1rem;}
.product-page-scale > span{display:inline-flex; width: 100%;}
.product-page-scale:first-child > span{}
.product-page-scale:not(:first-child, :last-child) > span{justify-content: center; text-align: center;}
.product-page-scale:last-child > span{justify-content: flex-end; text-align: right;}
.shoe-width-scale-diagram {position: relative;}
.shoe-width-scale-diagram ul{display: flex; list-style: none; padding-left: 0px;}
.shoe-width-scale-diagram ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  padding: .5rem;
  border-radius: 3rem;
  background: url("/cdn/shop/files/scales.jpg?v=1730189143") top left/.4rem 2.1rem;
}
.shoe-width-scale-diagram ul li{flex: 2 1 0; position: relative;}
.shoe-width-scale-diagram ul li:before{
  content: "";
  display: block;
  width: 100%;
  height: 1rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
  border-radius: 10px;
}
.shoe-width-scale-diagram ul .scale--black-bar:before{background: #000000;}
.drop-key-value span:first-child{
  font-size: 5.5rem;
  line-height: 5.8rem;
}
.drop-key-value span:last-child, .reassurance_header-name, .wyli-item_content .h3, .wyli-item_hover h3 {
  margin: 0;
  font-variant-numeric: normal;
  letter-spacing: normal;
  text-transform: initial;
  letter-spacing: .01em;
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 600;
}
.product-terrain-container{display: flex; flex-direction: row; align-items: center;}
.product-terrain-container .product-terrain-image img {
  flex: 0 0 8rem;
  width: 8rem;
  max-width: 8rem;
  height: 8rem;
  overflow: hidden;
  border: .4rem solid #fff;
  background-color: #fff;
  border-radius: 100%;
}
.product-terrain-container .product-terrain-image img:not(:first-child) {
  margin-left: calc(8rem *-.33);
}

@media screen and (min-width: 1000px) {
  .product__media {
    --product-media-width: 100%;
    width: 100%;
    padding: 0px 0;
  }
  .custom-main-product .product__zoom-button{display: none;}
}
@media only screen and (max-width: 765px){
  .custom-main-product .desktop-media{display: none;}
  .custom-main-product .mobile-media{display: block;}
}

.product-tile_sticker .icons {
  font-size: 12px;
  line-height: 1rem;
  position: relative;
  padding: 1px 5px;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(0,0,0,0);
  color: #fff;
  font-family: 'Salomon Sans';
}

.product-tile_sticker .icons::before{
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  transform: skew(-15deg);
  background: #000;
}
.features-hr{margin-bottom: 1rem;}
.features-container .feature-item{padding-bottom: 1rem;}
.product-details--row{margin-bottom: 1rem;}

.blockquote{text-transform: none; text-align: center; line-height: 40px;}
.blockquote div{line-height: 40px; font-family: 'Salomon Sans', serif;}
.blockquote div:before{content: '\201c';padding: 10px;}
.blockquote div:after{content: '\201d'; padding: 10px;}
testimonial-item author{
  display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px;
}
testimonial-item author span{opacity: .6;}
testimonial-item author .author-image{
  border-radius: 50%;
}
.header-block-features h2{
  font-size: 3rem;
  color: #000000;
  text-align: center;
  margin-bottom: 0px;
  line-height: 3rem;
  margin-top: 5px;
}
.horizontal-container{display: flex; flex-direction: row; gap: 20px; align-items: center;}
.horizontal-container img{max-width:33%;}
.horizontal-container svg{max-width: 33%;}

@media only screen and (max-width: 768px){
  .horizontal-container{flex-direction: column;}
  .horizontal-container img{max-width:100%;}
}

.button--container{display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px;}
/* Article Changes */
.article-item__title{font-size: 1rem; text-transform:inherit;}
.article-item__image-container{margin: 0px;}
.article-item__content{min-height: 150px; background: rgba(245,245,245,1); padding: 24px; display: flex; justify-content: space-between;flex-direction:column;}
.article-item__read-time{display: flex; align-items: center; gap: 20px;flex-direction: row;}
.article-item__read-time svg{width:30px; height: 30px;}
.article-item__category{margin-top: 0px !important; color: rgba(175,12,30,1); text-transform: inherit !important;font-size: 1rem;}
.article-item__image{height: 250px; object-fit: cover; object-position: center center;}

/* PJN pricing changes */
.price .PJN--price,
.price .cash--price{
  font-size: 1.5rem;
}

.price{
  margin-bottom: 10px;
}

.price .pm-cash{
  font-size: 0.8rem;
  letter-spacing: 0;
}

.product-item__info .price .PJN--price,
.product-item__info .price .cash--price,
.drawer__content .price .PJN--price,
.drawer__content .price .cash--price{
  font-size: 1.1rem;
}

.or{
  text-align: center;
  display: block;
}

.drawer__content .line-item__info{
  max-width: 100px;
}

.checkout-button[name="checkout"]{
  background-color: rgb(58, 186, 187);
  background-image: none;
}

.product-item__info .product-item-meta .price-list .price{
  font-weight: 100;
}

#partPayCalculatorWidget1 #partPayCalculatorWidgetLogo{
  left: 20px;
}

.header__linklist-item[data-item-title="Sale"],
.mobile-nav__item button[aria-controls="mobile-menu-5"]{
  color: red;
}

@media only screen and (max-width: 768px){
  button[name="checkout-pjn"] .checkout-button__lock{
    display: none;
  }
}

/* Countdown timer css Start */

.countdown-timer-cont{
  border-radius: 8px;
  text-align: center;
  position: relative;
  margin-top: -50px;
  bottom: -50px;
  padding: 15px;
  width: 100%;
  background-color: #f8f8f8;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.countdown-timer {
  font-family: sans-serif;
  text-align: center;
  position: relative;
  right: -18px;
  margin: 0 auto;
  justify-content: center;
  gap: 5px;
  display: flex;
  align-items: baseline;
}

.countdown-display {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.countdown-segment {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.countdown-segment span:first-child {
  font-size: 18px;
  font-weight: bold;
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

.countdown-label {
  font-size: 14px;
  margin-top: 5px;
  color: #666;
}

.countdown-message {
  font-weight: bold;
  color: #333;
  margin-top: 10px;
}

@media only screen and (max-width: 768px){
  #ltywrx-fab-container .loyaltyworx-fab{
    width: 60px;
    height: 60px;
  }
  .countdown-timer-cont {
    margin-top: -30px;
    bottom: -30px;
  }
  .countdown-timer{
    right: -10px;
  }
  .countdown-segment span:first-child {
    font-size: 18px;
  }
}

/* Countdown timer css End */