/** Shopify CDN: Minification failed

Line 43:26 The "-" operator only works if there is whitespace on both sides
Line 268:27 The "-" operator only works if there is whitespace on both sides
Line 274:27 The "-" operator only works if there is whitespace on both sides
Line 281:29 The "-" operator only works if there is whitespace on both sides
Line 287:29 The "-" operator only works if there is whitespace on both sides

**/
/* collection list page */
#collection-list {
  	overflow: hidden;
  	margin-bottom: 0;
}
#collection-list .home-grid .grid-wrapper {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: center;
  	-ms-flex-pack: center;
  	justify-content: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	width: calc(100% + 1px);
}
@media (max-width: 600px) {
#collection-list .home-grid .grid-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
}
#collection-list .home-grid .grid-wrapper .grid-item {
  	position: relative;
  	margin: 0;
  	-webkit-box-flex: 1;
  	-ms-flex-positive: 1;
  	flex-grow: 1;
  	-ms-flex-negative: 0;
  	flex-shrink: 0;
  	-ms-flex-preferred-size: calc(100%/2 - 2px);
  	flex-basis: calc(100%/2- 2px);
  	-ms-flex: 1 calc(100%/2 - 2px);
  	flex: 1 calc(100%/2 - 2px);
  	cursor: pointer;
    /* height: -webkit-fill-available; */
}
@media only screen and (max-device-width: 600px), (max-width: 600px) {
#collection-list .home-grid .grid-wrapper .grid-item {
		width: 50%;
		-ms-flex-preferred-size: 1;
		flex-basis: 1;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100%/1 - 2px);
    flex-basis: calc(100%/1 - 2px);
    -ms-flex: 1 calc(100%/1 - 2px);
    flex: 1 calc(100%/1 - 2px);
    cursor: pointer;
	}
}
#collection-list .home-grid .grid-wrapper .grid-item.grid-large {
  	-webkit-box-flex: 1;
  	-ms-flex-positive: 1;
  	flex-grow: 1;
  	-ms-flex-negative: 0;
  	flex-shrink: 0;
  	-ms-flex-preferred-size: calc(100%/2*2 - 2px);
  	flex-basis: calc(100%/3*2 - 2px);
  	-ms-flex: 1 calc(100%/3*2 - 2px);
  	flex: 1 calc(100%/3*2 - 2px);
}
#collection-list .home-grid .grid-wrapper .grid-item.grid-large .image-wrapper img {
  	-o-object-fit: cover;
  	object-fit: cover;
  	-o-object-position: top center;
  	object-position: top center;
  	height: 100%;
  	width: 100%;
}
#collection-list .home-grid .grid-wrapper .grid-item .blocker {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	z-index: 1;
  	top: 0;
  	-webkit-transition: 0.3s ease-in-out;
  	transition: 0.3s ease-in-out;
}
#collection-list .home-grid .grid-wrapper .grid-item .blocker .linkwrap {
  	display: block;
  	height: 100%;
}
.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#collection-list .home-grid .grid-wrapper .grid-item .image-wrapper {
  	height: 100%;
  	width: 100%;
}
@media (max-width: 600px) {
  #collection-list .home-grid .grid-wrapper .grid-item .image-wrapper {
  		height: auto;
  	}
  }
@media only screen and (max-device-width: 420px), (max-width: 420px) {
  #collection-list .home-grid .grid-wrapper .grid-item .image-wrapper {
  		height: auto;
  	}
  }
@media only screen and (max-device-width: 375px), (max-width: 375px) {
  #collection-list .home-grid .grid-wrapper .grid-item .image-wrapper {
  		height: auto;
  	}
  }
@media only screen and (max-device-width: 320px), (max-width: 320px) {
  #collection-list .home-grid .grid-wrapper .grid-item .image-wrapper {
  		height: auto;
  	}
  }
@media only screen and (max-device-width: 600px), (max-width: 600px) {
  #collection-list .home-grid .grid-wrapper .grid-item .image-wrapper img {
  		-o-object-fit: cover;
  		object-fit: cover;
  		-o-object-position: top center;
  		object-position: top center;
  		height: 100%;
  		width: 100%;
  	}
  }
#collection-list .home-grid .grid-wrapper .grid-item .overlay {
  	position: absolute;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background-color: transparent;
  	pointer-events: none;
  	-webkit-transition: 0.5s ease;
  	transition: 0.5s ease;
  	z-index: 0;
}
#collection-list .home-grid .grid-wrapper .grid-item .text-wrapper {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	padding: 40px 20px;
  	z-index: 0;
  	width: 100%;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
}
@media (max-width: 600px) {
  #collection-list .home-grid .grid-wrapper .grid-item .text-wrapper {
		padding: 15px 10px;
	}
}
#collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-title p {
  	margin-bottom: 10px;
    text-align: left;
    font-size: 2rem;
    text-transform: none;
    line-height: 2.7rem;
    font-weight: var(--font-weight-header);
    font-style: normal;
    font-family: var(--font-stack-header);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (max-width: 768px) {
  #collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-title p {
    font-size: 2rem;
		line-height: 2.7rem;
		letter-spacing: 0.5px;
		margin-bottom: 15px;
	}
}
@media (max-width: 600px) {
  #collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-title p {
		margin-bottom: 0;
		font-size: 1.8rem;
		line-height: 1.5rem;
		letter-spacing: 0.36px;
	}
}
#collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-cta a {
  	line-height: 2.2rem;
  	letter-spacing: 0.2px;
    font-family: var(--font-stack-header);
    font-style: var(--font-style-header);
    text-transform: capitalize;
    white-space: normal;
    line-height: 1.14286;
    font-weight: var(--font-weight-body);
    font-size: 1.25rem;
    letter-spacing: .007em;
    margin-top: 0;
  	text-decoration: underline;
}
#collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-cta.text-black a {
    font-family: var(--font-stack-header);
    font-style: var(--font-style-header);
    text-transform: capitalize;
    white-space: normal;
    line-height: 1.14286;
    font-weight: var(--font-weight-header);
    font-size: 1.25rem;
    letter-spacing: .007em;
    margin-top: 0;
}
#collection-list .home-grid .grid-wrapper .grid-item .text-wrapper .text-cta.text-white a {
    font-family: var(--font-stack-header);
    font-style: var(--font-style-header);
    text-transform: capitalize;
    white-space: normal;
    line-height: 1.14286;
    font-weight: var(--font-weight-header);
    font-size: 1.25rem;
    letter-spacing: .007em;
    margin-top: 0;
}
#collection-list .blocker {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	z-index: 3;
  	top: 0;
}
#collection-list .blocker .linkwrap {
  	display: block;
  	height: 100%;
}
#collection-list p {
    font-weight: var(--font-weight-body);
  	font-size: 2.5rem;
  	line-height: 4.5rem;
  	letter-spacing: 0.3px;
  	margin-bottom: 50px;
}
#collection-list span {
    font-size: 1.25rem;
    text-transform: capitalize;
    text-align: left;
    white-space: normal;
    line-height: 1.14286;
    font-weight: var(--font-weight-body);
    letter-spacing: .007em;
    margin-top: 0;
}
@media only screen and (max-width: 600px) {
  #collection-list p {
		font-size: 1.3rem;
		line-height: 2.1rem;
		letter-spacing: 0.4px;
		margin-bottom: 30px;
	}
}

/* collection list section */

.list-collection-main:only-child > *:not(.collection_image) {
  height: 520px;
}
.row-of-3 {
    -ms-flex-preferred-size: calc(100%/3 - 2px) !important;
    flex-basis: calc(100%/3- 2px) !important;
    -ms-flex: 1 calc(100%/3 - 2px) !important;
    flex: 1 calc(100%/3 - 2px) !important;
}
.row-of-2 {
    -ms-flex-preferred-size: calc(100%/2 - 2px) !important;
    flex-basis: calc(100%/2- 2px) !important;
    -ms-flex: 1 calc(100%/2 - 2px) !important;
    flex: 1 calc(100%/2 - 2px) !important;
}
@media only screen and (max-device-width: 600px), (max-width: 600px) {
  .row-of-3 {
      -ms-flex-preferred-size: calc(100%/1 - 2px) !important;
      flex-basis: calc(100%/1- 2px) !important;
      -ms-flex: 1 calc(100%/1 - 2px) !important;
      flex: 1 calc(100%/1 - 2px) !important;
  }
  .row-of-2 {
      -ms-flex-preferred-size: calc(100%/1 - 2px) !important;
      flex-basis: calc(100%/1- 2px) !important;
      -ms-flex: 1 calc(100%/1 - 2px) !important;
      flex: 1 calc(100%/1 - 2px) !important;
  }
}

/* Blank collection list item */

.collection-list__item:only-child {
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 750px) {
  .collection-list__item:only-child > *:not(.collection_image) {
    height: 375px;
  }
  .collection-list__item .card__text,
  .collection-list__item .card-colored {
    position: relative;
  }
  .card.card--soft {
    background-color: var(--color-body-text-link);
    color: var(--color-body-text);
  }
  .card--stretch {
    height: 100%;
  }
  .card-colored.color-background-1 {
    background-color: var(--color-body-text-link);
  }
  .overlay-card {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    background: transparent;
  }
  .card:hover .card-colored .overlay-card {
    background-color: var(--color-body-text-link);
  }
}
