/******  SITEWIDE ******/

/* GENERAL PAGE TEMPLATE */
html#page #main {
	text-align: left;
	padding-left: var(--s-30);
	padding-right: var(--s-30);
	padding-bottom: var(--s-60);
	max-width: 1000px;
	margin: 0 auto;
}

	html#page li {
		margin-bottom: var(--s-15);
	}

	html#page .page {
		margin-top: var(--s-15);
		margin-bottom: var(--s-15);
	}

	.shopify-challenge__container {
		text-align: center;
	}


@media (max-width: 900px) {
	html#page #main {
		padding-left: var(--s-15);
		padding-right: var(--s-15);
		padding-bottom: var(--s-60);
	}
}

/* MENU */

/* FOOTER */
#footer {
	padding: var(--s-30);
}

	.klaviyo_styling {
		font-family: inherit !important;
    max-width: unset !important;
    width: 100%;
	}

	#footer-social .form-input {
		position: relative;
		margin: 25px 0 var(--s-30);
	}

	.klaviyo_field_group {
	  margin: 0 var(--s-15) 0 0 !important;
	  color: var(--cr-cream);
	  display: flex;
    align-items: center;
	}

	#k_id_email {
		border: none !important;
    background: var(--cr-white) !important;
    border-radius: 15px !important;
    width: 250px !important;
    padding: 20px 30px !important;
    height: auto !important; 
    color: var(--cr-blue) !important;
    font: var(--t-label) !important;
    line-height: inherit !important;
	}

		#k_id_email::placeholder {
			color: var(--cr-blue);
			opacity: 1;
		}
		#k_id_email::-moz-placeholder {
			color: var(--cr-blue);
			line-height: 1.6 !important;
			opacity: 1;
		}
		#k_id_email:-ms-input-placeholder {
			color: var(--cr-blue);
			line-height: normal !important;
			opacity: 1;
		}

	.klaviyo_form_actions {
		/*position: absolute;
		right: -40px;
		top: 30%;*/
	}

		.klaviyo_submit_button {
			background-color: transparent !important;
			height: auto !important;
			padding: 35px var(--s-45) !important;
			display: flex !important;
		  position: relative !important;
		  color: var(--cr-blue) !important;
		  align-items: center !important;
		  justify-content: center !important;
		  min-width: 150px !important;
		  min-height: 60px !important;
		  text-align: center !important;
		  cursor: pointer !important;
		  width: max-content !important;
		  -webkit-user-select: none !important;
			-moz-user-select: none !important;
			-o-user-select: none !important;
			user-select: none !important;
			transition: .3s transform !important;
		}

		#svg-subscribe {
			width: 100px;
		}

		#svg-subscribe-top {
			transition: transform .3s;
		}

		@media (hover: hover) {
			#svg-subscribe:hover #svg-subscribe-top {
				transform: translate(-5px, 5px);
			}
		}
	
	.klaviyo_messages {
		position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 var(--s-15);
    pointer-events: none;
	}

		.klaviyo_messages .error_message,
		.klaviyo_messages .success_message {
			font: var(--t-label);
			color: var(--cr-cream) !important;
	    position: absolute;
	    top: 0;
	    left: 30px;
	    transform: translateY(-50%);
	    margin: 0 !important;
		}

	.footer-social-link svg {
		fill: var(--cr-white);
	}

	.footer-social-link:not(:last-child) {
		margin-right: var(--s-15);
	}

@media (min-width: 901px) {
	.footer-link:not(:last-child),
	.footer-sub-link:not(:last-child) {
		margin-right: var(--s-15);
	}
}
	
@media (max-width: 900px) {
	#footer {
		flex-direction: column;
		align-items: center;
		padding: var(--s-30);
		text-align: center;
	}

		#footer .cloud {
			margin-top: var(--s-15);
		}

		#footer-main {
			margin-top: var(--s-45);
			margin-bottom: var(--s-15);
		}

			.footer-link {
				margin-bottom: var(--s-30);
			}

		#copyright,
		.footer-sub-link,
		#footer-social-links {
			margin-bottom: var(--s-15);
		}

		#footer-main,
		#footer-sub,
		#footer-sub-link-wrapper,
		#footer-sub-links,
		#footer-email .form-input {
			flex-direction: column;
		}

		#footer-social-links {
			margin-right: 0;
		}

		.klaviyo_field_group {
			margin-right: 0 !important;
		}

		#k_id_email {
			text-align: center;
			width: 300px !important;
		}

		.klaviyo_form_actions {
			right: -10px;
		}

}

/* CART */

#cart {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: var(--s-90);
	overflow-y: scroll;
	overflow-x: hidden;
	transform: translateX(100%);
	color: var(--cr-green);
	background: var(--cr-white);
	/*border-left: var(--border-blue);*/
	z-index: 201;
	pointer-events: none;
	transition: .8s transform;
}

#cart-overlay {
	display: block;
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 200;
	background: var(--cr-blue);
	transition: opacity .3s;
}


#cart-amounts {
	position: fixed;
	bottom: 0; left: 0; right: 0;
	padding: var(--s-15) var(--s-30);
	background-color: var(--cr-white);
	border-top: var(--border-green);
	z-index: 10;
}

#cart[data-cart-count="0"] #cart-top,
#cart[data-cart-count="0"] #cart-bottom {
	opacity: 0;
	pointer-events: none;
}

#cart-header {
	position: absolute;
	top: var(--s-30);
	left: var(--s-30);
	right: var(--s-30);
}

#cart-body {
	padding: var(--s-30);
	opacity: 1;
	transition: .3s opacity;
	pointer-events: auto;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 150px);
  overflow-y: scroll;
  overflow-x: hidden;
}

#cart[data-cart-count="0"] #cart-empty {
	opacity: 1;
	pointer-events: auto;
	transition: .3s .3s opacity;
}

#cart-empty {
	position: absolute;
	top: var(--s-90);
	right: 0;
	bottom: var(--s-30);
	left: 0;
	padding: var(--s-30);
	pointer-events: none;
	opacity: 0;
	transition: .3s opacity;
	height: calc(100% - 175px);
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#cart-title {
	pointer-events: none;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

	#cart .cart-arrow:focus {
		transform: translateX(-4px);
	}

	@media (hover: hover) {
		#cart .cart-arrow:hover {
			transform: translateX(-4px);
		}
	}

	#cart .cart-arrow:active {
		transform: translateX(-2px);
	}

	#cart:not(.discount) .discount,
	#cart.discount .no-discount {
		display: none;
	}
 
.cart-item {
 	margin-top: var(--s-15);
 	padding-bottom: var(--s-15);
 	transition: opacity .3s;
}

.cart-item:not(:last-of-type) {
	border-bottom: var(--border-green);
}

	.cart-item.item_removed {
	 	opacity: .5;
	}

	.cart-item.loading {
		pointer-events: none;
		opacity: .4;
	}

	.cart-item .loader::after {
		width: 30px;
		height: 30px;
	}

	.cart-item.loading .loader {
		display: flex;
	}

	.item-image {
	 	width: 80px;
	 	height: 80px;
	 	-webkit-border-radius: 100%;
	 	border-radius: 100%:
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white, white);
	}

		.item-image img {
			animation: none !important;
			opacity: 1 !important;
		}

	.item-info {
	 	flex: 1;
	 	margin-left: var(--s-15);
	}

		#cart-items .item-info .paywhirl-cart-selling-plan {
			margin-top: 0;
			font-size: inherit;
		}

		.item-labels {
			margin-top: 5px;
		}

	.quantity-pill {
		border-radius: 30px;
		border: var(--border-green);
		padding: 2px 10px;
	}

		/*temp hide*/
		/*.pack-item .quantity-pill {
			display: none;
		}*/

		.item-quantity-increase,
		.item-quantity-decrease,
		.pack-quantity-increase,
		.pack-quantity-decrease {
			width: 30px;
			height: 30px;
		}

		.item-quantity-decrease {
			border-left: none;
		}

	.shipping:not(.active) {
		display: none;
	}

 	#cart-actions-checkout,
 	#cart-keep-shopping {
 		width: 100%;
 	}

 	#cart:not([data-cart-count="0"]) #cart-keep-shopping {
 		display: none;
 	}

 	#cart[data-cart-count="0"] #cart-actions-checkout {
 		display: none;
 	}

 	#cart-upsell {
 		margin: var(--s-30) auto;
 	}

 		#cart-upsell > * {
 			flex: 50% 0 0;
 		}

 		#cart-upsell > *:first-child {
 			flex: 60%;
 		}

 		#cart-upsell:not(.active) {
 			display: none;
 		}

	 	#cart-upsell > * {
	 		opacity: 0;
	 		transition: opacity .3s;
	 	}

 		#cart-upsell.active > * {
 			opacity: 1;
 		}

	 	#cart-upsell-image {
	 		max-width: 200px;
	 	}


html.cart_active #cart,
html.cart_active #cart-overlay {
	transform: translateX(0);
	pointer-events: auto;
}

html.cart_active #cart-overlay {
	opacity: .4;
}

@media (max-width: 600px) {
	
	#cart {
		position: fixed;
		left: 0;
		width: 100%;
		max-width: 100%;
		border-left: none;
	}

		.item-quantity > * {
			margin-bottom: 5px;
		}

	#cart-empty {
		padding: var(--s-30);
	}

	#cart-upsell-image {
 		padding-left: var(--s-15);
 	}

}

@media (max-width: 375px) {
	.item-quantity {
		flex-direction: column;
	}

}

/* CART - END  */

/* HOME */

#value-prop {}

.value-prop-item {
	max-width: 300px;
	margin: 0 var(--s-30);
	cursor: pointer;
}

	.value-prop-image {
		max-width: 125px;
		margin: 0 auto;
	}

	.value-prop-details,
	.value-prop-headline {
		transition: opacity .3s;
	}


	@media (min-width: 901px) {
		#value-prop-grid {
			margin-bottom: var(--s-45);
		}

			.value-prop-headline {
				width: 70%;
				margin: 0 auto;
			}
	}

	@media (min-width: 601px) {

		.value-prop-details {
			opacity: 0;
		}

		.value-prop-item:hover .value-prop-headline,
		.value-prop-item:focus .value-prop-headline {
			opacity: 0;
		}

		.value-prop-item:hover .value-prop-details,
		.value-prop-item:focus .value-prop-details {
			opacity: 1;
		}
	}

	@media (max-width: 600px) {
		#value-prop {
			padding: var(--s-60) var(--s-15);
		}

		#value-prop-grid {
			flex-direction: column;
			align-items: center;
		}

			.value-prop-item {
				margin-bottom: var(--s-60);
			}

			.value-prop-headline {
				position: relative;
				height: auto;
				margin-bottom: 10px;
			}

	}


#product-lineup {}

	.product-lineup-item {
		padding: var(--s-30);
	}

	.product-lineup-image {
		max-width: 300px;
		flex: 1;
		animation: hover 2s linear infinite both;
		animation-play-state: paused;
	}

		@media (hover: hover) {
			.product-lineup-image:hover {
				animation-play-state: running;
			}
		}

		.product-lineup-image img {
			max-height: 400px;
		}

			.product-lineup-item:nth-of-type(odd) img {
				transform: rotate(-6deg);
			}
			.product-lineup-item:nth-of-type(even) img {
				transform: rotate(6deg);
			}

	#product-lineup .svg-cloud {
		position: absolute;
		z-index: 0;
	}

	#product-lineup .svg-cloud:nth-of-type(1) {
		top: 5%; right: -20px;
	}

	#product-lineup .svg-cloud:nth-of-type(2) {
		bottom: 25%; left: -10%;
	}

	@media (max-width: 900px) {
		#product-lineup-grid {
			display: block;
		}

			.product-lineup-item {
				width: 320px;
				height: 300px;
			}

				.product-lineup-image {
					width: 250px;
					max-height: 225px;
				}

			/*take .btn.large styling*/
			.product-lineup-item .btn-arrow {
				min-height: 60px;
				min-width: 210px;
				padding: 10px 30px;
				display: flex;
				align-items: center;
			  justify-content: center;
				white-space: nowrap;
				text-align: center;
				font: var(--t-label);
				letter-spacing: .07em;
				text-transform: uppercase;
				width: max-content;
				border-radius: 50px;
				background: var(--cr-pink-light);
				color: var(--cr-blue);
				border: var(--border-blue);
			}

		#product-lineup .svg-cloud:nth-of-type(2) {
			display: none;
		}
	}

	@media (max-width: 600px) {
		#product-lineup {
			padding: var(--s-30) var(--s-15);
		}
	}


#blissmaker-feature {}

	#blissmaker-feature-image {
		min-height: 400px;
		max-width: 500px;
		transform: rotate(8deg);
	}

		#blissmaker-feature-image img {
			border-radius: 30px;
			-webkit-mask-image: -webkit-radial-gradient(white, black);
		}

		#blissmaker-feature .sunburst {
			cursor: auto;
			position: absolute;
			top: 0;
			right: -30px;
		}

	#blissmaker-feature-right {
		flex: 1;
		max-width: 500px;
	}

	#blissmaker-feature .svg-cloud {
		position: absolute;
	}

	#blissmaker-feature .svg-cloud:nth-of-type(1) {
		top: 10%; right: -20px;
	}

	#blissmaker-feature .svg-cloud:nth-of-type(2) {
		z-index: 1;
		bottom: 5%; left: -5%;
	}

	@media (max-width: 900px) {

		body.template-product-blissmaker #product-editorial-image {
			height: 300px;
		}

		#blissmaker-feature {
			margin-top: var(--s-30);
		}

		#blissmaker-feature-main {
			flex-direction: column;
			text-align: center;
		}

			#blissmaker-feature-left {
				padding: var(--s-30);
			}

			#blissmaker-feature-left,
			#blissmaker-feature-right {
				margin: 0 auto;
				max-width: 400px;
			}

				#blissmaker-feature-right p {
					padding-right: 0;
				}

				#blissmaker-feature-right .btn {
					margin: 0 auto;
				}

			#blissmaker-feature .svg-cloud:nth-of-type(1) {
				display: none;
			}

			#blissmaker-feature .svg-cloud:nth-of-type(2) {
				bottom: 35%; left: -5%;
			}
	}

	@media (max-width: 600px) {
		#blissmaker-feature {
			padding: var(--s-60) var(--s-30);
		}
	}

#section-locator-left,
#section-locator-right {
	flex: 50% 0 0;
}


@media (min-width: 901px) {
	#section-locator {
		margin-top: var(--s-120); 
	}

	#section-locator-left-inner {
		transform: translateY(-30%);
	}
}

@media (min-width: 1401px) {
	#section-locator {
		margin-top: var(--s-180); 
	}
}

@media (max-width: 900px) {
	#section-locator {
		padding: var(--s-60) var(--s-30);
		flex-direction: column-reverse;
	}

	#section-locator-left {
		margin-top: var(--s-30)
	}
}

/* HOME - END  */

/* COLLECTION  */
#collection-menu {
	margin-top: var(--header-height);
	height: 45px;
}

	.collection-menu-item {
		flex: 1;
	}

	.collection-menu-item.current a::before {
		content: "";
		display: inline-block;
		background: var(--cr-white);
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin-right: 15px;
	}

	.collection-menu-item:nth-of-type(1n) {background-color: var(--cr-yellow)}
	.collection-menu-item:nth-of-type(2n) {background-color: var(--cr-red)}
	.collection-menu-item:nth-of-type(3n) {background-color: var(--cr-pink)}
	.collection-menu-item:nth-of-type(4n) {background-color: var(--cr-green-light)}
	.collection-menu-item:nth-of-type(5n) {background-color: var(--cr-orange)}
	.collection-menu-item:nth-of-type(6n) {background-color: var(--cr-blue)}



#collection-upsell {}

@media (max-width: 900px) {

	#collection-upsell-products {
		display: block;
		margin-bottom: var(--s-60);
	}

		#collection-upsell-products .slide {
			width: 350px;
			height: 425px;
		}
}


/* COLLECTION - END  */

/* BLISSMAKER HOME */

#bundle-feature {}

	/*#bundle-feature-left {
		flex: 60% 0 0;
	}*/

	#whats-inside {
		position: absolute;
		top: var(--s-90);
		left: var(--s-30);
		width: auto;
		height: auto;
	}

		#whats-inside .sunburst svg {
			animation: spin 14s infinite linear;
		}

		#whats-inside-hover {
			position: absolute;
			top: -15px;
			left: 15px;
			padding: var(--s-30) var(--s-60) var(--s-60)var(--s-60);
			border-radius: var(--s-30);
			min-width: 350px;
			width: 30vw;
			max-width: 500px;
			transform: translateX(-200%);
			transition: transform .5s;
		}

		#whats-inside-list li:not(:last-of-type) {
			margin-bottom: 10px;
		}

		#whats-inside.active #whats-inside-hover {
			transform: translateX(0);
		}

		@media (hover: hover) {
	 		#whats-inside:hover #whats-inside-hover,
	 		#whats-inside:focus #whats-inside-hover {
				transform: translateX(0);
			}
	 	}


	@media (max-width: 1240px) {

		.input-label.t-label-small {
			font-size: 13px;
		}
	}

	@media (max-width: 900px) {
		
		#bundle-feature {
			height: auto;
			padding: var(--s-30);
			/*background-color: var(--cr-red);*/
		}

			#bundle-feature-left {
				order: 1;
				margin-top: var(--s-30);
				/*margin-bottom: var(--s-30);*/
				padding: 0;
			}

			#bundle-feature-image {
				padding: 0;
			}

			#bundle-feature-right {
				padding: 0;
			}

				#whats-inside {
					top: 0;
					left: unset;
					right: 0;
				}

				#whats-inside-hover {
					left: 0;
				}

		.input-label.t-label-small {
			font-size: 12px;
		}

	}

	@media (max-width: 600px) {
		#whats-inside {
			top: -15px;
			right: -15px;
			width: 100%;
		}

		#whats-inside .sunburst {
			padding: var(--s-75) var(--s-30);
			max-width: 175px;
    	margin-left: auto;
		}

		#whats-inside-hover {
			min-width: auto;
			width: 100%;
			padding: var(--s-15);
			top: 30px;
			width: calc(100% - 30px);
		}

		#whats-inside-title {
			margin-bottom: 0;
		}

		.input-label.t-label-small {
			font-size: 11px;
		}
	}

	@media (max-width: 325px) {

		#whats-inside-hover {
			top: -30px;
		}
	}

	#bundle-steps {
		background: var(--cr-red-dark);
		padding: var(--s-90) var(--s-30);
	}
			.bg-blue #bundle-steps {
				background: var(--cr-blue);
			}
			.bg-yellow #bundle-steps {
				background: var(--cr-yellow);
			}
			.bg-pink #bundle-steps {
				background: var(--cr-pink);
			}

			.bundle-step-header {
				margin-bottom: 5px;
				position: relative;
				z-index: 1;
			}

			.bundle-step-label {
				display: inline-block;
				position: absolute;
				right: var(--s-15);
				top: var(--s-15);
				z-index: 1;
			}

			.bundle-step-number {
				width: 100%;
		    height: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: color .3s;
			}
			
			.bundle-step:nth-of-type(1) .bundle-steps-image {
				transform: rotate(-4deg);
			}
			.bundle-step:nth-of-type(2) .bundle-steps-image {
				transform: rotate(8deg);
			}
			.bundle-step:nth-of-type(3) .bundle-steps-image {
				transform: rotate(4deg);
			}

			.bundle-step:nth-of-type(1) .bundle-steps-image img {
				border-radius: 50%;
			}
			.bundle-step:nth-of-type(2) .bundle-steps-image img {
				border-radius: 50px;
			}
			.bundle-step:nth-of-type(3) .bundle-steps-image img {
				border-radius: 50%;
			}

			.bundle-step:nth-of-type(odd) .bundle-step-label,
			.bundle-step:nth-of-type(odd) .bundle-step-header {
				transform: rotate(-8deg);
			}
			.bundle-step:nth-of-type(even) .bundle-step-label,
			.bundle-step:nth-of-type(even) .bundle-step-header {
				transform: rotate(8deg);
			}

			.bundle-step-label .circle:not(:first-of-type) {
				position: absolute;
				top: 0;
				left: 0;
			}

			.bundle-step:nth-of-type(2) .circle:nth-of-type(1) {
				transform: translateY(-33%);
			}
			.bundle-step:nth-of-type(2) .circle:nth-of-type(2) {
				transform: translateY(33%);
			}

			.bundle-step:nth-of-type(3) .circle:nth-of-type(1) {
				transform: translate(0, -33%);
			}
			.bundle-step:nth-of-type(3) .circle:nth-of-type(2) {
				transform: translate(-33%, 33%);
			}
			.bundle-step:nth-of-type(3) .circle:nth-of-type(3) {
				transform: translate(33%, 33%);
			}

	.bundle-steps-image .image-mask {
		background: var(--cr-red-dark);
		opacity: 0;
		pointer-events: none;
		transition: .6s opacity;
		/*prevent clipping*/
		width: 102%;
    height: 102%;
    top: -1%;
    right: -1%;
    left: -1%;
    bottom: -1%;
	}

		.bg-blue .bundle-steps-image .image-mask {
			background: var(--cr-blue);
		}
		.bg-yellow .bundle-steps-image .image-mask {
			background: var(--cr-yellow);
		}

	.bundle-step.active .image-mask {
		opacity: 1;
	}

	@media (hover: hover) {
	 	.bundle-step:hover .image-mask,
	 	.bundle-step:focus .image-mask {
			opacity: 1;
		}
	}

	.bundle-step:nth-of-type(3) .image-mask p {
		transform: rotate(-8deg);
	}


	@media (min-width: 901px) {


		#bundle-steps {
			padding-bottom: 400px;
		}

		#bundle-steps-header,
		.bundle-step {
			position: -webkit-sticky;
			position: sticky;
		}

		#bundle-steps-header {
			margin-bottom: 90px;
	    top: 100px;
	    height: 200px;
	    /*transform: translateY(-120px);*/
		}

		.bundle-step {
			top: 200px;
	    width: 33%;
	    height: 200px;
		}

			.bundle-step > * {
				padding: 0 var(--s-30);
				max-width: 400px;
				margin: 0 auto;
			}

			.bundle-step:nth-of-type(2) {
		    margin: 0 auto;
		    margin: 0 auto;
			}

			.bundle-step:nth-of-type(3) {
		    margin-left: auto;
			}
	}


/* BLISSMAKER HOME - END */


/* PDP */

@media (min-width: 901px) {

	.sticky-slider {
		position: relative;
		z-index: 1;
	  background-color: var(--cr-blue);
	  transition: background-color 1s;
	}

		.sticky-slider .sunburst {
			display: flex;
			position: -webkit-sticky;
			position: sticky;
	    padding: var(--s-90) var(--s-60);
	    max-width: 225px;
	    top: var(--s-90);
	    left: var(--s-30);
	    margin: 0;
	    z-index: 10;
	    width: 225px;
	    height: 200px;
	    transform: translateY(30px);
		}

		.sticky-slider .sunburst svg {
			animation: spin 14s infinite linear;
		}

		.sticky-slider::after {
			/*content: "What’s Inside";*/
			font: var(--t-label);
			letter-spacing: .07em;
	    text-transform: uppercase;
	    color: var(--cr-white);
	    position: -webkit-sticky;
	    position: sticky;
	    left: var(--s-30);
	    bottom: calc(50% - 75px);
	    transform: rotate(180deg);
	    text-orientation: mixed;
	    -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	    display: flex;
	    /*to avoid overflow into next section*/
	    height: 0;	
	    white-space: pre;
	    z-index: 10;
	    opacity: 0;
	    pointer-events: none;
	    transition: opacity .3s;
		}

			.sticky-slider.scrolled:not(.complete)::after {
				opacity: 1;
			}

		.sticky-slider > section {
			height: calc(100vh - var(--header-height));
			top: var(--header-height);
			position: -webkit-sticky;
			position: sticky;
		}

			[data-index="1"] .sticky-slide {
				padding-top: var(--s-30);
			}

			.sticky-slide {
				height: 100%;
				padding: var(--s-60) var(--s-90);
			}

			.sticky-slide .slider-wrapper {
				padding-right: var(--s-60);
			}

				.sticky-slide .slider {
					width: calc(90vh - var(--s-240));
					max-width: 500px;
				}

				.sticky-slide .slide {
					height: calc(90vh - var(--s-240));
					max-height: 500px;
				}

		.purchase-wrapper {
			min-height: 100vh;
			/*remove slider hairline*/
			flex: 50% 1 0;
			z-index: 1;
		}

	}

	/*short desktops*/
	@media (min-width: 901px) and (max-height: 600px) {
		.purchase-wrapper {
			min-height: 90vh;
		}

		.product-slider .slide {
			height: 90vh;
		}
	}



	@media (max-width: 1200px) {
		#product-feature .purchase-wrapper {
			padding: var(--s-30);
		}
	}


	@media (max-width: 900px) {
		#product-feature {
			height: auto;
		}

			#product-feature .slider-wrapper,
			#product-feature .slide {
				height: min(60vh, 400px);
				width: 100%;
				flex: none;
				position: relative;
			}

			#product-feature .purchase-wrapper {
				padding: var(--s-15) var(--s-15) var(--s-30) var(--s-15);
				height: auto;
			}

			#product-feature #product-header {
				margin-bottom: var(--s-15);
			}

			.purchase-wrapper .option-label {
				font: var(--t-body-large);
			}

			.purchase-wrapper .option:not(:last-of-type) {
				margin-right: 10px;
			}

		/*overflow issue*/
		/*.sticky-slider > *:not(:first-child) {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
		}*/

			[data-index="1"] .sticky-slide {
				padding-top: var(--s-30);
			}

			.sticky-slide-left.animate,
			.sticky-slide-right.animate {
				animation: slideIn 1.4s ease-out both;
			}

		.sticky-slide {
			padding: var(--s-15) var(--s-15) var(--s-30);
		}

			.sticky-slide .slider-wrapper,
			.sticky-slide .slider,
			.sticky-slide .slide {
				height: min(50vh, 300px);
				width: min(50vh, 300px);
			}

		.sticky-slide-right {
			margin-top: var(--s-30);
		}

		#product-footer-cta {
			flex-direction: column;
			text-align: center;
		}

			#product-footer-cta .btn {
				margin-top: var(--s-15);
			}

	}

	@media (max-width: 600px) {
		.sticky-slide .slider-wrapper,
		.sticky-slide .slider,
		.sticky-slide .slide {
			height: calc(100vw - 30px);
			width: 100%;
		}
	}

	/*general styles*/


	.benefit-icons {
		max-width: 275px;
	}

	.option-row {
		padding: 10px 0;
		border-top: var(--border-green);
	}

	/*to ensure price is above the fold on shorter desktop screens*/
	@media (min-width: 901px) and (max-height: 660px) {
		.benefit-icons {
			max-width: 225px;
		}

		.accordions {
			margin-top: 5px;
		}

		.option-row {
			padding: 10px 0;
		}
	}

	.option-row:last-of-type {
		border-bottom: var(--border-green);
	}

	/*ensure all option row's inputs are vertically aligned*/
	.option {
		width: 7vw;
    max-width: 200px;
    min-width: 80px;
	}

	.option:not(:last-of-type) {
		margin-right: var(--s-15);
	}

	.subscribe-row {
		padding-top: var(--s-15);
	}

	/*to ensure price is above the fold on shorter desktop screens*/
	@media (min-width: 901px) and (max-height: 660px) {
		#product-header h1 {
			margin-bottom: 5px;
		}

		.inputs-wrapper {
			padding-top: 15px;
		}

		.okeReviews-reviewsSummary {
			margin-bottom: 10px !important;
		}

	}

	@media (min-width: 901px) and (max-height: 500px) {
		.subscribe-row {
			padding-top: 5px;
		}

		.price-wrapper {
			margin-top: 5px;
		}
	}

	.whats-inside-ingredient-item {
		max-width: 325px;
		flex: 1;
	}

	.whats-inside-ingredient-image {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}

		.whats-inside-ingredient-image img {
			object-position: center 80%;
		}

	@media (min-width: 1601px) {
		.whats-inside-ingredient-item {
			max-width: 375px;
		}
	}

	@media (max-width: 1200px) {
		.whats-inside-ingredient-item {
			max-width: 285px;
		}
	}

	@media (max-width: 900px) {
		#product-feature-inner {
			position: relative;
			top: unset;
		}

		.whats-inside-ingredient-item {
			max-width: 250px;
		}
	}

	@media (max-width: 600px) {
		.simile,
		.whats-inside,
		.whats-not-inside {
			padding: var(--s-60) var(--s-30);
		}
	}

	@media (max-width: 400px) {

		html#product-single .purchase-wrapper .btn {
			justify-content: space-between;
			margin: 0 auto;
			width: 100%;
		}
	}

	.character-image {
		margin-top: -60px;
		display: flex;
		align-items: stretch;
	}

	.character-image svg {
		display: flex;
		margin: 0 auto; 
		max-height: calc(100vh - 180px);
	}

	.product-character .marquee {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	@media (max-width: 600px) {
		.character-image svg {
			max-height: none;
		}
	}


	#product-editorial-image {}

	@media (max-width: 600px) {
		#product-editorial-image {
			padding: 0;
		}
	}


/* SHOP ALL */

#shop-all-collections {
	padding-bottom: var(--s-240);
}

	.shop-all-collection {
		transition: transform .1s;
	}

	.shop-all-collection-title,
	.shop-all-collection-letter {
		transition: color .3s;
		color: inherit;
		margin-bottom: 0;
	}

		.shop-all-collection:nth-of-type(1n):hover,
		.shop-all-collection:nth-of-type(1n):focus {
			color: var(--cr-yellow);
		}
		.shop-all-collection:nth-of-type(2n):hover,
		.shop-all-collection:nth-of-type(2n):focus {
			color: var(--cr-red);
		}
		.shop-all-collection:nth-of-type(3n):hover,
		.shop-all-collection:nth-of-type(3n):focus {
			color: var(--cr-pink);
		}
		.shop-all-collection:nth-of-type(4n):hover,
		.shop-all-collection:nth-of-type(4n):focus {
			color: var(--cr-teal);
		}
		.shop-all-collection:nth-of-type(5n):hover,
		.shop-all-collection:nth-of-type(5n):focus {
			color: var(--cr-blue);
		}

		.shop-all-collection-letter:nth-of-type(odd),
		.shop-all-collection-letter:nth-of-type(11) {
			color: var(--cr-pink);
		}
		.shop-all-collection-letter:nth-of-type(even),
		.shop-all-collection-letter:nth-of-type(12) {
			color: var(--cr-purple);
		}
		.shop-all-collection-letter:nth-of-type(3) {
			color: var(--cr-orange);
		}
		.shop-all-collection-letter:nth-of-type(4),
		.shop-all-collection-letter:nth-of-type(7) {
			color: var(--cr-green-light);
		}
		.shop-all-collection-letter:nth-of-type(5),
		.shop-all-collection-letter:nth-of-type(10) {
			color: var(--cr-yellow);
		}
		.shop-all-collection-letter:nth-of-type(6),
		.shop-all-collection-letter:nth-of-type(13) {
			color: var(--cr-teal);
		}
		.shop-all-collection-letter:nth-of-type(9) {
			color: var(--cr-red);
		}

		.shop-all-collection[data-multicolors]:not(:hover) span {
			color: var(--cr-green);
		}

	.shop-all-collection-image {
		width: 200px;
		height: 350px;
		position: absolute;
		pointer-events: none;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-40%);
		opacity: 0;
		z-index: -1;
		transition: transform .3s, opacity .3s;
	}

		[data-collection="mini-cups"] .shop-all-collection-image {
			width: 300px;
		}

	.shop-all-collection:hover .shop-all-collection-image,
	.shop-all-collection:focus .shop-all-collection-image {
		opacity: 1;
		transform: translate(-50%,-50%);
	}

	@media (max-width: 600px) {
		#shop-all-collections {
			padding: var(--s-30) var(--s-30) 300px;
		}

		.shop-all-collection {
			margin-bottom: var(--s-60);
		}
	}

/* SIMILE */
/*product-specific styles are within snippets/product-similar.liquid*/

.simile {
	margin-bottom: var(--s-60);
}

	#simile-headline {
		/*this is the best fit for two lines across all PDPs*/
		max-width: 910px;
	}


/* ABOUT */

#shopify-section-story-hero-1,
#shopify-section-story-hero-2,
#shopify-section-story-hero-3,
#shopify-section-story-hero-4 {
	position: -webkit-sticky;
	position: sticky;
	top: var(--header-height);
}

	@media (max-width: 900px) {
		#our-story .spacer {
			display: none;
		}
	}

#story-hero-1 {
	position: -webkit-sticky;
	position: sticky;
	top: var(--header-height);
}

	#story-hero-1 .svg-character-mvb,
	#story-hero-1 .svg-character-ic {
		position: absolute;
		bottom: 0;
		/*top: 0;*/
		/*height: 100%;*/
	}

	@media (min-width: 901px) {
		#story-hero-1 .svg-character-mvb {
			left: 0;
			transform: translateX(-50%);
			width: 60vw;
			max-width: 95vh;
		}

		#story-hero-1 .svg-character-ic {
			right: 0;
			transform: translateX(50%);
			width: 60vw;
			max-width: 95vh;
		}
	}

	@media (max-width: 900px) {
		#story-hero-1 {
			color: var(--cr-blue);
			flex-direction: column;
			justify-content: space-between;
		}

		#story-hero-1-heading {
			margin: var(--s-30) auto 0;
		}

		#story-hero-1 .svg-character-mvb,
		#story-hero-1 .svg-character-ic {
			position: relative;
			top: unset; bottom: unset;
			height: 30vh;
			transform: scale(1.1);
		}

		#story-hero-1-characters {
			display: flex
		}
	}

	@media (max-width: 900px) and (min-height: 700px) {
		#story-hero-1-character-left,
		#story-hero-1-character-right{
			
		}

		#story-hero-1-character-left {
			transform: scale(1.1);
			transform-origin: bottom;
		}
		#story-hero-1-character-right {
			transform: scale(1.1);
			transform-origin: bottom;
		}

	}


#story-hero-2 {}

	#story-hero-2 .svg-palm-1,
	#story-hero-2 .svg-palm-2,
	#story-hero-2 .svg-palm-3 {
		position: absolute;
		pointer-events: none;
		z-index: 1;
	}

	#story-hero-2 .svg-palm-1 {
		top: 10%;
		left: 0;
		width: 20vw;
		max-width: 300px;
		min-width: 150px;
	}
	#story-hero-2 .svg-palm-2 {
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 60vw;
		min-width: 300px;
		max-width: 700px;
	}
	#story-hero-2 .svg-palm-3 {
		top: 0;
		right: 0;
		width: 20vw;
		max-width: 300px;
		min-width: 150px;
	}

	#story-hero-2-coconut-1,
	#story-hero-2-coconut-2 {
		position: absolute;
		pointer-events: none;
		width: 275px;
		z-index: -1;
	}

	#story-hero-2-coconut-1 {
		top: 25%; left: 25%;
	}
	#story-hero-2-coconut-2 {
		bottom: 25%; right: 25%;
	}


	@media (max-width: 900px) {
		#story-hero-2-coconut-1,
		#story-hero-2-coconut-2 {
			width: 200px;
		}
	}


#story-hero-3 {}

	#story-scoop {
		max-height: 80%;
		position: absolute;
		left: 50%; bottom: 0;
		transform: translateX(-50%);
	}

	#story-hero-3-word-1,
	#story-hero-3-word-2 {
		position: absolute;
	}

	#story-hero-3-word-1 {
		transform: translateX(-50%) rotate(-8deg);
		left: 50%;
		bottom: 0%;
	}
	#story-hero-3-word-2 {
		transform: translateX(-50%) rotate(10deg);
		left: 50%;
		bottom: -10%;
	}


	@media (max-width: 900px) {
		#story-hero-3-word-1-mobile,
		#story-hero-3-word-2-mobile {
			position: absolute;
			z-index: 1;
		}

		#story-hero-3-word-1-mobile p,
		#story-hero-3-word-2-mobile p {
			font-size: 100px;
		}

		#story-hero-3-word-1-mobile {
			transform: translateX(-50%) rotate(-8deg);
			left: 50%;
			bottom: -5%;
		}
		#story-hero-3-word-2-mobile {
			transform: translateX(-50%) rotate(10deg);
			left: 50%;
			bottom: -20%;
		}
	}

#story-hero-4 {
	transition: background-color .8s;
}

	#story-hero-4-heading-1,
	#story-hero-4-heading-2 {
		position: relative;
		z-index: 1;
		padding: 0 var(--s-15)
	}

	.svg-story-character-closed,
	.svg-story-character-open {
		height: 130%;
		margin: 0 auto;
		position: absolute;
		top: -10%; bottom: 0; left: 0; right: 0;
		pointer-events: none;
	}


	#story-hero-4-heading-2,
	.svg-story-character-open {
		opacity: 0;
		transition: opacity .3s;
	}

	#story-hero-4.complete .svg-story-character-open,
	#story-hero-4.complete #story-hero-4-heading-2 {
		opacity: 1;
	}

	/*#story-hero-4.viewed {
		background-color: var(--cr-green-light);
	}*/
	#story-hero-4 {
		background-color: var(--cr-green-light);
	}

@media (max-width: 900px) {
	.svg-story-character-closed,
	.svg-story-character-open {
		height: auto;
		top: unset;
		bottom: -10%;
	}
}

@media (max-width: 900px) and (min-height: 700px) {
	.svg-story-character-closed,
	.svg-story-character-open {
		height: auto;
		top: unset;
		bottom: -10%;
		transform: scale(1.3);
		transform-origin: bottom;
	}
}

/*avoid cutoff words at bottom*/
#shopify-section-story-perks {
	position: relative;
	z-index: 2;
}

#story-perks {
	padding-bottom: var(--s-180);
}
	
	#story-perks .svg-cloud {
		position: absolute;
		width: 400px;
		height: 300px;
	}

		#story-perks .svg-cloud:nth-of-type(1) {
			top: 5%; left: -150px;
		}
		#story-perks .svg-cloud:nth-of-type(2) {
			top: 25%; right: -350px;
		}
		#story-perks .svg-cloud:nth-of-type(3) {
			top: 50%; left: -50px;
		}
		#story-perks .svg-cloud:nth-of-type(4) {
			top: 75%; right: 0;
		}

	.story-perk {
		max-width: 100%;
	}

	@media (max-width: 900px) {
		#story-perks {
			padding-bottom: 0;
		}

			.story-perk:last-of-type {
				margin-bottom: 0;
			}

			#story-perks .svg-cloud {
				width: 250px;
				height: 175px;
			}

			#story-perks .svg-cloud:nth-of-type(3) {
				display: none;
			}
	}

	@media (max-width: 600px) {
		/*avoid overflow*/
		.story-perk {
			font-size: 48px;
		}
	}

	@media (max-width: 325px) {
		/*avoid overflow*/
		.story-perk {
			font-size: 40px;
		}
	}


#story-origin {
	height: 300vh;
}

	#story-origin-text {
		position: -webkit-sticky;
		position: sticky;
		top: 0; bottom: 0; left: 0; right: 0;
		width: 100%;
	}

		#story-origin-text > * {
			top: calc(var(--header-height) / 2);
		}

	#story-origin-postcard {
		position: absolute;
		width: 80%;
		min-width: 320px;
		margin: 0 auto var(--s-180);
		z-index: 1;
	}

	#story-origin .svg-story-postcard {
		max-height: calc(100vh - var(--header-height));
	}

	#story-origin-text-1,
	#story-origin-text-2 {
		transition: opacity .1s;
	}

	#story-origin-postcard.viewed + #story-origin-text #story-origin-text-1,
	#story-origin-text-2 {
		opacity: 0;
	}

	#story-origin-postcard.viewed + #story-origin-text #story-origin-text-2 {
		opacity: 1;
	}

	@media (max-width: 900px) {
		#story-origin-postcard {
			width: 100%;
		}
	}


#story-values {}

	#story-values-main {
		height: 150vh;
	}

	.story-value-item {
		max-width: 200px;
	}

	#story-values-desktop .story-value-item {
		position: absolute;
	}

		.story-value-item-image {
			width: 125px;
		}
		
		#story-values-desktop .story-value-item:nth-of-type(1) {
			top: -30%;
			right: 15%;
		}
		#story-values-desktop .story-value-item:nth-of-type(2) {
			top: -20%;
			left: 10%;
		}
		#story-values-desktop .story-value-item:nth-of-type(3) {
			top: 5%;
			right: 5%;
		}
		#story-values-desktop .story-value-item:nth-of-type(4) {
			top: 30%;
			left: 25%;
		}

	@media (max-width: 900px) {
		#story-values-main {
			display: block;
			height: auto;
		}

			.story-value-item {
				margin: 0 auto var(--s-60);
			}

			.story-value-item-text {
				font: var(--t-h4);
			}

		#story-values-headline {
			margin-bottom: var(--s-60);
		}

	}


#story-reason {}

	#story-reason-headline,
	.story-reason-block {
		position: -webkit-sticky;
		position: sticky;
		top: var(--header-height);
	}

	.story-reason-block > * {
		flex: 50% 0 0;
	}

	.story-reason-block:nth-of-type(1) {
		background-color: var(--cr-red);
	}

	.story-reason-block:nth-of-type(2) {
		background-color: var(--cr-purple);
	}

	@media (min-width: 901px) {
		.story-reason-block:nth-of-type(even) {
			flex-direction: row-reverse;
		}
	}

	@media (max-width: 900px) {
		.story-reason-block {
			flex-direction: column-reverse;
		}

		.story-reason-block-image {
			max-height: calc(60vh - var(--header-height) / 2);
		}

		.story-reason-block-text {
			flex: 1;
		}
	}


/* FOODSERVICE */
#foodservice-hero {}

#foodservice-value {}

	#foodservice-value-headline {
		width: 300px;
	}

	.foodservice-value-item {
		max-width: 275px;
		margin: 0 var(--s-10);
	}

	.foodservice-value-image {
		width: 125px;
	}

#product-scroll {
	margin: var(--s-120) auto;
	overflow-x: hidden;
}

	#product-scroll-items {
		height: 500px;
	}

		.product-scroll-image {
			width: 250px;
			height: 400px;
		}

#partners {}

	.svg-good-company {
		width: 350px;
	}

	#partners-items {
		height: 250px;
	}

	.partner-item {
		margin: 0 var(--s-30);
		width: 250px;
		height: 225px;
	}

	#partners-items-mobile .partner-item {
		margin: 0;
		width: auto;
		height: 175px;
	}


#contact_form {
	width: 100%;
}


@media (max-width: 900px) {

	#foodservice-value-grid {
		flex-direction: column;
		align-items: center;
	}

	.foodservice-value-item {
		margin-bottom: var(--s-60);
	}
}

@media (max-width: 600px) {
	#foodservice-hero {
		padding: 0;
	}

		#foodservice-hero-image {
			margin-top: 0;
		}

	#foodservice-value {
		padding: var(--s-60) var(--s-30);
	}

	#product-scroll {
		margin-top: var(--s-60);
	}

		#product-scroll-heading {
			margin: 0 auto;
		}

	#partners-headline {
		margin: var(--s-15) auto;
	}


	#foodservice-contact {
		margin-top: var(--s-45);
	}

		
}

/* CONTACT */

#contact-wrapper .page-title {
	border-bottom: var(--border-green);
}

/* BLOG	 */

#blog-slider {
	width: 100%;
}

	#blog-slider .slide {
		opacity: 0;
		transition: opacity .4s;
	}

		#blog-slider .slide.active {
			opacity: 1;
			z-index: 1;
		}

		.slide-article {
			max-width: 400px;
			transform: translateY(10px);
			transition: transform .3s .3s;
		}

		.slide.active .slide-article {
			transition: transform .3s;
			transform: translateY(0);
		}

		.slide-article-link svg {
			fill: var(--cr-green) !important;
			width: 20px;
			height: 20px;
			margin-left: var(--s-15);
			transition: transform .3s;
		}

		.slide-article-link::after {
			content: "";
			display: block;
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  z-index: 1;
		}

		.slide-article:hover svg,
		.slide-article-link:focus svg {
			transform: translateX(3px);
		}

	.slide-nav {
		position: absolute;
		bottom: var(--s-30);
		right: var(--s-30);
	}

		.slide-nav-dot {
			height: 25px;
			width: 25px;
			border: var(--border);
			background-color: transparent;
			border-radius: 100%;
			margin: 0 5px;
			overflow: hidden;
			cursor: pointer;
			transition: background-color .3s;
		}

		.slide-nav-dot.active {
			background-color: var(--cr-white);
		}

	@media (max-width: 900px) {
		#blog-slider {
			height: auto;
			margin-bottom: var(--s-120);
		}

		#blog-slider .slide:not(.active) {
			display: none;
		}

		#blog-slider .slide {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		#blog-slider .slide,
		#blog-slider .slide-image {
			position: relative;
			top: unset;
		  right: unset;
		  bottom: unset;
		  left: unset;
		}

		#blog-slider .slide-article {
			position: relative;
			background-color: var(--cr-green-light);
			color: var(--cr-white);
			margin: -90px var(--s-15);
		}

			.slide-article svg {
				fill: var(--cr-white) !important;
			}

		.slide-nav {
			display: none;
		}
	}


.blog-section {
	padding: var(--s-60) var(--s-30);
}

	.blog-section[data-blog="the-scoop"] {
		background-color: var(--cr-pink-light);
		color: var(--cr-blue);
	}

	.blog-search {
		border-bottom: var(--border-green);
		padding-bottom: 2px;
	}

	.blog-search .search-input {
		font: var(--t-body-bold);
	}


	[data-blog="the-scoop"] .blog-search {
		color: var(--cr-blue);
		border-bottom: var(--border-blue);
	}

	[data-blog="the-scoop"] .blog-search svg * {
		stroke: var(--cr-blue) !important;
	}

	[data-blog="the-scoop"] .paginate.btn-arrow-down svg {
		stroke: var(--cr-blue) !important;
	}

	[data-blog="the-scoop"] .paginate.btn-arrow-down {
		border-bottom: var(--border-blue);
		color: var(--cr-blue);
	}


	@media (max-width: 600px) {
		.blog-section {
			padding: var(--s-45) var(--s-15);
		}

		.blog-section-header {
			align-items: flex-start;
		}

		.blog-section-header-right {
			flex-direction: column-reverse;
			margin-top: 10px;
		}

			.blog-section .filters {
				margin-top: var(--s-45);
			}

			.blog-section .filters > *:last-child {
				margin-right: 0;
			}

		.blog-search .search-input {
			width: 100px;
		}

		#article-results-wrapper .blog-section-header {
			flex-direction: column;
			text-align: center;
		}

		#article-results-wrapper .blog-search {
			margin-top: var(--s-15);
			margin-bottom: var(--s-30);
		}
	}


/* ARTICLES	 */

#article-wrapper {}

	#article-hero {
		min-height: calc(100vh - var(--header-height));
	}

		#article-hero > * {
			flex: 50% 0 0; 
		}

		#article-title {
			margin-left: -5px;
		}

		#article-image {
			height: auto;
		}

	#article-content {
		padding: var(--s-60) var(--s-30);
	}

		#article-content p {
			margin-bottom: var(--s-15);
		}

		#article-content a {
			text-decoration: underline;
			font-weight: 500;
		}

		#article-content ul,
		#article-content ol {
			margin-top: var(--s-30);
		}

		#article-content ul {
			columns: 2;
			list-style: outside;
	   	-webkit-column-break-inside: avoid;
	   	page-break-inside: avoid;
	   	break-inside: avoid;
		}

		#article-content li {
			margin: 0 var(--s-15) var(--s-15) 40px;
		}

			#article-content li::before {
				font: var(--t-label);
				left: -40px;
				top: 3px;
			}

			#article-content ol li {
				counter-increment: counter;
				position: relative;
			}

				#article-content ol li::before {
					content: counter(counter)".";
					position: absolute;
				}

		#article-content iframe {
			margin: var(--s-30) auto;
			max-width: 100% !important;
		}


	#article-share {
		padding: var(--s-45) 0;
		border-top: var(--border-green);
	}

		.article-share-link {
			width: 20px;
			height: 20px;
			margin-right: var(--s-15);
		}



	@media (min-width: 901px) {
		#article-content img:not([alt~="thumbnail"]) {
			margin-left: -80px;
	    width: calc(100% + 160px);
	    max-width: unset;
		}
	}

		

	@media (max-width: 900px) {
		#article-hero {
			flex-direction: column;
			min-height: auto;
		}

			#article-headline {
				padding: var(--s-30);
				text-align: center;
			}

			#article-excerpt {
				font: var(--t-body);
				width: 100%;
				margin: 0 auto;
			}

		#article-content {
			padding: var(--s-45) var(--s-15);
		}

			#article-content ul {
				columns: 1;
			}

			#article-content li {
				margin: 0 0 var(--s-15) 25px;
			}

				#article-content li::before {
					font: var(--t-label-large);
					left: -25px;
				}

		#article-share {
			margin-top: var(--s-60);
		}

		#next-recipe {
			padding: var(--s-30);
		}
	}

		

/* ACCOUNTS PAGES */

html#accounts {
	background-color: var(--cr-blue);
	color: var(--cr-white);
}

html#accounts #main {
	display: flex;
  align-items: stretch;
}

#account-content {
	margin: 0 auto;
	padding-bottom: var(--s-60);
	width: 100%;
}

	#account-content .svg-girl-2 {
		position: absolute;
		bottom: 0;
		right: 0;
		max-width: 400px;
		z-index: 0;
		transform: scale(.75);
		transform-origin: bottom;
		transition: transform .6s .6s;
	}

	#account-content .svg-girl-2 .cone {
		transform: translateY(30px);
		transform-origin: center;
		transition: transform .6s .8s;
	}
		#account-content.animate .svg-girl-2 {
			transform: scale(1);
		}
		#account-content.animate .svg-girl-2 .cone {
			transform: translateY(0);
		}

	#account-content .width {
		text-align: center;
		text-align: left;
	}

	.register #account-content .width {
		text-align: center;
	}

	#account-content .t-body {
		margin-bottom: var(--s-30);
	}

#account-access-split {}

	#account-access-split-left {
		width: 50%;
		padding-right: var(--s-60);
		border-right: var(--border);
	}

	#account-access-split-right {
		width: 50%;
		padding-left: var(--s-60);
	}

	#account-access-split-right .btn {
		margin-top: var(--s-30);
	}

	#login-form-footer {
		margin: var(--s-15) 0 0;
		text-decoration: underline;
	}

	#login-form-footer button {
		text-decoration: underline;
	}

	#login-form iframe {
		width: 100%;
		margin: var(--s-30) 0 0;
	}

#login-form {}

	#customer_login {
		width: 100%;
	}

	#login-form .btn {
		margin-top: var(--s-15);
		width: 100%;
	}

	#recover-form {
		display: none;
	}

#account-content {
}

#account-content .address {
	text-align: left;
	margin-bottom: var(--s-30);
}

	#account-content .address,
	#account-content .address p {
		font: var(--t-body);
	}

	#account-content .address strong {
		font: var(--t-body-bold);
	}

	#account-content [id^="address-edit"] {
		margin: var(--s-30) auto;
		padding: var(--s-30) 0;
		border-top: var(--border-orange);
		border-bottom: var(--border-orange);
	}

	#address_default_address_new {
		border: var(--cr-white) 1px solid;
	}

	#account-content #account-orders {
		margin: var(--s-60) auto;
	}

	#account-content #address-add {
		margin: var(--s-60) 0;
	}

#account-orders ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

	#account-orders ul {
		display: -webkit-flex;
		display: flex;
		margin: 0;
		padding: 12px 0;
		list-style: none;
		border-bottom: var(--border-orange);
	}

	#account-orders ul li:nth-of-type(1) {
		width: 120px;
	}

	#account-orders ul li {
		width: calc(25% - 30px);
		padding-right: 15px;
	}

	#account-orders ul li:last-of-type {
		text-align: right;
		padding: 0;
	}

	#account-orders ol li.orders ul {
		cursor: pointer;
		transition: .2s
	}

	#account-orders ol li.orders ul:hover {
		opacity: .6
	}

		#account-orders-head li,
		.orders-list li {
			font: var(--t-body);
			margin-left: 0;
		}

		#account-orders-head li::before,
		.orders-list li::before {
			display: none;
		}

	.orders-list > ul {
		cursor: pointer;
		transition: 0.2s;
	}

	.order-details {
		display: none;
		padding: var(--s-30) 0;
		white-space: normal;
		border-bottom: var(--border-yellow);
	}

.order-item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: var(--border-yellow);
	display: flex;
	font: var(--t-body);
}

	.order-item span {
		display: inline-block;
		padding-right: 15px;
	}

	.order-item span:nth-of-type(1) {
		width: 50%;
	}

	.order-item span:nth-of-type(2),
	.order-item span:nth-of-type(3) {
		text-align: right;
		width: 15%;
	}

	.order-item span:nth-of-type(4) {
		width: 20%;
		padding-right: 0;
		text-align: right;
	}

	.order-item img {
		width: 75px;
		margin: 0 30px 0 0;
	}

.order-info {
	width: calc(100% - 105px);
	font: var(--t-body);
}

.shopify-challenge__container {
	margin: var(--s-150) auto;
	text-align: center;
}


@media screen and (max-width: 900px) {

	#account-content .svg-girl-2 {
		position: relative;
		bottom: unset;
		right: unset;
		/*transform: translateX(50%);*/
		width: 100%;
		transform: translateY(10px) scale(.75);
	}

		#account-content.animate .svg-girl-2 {
			transform: translateY(10px) scale(1);
		}

  #account-access-split {
  	flex-direction: column;
  	padding: 30px;
  }  
    
	#account-access-split-left {
		width: 100%;
		padding: 0 0 var(--s-30);
		border-right: 0;
		border-bottom: var(--border-yellow);
	}

	#account-access-split-right {
		width: 100%;
		padding: var(--s-30) 0 0;
	}

	#accounts .btn {
		font: var(--t-label);
	}

	#AddressCountryNew {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {

	#account-content {
		padding: 0 var(--s-30);
		margin: var(--s-15) auto 0;
	}

		#account-content #account-orders {
			margin: var(--s-30) auto;
		}

		#account-orders-swipe {
			overflow-x: scroll;
			-webkit-overflow-scrolling: touch;
			width: 100%;
		}

		#account-orders-swipe > * {
			width: 150vw;
		}

}

/* FLICKITY */
.flickity-enabled {
	position: relative;
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-slider {
	/*position: absolute;*/
  width: 100%;
  height: 100%;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-page-dots {
	/*position: absolute;*/
	margin-top: var(--s-45);
  bottom: var(--s-45);
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
	display: flex;
	justify-content: center;
	align-items: center;
}

	.flickity-page-dots .dot {
		height: 25px;
		width: 25px;
		border: var(--border-green);
		background-color: transparent;
		border-radius: 100%;
		margin: 0 10px;
		overflow: hidden;
		cursor: pointer;
		transition: background-color .3s, border .3s;
	}

		.slider-wrapper[data-length="1"] .flickity-page-dots {
			display: none;
		}

		.slider.cr-white .dot {
			border: var(--border);
		}

		.slider.cr-blue .dot {
			border: var(--border-blue);
		}

		.dot.is-selected {
			background-color: var(--cr-green);
		}

		.slider.cr-white .dot.is-selected {
			background-color: var(--cr-white);
		}

		.slider.cr-blue .dot.is-selected {
			background-color: var(--cr-blue);
		}

	@media (max-width: 900px) {
		.flickity-page-dots {
		  bottom: var(--s-30);
		}
	}



/*blissmaker homepage styling*/

body#the-blissmaker #blissmaker-feature-right .btn.pink-blue {
	background-color: var(--cr-blue);
	color: var(--cr-white);
}

#blissmaker-home-hero {
	overflow: hidden;
}

	#blissmaker-home-hero > * {
		flex: 50% 0 0;
	}


body#the-blissmaker #bundle-steps,
body#the-blissmaker .image-mask {
	background-color: var(--cr-white);
}

@media (max-width: 900px) {
	#blissmaker-home-hero {
		flex-direction: column;
	}
}

#bundle-video {}

	@media (max-width: 900px) {
		#bundle-video-right,
		#bundle-video-right > * {
			width: 100% !important;
		}
	}