.template-product {

	.breadcrumb {
		margin: 20px 110px 0;
		.breadcrumb__item {
			color: #888;
			font-family: Geist,sans-serif;
			letter-spacing: 0;
			font-size: 14px;
		}
		.breadcrumb__item+.breadcrumb__item:before {
			content: ">";
		}
	}

	.product__media-list-wrapper {

		.product__zoom-button {
			display: none;
		}

		.flickity-viewport {
			@media (max-width: 920px) {
				margin-bottom: 16px;
			}
		}

		.flickity-button {

			display: none;

			@media (max-width: 920px) {
				display: block;
				position: absolute;
				bottom: 0;
				right: var(--container-gutter);
				width: 32px;
				height: 32px;
				background: url('icon-arrow.svg') no-repeat center center / 28px;
				&.previous {
					right: auto;
					left: var(--container-gutter);
					transform: rotate(180deg);
				}
				svg {
					display: none;
				}
			}

		}

		.flickity-page-dots {

			display: none;

			@media (max-width: 920px) {
				display: flex;
				margin:0;
				padding:0;
				justify-content: center;
				gap: 10px;
				li {
					width: 20px;
					height: 20px;
					background: #D9D9D9;
					font-size: 0;
					&.is-selected {
						background: #00696D;
					}
				}
			}

		}

	}

	.product__info {

		.product-meta {
			border-color: #505050;
		}

		.product-meta__vendor {

			color: #888;
			text-transform: none;
			text-decoration: underline;
			letter-spacing: 0;
			font-family: Geist,sans-serif;

		}

		.product-meta__title {
			color: #000;
		}

		.product-meta__price-list-container {

			.price-list {

				.price {
					color: #000;
					&.price--highlight {
						color: #E95312;
					}
				}

				.price--compare {
					opacity: .2;
				}

			}

			.price-per-weight-unit,
			.product-meta__sku {
				font-size: 14px;
				font-family: Geist,sans-serif;
				margin: 6px 0 0 10px;
				color: #888;
			}

			.product-meta__sku {
				margin: 6px 0 0 0;
				flex: 1;
				text-align: right;
			}

		}

		.mo-icons {

			display: flex;
			gap: 4px;
			flex-wrap: wrap;
			margin: 0 0 20px 0;

		}

		.product-usps {

			display: flex;
			flex-direction: column;
			gap: 2px;

			span {

				position: relative;
				font-size: 18px;
				font-family: Geist,sans-serif;
				color: #000;
				padding-left: 26px;

				&::before {
					content:'';
					position: absolute;
					top: 50%;
					left: 0;
					width: 19px;
					height: 19px;
					background: url('icon-circle-check.svg') no-repeat center center / contain;
					transform: translate(0, -50%);
				}

			}

		}

		.product-controls-container {

			display: flex;
			gap: 10px;
			align-items: center;

			.quantity-selector {

				border-color: #505050;

				.quantity-selector__button {
					width: 60px;
					height: 52px;
					@media (max-width: 920px) {
						width: 44px;
					}
					.icon {
						path {
							fill: #505050;
						}
					}
					&.icon-minus {
						border-right: 1px solid #505050;
					}
					&.icon-plus {
						border-left: 1px solid #505050;
					}
				}

				.quantity-selector__input {
					color: #505050;
					width: 50px;
					@media (max-width: 920px) {
						width: 44px;
					}
				}

			}

			.product-form__buy-buttons {
				flex: 1;
			}

			.product-form__payment-container {
				margin-block-start: 0;
			}

		}

	}



}

.new-product-content-section {

	.flex {

		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;

		@media (max-width: 920px) {
			flex-wrap: wrap;
		}

		.p_content {

			width: 50%;

			@media (max-width: 920px) {
				width: 100%;
			}

			.tab_titles {

				display: flex;
				gap: 10px;

				p {
					margin:0;
					color: #000;
					font-size: 18px;
					font-family: Geist,sans-serif;
					flex: 1;
					text-align: center;
					border-bottom: 3px solid #D9D9D9;
					cursor: pointer;
					transition: .3s all;
					@media (max-width: 920px) {
						font-size: 16px;
					}
					&.active,
					&:hover {
						border-bottom: 3px solid #000;
					}
				}

			}

			.tab_output {

				margin-top: 32px;

				div[data-tab] {

					display: none;

					&.active {
						display: block;
					}

					* {
						color: #000;
					}

					p, li {
						font-size: 18px;
						font-family: Geist,sans-serif;
					}

					.nutrition-table {

						border: 1px solid #D9D9D9;

						.row {

							border-bottom: 1px solid #D9D9D9;
							display: flex;


							&:last-child {
								border-bottom: none;
							}

							&:first-child {
								span {
									font-family: "Portsmith", sans-serif;
								}
							}

							span {
								border-right: 1px solid #D9D9D9;
								width: 25%;
								font-size: 16px;
								font-family: Geist,sans-serif;
								padding: 4px 8px;
								&:last-child {
									border-right: none;
								}
							}

						}

					}

				}

			}

		}

		.p_products {

			width: 50%;
			padding-left: 38px;

			@media (max-width: 920px) {
				width: 100%;
				padding:32px 0 0 0;
			}

			.p_products--title {

				color: #000;
				margin: 0 0 30px 0;

			}

			.p_products--grid {

				display: flex;
				gap: 16px;

				.p_products--card {
					color:#000;
					width: 50%;
				}

			}

		}

	}

	.block-disclaimer {

		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		width: 100%;

		.block-disclaimer--label {

			color: #000;
			margin:0;
			padding: 12px 0;
			position: relative;
			font-size: 18px;
			font-family: Geist,sans-serif;
			cursor: pointer;

			&::after {

				content:'+';
				position: absolute;
				top: 50%;
				right: 0;
				color: #000;
				transform: translate(0,-50%);
				font-size: 24px;

			}

		}

		.rte {

			display: none;
			padding: 0 0 20px 0;

			* {
				color: #000;
			}

			p, li {
				font-size: 14px;
				font-family: Geist,sans-serif;
				opacity: .8;
			}

			p {
				margin: 0 0 12px 0;
			}

		}

		&.expand {

			.block-disclaimer--label {

				&::after {
					transform: translate(0,-50%) rotate(45deg);
				}

			}

			.rte {
				display: block;
			}

		}

	}

}

.section-spotlight {

	margin: -30px 0 0 0;

	&.enable_texture {

		.flex {

			&::before {
				content: '';
				position: absolute;
				top:0;
				left:0;
				height: 100%;
				width: 50%;
				background: url('texture-wood-teal.png') no-repeat center center / cover;
				@media (max-width: 920px) {
					display: none;
				}
			}

		}

	}

	.flex {

		display: flex;
		align-items: center;
		position: relative;

		@media (max-width: 920px) {
			flex-wrap: wrap;
		}

		.content {

			width: 50%;
			position: relative;
			z-index: 2;

			@media (max-width: 920px) {
				width: 100%;
			}

			.content-inner {

				width: 460px;
				max-width: 100%;
				margin: 0 auto;
				text-align: center;

				@media (max-width: 920px) {
					padding: 0 20px;
				}

				.block-title {
					margin: 0 0 48px 0;
				}

				.block-richtext {
					margin: 0 0 35px 0;
				}

				.block-button {
					.button {
						display: inline-flex;
						justify-content: center;
						align-items: center;
						gap: 10px;
						svg {
							width: 28px;
							height: auto;
						}
					}
				}

			}

		}

		.image {

			width: 50%;

			@media (max-width: 920px) {
				width: 100%;
				order: -1;
			}

			.img-container {

				width: 100%;
				padding-top: 85%;
				position: relative;

				img {
					position: absolute;
					top:0;
					left:0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			}

		}

	}

}


.full-width-collection-promo-blocks {
	flex: 0 0 100%;
	margin: 0 0 50px 0;
}

recently-viewed-products {

	.background-edging {

		transform: rotate(180deg);
		width: 100%;
		height: unset;
		position: relative;
		z-index: 2;

		@media (max-width: 920px) {
			display: none;
		}

	}

}

#search-drawer {

	z-index: 9999;
	background: #fff;

	.drawer__header {
		
		background: #fff;
		border-color: rgba(0,0,0,0.2);

		svg path {
			stroke: rgb(var(--heading-color));
		}

		.predictive-search__input,
		.predictive-search__input::placeholder {
			color: rgb(var(--heading-color));
		}
	}

	.predictive-search__results {
		p {
			color: #000;
		}
	}

	.predictive-search__product-list {

		.predictive-search__product-item {

			svg {
				path {
					stroke: rgb(var(--heading-color));
				}
			}
	
			.price-list {
				color: rgb(var(--heading-color));
			}

		}

		.predictive-search__linklist-item {

			border-color: rgba(0,0,0,0.2);
			color: #000;

			.predictive-search__linklist-link {
				span {
					color: #000;
				}
				mark {
					color: rgb(var(--heading-color));
				}
			}

		}

	}

}

.header__linklist-item.has-dropdown {
	.header__linklist-link {
		padding-right: 20px;
		position: relative;
		&::before {
			content:'';
			position: absolute;
			top:50%;
			right:0;
			transform: translate(0, -50%);
			width: 15px;
			height: 15px;
			background: url('icon-chev-down.svg') no-repeat center center / contain;
		}
	}
}

.nav-dropdown {

	.nav-dropdown__link {
		color: #000;
	}

}

.header__icon-list {
	.search-placehold {
		width: 220px;
		height: 37px;
		border: 1px solid #000;
		border-radius: 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		padding: 0 20px;
		@media (max-width: 740px) {
			width: 160px;
		}
		span {
			font-size: 16px;
			color: #D0D0D0;
			font-weight: normal;
		}
		svg {

		}	
	}
}

#mobile-menu-drawer {
	z-index: 999;
	.drawer__close-button {
		svg {
			path {
				stroke: #000;
			}
		}
	}
}

@media (max-width: 740px) {
	.header__secondary-links {
		margin-left: 20px;
	}
	.menu-toggle-button {
		position: absolute;
		top:50px;
		left:0;
	}

	.header__logo {
		left: 40px;
	}
}

.mobile-nav .mobile-nav .mobile-nav__link {
	color: #000;
}

.mobile-nav__footer {
	color: #000;
	svg {
		path {
			stroke: #000;
		}
	}
}

.prev-next-button svg {
	color: #000;
}


.contact-form-section {

	color: #000;
	font-size: 18px;
	padding: 40px;
	background: #F1EADB;
	position: relative;

	&::after {

		content:'';
		position: absolute;
		top: -30px;
		right:0;
		width:270px;
		height: 100%;
		background: url('contact-section-texture.png') no-repeat left center / contain;
		filter: invert(1);
        opacity: .1;
        z-index: 1;
        pointer-events: none;
        @media (max-width: 740px) {
        	display: none;
        }
	}

	@media (max-width: 740px) {
		padding: 40px 20px;
	}

	.section-curve {
		width: 100%;
		height: unset;
		position: absolute;
		top:-60px;
		left:0;
		@media (max-width: 740px) {
			top: -20px;
		}
	}

	.container--medium {
		position: relative;
		z-index: 2;
	}

	.title {
		color: #00696d;
		margin: 0 0 16px 0;
		font-size: 34px;
	}

	.contact-form--head {

		display: flex;
		justify-content: space-between;
		padding: 28px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;

		@media (max-width: 740px) {
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.hours {

			width: 35%;

			@media (max-width: 740px) {
				width: 100%;
			}

			p {
				margin:0;
				font-family: Geist,sans-serif;
			}

		}

		.ov {

			width: 60%;

			@media (max-width: 740px) {
				width: 100%;
				margin-top: 16px;
			}

			p {
				margin:0;
				font-family: Geist,sans-serif;
			}

		}

	}

	.contact-form--body {

		display: flex;
		justify-content: space-between;
		padding: 44px 0;

		@media (max-width: 740px) {
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.contact-form--content {

			width: 60%;

			@media (max-width: 740px) {
				width: 100%;
			}

			.block {

				margin: 0 0 26px 0;

				.h2 {

					margin:0 0 12px 0;
					color: #00696d;
					font-size: 34px;

				}

				p:not(.h2){
					font-family: Geist,sans-serif;
				}

				a {
					color: #000;
					&:hover {
						text-decoration: underline;
					}
				}

				.social-list {

					display: flex;
					align-items: center;
					gap: 10px;

					a {
						filter: invert(1);
						display: block;
						img {
							width: 36px;
							height: unset;
						}
					}

				}

			}

		}

		.contact-form--form {

			width: 40%;

			@media (max-width: 740px) {
				width: 100%;
				margin-top: 20px;
			}

			form {

				width: 100%;

				.field {

					width: 100%;
					margin: 0 0 20px 0;

					input,
					textarea {
						width: 100%;
						background: #fff;
						border: none;
						border-radius: 3px;
						font-size: 16px;
						padding: 10px 20px;
						font-family: Geist,sans-serif;
					}

					textarea {
						min-height: 140px;
					}

					.button {

						width: 100%;
						text-align: center;
						background: #00696D;
						color: #fff;
						transition: .3s all;

						&:hover {
							opacity: .7;
						}

					}

				}

				.note {
					font-size: 12px;
					margin:0;
					text-align: center;
					font-family: Geist,sans-serif;
					opacity: .6;
				}

			}

		}

	}



}

.bottom__straight-edge-wrapper {
	pointer-events: none;
}

.product-facet__meta-bar {

	color: #000;
	font-family: Geist,sans-serif;
	font-size: 16px;

	#sort-by-popover {
		.popover__content {
			color: #000;
			font-size: 16px;
			font-family: Geist,sans-serif;
			padding: 20px;
			border: 1px solid #eee;
		}
	}

}

.product-facet__aside {

	.product-facet__filters-header {

		.heading {

			text-transform: uppercase;
			color: #000;
			font-size: 18px;

		}

	}

	#facet-filters {

		color: #000;
		font-family: Geist,sans-serif;

	}

}

.collection-desc {

	color: #034d50;
	text-align: center;
	padding: 0 0 40px 0;
	max-width: 900px;
	margin: 0 auto;

	@media (max-width: 768px) {
		padding: 20px 0 30px;
	}

}

.collection-promo-blocks {

	width: 100%;
	display: flex;
	gap: 24px;

	@media (max-width: 920px) {
		gap: 10px;
	}

	.promo-block {

		display: flex;
		height: 170px;
		width: 50%;
		transition: .3s opacity;

		@media (max-width: 920px) {
			height: unset;
			flex-wrap: wrap;
		}

		&:hover {
			opacity: .9;
		}

		.image-container {

			width: 40%;
			height: 100%;
			background: red;
			position: relative;

			@media (max-width: 920px) {
				width: 100%;
				padding-top: 60%;
				height: unset;
			}

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				@media (max-width: 920px) {
					position: absolute;
					top:0;
					left:0;
				}
			}

		}

		.promo-content {
			width: 60%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			@media (max-width: 920px) {
				width: 100%;
				padding: 20px 10px;
			}
			p {
				margin:0;
				&:not(.title){
					font-size: 16px;
					text-decoration: underline;
					@media (max-width: 768px) {
						font-size: 14px;
					}
				}
				&.title {
					font-size: 24px;
					@media (max-width: 768px) {
						font-size: 18px;
					}
				}
			}
		}


	}

}

.product-facet__active-list {
	display: none !important;
}

.product-facet__filter-list {

	.product-facet__filter-item {

		border-bottom: 1px solid #D0D0D0;

		button.collapsible-toggle {
			color:#00696D;
			font-size: 16px;
		}

		.collapsible__content {

			margin:0 0 24px 10px;

			.checkbox-container {

				input {
					border-color: #7C7C7C;
				}

				label {
					font-size: 16px;
					color: #505050;
				}

			}

		}

	}

}

.breadcrumb--collection {
	color: #7C7C7C;
	margin:0;
	.breadcrumb__list {
		padding:0;
		margin:0;
		.breadcrumb__item {
			font-size: 14px;
		}
	}
}

.shopify-section--collection-banner {
	overflow: hidden;
}

#mobile-facet-toolbar {
	color: #000;
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	top: auto;
	border-top: 1px solid #ccc;

	.mobile-toolbar__item--filters {
		border-right: 1px solid #ccc;
	}
}

@media (max-width: 990px) {
	.product-facet__filters,
	#sort-by-popover {
		z-index: 99999;
	}
}