/** Shopify CDN: Minification failed

Line 124:23 Unterminated string token

**/
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

.collection__view-all {
  margin-top: 2rem;
}




.comparewrap {
  display: flex;
  max-width: var(--page-width);
  margin: auto;
  padding: 0 3rem;
}

.comparebox {
  position: relative;
  flex: 1 1 50%;
  margin: 0 2% 0 15%;
  padding: 1rem 2rem;
  display: grid;
  grid-template-areas: 'h b' 't b';
  outline: 10px solid transparent;
transition: all .15s;
}

.comparebox:hover {
  outline: 10px solid var(--peterblue);
  transition: all .15s;
}

.comparebox:last-of-type {
background-image: linear-gradient(to right, rgba(140, 225, 205, 0.25) 5%, rgba(140, 225, 205, 0.5) 20%, rgb(140, 225, 205));    margin: 0 15% 0 2%;
  border-radius: 200px 0 0 0;
  padding-left: 80px;

}

.comparebox:first-of-type {
  background-image: linear-gradient(to right, rgb(175, 175, 175) 60%, rgba(175, 175, 175, .25));
    border-radius: 0 200px 0 0;
  padding-right: 50px;

}

.comparebox h3{
color: #fff;
font-size: 1.5rem;
line-height: 1.1;
letter-spacing: -.5px;
  padding: 0 1rem;
  margin: 0;
  grid-area: h;
  font-weight: 600;
}


.comparebox  p {
color: #fff;
font-size: 2rem;
line-height: 1;
font-weight: 100;
letter-spacing: .5px;
padding: 0 1rem;
margin: 0;
grid-area: t;
}

.comparebox:last-of-type h3, .comparebox:last-of-type p{
 	color: var(--peterlightblue); 
}



.comparebox button {

  margin: 0 1rem;
  border: none;
  background-color: #eee;
  font-family: "Caros;;
  letter-spacing: ;
  font-size: 1.1rem;
  padding: 3px 12px;
  border-radius: 20px;
  grid-area: b;
  align-self: center;
}


.comparebox:hover button {
  background-color: var(--peterblue);
}

.comparebox:hover button a {
  color: #fff;
  transition: all .15s;
}


.comparebox button a {
  color: var(--peterblue);
  text-decoration: none;
}

.comparebox button a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

@media screen and (max-width: 989px) {
 	.comparewrap {
  		display: block;
 	}
 	.comparebox {
 		display: block;
  		margin: 1rem 0 !important;
	} 
}