/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body {
	font-size: 18px;
}

body h1.wp-block-post-title,
body .wp-block-post-featured-image {
	display: none;
}

.wp-site-blocks { 
	width: 100%; 
	min-height: 100vh;
}

a {
	transition: all 0.2s ease-in-out;
}

a:hover { color: var(--wp--preset--color--accent-1); }

sup { font-size: 0.5em; }

.is-layout-constrained > section:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: unset;
}

:root :where(.is-layout-constrained) > section {
	margin-block-start: 0;
}

.entry-content.wp-block-post-content {
	padding: 0;
	margin: 0;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	padding-top: 0.75rem;
	padding-right: 2rem;
	padding-bottom: 0.75rem;
	padding-left: 2rem;
}

	:root :where(.wp-element-button, .wp-block-button__link):hover {
		background-color: var(--wp--preset--color--contrast);
		color: var(--wp--preset--color--base);
	}

.featuredImage,
.image {
	width: 640px;
	height: 480px;
	flex-shrink: 0;
}

	.featuredImage > img,
	.image > img {
		width: 100%;
		height: 100% !important;
		object-fit: cover;
		display: block;
	}	


.content ul {
	list-style: unset;
	padding-left: 1.25em;
}
	.content ul li::marker { color: var(--wp--preset--color--accent-1); }

h1.wp-block-post-title {
	font-size: 56px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0%;
}

#search-bar .searchBarInput .searchField { margin: 0; width: 600px; }
#search-bar .searchBarInput .searchField input { font-size: 20px; }

.topmostNav {
}

	.topmostNav .wpml-language-switcher-navigation-block .wp-block-navigation-submenu > .wp-block-navigation-item__content {
		background-color: var(--wp--preset--color--accent-3);
		box-shadow: var(--wp--preset--shadow--shadow-1);
		border-radius: 15px;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	}	

		.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation-item__content {
			border-radius: 15px 15px 0 0;
		}

		.topmostNav .wpml-language-switcher-navigation-block .wp-block-navigation-submenu > .wp-block-navigation-item__content:hover {
			background-color: white;
			color: var(--wp--preset--color--accent-1);
		}

	.wp-block-navigation .wpml-language-switcher-navigation-block .wp-block-navigation__submenu-container { 
		min-width: 100% !important; 
		background-color: var(--wp--preset--color--accent-3);
		box-shadow: var(--wp--preset--shadow--shadow-1);
		border: none;
		border-radius: 0 0 15px 15px;
		overflow: hidden !important;
		left: 0;
		border-top: 1px solid var(--wp--preset--color--custom-border);
	}

		.wp-block-navigation .wpml-language-switcher-navigation-block .wp-block-navigation__submenu-container li { 
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 
		}
		.wp-block-navigation .wpml-language-switcher-navigation-block .wp-block-navigation__submenu-container li:hover {
			background-color: white;
			color: var(--wp--preset--color--accent-1);
		}

		.topmostNav .wpml-language-switcher-navigation-block .current-language-item {
			min-height: unset;
			padding: 4px 8px;
		}

	.topmostNav .wp-block-navigation-item.wp-block-navigation-link a,
	.topmostNav .wpml-language-switcher-navigation-block .wp-block-navigation-item__content .wp-block-navigation-item__content,
	.topmostNav .wpml-language-switcher-navigation-block .wp-block-navigation-submenu .wp-block-navigation-item__content {
		font-weight: 500;
		text-transform: uppercase;
		font-size: 12px;
	}

	.topmostNav [data-wpml="language-item"]:first-of-type { margin-top: 0 !important; }

	.topmostNav [data-wpml="language-item"]:hover {
		background-color: white;
	}

	.topmostNav [data-wpml="language-item"]:hover a {
		text-decoration: none;
	}

	 .topmostNav .wpml-language-switcher-navigation-block .wp-block-navigation__submenu-container .wp-block-navigation-item__content { 
	 	padding: 4px 8px;;
	}

		.topmostNav .wp-block-navigation-item.wp-block-navigation-link.telephone a {
			font-size: 20px;
		}


.mainNav nav { 
	margin: 0 0 0 auto;
}

	/* to make everything fill the vertical space */
	.mainNav nav,
	.mainNav nav ul,
	.mainNav nav .wp-block-navigation .wp-block-navigation-item {
		align-items: stretch;
	}
	.mainNav nav .wp-block-navigation__responsive-close,
	.mainNav nav .wp-block-navigation__responsive-dialog,
	.mainNav nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,
	.mainNav nav ul {
		height: 100%;
	}

	.mainNav nav ul {
		gap: 0;
	}

		.mainNav nav .wp-block-navigation .wp-block-navigation-item {
			transition: all 0.2s ease-in-out;
			border-left: 1px solid var(--wp--preset--color--accent-2);
		}

		.mainNav nav .wp-block-navigation .wp-block-navigation-item:hover {
			background-color: var(--wp--preset--color--accent-2);
		}

		.mainNav nav .wp-block-navigation .wp-block-navigation-item a { 
			text-decoration: none; 
			transition: color 0.2s ease-in-out;
		}

		.mainNav nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
			padding: 0 1.5rem;
			align-content: center;
		}

			.mainNav nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus { outline: none; }

			/*
			.mainNav nav .wp-block-navigation .wp-block-navigation-item.search { padding-left: 1.5rem; }

			.mainNav nav .wp-block-navigation .wp-block-navigation-item.search:hover {
				background-color: unset;
			}
			.mainNav nav .wp-block-navigation .wp-block-navigation-item.search a {
				align-self: center;
				border-radius: 20px;
				background-color: white;
				color: var(--wp--preset--color--contrast);
				text-transform: uppercase;
				font-weight: 500;
				font-size: 16px;
				padding: 0.5rem 1.25rem;
				transition: all 0.2s ease-in-out;
			}
			.mainNav nav .wp-block-navigation .wp-block-navigation-item.search a:hover {
				background-color: var(--wp--preset--color--contrast);
				color: white;
			}
			*/

			.mainNav nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { flex-wrap:nowrap; }
			.mainNav nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container { flex-wrap:nowrap; }


		@media screen and (max-width: 1210px) {
			.mainNav nav .wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button { font-size: 16px; }
			.mainNav nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { padding: 0 1.0rem; }
			#menu-search .menuSearch button { padding:0.5rem; }
			#menu-search .menuSearch button::before { content: unset; }
		}


	.mainNav #menu-search {
		display: flex;
		align-items: center;
	}


.mainNav .wp-block-navigation__responsive-container-open {
	align-items: center;
}
.mainNav .wp-block-navigation__responsive-container-open:focus {
	outline: none;
	/*
	background-color: var(--wp--preset--color--accent-2);
	color: black;
	*/
}
.mainNav .wp-block-navigation__responsive-container-open:focus svg {
	outline: 2px solid var(--wp--preset--color--accent-3);
}

@media (min-width:600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: unset
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 01px;
	}
}
@media (min-width:600px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}	


@media (min-width:768px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		background-color:inherit;
		display:block;
		position:relative;
		width:100%;
		z-index:auto
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display:none
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left:0
	}
}
@media (min-width:768px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display:none
	}
}	
@media (max-width: 768px) {
	.topmostNav { display: none; }

	.mainNav > .wp-block-group {
		display: grid;
		grid-template-columns: auto 1fr auto;
		min-height: 86px;
	}

		.mainNav nav {
			grid-column: 3;
		}

		.mainNav #menu-search {
			grid-column: 2;
			grid-row: 1;
			justify-content: end;
		}

	.mainNav nav .wp-block-navigation__responsive-close { height: auto; }


	.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
		overflow: auto;
		max-height: calc(100vh - 86px);
	}

		.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
			margin-top: 0;
			max-height: calc(100vh - 86px - 46px);
		}

	.wp-block-navigation__responsive-container-close {
		right: 20px;
		color: white;
		position: fixed;
		/* top: -55px; */
		height: 86px;
		top: -86px;
	}

	.wp-block-navigation__responsive-container-close svg {
		background-color: var(--wp--preset--color--accent-1);

	}

	.wp-block-navigation__responsive-container-close:focus {
		outline: none;
	}
	.wp-block-navigation__responsive-container-close:focus svg {
		outline: 2px solid var(--wp--preset--color--accent-3);
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 0;
		top: 86px;
		overflow: visible;
		z-index: 1000;
	}

		.has-modal-open .wp-block-navigation__responsive-container.is-menu-open {
			top: calc(86px);
			bottom: unset;
			box-shadow: var(--wp--preset--shadow--shadow-1);
		}

			.has-modal-open .admin-bar .wp-block-navigation__responsive-container.is-menu-open {
				top: calc(86px + 46px);
			}

		.mainNav nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
			display: block;
			border-bottom: 1px solid var(--wp--preset--color--custom-border);
			border-left: none;
		}

	.mainNav nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		display: block;
		width: 100%;
	}

	.mainNav nav .wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button {
		/* font-size: 16px; */
		font-size: 28px;
	}

	.mainNav nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		padding-top: 0;
	}

	.mainNav nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
		display: block !important;
		width: 100%;
		padding-right: 50px !important;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative;
	}

	.wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button.wp-block-navigation-item__content::after {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button[aria-expanded="true"] ~ .wp-block-pfw-wp-campbellsfoodservices-ca-menu-item__menu-container > .wp-block-group > .wp-block-group {
		grid-template-columns: 1fr;
	}

		.wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button[aria-expanded="true"] ~ .wp-block-pfw-wp-campbellsfoodservices-ca-menu-item__menu-container > .wp-block-group.brands > .wp-block-group {
			grid-template-columns: 1fr 1fr;
		}

			.wp-block-pfw-wp-campbellsfoodservices-ca-menu-item button[aria-expanded="true"] ~ .wp-block-pfw-wp-campbellsfoodservices-ca-menu-item__menu-container > .wp-block-group.brands > .wp-block-group > :nth-child(2) {
				padding-top: 0;
			}
}

.breadcrumb {
	color: var(--wp--preset--color--accent-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 5%;
	text-transform: uppercase;
}

	.breadcrumb a { text-decoration: none; }
	.breadcrumb a:hover { text-decoration: underline; }

a.dkpdf-button {
	display: inline-flex !important;
	align-items: center;
	font-size: 18px;
	text-decoration: none;
}

	a.dkpdf-button span.dkpdf-button-icon {
		margin: 0 0 0 0.375em;
		font-size: 111%;
	}

.wp-block-group.divided > * {
	padding: 0 3em;
}

	.wp-block-group.divided > *:not(:first-child) {
		border-left: 1px solid var(--wp--preset--color--custom-border);
	}



/* footer */

footer {
	margin-block-start: 0;
}

	.footerCols {
		justify-content: space-between;
		align-items: start;
		display: grid !important;
		grid-template-columns: auto 1fr auto;
	}

		.footerCols > div:first-child {
			white-space: nowrap;
		}

		.footerCols > nav {
			padding-right: 100px;
		}

		.footerCols > div:last-child {
			max-width: 560px;
			justify-self: flex-end;
		}

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

		footer > .wp-block-group {
			padding: 0 !important;
			margin-bottom: 20px;
		}

			footer > .wp-block-group > div:not(.footerCols) {
				text-align: center;
				justify-content: center;
				padding-left: 20px;
				padding-right: 20px;
				margin-left: 0;
				margin-right: 0;
			}


		.footerCols {
			grid-template-columns: 1fr 1fr;
		}

		.footerCols > div:first-child {
			padding-left: 40px;
			padding-top: 40px;
		}

		.footerCols > nav {
			padding-right: 40px;
			padding-top: 40px;
		}

		.footerCols > div:last-child {
			grid-row: 1;
			grid-column: 1 / 3;
			max-width: unset;
			border-radius: 0 !important;
			text-align: center;
		}

			.footerCols > div:last-child .wp-block-buttons {
				justify-content: center;
			}

	}

	@media screen and (max-width: 540px) {
		.footerCols { grid-template-columns: 1fr; }
		.footerCols > div:first-child { text-align: center; }
		.footerCols > div:first-child ul { justify-content: center; }
		.footerCols > nav { display: none; }
	}



details {
	font-size: 16px;
	margin-bottom: 3em;
}
	summary.header {
		color: var(--wp--preset--color--accent-1);
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 5%;
		text-transform: uppercase;
	}
	summary.header:focus,
	summary.header:active { outline: 1px dashed var(--wp--preset--color--custom-border); }

	details .content {
		border-top: 1px solid var(--wp--preset--color--custom-border);
		margin-top: 0.75em;
		padding-top: 0.75em;
	}


/* brand pages */
body.single-brand_pages main > .wp-block-group {
	padding: 0 !important;
}

body.single-brand_pages section.title {
	text-align: center;
	padding: 110px 0;
	background-color: var(--wp--preset--color--accent-3);
}

	body.single-brand_pages section.title a.brand {
		width: 256px;
		display: block;
	}

		body.single-brand_pages section.title a.brand img {
			width: 100%;
			height: auto;
		}

body.single-brand_pages section.info {
	padding: 110px 0;
}

	body.single-brand_pages section.info > .wp-block-group {
		max-width: var(--wp--style--global--content-size);
		margin-left: auto !important;
		margin-right: auto !important;
		gap: 80px;
	}

	body.single-brand_pages section.info .wp-block-buttons { margin-top: 1em; }
		
body.single-brand_pages section.columns {
	padding: 110px 0;
	background-color: var(--wp--preset--color--accent-3);
}

	body.single-brand_pages section.columns .wp-block-columns {
		gap: 80px;
	}

		body.single-brand_pages section.columns .wp-block-column {
			text-align: center;
			position: relative;
			font-size: 16px;
		}

			body.single-brand_pages section.columns .wp-block-column:not(:last-child)::after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: -40px;
				background-color: var(--wp--preset--color--custom-border);
				display: block;
				width: 1px;
				opacity: 0.5;
			}

				body.single-brand_pages section.columns h4 {
					font-size: 28px;
					font-weight: 700;
					line-height: 1.3;
				}

				body.single-brand_pages section.columns a:last-child {
					color: var(--wp--preset--color--accent-1);
					text-transform: uppercase;
					text-decoration: none;
					font-size: 14px;
					font-weight: 500;
					transition: all 0.2s ease-in-out;
				}

					body.single-brand_pages section.columns a:last-child:hover {
						color: var(--wp--preset--color--contrast);
					}

					body.single-brand_pages section.columns a:last-child::after {
						content: '\2192';
						margin-left: 0.5em;
					}

body.single-brand_pages section.quote {
	background-color: var(--wp--preset--color--accent-1);
	background-image: url('C-dark-red.png');
	background-repeat: no-repeat;
	background-position: 97% 0;
	background-size: contain;
	color: white;
	padding: 80px 40px;
	text-align: center;
}

	body.single-brand_pages section.quote .wp-block-quote {
		border: none;
		padding: 0 17%;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.43;
	}

		body.single-brand_pages section.quote .wp-block-quote + p {
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 500;
		}

body.single-brand_pages section.products {
	padding: 110px 0;
}


/* promotion pages */

body.single-promotions  {
}

		body.single-promotions .post-list.recipe_promotion {
			text-align: center;
		}


/* product pages */

body.single-products main > .wp-block-group {
	padding: 0 !important;
}

body.single-products main section.intro {
	background: var(--wp--preset--color--accent-3);
	padding: 40px 40px 110px;
}

	body.single-products section.intro > div {
		gap: 80px;
		align-items: start;
	}

		body.single-products section.intro div.featuredImage {
			width: 500px;
			height: 500px;
			overflow: hidden;
			flex-shrink: 0;
		}		

		body.single-products section.intro .buttons > a {
			background-color: var(--wp--preset--color--accent-1);
			color: white;
			border-radius: 30px;
			padding: 0.875rem 1.75rem;
			font-size: 16px;
			transition: all 0.2s ease-in-out;
			text-decoration: none;
			font-weight: 500;
			display: inline-block;
			white-space: nowrap;
		}

			body.single-products section.intro .buttons > a:hover {
				background-color: var(--wp--preset--color--contrast);
				color: white;
			}		

		body.single-products section.intro .buttons > .dkpdf-button-container {
			padding-bottom: 20px;
		}


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

			body.single-products section.intro > div {
				gap: 40px;
			}

				body.single-products section.intro div.featuredImage {
					aspect-ratio: 1;
					height: unset;
					max-width: 40vw;
				}
		}



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

		}


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

			body.single-products main section.intro {
				padding: 0 0 60px;
			}

				body.single-products section.intro > div {
					flex-direction: column;
				}

					body.single-products section.intro div.featuredImage {
						max-width: unset;
						width: 100%;
					}

					body.single-products section.intro div.featuredImage + .wp-block-group {
						padding: 0 20px;
					}

		}




body.single-products main section.details {
	padding: 40px;
}
	body.single-products main section.details > .wp-block-columns {
		column-gap: 12rem;
	}

		body.single-products main section.details > .wp-block-columns > .wp-block-column:first-child {
			position: relative;
		}
			body.single-products main section.details > .wp-block-columns > .wp-block-column:first-child::after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: -6rem;
				background-color: var(--wp--preset--color--custom-border);
				display: block;
				width: 1px;
			}

			@media screen and (max-width: 1024px) {
				body.single-products main section.details > .wp-block-columns {
					column-gap: 120px;
				}

				body.single-products main section.details > .wp-block-columns > .wp-block-column:first-child::after {
					right: -60px;
				}
			}

			@media screen and (max-width: 840px) {
				body.single-products main section.details > .wp-block-columns {
					column-gap: 60px;
				}

				body.single-products main section.details > .wp-block-columns > .wp-block-column:first-child::after {
					right: -30px;
				}
			}

			@media screen and (width < 782px) {
				body.single-products main section.details > .wp-block-columns > .wp-block-column:first-child::after {
					content: none;
				}
			}

		body.single-products main section.details details.nutrition .nutrition_facts h2 { display: none; }

		body.single-products main section.details details summary {
			border-top: 1px solid var(--wp--preset--color--custom-border);
			padding-top: 0.75em;
			margin-bottom: 1em;
		}

		@media screen and (min-width: 782px) {
			body.single-products main section.details details summary {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
				margin-bottom: 0;
			}
			body.single-products main section.details details.nutrition summary { display: none; }
			body.single-products main section.details details.nutrition .nutrition_facts h2 { display: block; }
		}
		@media screen and (width < 782px) {
			body.single-products main section.details > .wp-block-columns { row-gap: 0; }
			body.single-products main section.details div.section { margin-top: 0; }
			body.single-products main section.details details:not([open]) { margin-bottom: 0; }
			body.single-products main section.details details:not([open]) + details summary { margin-top: 0; }
			body.single-products main section.details details.nutrition[open] { margin-bottom: 3rem; }
			body.single-products main section.details details .content {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
			}
		}


body.single-products .wp-block-post-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
}




/* product specs */
body.single-products .package_specs {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.1;
}

	body.single-products .package_specs > * {
		margin: 0;
	}

	body.single-products .package_specs > *:not(:first-child) {
		padding-left: 24px;
	}

	body.single-products .package_specs > *:not(:last-child) {
		border-right: 1px solid var(--wp--preset--color--custom-border);
		padding-right: 24px;
	}

	body.single-products .package_specs h3 {
		text-transform: uppercase;
		display: block;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 5%;
		white-space: nowrap;
	}


		body.single-products section.intro .brand {
			width: 128px;
			box-sizing: content-box;
			transition: none;
		}

			body.single-products section.intro .brand img { 
				max-width: 100%; 
				height: auto;
			}


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

		body.single-products .package_specs {
			font-size: 16px;
			flex-wrap: wrap;
		}

		body.single-products .package_specs h3 {
			margin: 5px 0;
		}	

	}


	@media screen and (max-width: 840px) and (min-width: 601px) {

		body.single-products .package_specs > :not(:last-child) {
			padding-right: 20px;
			padding-left: 20px;
		}

		body.single-products main section.intro {
			padding-left: 20px;
			padding-right: 20px;
		}


	}


	@media screen and (((max-width: 840px) and (min-width: 601px)) or (max-width: 420px)) {
		/* collapse the package specs to two rows at some sizes */

		body.single-products .package_specs > :not(:first-child) {
			padding-left: 20px;
		}

		body.single-products .package_specs .prd_code { 
			padding-left: 0; 
		}

		body.single-products section.intro .brand {
			padding: 0;
			border-right: none;
			margin-bottom: 16px;
			width: 100%;
		}

		body.single-products section.intro .brand img {
			width: 128px;
		}

	}


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

		body.single-products main section.details {
			padding: 40px 20px;
		}


	}


	.nutrition_facts {}

		.nutrition_facts::after {
			content: "*5% or less is a little. 15% or more is a lot.\A\ANutrition Facts are based on our current data. However, because the data may change from time to time, this information may not always be identical to the Nutrition Facts table found on the labels of products.";
			white-space: pre-wrap;
			margin-top: 2em;
			display: block;
			font-size: 10px;
			color: var(--wp--preset--color--contrast);
			opacity: 0.5;
			line-height: 1.5;
		}

		.nutrition_facts h2 {
			font-size: 30px;
			font-weight: 700;
			line-height: 1.3;
			margin-bottom: 0.75em;
		}
		.nutrition_facts .row {
			padding: 0.1875em 0;
			border-bottom: 1px solid var(--wp--preset--color--custom-border);

			display: grid;
			grid-template-columns: 1fr auto;
			gap: 0 4em;
		}
		.nutrition_facts .section1 {
			font-size: 26px;
			font-weight: 700;
		}
		.nutrition_facts .section1 .row { border-top: none !important; }

		.nutrition_facts .section1,
		.nutrition_facts .section2,
		.nutrition_facts .section3 {
			border-top:  4px solid black;
		}

		.nutrition_facts .label {
			margin-right: 1em;
		}

/* product specs */
body.single-products main section.specs {
	background-color: var(--wp--preset--color--accent-1);
	background-image: url('C-dark-red.png');
	background-repeat: no-repeat;
	background-position: 97% 0;
	background-size: contain;
	color: white;
	padding: 80px 40px;
}

	@media screen and (max-width: 840px) {
		body.single-products main section.specs {
			padding: 60px 20px;
			background-position: 97% 100%;
			background-size: 60%;
		}
	}

	body.single-products main section.specs .wp-block-post-title {
		font-size: 36px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 1.25em;
	}


	body.single-products main section.specs > .wp-block-columns {
		column-gap: 12rem;
	}

		body.single-products main section.specs > .wp-block-columns > .wp-block-column:first-child {
			position: relative;
		}
			body.single-products main section.specs > .wp-block-columns > .wp-block-column:first-child::after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: -6rem;
				background-color: white;
				display: block;
				width: 1px;
				opacity: 0.5;
			}

			@media screen and (max-width: 1024px) {
				body.single-products main section.specs > .wp-block-columns {
					column-gap: 120px;
				}

				body.single-products main section.specs > .wp-block-columns > .wp-block-column:first-child::after {
					right: -60px;
				}
			}

			@media screen and (max-width: 840px) {
				body.single-products main section.specs > .wp-block-columns {
					column-gap: 60px;
				}

				body.single-products main section.specs > .wp-block-columns > .wp-block-column:first-child::after {
					right: -30px;
				}
			}

			@media screen and (width < 782px) {
				body.single-products main section.specs > .wp-block-columns > .wp-block-column:first-child::after {
					content: none;
				}
			}

		body.single-products main section.specs > .wp-block-columns > .wp-block-column:nth-child(2) .label {
			font-weight: 700;
			margin-right: 0.5em;
		}

		body.single-products main section.specs > .wp-block-columns > .wp-block-column:nth-child(2) p > span { 
			display: block; 
			margin-bottom: 0.5em;
		}

	.product_attrubutes {}

		.product_attrubutes > div { 
			display: grid; 
			grid-template-columns: 30% auto;
			margin-bottom: 0.5em;
		}

			.product_attrubutes .value {
				color: #eee;
			}

			.product_attrubutes .prd_code,
			.product_attrubutes .pack_and_size {
				background-color: var(--wp--preset--color--accent-2);
				display: inline-block;
				padding: 1em;
				border-radius: 12px;
				margin-right: 1em;
				margin-bottom: 2em;
			}

				.product_attrubutes .prd_code .label,
				.product_attrubutes .pack_and_size .label {	
					display: block;
					font-size: 14px;
					font-weight: 500;
					line-height: 1.3;
					letter-spacing: 5%;
					text-transform: uppercase;
				}

				.product_attrubutes .prd_code .value,
				.product_attrubutes .pack_and_size .value {	
					font-size: 24px;
					font-weight: 500;
					line-height: 1.5;
					color: white;
				}

				@media screen and (max-width: 840px) {
					.product_attrubutes .prd_code .value,
					.product_attrubutes .pack_and_size .value {	
						font-size: 20px;
					}
				}



	.storage_handling h2 {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 5%;
		text-transform: uppercase;
		margin-bottom: 0.75em;
	}

body.single-products section.brand {
	background-color: var(--wp--preset--color--accent-3);
	padding-top: 115px;
	padding-bottom: 130px;
}

	body.single-products section.brand div.brand {
		max-width: 200px;
  		margin: 25px auto;
	}

		body.single-products section.brand div.brand  img {
			width: 100%;
			height: auto;
		}

		body.single-products section.brand .post-list .brand_page_link {
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 500;
			display: block;
		}

			body.single-products section.brand .post-list .brand_page_link::after {
				content: '\2192';
				margin-left: 0.5em;
			}

body.single-products section.recipe {
}

body.single-products section.contact {
	background-color: var(--wp--preset--color--accent-3);
}


/* recipe pages */

body.single-recipes main {
	margin-top: 0;
}


body.single-recipes main > .wp-block-group {
	padding: 0 !important;
}

body.single-recipes main section.intro {
	background: var(--wp--preset--color--accent-3);
	padding: 40px 40px 110px;
}

	body.single-recipes section.intro > div {
		gap: 0 80px;
		display: flex;
		flex-direction: row-reverse;

		display: grid;
		grid-template-columns: 1fr auto;
	}

		body.single-recipes section.intro > div > * {
			grid-column: 1;
			margin-left: 0 !important;
		}

		body.single-recipes section.intro div.featuredImage {
			width: 676px;
			height: 636px;
			overflow: hidden;
			flex-shrink: 0;
			margin: 0;

			grid-column: 2;
			grid-row: 1 / 6;
		}


		body.single-recipes section.intro .breadcrumb,
		body.single-recipes section.intro .recipe-made-with,
		body.single-recipes section.intro .recipe-made-with h2 {
			margin-block-start: 0;
		}


		.recipe-made-with .products-link .featuredImage {
			grid-column: auto !important;
			grid-row: auto !important;
		}



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

			body.single-recipes section.intro > div {
				align-items: flex-start;
			}

				body.single-recipes section.intro div.featuredImage {
					aspect-ratio: 676 / 636;
					height: unset;
					max-width: 50vw;
				}

				.recipe-made-with .products-link {
					padding: 0 0 14px;
					grid-template-columns: 140px auto;
				}

					.recipe-made-with .products-link .featuredImage {
						width: 100% !important;
						grid-column: 1 / 3 !important;
						grid-row: unset !important;
						max-width: 100% !important;
						position: relative;
						height: 160px !important;
						margin: 0 0 14px !important;
					}


					.recipe-made-with .products-link .brand {
						grid-row: 2/4;
						padding: 10px 20px 10px;
					}

					.recipe-made-with .products-link .category {
						grid-row: 2;
					}

					.recipe-made-with .products-link a {
						grid-row: 3;
						padding-right: 20px;
					}

		}


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

			body.single-recipes section.intro > div {
				gap: 0 60px;
			}

				body.single-recipes section.intro div.featuredImage {
					/* max-width: 40vw; */
				}
		}


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

			body.single-recipes section.intro > div {
				gap: 0 30px;
			}

		}



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

			body.single-recipes main section.intro {
				padding: 0 0 110px 0;
			}

				body.single-recipes section.intro > div {
					flex-wrap: wrap;
					flex-direction: column;

					grid-template-columns: auto;
					padding-top: 40px;
				}

					body.single-recipes section.intro div.featuredImage {
						max-width: unset;
						width: 100%;
						grid-column: 1;
						grid-row: 3;
						height: 375px;
					}

					body.single-recipes section.intro > div > .wp-block-group {
						margin: 20px;
					}

			body.single-recipes section.intro > div > * {
				margin-left: 20px !important;
				margin-right: 20px !important;
			}

			body.single-recipes section.intro .recipe-made-with h2 {
				text-align: center;
			}

			body.single-recipes section.intro .recipe-made-with {
				margin-top: 40px;
			}

				body.single-recipes section.intro .recipe-made-with .products-link {
					max-width: unset;
				}

			body.single-recipes section.intro > div > .featuredImage {
				margin: 40px 0 !important;
			}

			body.single-recipes section.intro > div > .recipe_description {
				margin-bottom: 20px;
			}

			body.single-recipes section.details > .wp-block-columns {
				flex-direction: column;
			}


				body.single-recipes section.details > .wp-block-columns > .wp-block-column {
					padding-left: 20px !important;
					padding-right: 20px !important;
				}


					body.single-recipes section.details > .wp-block-columns > .wp-block-column > * {
						max-width: unset !important;
					}


		}







/* recipe specs */
body.single-recipes .recipe_specs {
	display: flex;
	align-items: stretch;
	font-size: 22px;
	font-weight: 500;
	gap: 0;
	margin: 2.5rem 0 3.5rem;
}

	body.single-recipes .recipe_specs > * {
		margin: 0;
		white-space: nowrap;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
	}

	body.single-recipes .recipe_specs > *:not(:first-child) {
		padding-left: 24px;
	}

	body.single-recipes .recipe_specs > *:not(:last-child) {
		border-right: 1px solid var(--wp--preset--color--custom-border);
		padding-right: 24px;
	}

	body.single-recipes .recipe_specs h3 {
		text-transform: uppercase;
		display: block;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 5%;
	}

	body.single-recipes .recipe_specs .dietary {
		font-size: 16px;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		max-width: 150px;
		white-space: wrap;
		line-height: 1.2;
	}

		body.single-recipes .recipe_specs .dietary img { 
			height: 44px;
			width: auto;
		}

	body.single-recipes .recipe_specs .dkpdf-button-container {
		/* removing default styles from dkpdf */
		padding-top: 0;
		padding-bottom: 0;
		width: unset;
		float: none;
	}


body.single-recipes main section.more {
	background-color: var(--wp--preset--color--accent-1);
	color: white;
	padding: 80px 40px;
}

	body.single-recipes main section.more .wp-block-post-title {
		font-size: 36px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 1.25em;
	}





.recipes-link .recipe {
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-gap: 1em 30px;
	align-items: start;
	grid-template-rows: auto auto auto 1fr;
}

	.recipes-link .featuredImage {
		grid-row: 1 / 5;
		width: 300px;
		height: 220px;
	}

	.recipes-link .recipe .subheader {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 500;
	}

		.recipes-link .recipe .subheader a {
			font-weight: inherit;
			text-decoration: none;
		}


	.recipes-link .recipe .subheader,
	.recipes-link .recipe h3,
	.recipes-link .recipe p,
	.recipes-link .recipe div.links {
		grid-column: 2;
		margin: 0;
	}

	.recipes-link .recipe div.links .button {
		background-color: white;
		color: var(--wp--preset--color--contrast);
		border-radius: 30px;
		padding: 0.875rem 1.75rem;
		font-size: 16px;
		transition: all 0.2s ease-in-out;
		text-decoration: none;
		font-weight: 500;
		margin-right: 1em;
	}

		.recipes-link .recipe div.links .button:hover {
			background-color: var(--wp--preset--color--contrast);
			color: white;
		}
	
	.recipes-link .recipe div.links .all {
		text-transform: uppercase;
		text-decoration: none;
	}

		.recipes-link .recipe div.links .all::after {
			content: '\2192';
			margin-left: 0.5em;
		}

		.recipes-link .recipe div.links .all:hover { 
			text-decoration: underline; 
			color: white;
		}




	body.single-recipes main section.more .more_recipes > .wp-block-columns {
		column-gap: 12rem;
		margin-top: 50px;
		margin-bottom: 30px;
	}

		body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:first-child {
			position: relative;
		}
			body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:first-child::after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: -6rem;
				background-color: white;
				display: block;
				width: 1px;
				opacity: 0.5;
			}
			body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:last-child::after {
				content: unset;
			}

		body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:nth-child(2) .label {
			font-weight: 700;
			margin-right: 0.5em;
		}

		body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:nth-child(2) p > span { 
			display: block; 
			margin-bottom: 0.5em;
		}


body.single-recipes h1.wp-block-post-title { display: none; }
body.single-recipes .wp-block-post-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: capitalize;
}
	
body.single-recipes section.details {
}

	body.single-recipes section.details > .wp-block-columns {
		max-width: unset;
		gap: 0;
	}

		/* the right col is supposed to be 40px wider than the left */

		body.single-recipes section.details > .wp-block-columns > .wp-block-column:first-child {
			padding: 24px 64px 24px 40px;
			box-sizing: border-box;
			display: flex;
			justify-content: end;
			flex-basis: calc(50% - 20px);
		}

		body.single-recipes section.details > .wp-block-columns > .wp-block-column:last-child {
			background-color: var(--wp--preset--color--custom-faded-cream);
			padding: 24px 40px  24px 64px;
			box-sizing: border-box;
			flex-basis: calc(50% + 20px);
		}

		body.single-recipes section.details > .wp-block-columns > .wp-block-column:first-child > * {
			max-width: calc((var(--wp--style--global--content-size) / 2) - 64px - 20px);
			flex-grow: 1;
		}

		body.single-recipes section.details > .wp-block-columns > .wp-block-column:last-child > * {
			max-width: calc((var(--wp--style--global--content-size) / 2) - 64px + 20px);
			flex-grow: 1;
		}

			
		@media screen and (max-width: 840px) {
			body.single-recipes section.details > .wp-block-columns > .wp-block-column:first-child {
				padding: 24px 24px 24px 20px;
			}

			body.single-recipes section.details > .wp-block-columns > .wp-block-column:last-child {
				padding: 24px 20px 24px 24px;
			}
		}

		@media screen and (max-width: 782px) {
			body.single-recipes section.details > .wp-block-columns > .wp-block-column:first-child > * {
				flex-direction: column;
				align-content: stretch;
			}
		}


.recipe_ingredients {
	background-color: white;
	padding: 40px 0;
	height: 100%;

	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-content: start;
}

	.recipe_ingredients .info {
		background-color: var(--wp--preset--color--accent-3);
		box-shadow: var(--wp--preset--shadow--shadow-1);
		display: inline-block;
		padding: 1em;
		border-radius: 12px;
		min-height: calc(1.5em + 18px);
		/* vertical-align: top; */
		flex-grow: 1;
	}


		.recipe_ingredients .info:last-of-type {
			margin-right: 0;
		}

		.recipe_ingredients .info::before {
			font-size: 12px;
			font-weight: 500;
			line-height: 1.5;
			letter-spacing: 5%;
			text-transform: uppercase;	
			display: block;
		}

			.recipe_ingredients .serving_size::before { content: 'Serving / Size'; }
			.recipe_ingredients .serves::before { content: 'Servings'; }
			.recipe_ingredients .units::before { content: 'Units'; }

		.recipe_ingredients .info label {
			margin-right: 20px;
		}

		.recipe_ingredients .info input {
			margin-right: 0.5em;
		}

	.recipe_ingredients .ingredients { 
		padding-left: 0; 
		flex-grow: 1;
		margin-top: 2em;
	}

		.recipe_ingredients .ingredients::before {
			content: 'Ingredients';
			color: var(--wp--preset--color--accent-1);
			font-size: 18px;
			font-weight: 500;
			line-height: 1.5;
			letter-spacing: 5%;
			text-transform: uppercase;	
			margin-bottom: 2rem;
			display: block;
			border-bottom: 1px solid var(--wp--preset--color--custom-border);
			padding-bottom: 10px;
		}

			.recipe_ingredients .ingredients li {
				display: grid;
				grid-template-columns: 25% auto;
				gap: 0 40px;
				margin: 10px 0;
			}

			.recipe_ingredients .ingredients .amount {
				font-weight: 700;
			}

			.recipe_ingredients .ingredients a {
				font-size: inherit;
				font-weight: inherit;
				text-decoration: underline;
			}

body.single-recipes .tabButton a {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0%;
	display: block;
	padding: 0 0 10px;
	border-bottom: 1px solid black;

	width: unset;
	background: none;
	color: inherit;
	border-radius: unset;
	opacity: 0.5;
}

body.single-recipes .tabButton.selected a {
	opacity: 1;
	cursor: default;
}

body.single-recipes .tabs .wp-block-buttons {
	padding: 40px 0;
}

body.single-recipes .tabs .tab { display: none; }
body.single-recipes .tabs .tab.selected { display: block; }

body.single-recipes.no_nutrition_facts .tabs .tab_nutrition { display: none; }

div.tab {
	padding: 0 0 40px;
	margin-top: 0;
}

	div.tab div.directions h3 {
		font-size: 1em;
		margin-top: 0;
	}

		div.tab div.directions ol.directions + h3 { margin-top: 40px; }

	ol.directions {
		list-style: none;
		counter-reset: item;
		padding-left: 0;
	}

		/*
		ol.directions::before {
			content: 'Directions';
			font-size: 30px;
			font-weight: 700;
			line-height: 1.3;
			letter-spacing: 0%;
			display: block;
			padding-bottom: 10px;
			border-bottom: 1px solid black;
			margin-bottom: 3rem;
		}
		*/

		ol.directions > li {
			counter-increment: item;
			position: relative;
			margin-bottom: 1em;
			margin-left: 40px;
		}

			ol.directions > li:not(:last-child) {
				padding-bottom: 1em;
				border-bottom: 1px solid var(--wp--preset--color--custom-border);
			}

			ol.directions > li::before {
				color: var(--wp--preset--color--accent-1);
				font-size: 32px;
				font-weight: 500;
				letter-spacing: 5%;
				line-height: 1;
				content: counter(item);
				position: absolute;
				right: calc(100% + 16px);
				top: 0;
				white-space: nowrap;
			}

			ol.directions > li  ul {
				margin: 0.5em 0;
				list-style-type: disc;
				padding-left: 1.5em;
			}


	div.directions .section.tips {
		background-color: var(--wp--preset--color--accent-3);
		padding: 20px;
		box-shadow: var(--wp--preset--shadow--shadow-1);
		border-radius: 12px;
		font-size: 16px;
		margin-top: 50px;
	}

		div.directions .section.tips .header { display: none; }

		div.directions .section.tips .content > :first-child { margin-block-start: 0; }
		div.directions .section.tips .content > :last-child { margin-block-end: 0; }



.search_root input {
		color: black;
		background-color: white;
		outline: none;
}
.search_root > div {
	padding: 0 !important;
}
.search_root .searchTools {
	background-color: var(--wp--preset--color--accent-3);
	padding: 20px;
	border-radius: 18px;
}


.searchField > div:first-child {
	box-shadow: var(--wp--preset--shadow--shadow-1);
}


.MuiTypography-root,
.MuiFormControl-root.facet label.MuiInputLabel-formControl {
	font-family: var(--wp--preset--font-family--a-2-standard-sans);
}


div.yext .searchControls {
  font-weight: 400;
  margin-top: 2rem;
}

div.yext .searchControls > div:first-child {
  font-weight: 400 !important;
  font-size: 24px;
  color: var(--wp--preset--color--contrast);
}

div.yext .MuiTabs-list button {
  padding: 5px 1.5em !important;
  margin: 0 10px 0 0 !important;
  background-color: var(--wp--preset--color--accent-3);
  border-radius: 10px 10px 0 0 !important;
  box-shadow: var(--wp--preset--shadow--shadow-1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  padding: 1em;
  transition: all 0.2s ease-in-out;
}
div.yext .MuiTabs-list button.Mui-selected,
div.yext .MuiTabs-list button:hover {
	background-color: var(--wp--preset--color--accent-1);
	color: white;
}
div.yext .MuiTabs-list {
  border-bottom: 1px solid var(--wp--preset--color--custom-border);
}
div.yext .MuiTabs-indicator {
	display: none;
}
div.yext .resultsWrapper {
	padding-left: 0;
	padding-right: 0;
}


/* facets */

.MuiFormControl-root.facet {
	width: 316px;
	background-color: var(--wp--preset--color--accent-1);
	border-radius: 30px;
	box-shadow: var(--wp--preset--shadow--shadow-1);
}

	.MuiFormControl-root.facet label.MuiInputLabel-formControl {
		color: white;
		transform: translate(20px, 14px) scale(1);
	}

	.MuiFormControl-root.facet .MuiSelect-select {
		padding: 14px 40px 14px 20px;
	}

	.MuiFormControl-root.facet .MuiSelect-icon {
		color: white;
		right: 10px;
	}

	.MuiFormControl-root.facet fieldset {
		border: none;
	}


	/* drop-downs */

	ul.MuiList-root {
		padding: 20px 0;
	}

		ul.MuiList-root > div:not(:first-child) {
			margin-top: 1.5em;
		}

		li.MuiMenuItem-root { padding: 0 16px; }

			li.MuiMenuItem-root.parent .MuiTypography-root {
				font-weight: 500;
				font-size: 18px;
			}

			li.MuiMenuItem-root .MuiCheckbox-root {
				padding: 0;
				margin-right: 5px;
			}


/* search controls */

.searchControls .MuiStack-root {
	justify-content: end;
	align-items: center;
}

	.searchControls .MuiStack-root > div:first-child { /* to align-left this one item */
		margin-left: 0;
		margin-right: auto;
	}

.searchControls .MuiFormControlLabel-label {
	white-space: nowrap;
}



.searchControls .MuiStack-root .MuiStack-root {
	justify-content: start;
}

	.searchControls .MuiStack-root .facetGroup {
		align-items: center;
		gap: 16px;
		display: flex;
	}

		.searchControls .MuiStack-root .facetGroup .label {
			font-weight: 500;
		}

			.searchControls .MuiStack-root .facetGroup .label::after {
				content: ':';
			}

	.searchControls .MuiStack-root button {
		background-color: var(--wp--preset--color--accent-3);
		border-radius: 30px;
		padding: 8px 16px;
		box-shadow: var(--wp--preset--shadow--shadow-1);
		font-size: 16px;
		transition: all 0.2s ease-in-out;
	}

		.searchControls .MuiStack-root button:hover {
			background-color: var(--wp--preset--color--accent-1);
			color: white;
		}




/* search results */

.results.table,
.results.grid { margin: 50px 0; }

	.results.grid .resultsWrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 80px 24px;
	}

		.results.table .product-result,
		.results.table .recipe_result {
			background-color: var(--wp--preset--color--accent-3);
			border-radius: 14px;
			padding: 24px;
			margin-bottom: 16px;
			box-shadow: var(--wp--preset--shadow--shadow-1);
		}

			.results .product-result {
				display: grid;
			}

				.results.table .product-result {
					grid-template-columns: 148px 180px auto 130px 100px 150px;
					column-gap: 30px;
					row-gap: 8px;
				}

				.results.grid .product-result {
					grid-template-columns: 1fr;
					grid-template-rows: 310px auto auto auto auto 1fr 72px;
					row-gap: 8px;
					width: 310px;
					outline: 1px dashed gray; /* TEMP */
				}

					.results.grid.hideDescriptions .product-result {
						grid-template-rows: 310px auto auto auto auto 72px;
					}

				.product-result .brand-link {
					text-transform: uppercase;
					font-size: 14px;
					color: var(--wp--preset--color--accent-1);
				}

					.results.table .product-result .brand-link {
						grid-column: 1;
						grid-row: 1 / 5;
						align-content: center;
						justify-self: center;
					}

					.results.grid .product-result .brand-link {
						grid-row: 7;
						align-content: end;
					}

						.results.grid.hideDescriptions .product-result .brand-link {
							grid-row: 6;
						}

						.results.grid .product-result .brand-link img {
							max-height: 48px;
						}

				.product-result .category-link {
					color: var(--wp--preset--color--accent-1);
					text-transform: uppercase;
					font-size: 14px;
					font-weight: 500;
				}

					.results.table .product-result .category-link {
						grid-row: 1;
						grid-column: 3;
					}

					.results.grid .product-result .category-link {
						grid-row: 2;
					}

				.results .product-result .thumb {
				}

					.results .product-result .thumb > img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}

					.results.table .product-result .thumb {
						grid-column: 2;
						grid-row: 1 / 5;
						height: 180px;
						align-self: center;
					}

					.results.grid .product-result .thumb { 
						grid-row: 1;
						height: 310px;
						width: 100%;
						display: block;
						align-self: center;
					}

					.results .thumb .featuredImage {
						width: 100%;
						height: 100%;
					}

				.product-result .title {
					font-weight: 700;
					font-size: 22px;
					line-height: 1.3;
				}

					.results.table .product-result .title {
						grid-row: 2;
						grid-column: 3;
					}

					.results.grid .product-result .title {
						grid-row: 3;
						padding-bottom: 5px;
					}

					.product-result .title a {
						font-weight: inherit;
					}

				.product-result .product-case-code {
					font-weight: 500;
					font-size: 22px;
					line-height: 1.2;
					position: relative;
				}

					.results.table .product-result .product-case-code {
						grid-column: 5;
						grid-row: 1 / 5;
						align-items: start;
						padding-left: 30px;
					}

					.results.grid .product-result .product-case-code {
						grid-row: 5;
						font-size: 18px;
					}

				.product-result .product-format {
					line-height: 1.2;
					position: relative;
				}

					.results.table .product-result .product-format {
						grid-row: 1 / 5;
						grid-column: 4;
						padding-left: 30px;
						font-size: 14px;
						font-weight: 500;
					}

					.results.grid .product-result .product-format {
						grid-row: 4;
						font-size: 16px;
						font-weight: 400;
					}

				.product-result .pack-and-size {
					font-weight: 500;
					font-size: 20px;
					line-height: 1.2;
					position: relative;
				}

					.results.table .product-result .pack-and-size {
						grid-column: 6;
						grid-row: 1 / 5;
						padding-left: 30px;
					}

					.results.grid .product-result .pack-and-size {
						display: none;
					}

					.product-result .product-case-code::before,
					.product-result .product-format::before,
					.product-result .pack-and-size::before {
						display: block;
						color: var(--wp--preset--color--accent-1);
						text-transform: uppercase;
						font-size: 12px;
						font-weight: 500;
						margin-bottom: 6px;
					}

						.results.grid .product-result .product-case-code::before {
							display: inline;
							color: inherit;
							text-transform: none;
							font-size: inherit;
						}

						.results.grid .product-result .product-format::before { display: none; }

					.product-result .product-case-code:not(:empty)::before { content: 'Case Code'; }
					.product-result .product-format:not(:empty)::before { content: 'Format'; }
					.product-result .pack-and-size:not(:empty):before { content: 'Pack & Size'; }

						.results.grid .product-result .product-case-code:not(:empty)::before {
							content: 'Case Code: ';
						}
						
					.product-result .product-case-code::after,
					.product-result .product-format::after,
					.product-result .pack-and-size::after {
						content: '';
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						background-color: var(--wp--preset--color--custom-border);
						display: block;
						width: 0.5px;
					}

				.product-result .description {
					font-size: 14px;
				}

					.results.table .product-result .description {
						grid-column: 3;
						grid-row: 3;
					}

					.results.grid .product-result .description {
						grid-row: 6;
					}

					.results.hideDescriptions .product-result .description { display: none; }

				.product-result .dietary {
					display: flex;
					gap: 12px;
				}

					.results.table .product-result .dietary {
						grid-column: 3;
						grid-row: 4;
						padding-top: 5px;
					}

					.results.grid .product-result .dietary {
						display: none;
					}

					.dietary .flag {
						height: 32px;
					}



			.results .recipe_result {
				display: grid;
				row-gap: 8px;
			}

				.results.table .recipe_result {
					grid-template-columns: 180px auto 260px 120px;
					column-gap: 30px;
				}

				.results.grid .recipe_result {
					grid-template-columns: 1fr 80px;
					grid-template-rows: 310px auto auto 1fr auto;
					width: 310px;
					outline: 1px dashed gray; /* TEMP */
				}

				.results .recipe_result .mealType {
					color: var(--wp--preset--color--accent-1);
					text-transform: uppercase;
					font-size: 14px;
					font-weight: 500;
				}

					.results.table .recipe_result .mealType {
						grid-row: 1;
						grid-column: 2;
					}

					.results.grid .recipe_result .mealType {
						grid-row: 2;
						grid-column: 1 / 3;
					}

				/* thumb */
				.results .recipe_result > a,
				.results .recipe_result .thumb {
				}

					.results .recipe_result > a > img,
					.results .recipe_result .thumb > img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}

					.results.table .recipe_result > a,
					.results.table .recipe_result .thumb {
						grid-column: 1;
						grid-row: 1 / 5;
						height: 180px;
						align-self: center;
					}

					.results.grid .recipe_result > a,
					.results.grid .recipe_result .thumb {
						grid-row: 1;
						grid-column: 1 / 3;
						height: 310px;
						width: 100%;
						display: block;
						align-self: center;
					}

				.results .recipe_result .title {
					font-weight: 700;
					font-size: 22px;
					line-height: 1.3;
				}

					.results.table .recipe_result .title {
						grid-row: 2;
						grid-column: 2;
					}

					.results.grid .recipe_result .title {
						grid-row: 3;
						grid-column: 1 / 3;
					}

					.recipe_result .title a {
						font-weight: inherit;
					}


				.results .recipe_result .description {
					font-size: 14px;
				}

					.results.table .recipe_result .description {
						grid-column: 2;
						grid-row: 3;
					}

					.results.grid .recipe_result .description {
						grid-row: 4;
						grid-column: 1 / 3;
					}

					.results.table.hideDescriptions .recipe_result .description { display: none; }

				.results .recipe_result .made-with {
					font-size: 14px;
					font-weight: 500;
					line-height: 1.2;
					position: relative;
				}

					.results.table .recipe_result .made-with {
						grid-row: 1 / 4;
						grid-column: 3;
						padding-left: 30px;
					}

					.results.grid .recipe_result .made-with {
						grid-row: 5;
						grid-column: 1;
					}

				.results .recipe_result .dietary {
					font-size: 14px;
					font-weight: 500;
					line-height: 1.2;
					position: relative;
				}

					.results.table .recipe_result .dietary {
						grid-row: 1 / 4;
						grid-column: 4;
						padding-left: 30px;
					}

					.results.grid .recipe_result .dietary {
						grid-row: 5;
						grid-column: 2;
					}

					.recipe_result .made-with::before,
					.recipe_result .dietary::before {
						display: block;
						color: var(--wp--preset--color--accent-1);
						text-transform: uppercase;
						font-size: 12px;
						font-weight: 500;
						margin-bottom: 6px;
					}

					.recipe_result .made-with::before { content: 'Made With'; }
					[lang="fr-CA"] .recipe_result .made-with::before { content: 'Fabriqué avec'; }
					.recipe_result .dietary::before { content: 'Dietary'; }
					[lang="fr-CA"] .recipe_result .dietary::before { content: 'Diététique'; }
						
					.recipe_result .made-with::after,
					.recipe_result .dietary::after {
						content: '';
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						background-color: var(--wp--preset--color--custom-border);
						display: block;
						width: 0.5px;
					}




.searchControls .viewControls {
	display: flex;
	gap: 8px;
}

.searchControls .viewControls button {
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent !important;
	border-radius: 8px;
	border: none;
	box-shadow: var(--wp--preset--shadow--shadow-1);
	background-color: var(--wp--preset--color--accent-3);
	min-width: unset;
	width: 38px;
	height: 38px;
}
	.searchControls .viewControls button.MuiButton-contained {
		background-color: var(--wp--preset--color--accent-1);
	}

	.searchControls .viewControls button:nth-of-type(1) {
		background-image: url("toggle-list.svg");
		background-size: 18px 14px;
	}

		.searchControls .viewControls button:nth-of-type(1):hover {
			background-color: var(--wp--preset--color--contrast);
		}

		.searchControls .viewControls button.MuiButton-contained:nth-of-type(1) {
			background-image: url("toggle-list-white.svg");
		}

	.searchControls .viewControls button:nth-of-type(2) {
		background-image: url("toggle-grid.svg");
		background-size: 18px 19px;
		background-color: var(--wp--preset--color--accent-3);
	}

		.searchControls .viewControls button:nth-of-type(2):hover {
			background-color: var(--wp--preset--color--contrast);
			background-image: url("toggle-grid-white.svg");
		}
	
		.searchControls .viewControls button.MuiButton-contained:nth-of-type(2) {
			background-image: url("toggle-grid-white.svg");
		}

	




/* brands & products */
body.page-id-8107 main {
  background-color: var(--wp--preset--color--accent-3);
}