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

body {
	font-size: 1.125rem;
}

	@media screen and (max-width: 782px) {
		body {
			--wp--style--root--padding-left: 40px;
			--wp--style--root--padding-right: 40px;
		}
	}

	@media screen and (max-width: 600px) {
		body {
			--wp--style--root--padding-left: 20px;
			--wp--style--root--padding-right: 20px;
		}
	}

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; }

span.section { display: block; }

.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; */
	height: auto;
	aspect-ratio: 4 / 3;
	flex-shrink: 0;
}

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

	.wp-block-column > .image {
		width: 100%;
		height: auto;
		aspect-ratio: 1.25;
	}


.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: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0%;
}


.title > * {
	max-width: 700px;
}


.title h2.wp-block-heading:first-child,
section.header h2.wp-block-heading {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0%;
}

	@media screen and (max-width: 782px) {
		.title h2.wp-block-heading:first-child,
		section.header h2.wp-block-heading {
			font-size: 3rem;
		}
	}

	@media screen and (max-width: 600px) {
		.title h2.wp-block-heading:first-child,
		section.header h2.wp-block-heading {
			font-size: 2.5rem;
		}
	}

p.more { margin-top: auto; }

	p.more a {
	    font-size: 0.875rem;
	    text-transform: uppercase;
	    color: var(--wp--preset--color--accent-1);
	    font-weight: 500;
	    line-height: 1.3;
	    padding-top: 1.875em;
	    display: inline-block;
	    transition: color 0.2s ease-in-out;
	    letter-spacing: 5%;
	    text-decoration: none;
	}

		p.more a:hover { color: var(--wp--preset--color--contrast); }

	    p.more a::after {
	        content: "→";
	        margin-left: 0.5em;
	    }


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



.topmostNav {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

	.topmostNav #modal-1-content > ul,
	.topmostNav #modal-1-content > ul > li {
		align-content: center;
		min-height: 44px;
	}

		.topmostNav .wp-block-navigation ul li a.wp-block-navigation-item__content {
			align-self: stretch;
			align-content: center;
		}

	.topmostNav .wpml-language-switcher-navigation-block {
		align-content: center;
	}

		.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: 0.75rem;
		}

		.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: 1.25rem;
			}


.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;
			outline-offset: -1px;
		}

			.mainNav nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus { 
				outline-color: #141414; 
			}

			/*
			.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: 1rem;
				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: 1rem; }
			.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: 1rem; */
		font-size: 1.75rem;
	}

	.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: 1rem;
	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: 1.125rem;
	text-decoration: none;
	height: 44px;
}

	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 > :first-child {
		padding-left: 0;
	}

	.wp-block-group.divided > :last-child {
		padding-right: 0;
	}

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

	@media screen and (max-width: 1024px) {
		.wp-block-group.divided > * { 
			padding: 0 1.5em; 
		}
	}

	@media screen and (max-width: 782px) {
		.wp-block-group.divided {
			flex-direction: column;
			padding: 0 !important;
		}
		.wp-block-group.divided > * {
			padding: 2.5em 0;
		}

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

	}

	.wp-block-group.divided .wp-block-button { white-space: nowrap; }

	@media screen and (max-width: 782px) {
		.wp-block-group.multiCol {
			flex-direction: column;
			gap: 2em;
		}
		.wp-block-group.multiCol > div {
			align-items: center;
			text-align: center;
		}
	}	


/* 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 > nav > ul {
				gap: 0;
				margin-top: -0.5rem;
			}

				.footerCols > nav > ul .wp-block-navigation-item .wp-block-navigation-item__content {
					padding: 0.5em 0;
				}

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

	footer .wp-block-social-links { font-size: 1.875rem; }

	footer .smallPrint {
		justify-content: center;
		row-gap: 11px;
	}	

	footer > div > div:last-child { 
		margin-top: 0.5rem; 
		row-gap: 0;
		column-gap: 2rem;
	}

	footer nav.has-small-font-siz

	footer nav.has-small-font-size ul { 
		row-gap: 0;
		justify-content: center;
	}
	footer .has-small-font-size,
	footer .has-small-font-size a {
		min-height: 44px;
		align-content: center;
	}

	@media screen and (max-width: 1024px) {
		.footerCols > nav {
			padding-right: var(--wp--preset--spacing--70);
		}
	}

	@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: 1rem;
	margin-bottom: 3em;
}
	summary.header {
		color: var(--wp--preset--color--accent-1);
		font-size: 1.125rem;
		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: 50px 0;
	background-color: var(--wp--preset--color--accent-3);
}

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

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

section.info {
	padding: 110px 40px;
}

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

	section.info .wp-block-buttons {
		 margin-top: 1em;
		 margin-bottom: 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;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}

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

			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: 1.75rem;
					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: 0.875rem;
					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: 1.5rem;
		font-weight: 700;
		line-height: 1.5;
	}

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

body.single-brand_pages section.recipe {
	background-color: var(--wp--preset--color--accent-3);
	padding: 85px 40px;
}

	body.single-brand_pages section.recipe > .wp-block-group,
	body.single-brand_pages section.recipe .recipes-link,
	body.single-brand_pages section.recipe .recipe_collection {
		max-width: var(--wp--style--global--content-size);
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
	}

	body.single-brand_pages section.recipe .wp-block-buttons { margin-top: 1em; }


	body.single-brand_pages section.recipe .featured_post {
		display: flex;
		align-items: center;
		gap: 80px;
	}

		body.single-brand_pages section.recipe .featuredImage {
			width: 624px;
			height: 440px;
			flex-shrink: 0;
		}

		@media screen and (max-width: 1280px) {
			body.single-brand_pages section.recipe .featured_post {
				column-gap: 40px;
			}
			body.single-brand_pages section.recipe .featured_post .featuredImage {
				aspect-ratio: 624 / 440;
				height: unset;
				max-width: 45vw;
			}
		}

		body.single-brand_pages section.recipe .info {
			align-content: center;
		}

			body.single-brand_pages section.recipe .info h4 {
				font-size: 1rem;
				font-weight: 500;
				color: var(--wp--preset--color--accent-1);
				margin: 0;
			}

			body.single-brand_pages section.recipe .info h2 {
				margin: 0.25em 0;
			}

			body.single-brand_pages section.recipe .info p {
				margin: 0.5em 0 1.5em;
			}


			body.single-brand_pages section.recipe .info a.button {
				background-color: var(--wp--preset--color--accent-1);
				color: white;
				border-radius: 30px;
				text-decoration: none;
				padding: 0.875rem 1.75rem;
				display: inline-block;
				white-space: nowrap;
				margin-right: 2em;
			}


				body.single-brand_pages section.recipe .info a.button:hover {
					background-color: var(--wp--preset--color--contrast);
				}

				body.single-brand_pages section.recipe .info a.view_all {
					text-transform: uppercase;
					text-decoration: none;
					color: var(--wp--preset--color--accent-1);
					font-size: 0.875rem;
					font-weight: 500;
					letter-spacing: 5%;
					line-height: 1.3;
					transition: color 0.2s ease-in-out;
					padding: 1rem 0;
					margin: 1rem 0;
					display: inline-block;
				}

					body.single-brand_pages section.recipe .info a.view_all::after {
		                content: "→";
		                margin-left: 0.5em;
		            }

			        body.single-brand_pages section.recipe .info a.view_all:hover {
			            color: var(--wp--preset--color--contrast);
			        }

				    body.single-brand_pages section.recipe .info a.view_all:last-child {
				    	margin-bottom: -1rem;
				    }




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

	body.single-brand_pages section.recipe {
		padding: 0 0 60px;
	}
	body.single-brand_pages section.recipe .featured_post {
		flex-direction: column;
		row-gap: 0;
	}
	body.single-brand_pages section.recipe .featured_post .info {
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 40px;
		text-align: center;
		display: flex;
		column-gap: 2em;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}
	body.single-brand_pages section.recipe .featured_post .info a.button {
		margin-right: 0;
	}
	body.single-brand_pages section.recipe .featured_post .info h4,
	body.single-brand_pages section.recipe .featured_post .info h2,
	body.single-brand_pages section.recipe .featured_post .info p {
		flex-basis: 100%;
	}
	body.single-brand_pages section.recipe .featured_post .featuredImage {
		width: 100%;
		max-width: unset
	}
	body.single-brand_pages section.recipe .info a.view_all:last-child {
		margin-bottom: 1rem;
	}


}






section.documents {
	background-color: var(--wp--preset--color--accent-1);
	color: white;
	padding: 0;
}

	section.documents > .wp-block-group {
		gap: 0;
		align-items: stretch;
	}

		section.documents > .wp-block-group::after {
			content: '';
			background-color: var(--wp--preset--color--accent-2);
			position: absolute;
			top: 0;
			bottom: 0;
			display: block;
			width: calc(50vw - 250px);
			left: 0;
			z-index: 1;
		}

		section.documents > .wp-block-group > div {
			padding: 60px 40px;
			z-index: 2;
			align-content: center;
		}

			section.documents .post-list.document_list {
				background-color: var(--wp--preset--color--accent-2);
				flex-basis: 67%;
				padding-right: 60px;
			}

				section.documents .post_link.document_link {
					display: flex;
					column-gap: 50px;
					align-items: center;
				}

					section.documents .post_link.document_link > img {
						max-width: 48%;
						max-width: 36%;
						box-shadow: 5px 5px 15px rgba(0,0,0,0.4);
					}

					section.documents .post_link.document_link .info .icon {
						max-height: 60px;
						max-width: 60px;
					}


			section.documents > .wp-block-group > div:nth-child(2) {
				flex-basis: 33%;
				padding-left: 60px;
			}

				section.documents > .wp-block-group > div:nth-child(2) > img {
					max-width: 60px;
					max-height: 60px;
				}


	section.documents h2 {
		margin: 0.5em 0;
	}

	section.documents a.button,
	section.documents a.wp-element-button {
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 30px;
		text-decoration: none;
		padding: 0.875rem 1.75rem;
		margin-top: 1rem;
		display: inline-block;
		white-space: nowrap;
	}

		section.documents a.button:hover,
		section.documents a.wp-element-button:hover {
			background-color: white;
			color: var(--wp--preset--color--contrast);
		}


	@media screen and (max-width: 1024px) {
		section.documents .post_link.document_link > img {
			max-width: 48%;
		}
	}

	@media screen and (max-width: 840px) {
		section.documents > .wp-block-group {
			flex-direction: column;
		}
		section.documents .post-list.document_list { padding-right: 40px; }
		section.documents > .wp-block-group > div:nth-child(2) { padding-left: 40px; }

		section.documents > .wp-block-group::after { content: unset; } 

		section.documents > .wp-block-group > div {
			width: 100%;
			box-sizing: border-box;
		}
	}

	@media screen and (max-width: 600px) {
		section.documents .documents-link {
			width: 100%;
		}
			section.documents .post_link.document_link { 
				flex-direction: column-reverse;
				row-gap: 40px;
				text-align: center;
			}
				section.documents .post_link.document_link > img {
					max-width: 100%;
					max-height: 400px;
				}
		section.documents > .wp-block-group > div:nth-child(2) {
			text-align: center;
			align-items: center;
		}
	}

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

@media screen and (max-width: 1280px) {
	section.info > .wp-block-group {
		gap: 40px;
		align-items: start;
	}
	section.info .featuredImage,
	section.info .image {
		aspect-ratio: 640 / 480;
		height: unset;
		max-width: 45vw;
	}
}

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

	body.single-brand_pages section.title {
		padding: 60px 0;		
	}

	section.info {
		padding: 40px 0 !important;
	}
	section.info > .wp-block-group {
		flex-direction: column;
	}
	section.info > .wp-block-group > .wp-block-group {
		padding-left: 40px;
		padding-right: 40px;
	}
	section.info .featuredImage,
	section.info .image {
		width: calc(100% - 80px);
		margin: 0 40px;
		max-width: unset
	}

	body.single-brand_pages section.columns {
		padding: 3em 0;
	}
	body.single-brand_pages section.columns .wp-block-column:not(:last-child)::after {
		top: unset;
		bottom: -40px;
		right: 0;
		width: auto;
		left: 0;
		height: 1px;
	}

	body.single-brand_pages section.quote {
		padding: 60px 40px;
	}
	body.single-brand_pages section.quote .wp-block-quote {
		padding: 0 30px;
	}
	body.single-brand_pages section.products {
		padding: 60px 0;
	}	

}



.brandGrid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.brandGrid > .wp-block-group {
		flex-basis: calc(100% / 3);
		margin: 0 !important;
		border-right: 1px solid var(--wp--preset--color--custom-border);
		border-bottom: 1px solid var(--wp--preset--color--custom-border);
	}

		.brandGrid > .wp-block-group:nth-child(3n),
		.brandGrid > .wp-block-group:last-child {
			border-right-width: 0;
		}

		.brandGrid > .wp-block-group:nth-child(3n-2):nth-last-child(3),
		.brandGrid > .wp-block-group:nth-child(3n-2):nth-last-child(2),
		.brandGrid > .wp-block-group:nth-child(3n-1):nth-last-child(2),
		.brandGrid > .wp-block-group:nth-child(3n-2):last-child,
		.brandGrid > .wp-block-group:nth-child(3n-1):last-child,
		.brandGrid > .wp-block-group:nth-child(3n):last-child {
			border-bottom-width: 0;
		}

		@media screen and (max-width: 1024px) {
			.brandGrid > .wp-block-group {
				flex-basis: 50%;
				border-right-width: 1px !important;
				border-bottom-width: 1px !important;
			}
			.brandGrid > .wp-block-group:nth-child(2n),
			.brandGrid > .wp-block-group:last-child {
				border-right-width: 0 !important;
			}

			.brandGrid > .wp-block-group:nth-child(2n-1):nth-last-child(2),
			.brandGrid > .wp-block-group:nth-child(2n-1):last-child,
			.brandGrid > .wp-block-group:nth-child(2n):last-child {
				border-bottom-width: 0 !important;
			}			
		}

		@media screen and (max-width: 680px) {
			.brandGrid > .wp-block-group {
				flex-basis: 100%;
				border-right-width: 0 !important;
				border-bottom-width: 1px !important;
			}
			.brandGrid > .wp-block-group:last-child {
				border-bottom-width: 0 !important;
			}			
		}


/* promotion pages */


.offsetRed {
	background-color: var(--wp--preset--color--accent-2);
	color: white;
	overflow-x: hidden;
}

	.offsetRed > .wp-block-group > .wp-block-group:nth-child(1) {
		padding: 60px 40px 60px 0;
	}

	.offsetRed > .wp-block-group > .wp-block-group:nth-child(2) {
		background-color: var(--wp--preset--color--accent-1);
		width: 33%;
		padding: 60px 0 60px 40px;
	}

		.offsetRed > .wp-block-group > .wp-block-group:nth-child(2)::after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			background-color: var(--wp--preset--color--accent-1);
			width: 50vw;
			z-index: 1;
		}

		.offsetRed > .wp-block-group > .wp-block-group:nth-child(2) > * {
			z-index: 2;
			position: relative;
		}


.promotion_details h2 {
	margin: 20px 0;
}

.promotion_details .more a {
	display: inline-block;
	padding: 0.75rem 2rem;
	font-size: var(--wp--preset--font-size--medium);
	text-align: center;
	word-break: break-word;
	text-decoration: none;
	border-radius: 9999px;
	color: var(--wp--preset--color--contrast);
	background-color: white;
	margin: 0 1.2rem 1.2rem 0;
}

	.promotion_details .more a.brochure {
		border: 1px solid white;
		background-color: var(--wp--preset--color--accent-1);
		color: white;
	}

.promotion_details .brand {
	display: inline-block;
	max-width: 150px;
}

	.promotion_details .brand img {
		width: 100%;
		height: auto;
	}


body.single-promotions  {
}

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

body.single-promotions #header {
	background-color: var(--wp--preset--color--accent-3);
}

body.single-promotions .post-list.recipe_promotion .posts {
	margin-top: 4rem;
}

body.single-promotions .promoted_recipe {
		background-color: var(--wp--preset--color--accent-3);
		border-radius: 14px;
		padding: 24px;
		margin-bottom: 16px;
		box-shadow: var(--wp--preset--shadow--shadow-1);
		display: grid;
		row-gap: 8px;
		column-gap: 30px;
		grid-template-columns: 300px auto auto;
		text-align: left;
}

body.single-promotions .promoted_recipe .featuredImage {
		width: 100%;
		aspect-ratio: 3 / 2;
}


body.single-promotions .promoted_recipe .info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

body.single-promotions .promoted_recipe .info a { 
	text-decoration: none; 
	font-weight: inherit;
	display: inline-block;
	min-height: 44px;
}

body.single-promotions .promoted_recipe .info > *:first-child {
	font-size: 1.375rem;
	line-height: 1.3;
	margin: 0 0 1rem;
}
body.single-promotions .promoted_recipe .info > *:first-child a {
	align-content: end;
}

body.single-promotions .promoted_recipe .info > *:nth-child(2) {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

body.single-promotions .promoted_recipe .info .made_with h4 {
	color: var(--wp--preset--color--accent-1);
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0 0 0.5em;
}
body.single-promotions .promoted_recipe .info .made_with h4::before { content: unset; }

/*
body.single-promotions .promoted_recipe .info .made_with .products a {
	display: block;
}
*/

body.single-promotions .promoted_recipe .brands {
		display: flex;
		align-items: center;
		gap: 24px;
		justify-content: end;
}

body.single-promotions .promoted_recipe .brands .brand:not(:first-child) {
		border-left: 1px solid var(--wp--preset--color--custom-border);
		padding-left: 24px;
}


body.single-promotions .promoted_recipe .brands .brand img {
	max-width: 148px;
	height: auto;
}

body.single-promotions .recipe_promotion.post-list.carousel .posts > .wp-block-group { opacity: 1; }

@media screen and (max-width: 1280px) {
	body.single-promotions .promoted_recipe {
		grid-template-columns: 300px auto;
	}
	body.single-promotions .promoted_recipe .featuredImage { grid-row: 1 / 3; }
	body.single-promotions .promoted_recipe .brands { grid-column: 2; }

}


@media screen and (max-width: 1024px) {
	body.single-promotions .promoted_recipe {
		grid-template-columns: 240px auto;
	}
}


@media screen and (max-width: 768px) {
	body.single-promotions .promoted_recipe {
		grid-template-columns: 40% auto;
	}
}

@media screen and (max-width: 640px) {
	body.single-promotions .promoted_recipe {
		grid-template-columns: auto;
	}
	body.single-promotions .promoted_recipe .featuredImage { grid-column: 1; grid-row: 1; }
	body.single-promotions .promoted_recipe .info { grid-column: 1; grid-row: 2; }
	body.single-promotions .promoted_recipe .brands { grid-column: 1; grid-row: 3; }
}


/* 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.image,
		body.single-products section.intro div.featuredImage,
		body.single-products section.intro div.carousel {
			width: 500px;
			height: 500px;
			overflow: hidden;
			flex-shrink: 0;
		}		




body.single-products section.intro div.featured_image_gallery {
	display: grid;
	grid-template-columns: 112px auto;
	gap: 12px;
}


	body.single-products section.intro div.featured_image_gallery div.thumbnails {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
	}

		body.single-products section.intro div.featured_image_gallery div.thumbnails .image, 
		body.single-products section.intro div.featured_image_gallery div.thumbnails .featuredImage {
			width: 100%;
			height: auto;
			aspect-ratio: 1;
			cursor: pointer;
		}

		body.single-products section.intro div.featured_image_gallery div.thumbnails .image:hover, 
		body.single-products section.intro div.featured_image_gallery div.thumbnails .featuredImage:hover {
			outline: 2px solid var(--wp--preset--color--custom-border);
		}

		body.single-products section.intro div.featured_image_gallery div.thumbnails .image.selected, 
		body.single-products section.intro div.featured_image_gallery div.thumbnails .featuredImage.selected {
			outline: 2px solid var(--wp--preset--color--accent-1);
		}

		body.single-products section.intro div.featured_image_gallery .carousel .slick-slide {
			margin: 0;
		}

		body.single-products section.intro div.featured_image_gallery .carousel.slick-dotted.slick-slider {
			box-sizing: content-box;
		}




		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: 1rem;
			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: 16px;
			padding-top: 16px;
		}


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

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

				body.single-products section.intro div.image,
				body.single-products section.intro div.featuredImage,
				body.single-products section.intro div.carousel {
					aspect-ratio: 1;
					height: unset;
					max-width: 40vw;
				}
				body.single-products section.intro div.carousel {
					max-width: calc(40vw - 112px);
				}
		}



		@media screen and (max-width: 1024px) {
			body.single-products section.intro div.featured_image_gallery { grid-template-columns: 80px auto; }
			body.single-products section.intro div.carousel { max-width: calc(40vw - 80px); }
		}

		@media screen and (max-width: 768px) {
			body.single-products section.intro div.featured_image_gallery { grid-template-columns: 60px auto; }
			body.single-products section.intro div.carousel { max-width: calc(40vw - 60px); }
		}


		@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.image,
					body.single-products section.intro div.featuredImage,
					body.single-products section.intro div.carousel {
						max-width: unset;
						width: 100%;
					}

					body.single-products section.intro div.featured_image_gallery {
						grid-template-columns: auto;
					}

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

					body.single-products section.intro div.featured_image_gallery div.thumbnails {
						display: none;
					}

		}




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 {
			margin-bottom: 3rem;
		}

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


		body.single-products main section.details a.dietary {
			text-decoration: none;
			font-size: 0.75rem;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			max-width: 56px;
			text-align: center;
			line-height: 1.2;
			margin: 0.25rem 0.5rem 0.25rem 0;
			padding: 0.75rem;
			border-radius: 1rem;
			outline-color: var(--wp--preset--color--custom-border);
			word-break: normal;
		}

			body.single-products main section.details a.dietary:hover,
			body.single-products main section.details a.dietary:focus {
				color: inherit;
				outline: 3px dashed var(--wp--preset--color--custom-border);
			}

			body.single-products main section.details a.dietary img {
				height: 48px;
				width: auto;
				aspect-ratio: unset;
				margin-bottom: 0.5em;
			}


		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: 2.625rem;
	font-weight: 700;
	line-height: 1.2;
}




/* product specs */
body.single-products .package_specs {
	display: flex;
	align-items: center;
	font-size: 1.375rem;
	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: 0.75rem;
		font-weight: 500;
		letter-spacing: 5%;
		white-space: nowrap;
	}


		body.single-products section.intro .brand {
			width: 128px;
			box-sizing: content-box;
			transition: none;
			text-decoration: 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: 1rem;
			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 .finePrint {
			white-space: pre-wrap;
			margin-top: 2em;
			font-size: 0.625rem;
			color: var(--wp--preset--color--contrast);
			opacity: 0.6;
			line-height: 1.5;
		}

		.nutrition_facts h2 {
			font-size: 1.875rem;
			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: 1.625rem;
			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: 2.25rem;
		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: 0.875rem;
					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: 1.5rem;
					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: 1.25rem;
					}
				}



	.storage_handling h2 {
		font-size: 1.125rem;
		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;
}

	@media screen and (max-width: 768px) {
		body.single-products section.brand {
			padding-top: 70px;
			padding-bottom: 60px;
		}
	}

	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: 0.875rem;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 500;
			display: block;
			min-height: 44px;
		}

			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 landing page */

.twoSplit #search-bar .searchBarInput .searchField {
	width: 40vw;
}

section.promo .featuredImage {
	align-self: stretch;
	max-width: calc(50% + (var(--wp--style--root--padding-right) / 2));
}
	
section.promo .post_link.promotion_details {
	padding: 1.5rem 0px;
}

	section.promo .post_link.promotion_details .brands {
		margin-top: 1.2rem;
	}

	section .post_link.promotion_details .brands {
		/* temp, until red-on-red logo issue is resolved */
		background: rgba(255,255,255,0.4);
		outline: 2px dashed rgba(255,255,255,0.7);
	}


	@media screen and (max-width: 1408px) {
		section.promo {
			padding-right: 0;
		}
		section.promo > .wp-block-group {
			max-width: calc(var(--wp--style--global--content-size) + var(--wp--style--root--padding-right));
		}
	}

	@media screen and (max-width: 782px) {
		section.promo > .wp-block-group { gap: 40px; }
	}

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

		section.promo {
			padding-right: var(--wp--style--root--padding-right);
		}

			section.promo > .wp-block-group {
				flex-direction: column-reverse;
				gap: 0;
			}


				section.promo .featuredImage {
					width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
					max-width: unset;
					margin-left: calc(var(--wp--style--root--padding-left) * -1);
					margin-right: calc(var(--wp--style--root--padding-right) * -1);
				}

				section.promo .promotions-link.promotion_details {
					text-align: center;
				}


		.twoSplit {
			flex-direction: column;
		}
		.twoSplit #search-bar .searchBarInput .searchField {
			width: 80vw;
		}	

	}







/* 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 .category + a {
						grid-row: 3;
						grid-column: 1 / 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 60px 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: 1.375rem;
	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: 0.75rem;
		font-weight: 500;
		letter-spacing: 5%;
	}

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

		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: 2.25rem;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 1.25em;
	}


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

	section.more .recipes-link .recipe:not(:has(.featuredImage)) {
		grid-template-columns: 0 1fr;
		grid-gap: 1em 0;		
	}

	section.more .recipes-link .featuredImage {
		grid-row: 1 / 5;
		width: 300px;
		height: auto;
		aspect-ratio: 300 / 220;
		max-width: 28vw;
		overflow: hidden;
	}

	section.more .recipes-link .subheader {
		text-transform: uppercase;
		font-size: 1.125rem;
		font-weight: 500;
		letter-spacing: 5%;
		margin-top: 0;
		margin-bottom: 1em;
	}

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

	section.more .recipes-link h3 {
		font-size: 1.875rem;
	}

	section.more .recipes-link p {
		margin-bottom: 2em;
	}
	
	section.more .recipes-link p:empty { margin: 0; }

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

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

		section.more .recipes-link .button:hover {
			background-color: var(--wp--preset--color--contrast);
			color: white;
		}
	
	section.more .recipes-link .all {
		text-transform: uppercase;
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		letter-spacing: 5%;
		display: inline-block;
		padding: 0.875rem 0;
	}

		section.more .recipes-link .all::after {
			content: '\2192';
			margin-left: 0.5em;
			display: inline-block; /* to avoid picking up text-decoration from its parent */
		}

		section.more .recipes-link .all:hover { 
			text-decoration: underline; 
			color: white;
		}




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

		body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:first-child {
			position: relative;
			flex-basis: 67%;
		}
			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: -3.75rem;
				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) {
			flex-basis: 33%;
		}

		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;
		}





	@media screen and (max-width: 1024px) {
		body.single-recipes main section.more .more_recipes > .wp-block-columns {
			flex-direction: column;
			row-gap: 5rem;
		}

		body.single-recipes main section.more .more_recipes > .wp-block-columns > .wp-block-column:first-child::after {
			top: unset;
			bottom: -2.0625rem;
			right: 0;
			width: unset;
			left: 0;
			height: 1px;
		}

		section.more .recipes-link .featuredImage {
			max-width: 40vw;
		}
	}


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

		section.more .recipes-link .recipe {
			grid-template-columns: auto;
			grid-template-rows: auto auto auto auto 1fr;
		}

		section.more .recipes-link .recipe .subheader {
			grid-row: 1;
		}

		section.more .recipes-link .featuredImage {
			grid-row: 2;
			width: 100%;
			height: calc((100vw - 80px) * (220 / 300)); /* use of aspect-ratio causes height calculation issues */
			max-width: unset;
		}

		section.more .recipes-link .recipe .subheader, 
		section.more .recipes-link .recipe h3, 
		section.more .recipes-link .recipe p, 
		section.more .recipes-link .recipe div.links {
			grid-column: 1;
		}

	}


body.single-recipes h1.wp-block-post-title { display: none; }
body.single-recipes .wp-block-post-title {
	font-size: 2.625rem;
	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: 0.75rem;
			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'; }
			[lang="fr-CA"] .recipe_ingredients .serving_size::before { content: 'Portion / Taille'; }
			[lang="fr-CA"] .recipe_ingredients .serves::before { content: 'Portions'; }
			[lang="fr-CA"] .recipe_ingredients .units::before { content: 'Unités'; }

		.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;
		width: 100%;
	}

		.recipe_ingredients .ingredients::before {
			content: 'Ingredients';
			color: var(--wp--preset--color--accent-1);
			font-size: 1.125rem;
			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;
		}
		[lang="fr-CA"] .recipe_ingredients .ingredients::before { content: 'Ingrédients'; }

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

				.recipe_ingredients .ingredients li .ingredient:first-child {
					grid-column: 1 / 3;
				}

			.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: 1.875rem;
	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;
}

	@media screen and (max-width: 1024px) {
		body.single-recipes .tabButton a {
			font-size: 1.6875rem;
		}
	}

	@media screen and (max-width: 600px) {
		body.single-recipes .tabButton a {
			font-size: 1.5rem;
		}
	}

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; }

body.single-recipes .tabs .tab.nutrition summary.header { 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: 1.875rem;
			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: 2rem;
				font-weight: 500;
				letter-spacing: 5%;
				line-height: 1;
				content: counter(item);
				position: absolute;
				right: calc(100% + 16px);
				top: 0;
				white-space: nowrap;
			}

				/* don't enumerate single item lists */
				ol.directions > li:first-child:last-child { margin-left: 0; }
				ol.directions > li:first-child:last-child::before { display: none; }

			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: 1rem;
		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;
}

	.search_root .searchTools .searchField button {
		padding: 0.5rem;
		width: 2.75rem;
		height: 2.75rem;
	}

		.search_root .searchTools .searchField input + button {
			padding: 0.75rem;
		}



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

	.searchBox {
		margin-top: 0;
	}

	.search_root .searchTools {
		margin-left: calc(var(--wp--style--root--padding-left) * -1);
		margin-right: calc(var(--wp--style--root--padding-right) * -1);
		border-radius: 0;
	}

	.searchHeader {
		background-color: var(--wp--preset--color--accent-3);
		margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
		margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
		padding-left: var(--wp--style--root--padding-left);
		padding-right: var(--wp--style--root--padding-right);
		padding-top: var(--wp--preset--spacing--60);
		padding-bottom: var(--wp--preset--spacing--40);
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

}


.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: 1.5rem;
  color: var(--wp--preset--color--contrast);
}

div.yext .MuiTabs-list button {
  padding: 1em 1.5em !important;
  margin: 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: 0.875rem;
  font-weight: 500;
  padding: 1em;
  transition: all 0.2s ease-in-out;

  flex-shrink: 1;
  justify-content: center;
  line-height: 1.2;
  text-align: left;
}
div.yext .MuiTabs-list button:not(:last-child) {
	margin-right: 10px !important;
}
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 button .short { display: none; }
div.yext .MuiTabs-list button .count { display: inline-block; }
div.yext .MuiTabs-list button .count::before { content: '\00a0'; }
@media screen and (max-width: 600px) {
	div.yext .MuiTabs-list button .short { display: inline; }
	div.yext .MuiTabs-list button .long { display: none; }
}
div.yext .MuiTabs-list {
  border-bottom: 1px solid var(--wp--preset--color--custom-border);
  overflow-x: auto;
}
div.yext .MuiTabs-list:empty { display: none; }
div.yext .MuiTabs-indicator {
	display: none;
}
div.yext .resultsWrapper {
	padding-left: 0;
	padding-right: 0;
}

div.yext .MuiPagination-ul {
	justify-content: center;
}
div.yext .MuiPagination-ul button {
	min-width: 44px;
	min-height: 44px;
}


/* facets */

.MuiStack-root {
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.MuiPopover-paper {
	border-radius: 0 0 1rem 1rem !important;
	box-shadow: var(--wp--preset--shadow--shadow-1) !important;
}

.MuiTypography-root {
	font-family: var(--wp--preset--font-family--a-2-standard-sans) !important;
}

.MuiFormControl-root.facet {
	/* width: 316px; */
	min-width: 220px;
	flex-grow: 1;
	margin: 0;

	background-color: var(--wp--preset--color--accent-1);
	border-radius: 30px;
	box-shadow: var(--wp--preset--shadow--shadow-1);
	transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1); /* to match the drop-down's opening transition */
}

	@media screen and (min-width: 860px) {
		.MuiStack-root { justify-content: flex-start; }
		.MuiFormControl-root.facet { max-width: calc(100% / 3 - 0.5rem); }
	}

	.MuiFormControl-root.facet.open {
		border-radius: 1rem 1rem 0 0;
	}

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

	.MuiFormControl-root.facet .MuiSelect-select {
		padding: 14px 40px 14px 20px;
		border-radius: 30px;
	}
	.MuiFormControl-root.facet .MuiSelect-select:focus-visible {
		outline-color: var(--wp--preset--color--contrast);
	}

	.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: 2px 16px; }

			li.MuiMenuItem-root.parent .MuiTypography-root {
				font-weight: 500;
				font-size: 1.125rem;
			}

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

			li.MuiMenuItem-root .MuiTypography-root {
				white-space: normal;
				line-height: 1.25;
			}


/* search controls */

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

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

	.searchControls .MuiStack-root #sort-by-label { display: none; }

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



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

	.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: 1rem;
		transition: all 0.2s ease-in-out;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

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

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

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


/* search results */

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

	.results.grid .resultsWrapper {
		/*
		display: flex;
		flex-wrap: wrap;
		*/
		gap: 24px 24px;

		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

		.results.table .resultsWrapper > *:not(.result) {
			margin-bottom: 1.5rem;
			display: block;
		}

		.results.grid .resultsWrapper > *:not(.result) {
			grid-column: 1 / -1;
		}

		.results.grid .result {
			margin-bottom: 56px;
		}

		.results.table .product-result,
		.results.table .recipe_result,
		.results.table .document-result,
		.results.table .page-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;
					grid-template-rows: auto auto auto 1fr;
					column-gap: 30px;
					row-gap: 0;
				}

				.results.grid .product-result {
					grid-template-columns: 1fr;
					grid-template-rows: auto auto auto auto auto 1fr 72px;
					/* row-gap: 8px; */ /* row-gap isn't good for handling empty rows; using padding instead */
				}

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

					.results.grid .product-result > *:not(.thumb) {
						padding-top: 8px;
					}
					.results.grid .product-result > :not(.thumb):empty {
						display: none;
					}


				.product-result .brand-link {
					text-transform: uppercase;
					font-size: 0.875rem;
					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: 0.875rem;
					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;
						width: 100%;
						display: block;
						align-self: center;
						margin-bottom: 8px;
					}

					.results .product-result .thumb .featuredImage {
						width: 100%;
						height: auto;
						aspect-ratio: 1;
						overflow: hidden;
					}

				.product-result .title {
					font-weight: 700;
					font-size: 1.375rem;
					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;
						padding: 8px 0;
					}

				.product-result .product-case-code {
					font-weight: 500;
					font-size: 1.375rem;
					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: 1.125rem;
					}

				.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: 0.875rem;
						font-weight: 500;
					}

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

				.product-result .pack-and-size {
					font-weight: 500;
					font-size: 1.25rem;
					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;
					}

				.results.table .product-result .product-case-code:not(:empty), 
				.results.table .product-result .product-format:not(:empty),
				.results.table .product-result .pack-and-size:not(:empty) {
					border-left: 1px solid var(--wp--preset--color--custom-border);
					margin: 1.5rem 0;
				}					

					.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: 0.75rem;
						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'; }
					[lang="fr-CA"] .product-result .product-case-code:not(:empty)::before { content: 'Code de cas'; }
					[lang="fr-CA"] .product-result .product-format:not(:empty)::before { content: 'Format'; }
					[lang="fr-CA"] .product-result .pack-and-size:not(:empty):before { content: 'Pack et taille'; }

						.results.grid .product-result .product-case-code:not(:empty)::before {
							content: 'Case Code: ';
						}
						[lang="fr-CA"] .results.grid .product-result .product-case-code:not(:empty)::before {
							content: 'Code de cas: ';
						}
						
					/*
					.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: 0.875rem;
				}

					.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 20% 120px;
					column-gap: 30px;
				}

				.results.grid .recipe_result {
					grid-template-columns: 1fr auto;
					grid-template-rows: auto auto auto 1fr auto;
				}

				.results .recipe_result .mealType {
					color: var(--wp--preset--color--accent-1);
					text-transform: uppercase;
					font-size: 0.875rem;
					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 .thumb {
				}

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

					.results.grid .recipe_result .thumb {
						grid-row: 1;
						grid-column: 1 / 3;
						height: auto;
						aspect-ratio: 1;
						width: 100%;
						display: block;
						align-self: center;
					}

					.results .recipe_result .thumb .featuredImage {
						width: 100%;
						height: auto;
						aspect-ratio: 1;
						overflow: hidden;
					}

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

				.results .recipe_result .title {
					font-weight: 700;
					font-size: 1.375rem;
					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: 0.875rem;
				}

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

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

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

				.results .recipe_result .made-with {
					font-size: 0.875rem;
					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.table .recipe_result .made-with a {
							min-height: 24px;
							display: inline-block;
						}

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

						.results.grid .recipe_result .made-with a { font-weight: 500; }

				.results .recipe_result .dietary {
					font-size: 0.875rem;
					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.table .recipe_result .dietary:empty { display: none; }
						
						.results.table .recipe_result .dietary img + img { margin-top: 0.5em; }

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

						.results.grid .recipe_result .dietary:not(:empty) {
							border-left: 1px solid var(--wp--preset--color--custom-border);
							padding-left: 1em;
							padding-right: 2em;
						}

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

					.recipe_result .made-with:not(:empty)::before { content: 'Made With'; }
					[lang="fr-CA"] .recipe_result .made-with:not(:empty)::before { content: 'Fabriqué avec'; }
					.recipe_result .dietary:not(:empty)::before { content: 'Dietary'; }
					[lang="fr-CA"] .recipe_result .dietar:not(:empty)y::before { content: 'Diététique'; }
						
					.results.table .recipe_result .made-with::after,
					.results.table .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;
					}



		.results .document-result {
			display: grid;
			row-gap: 8px;
			align-content: start;
		}

			.results.table .document-result {
				grid-template-columns: 180px auto 20%;
				column-gap: 30px;
				grid-template-rows: auto auto 1fr;
			}

				.results.table .document-result .thumb {
					grid-row: 1 / 4;
				}

					.results .document-result .thumb .featuredImage {
						width: 100%;
						height: auto;
						aspect-ratio: 1;
						overflow: hidden;
						display: block;

						position: relative;
						background-color: var(--wp--preset--color--accent-1);
					}
						
						.results .document-result .thumb .featuredImage img {
							z-index: 2;
							position: relative;
							padding: 15%;
							object-fit: contain;
							filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.4));
						}


				.results .document-result .yearType {
					color: var(--wp--preset--color--accent-1);
					font-weight: 500;
					font-size: 0.875rem;
					text-transform: uppercase;
				}

					.results.table .document-result .yearType {
						grid-row: 1;
						grid-column: 2;
					}

					.results .document-result .yearType .type + .year::before {
						content: ' - ';
					}

				.results .document-result .title {
					font-weight: 700;
					font-size: 1.375rem;
					line-height: 1.3;
				}

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

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


				.results .document-result .description {
					font-size: 0.875rem;
				}

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

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

				.results.table .document-result .brands {
					grid-column: 3;
					grid-row: 1 / 4;
				}

					.results.table .document-result .brands .brand_link { display: block; }


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

					.results.table .document-result {
						grid-template-columns: 180px auto;
						column-gap: 30px;
						grid-template-rows: auto auto auto 1fr;
					}

					.results.table .document-result .thumb {
						grid-row: 1 / 5;
					}

					.results.table .document-result .brands {
						grid-column: 2;
						grid-row: auto;
					}

				}


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

					.results.table .document-result {
						grid-template-columns: 1fr;
						grid-template-rows: auto;
					}

					.results.table .document-result .description {
						grid-row: 4;
					}

					.results.table .document-result .thumb {
						grid-row: 3;
						margin-bottom: 0.75rem;
					}

						.results.table.hideDescriptions .document-result .thumb { margin-bottom: 0; }

					.results.table .document-result .brands {
						grid-row: 5;
					}

					.results.table .document-result > * {
						grid-column: 1 !important;
					}

				}


		.results .page-result {
			display: grid;
			row-gap: 8px;
			align-content: start;
		}


			.results.table .page-result {
				grid-template-columns: 180px auto;
				column-gap: 30px;
				grid-template-rows: auto 1fr;
			}

				.results.table .page-result:not(:has(.thumb)) {
					display: block;
				}

				.results.table .page-result .thumb {
					grid-row: 1 / 3;
				}

					.results .page-result .thumb .featuredImage {
						width: 100%;
						height: auto;
						aspect-ratio: 1;
						overflow: hidden;
					}

				.results .page-result .title {
					font-weight: 700;
					font-size: 1.375rem;
					line-height: 1.3;
				}

					.results.table .page-result .title {
						grid-column: 2;
						grid-row: 1;
					}

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


				.results .page-result .description {
					font-size: 0.875rem;
				}

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

					.results.table .page-result .description {
						grid-column: 2;
						grid-row: 2;
					}



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

					.results.table .page-result {
						grid-template-columns: 1fr;
						grid-template-rows: auto;
					}

					.results.table .page-result .description {
						grid-row: 3
					}

					.results.table .page-result .thumb {
						grid-row: 2;
						margin-bottom: 0.75rem;
					}

						.results.table.hideDescriptions .page-result .thumb { margin-bottom: 0; }

					.results.table .page-result > * {
						grid-column: 1 !important;
					}

				}




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

		.results.table .product-result {
			grid-template-columns: 180px auto 130px 100px 150px;
			grid-template-rows: auto auto auto 1fr auto;
		}
		.results.table .product-result .category-link {
			grid-row: 2;
			grid-column: 2;
		}
		.results.table .product-result .thumb {
			grid-column: 1;
			grid-row: 1 / 6;
		}
		.results.table .product-result .title {
			grid-row: 3;
			grid-column: 2;
		}
		.results.table .product-result .product-case-code {
			grid-column: 4;
			grid-row: 1 / 4;
		}
		.results.table .product-result .product-format {
			grid-row: 1 / 4;
			grid-column: 3;
		}
		.results.table .product-result .pack-and-size {
			grid-column: 5;
			grid-row: 1 / 4;
		}
		.results.table .product-result .description {
			grid-column: 2;
			grid-row: 4;
		}
		.results.table .product-result .dietary {
			grid-column: 2;
			grid-row: 5;
		}
		.results.table .product-result .brand-link {
			grid-column: 2;
			grid-row: 1;
			justify-self: start;
		}
		.results.table .product-result .brand-link img {
			max-width: 148px;
		}

	}


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


		.results.table .product-result {
			grid-template-columns: 180px 24% 1fr;
		}

			.results.table .product-result .product-case-code:not(:empty), 
			.results.table .product-result .product-format:not(:empty), 
			.results.table .product-result .pack-and-size:not(:empty) {
				margin: 0.5rem 0;
				border-left: none;
				border-right: 1px solid var(--wp--preset--color--custom-border);
				padding-left: 0;
				padding-right: 30px;
			}
			.results.table .product-result .product-format {
				grid-row: 6;
				grid-column: 1;
				padding-left: 0;
			}
			.results.table .product-result .product-case-code {
				grid-column: 2;
				grid-row: 6;
			}
			.results.table .product-result .pack-and-size {
				grid-column: 3;
				grid-row: 6;
				border-right: none !important;
			}
			.results.table .product-result .description {
				grid-column: 2 / 4;
			}
			.results.table .product-result .dietary {
				grid-column: 2 / 4;
				grid-row: 5;
			}
			.results.table .product-result .brand-link {
				grid-column: 2 / 4;
			}
			.results.table .product-result .title {
				grid-column: 2 / 4;
			}



		.results.table .recipe_result {
			grid-template-columns: 180px auto 50%;
		}

			.results.table .recipe_result .made-with {
				grid-row: auto;
				grid-column: 1 / 3;
				padding-left: 0;
				margin: 1rem 0;
			}
				.results.table .recipe_result .made-with::after { content: unset; }

			.results.table .recipe_result .dietary {
				grid-row: auto;
				grid-column: 3;
				margin: 1rem 0;
			}
			.results.table .recipe_result .mealType {
				grid-column: 2 / 4;
			}
			.results.table .recipe_result .title {
				grid-column: 2 / 4;
			}
			.results.table .recipe_result .description {
				grid-column: 2 / 4;
			}

	}

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

		.results.table .product-result {
			grid-template-columns: 30% 25% calc(45% - 60px);
			padding: 0 0 24px;
		}
			.results.table .product-result .title {
				grid-column: 1 / 4;
				grid-row: 4;
				padding: 0 24px;
			}
			.results.table .product-result .description {
				grid-column: 1 / 4;
				padding: 0 24px;
			}
			.results.table .product-result .dietary {
				grid-column: 1 / 4;
				grid-row: 6;
				padding: 0 24px;
			}
			.results.table .product-result .product-format {
				grid-row: 7;
				padding-left: 24px !important;
			}
			.results.table .product-result .pack-and-size {
				grid-row: 7;
				padding-right: 24px;
			}
			.results.table .product-result .product-case-code {
				grid-row: 7;
			}
			.results.table .product-result .thumb {
				grid-column: 1 / 4;
				grid-row: 1;
			}
			.results.table .product-result .brand-link {
				grid-column: 1 / 4;
				grid-row: 2;
				padding: 16px 24px;
			}
			.results.table .product-result .category-link {
				grid-row: 3;
				grid-column: 1 / 4;
				padding-top: ;
				padding: 0 24px;
			}
			.results.table .product-result .description {
				grid-row: 5;
			}


		.results.table .recipe_result {
			grid-template-columns: auto 30%;
			padding: 0;
		}
			.results.table .recipe_result .mealType {
				grid-column: 1 / 3;
				grid-row: 2;
				padding: 0 24px;
				margin-top: 1rem;
			}
				.results.table .recipe_result .mealType:empty { display: none; }

			.results.table .recipe_result .title {
				grid-column: 1 / 3;
				grid-row: 3;
				padding: 0 24px;
			}
			.results.table .recipe_result .description {
				grid-column: 1 / 3;
				grid-row: 4;
				padding: 0 24px;
			}
			.results.table .recipe_result .made-with {
				grid-column: 1;
				grid-row: 5;
				padding-left: 24px;
				margin: 1rem 0 1.5rem;
			}
			.results.table .recipe_result .dietary {
				grid-column: 2;
				grid-row: 5;
				margin: 1rem 0 1.5rem;
				padding-right: 24px;
			}
			.results.table .recipe_result .thumb {
				grid-column: 1 / 3;
				grid-row: 1;
			}

		.results.table .thumb .featuredImage {
			height: 100%;
			aspect-ratio: auto;
		}
		.results.table .product-result,
		.results.table .recipe_result {
			overflow: hidden;
		}

	}


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

		.results.table .product-result .product-format,
		.results.table .product-result .product-case-code,
		.results.table .product-result .pack-and-size {
			grid-column: 1 / 4;
			padding: 0 24px !important;
			border-right: none !important;
		}

		.results.table .product-result .product-case-code { grid-row: 8; }
		.results.table .product-result .pack-and-size { grid-row: 9; }

	}

.results + nav.MuiPagination-root {
	margin-bottom: 3rem;
}

	.results + nav.MuiPagination-root .MuiPaginationItem-root.MuiPaginationItem-rounded {
		border-radius: 50%;
	}

	.results + nav.MuiPagination-root .MuiPaginationItem-root:hover,
	.results + nav.MuiPagination-root .MuiPaginationItem-root:focus {
		background-color: var(--wp--preset--color--accent-3);
	}

	.results + nav.MuiPagination-root .MuiPaginationItem-root.Mui-selected {
		background-color: var(--wp--preset--color--accent-1);
		color: white;
	}

.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: 44px;
	height: 44px;
}
	.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");
			background-color: var(--wp--preset--color--accent-1);
		}

	




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

#search-bar {
	margin: 0 0.5rem;
}

	#search-bar .searchField > div {
		border: none;
	}

		#search-bar .searchField input + div {
			margin: 0;
			height: 3rem;
			width: auto;
		}

		#search-bar .searchField button {
			background-color: var(--wp--preset--color--accent-2);
			height: 100%;
			border-radius: 1.5rem 0 0 1.5rem;
			padding: 0 1.25rem;
			width: auto;
			font-weight: 500;
			transition: background-color 0.2s ease-in-out;
		}

			#search-bar .searchField button:hover {
				background-color: var(--wp--preset--color--contrast);
			}

			#search-bar .searchField button::after {
				content: 'Search';
			}
			[lang="fr-CA"] #search-bar .searchField button::after {
				content: 'Chercher';
			}

			#search-bar .searchField button svg {
				display: none;
			}

	@media screen and (max-width: 782px) {
		#search-bar .searchBarInput .searchField {
			max-width: calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left));
		}
	}


/* nutrionml summaries */


.nutritional_summaries .MuiStack-root {
	flex-wrap: nowrap;
}




/* recipe collection */


.collection_products_block {
	text-align: center;
}

	.collection_products_block .header {
		padding-bottom: var(--wp--preset--spacing--60);
	}

		.collection_products_block .header .title {
			font-size: 3.5rem;
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: 0%;
			margin: 20px;
		}

		.collection_products_block .header .description {
			font-size: 1.25rem;
		}

		.collection_products_block .header > a {
		    font-size: 0.875rem;
		    text-transform: uppercase;
		    color: var(--wp--preset--color--accent-1);
		    font-weight: 500;
		    line-height: 1.3;
		    margin-top: 1.5em;
		    display: inline-block;
		    transition: color 0.2s ease-in-out;
		    letter-spacing: 5%;
		    text-decoration: none;
		}

			.collection_products_block .header > a::after {
			    content: "→";
			    margin-left: 0.5em;
			}

			.collection_products_block .header > a:hover {
			    color: var(--wp--preset--color--contrast);
			}

	.collection_products_block .ui-accordion-header h3 {
		cursor: pointer;
		transition: color 0.2s ease-in-out;
		border-top: 1px solid var(--wp--preset--color--custom-border);
		margin: 0;
		padding: var(--wp--preset--spacing--40) 0;
	}

		.collection_products_block .ui-accordion-header h3::after {
			display: inline-block;
			content: '';
			width: 25.5px;
			height: 14px;
			background-image: url('chevron.png');
			background-repeat: no-repeat;
			background-size: 25.5px 14px;
			vertical-align: middle;
			margin-left: 1rem;
			margin-bottom: 2px;
			transform: rotate(180deg);
			transition: transform 0.2s ease-in-out;
		}

		.collection_products_block .ui-accordion-header h3:hover {
		    color: var(--wp--preset--color--accent-1);
		}

		.collection_products_block .ui-accordion-header.ui-accordion-header-active h3::after {
			transform: rotate(0deg);
		}



#header.collectionHeader .featuredImage {
	align-self: stretch;
	max-width: calc(50% + (var(--wp--style--root--padding-right) / 2));
	overflow: hidden;
}
	
	#header.collectionHeader > .wp-block-group > .wp-block-group:first-child {
		padding: 1.5rem 0px;
	}
	
	#header.collectionHeader > .wp-block-group > .wp-block-group:first-child > .wp-block-group {
		gap: 0 1.2rem;
	}


	@media screen and (max-width: 1408px) {
		#header.collectionHeader {
			padding-right: 0;
		}
		#header.collectionHeader > .wp-block-group {
			max-width: calc(var(--wp--style--global--content-size) + var(--wp--style--root--padding-right));
		}
	}

	@media screen and (max-width: 782px) {
		#header.collectionHeader > .wp-block-group { gap: 40px; }
	}

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

		#header.collectionHeader {
			padding-right: var(--wp--style--root--padding-right);
		}

			#header.collectionHeader > .wp-block-group {
				flex-direction: column-reverse;
				gap: 0;
			}


				#header.collectionHeader .featuredImage {
					width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
					max-width: unset;
					margin-left: calc(var(--wp--style--root--padding-left) * -1);
					margin-right: calc(var(--wp--style--root--padding-right) * -1);
				}
	}




#header.collectionHeader .wp-block-image.logo {
	max-width: 234px;
	max-height: 160px;
	margin: auto;
}
	#header.collectionHeader a.button {
		background-color: var(--wp--preset--color--accent-1);
		color: white;
		border-radius: 30px;
		text-decoration: none;
		padding: 0.875rem 1.75rem;
		display: inline-block;
		white-space: nowrap;
		margin: 0.5em 0;
	}


		#header.collectionHeader a.button:hover {
			background-color: var(--wp--preset--color--contrast);
		}

#info.collectionInfo .brandLogos .wp-block-image {
  /* max-height: 90px; */
  max-width: 180px;
  margin: 0 1em 1em 0;
}
#info.collectionInfo > .wp-block-group {
	align-items: center;
}

.collection_products_block .recipes {
	display: grid;
	gap: 24px 24px;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

	.collection_products_block .recipes.ui-accordion-content-active { margin-bottom: 30px; }

	.collection_products_block .recipes a.details {
		grid-column: 1 / -1;
		font-size: 0.875rem;
	    text-transform: uppercase;
	    color: var(--wp--preset--color--accent-1);
	    font-weight: 500;
	    line-height: 1.3;
	    letter-spacing: 5%;
	    text-decoration: none;
	}

		.collection_products_block .recipes a.details::after {
		    content: "→";
		    margin-left: 0.5em;
		}

	.collection_products_block .post_link {
		text-decoration: none;
		margin-bottom: 20px;
	}

		.collection_products_block .recipes .post_link .featuredImage {
			width: 100%;
			aspect-ratio: 4 / 3;
			overflow: hidden;
		}

		.collection_products_block .recipes .post_link h4 {
		    font-size: 0.875rem;
		    text-transform: uppercase;
		    color: var(--wp--preset--color--accent-1);
		    font-weight: 500;
		    line-height: 1.3;
		    margin-top: 1.25em;
		    margin-bottom: 0.75em;
		    letter-spacing: 5%;
		    text-decoration: none;
		}

		.collection_products_block .recipes .post_link h3 {
			font-size: 1.5rem;
			line-height: 1.3;
			font-weight: 700;
			margin: 0.25em 0;
		}
		
		.collection_products_block .recipes .post_link .more { display: none; }