/*** BEGIN SITEWIDE STUFF ***/

	:root {
		/* COLOR VARS */
		/* Neutral tones (R=G=B) */
		--text-black: rgb(10,10,10);
		--dark-grey: rgb(54,54,54);
		--light-grey: rgb(118,118,118);
		--v-light-grey: rgb(182,182,182);
		/* Theme main colors */
		--dark-blue: rgb(4,103,174);
		--dark-green: rgb(128,190,38);
		--dark-orange: rgb(247,87,16);
		--dark-purple: rgb(68,30,137);
		/* Theme original accent colors
		--light-blue: rgb(163,216,222);
		--light-green: rgb(221,243,155);
		--light-orange: rgb(254,186,102);
		--light-purple: rgb(245,178,219); */
		/* Theme revised accent colors (overrides originals) */
		--light-blue: rgb(179,209,231);
		--light-green: rgb(209,232,177);
		--light-orange: rgb(254,206,146);
		--light-purple: rgb(190,176,214);
		/* Red color for buttons and notifications */
		--red: rgb(209,84,81);
		--light-red: rgb(240,168,167);

		/* Max site layout width */
		--site-max-w: 1440px;
		/* Narrower width for forms */
		--site-form-w: 750px;

		/* Global animation speed */
		--animation-speed: 0.2s;
	}

	/* General stuff Infigo missed */
	.has-background-dark-green {
		background-color: var(--dark-green);
	}
	.has-background-dark-blue {
		background-color: var(--dark-blue);
	}
	.br-30 {
		border-radius: 30px;
	}
	.br-20 {
		border-radius: 20px;
	}
	.letter-spacing {
		letter-spacing: 1.5px;
	}

	/* Standardize site width */
	.container,
	section.is-fullwidth>div.catfish-container,
	section.featured-products-wrapper>div.container,
	section.homepage-banner-section>div.container,
	div.shoppingcart__wrapper>div>div.catfish-container,
	div.login__wrapper,
	div.login__wrapper>div.catfish-container,
	div.layout--accountPage>div.catfish-container,
	section.breadcrumb-section>div.container,
	section.product-info-section>div.container,
	div.one-page-checkout,
	div.one-page-checkout div.catfish-container,
	div.blogposts>div.catfish-container,
	div.page-title>div.catfish-container,
	#footerrow>div.row>div.catfish-container {
		max-width: var(--site-max-w);
	}

	/* Smooth scrolling for scroll buttons */
	html {
		scroll-behavior: smooth;
	}

	/* Hide product tag blocks */
	div.producttags-box {
		display: none;
	}

	/* Make all checkboxes and radio buttons bigger */
	input[type="checkbox"],
	input[type="radio"] {
		transform: scale(1.2) !important;
		margin-right: 0.5rem !important;
	}

	/*** GLOBAL NAVBAR SETTINGS ***/

		@media screen and (max-width: 1087px) {
			.navbar.is-fixed-top .navbar-menu,
			.navbar.is-fixed-top-touch .navbar-menu {
				overflow: visible;
			}
		}

		/* Header Opacity */
		#main-nav {
			opacity: .9;
		}

		/* Admin links Text color */
		.adminlinks a,
		.adminlinks i::before {
			color: rgb(61,77,87);
		}

		/* Background color and shadow */
		.navbar-main-section {
			background-color: white !important;
			box-shadow: 0 5px 8px rgba(0,0,0,0.1);
		}

		.ribbon-section {
			background-color: rgb(242,242,242) !important;
			z-index: 1;
			box-shadow: none;
		}

		/* Thin the header */
		.navbar>.section>.navbar-main-container {
			padding-bottom: 0.25rem;
			padding-top: 0.25rem;
		}

		/* Navbar burger color */
		.navbar-burger span {
			background-color: rgb(61,77,87);
		}

		/* Fix header spacer on all screen sizes */
		@media screen and (max-width:1351px) {
			.header-spacer {
				height: 11rem;
			}
		}

		@media screen and (max-width:1087px) {
			.header-spacer {
				height: 8.5rem;
			}
		}

		@media screen and (max-width:767px) {
			.header-spacer {
				height: 9rem;
			}
		}

		@media screen and (min-width: 1352px) {
			.page-catalog-product .header-spacer {
				height: 9.45rem;
			}
		}

		/* Scroll offset for site header */
		.scroll-button-target {
			scroll-margin-top: 14rem;
		}

		/* Header dropdown stuff */
		/* The container <div> - needed to position the dropdown content */
		.has-dropdown {
			position: relative;
			display: block;
		}

		/* Dropdown Content (Hidden by Default) */
		.navbar-dropdown {
			display: none;
			position: absolute;
			color: inherit;
			z-index: 11;
			background-color: white;
			border-top: none;
		}

		@media screen and (max-width:1087px) {
			.navbar-dropdown {
				position: inherit;
			}
		}

		/* Links inside the dropdown */
		.navbar-dropdown a {
			color: inherit;
			padding: 12px 16px;
			display: block;
		}

		a.navbar-item,
		.navbar-link {
			color: inherit;
		}

		a.navbar-item:focus,
		a.navbar-item:focus-within,
		a.navbar-item:hover,
		a.navbar-item.is-active,
		.navbar-link:focus,
		.navbar-link:focus-within,
		.navbar-link:hover,
		.navbar-link.is-active {
			color: inherit;
		}

		/* Change color of dropdown links on hover */
		.navbar-dropdown a:hover {
			background-color: rgb(197,199,202);
		}

		/* Show the dropdown menu on hover */
		.has-dropdown:hover .navbar-dropdown {
			display: block;
		}

		/* Drop down arrow color */
		.content-field-navbar .navbar-link:not(.is-arrowless)::after {
			border-color: inherit;
		}

	/*** END GLOBAL NAVBAR SETTINGS ***/

	/*** GLOBAL ADDRESSY SEARCH BAR SETTINGS ***/

		/* Give more emphasis to the Addressy search/verification bar */
		div.Addressy {
			padding-bottom: 30px;
		}
		div.Addressy div.right {
			border-color: var(--dark-green) !important;
			border-width: 2px !important;
			border-style: solid !important;
		}
		label#addressySearchText {
			color: var(--dark-green);
			font-size: 1.25rem;
			margin-bottom: 10px;
		}

		/* Pseudo-placeholder text, using a background SVG
		 * image of text that disappears on field focus.
		 *
		 * Not perfect: image reappears on field blur, and
		 * is then overlapped by any entered text. Draws a
		 * white stroke behind any entered text to attempt
		 * covering placeholder image (webkit browsers only).
		 *
		 * CSS alone can't set actual <input placeholder="text">,
		 * only style existing elements. Adding placeholder
		 * text using jQuery is a pain in the ass on the
		 * checkout page because the Addressy fields are
		 * generated dynamically by events after page load
		 * as the user proceeds through checkout.
		 * CSS is a much simpler solution here.
		 */
		input[id*="addressySearchField"] {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="36px" width="350px"><text x="10" y="26" fill="rgba(54,54,54,0.3)" font-size="14" font-family="Montserrat, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif" font-weight="500">Type to search for and validate an address</text></svg>');
			background-repeat: no-repeat;
			-webkit-text-stroke: white 1000px;
			paint-order: stroke fill;
		}
		input[id*="addressySearchField"]:focus {
			background-image: none;
		}

	/*** END GLOBAL ADDRESSY SEARCH BAR SETTINGS ***/

	/*** GLOBAL IMAGE HOVER EFFECTS ***/

		a.hover-fx-zoom,
		div.products-display-section div.product-image a,
		div.featured-product-grid div.product-item--image {
			display: inline-block;
		}

		a.hover-fx-zoom.is-rounded,
		div.products-display-section div.product-image.is-rounded a,
		div.featured-product-grid div.product-item--image a {
			clip-path: inset(0px round 30px);
		}

		a.hover-fx-zoom img,
		div.products-display-section div.product-image a img,
		div.featured-product-grid div.product-item--image a img {
			display: block;
			transition: transform var(--animation-speed);
		}

		a.hover-fx-zoom:hover img,
		div.products-display-section div.product-image:hover a img,
		div.featured-product-grid div.product-item--image:hover a img {
			transform: scale(1.1);
		}

	/*** END GLOBAL IMAGE HOVER EFFECTS ***/

	/*** GLOBAL HEADER LOGO SETTINGS ***/

		/* Match logo color to page color theme */
		/* BLUE LOGO - Default if no other matches */
		/* Includes homepage and blue color profile pages */
		img.is-header-logo,
		html.page-home-index img.is-header-logo,
		html.colour-profile-blue img.is-header-logo {
			content: url("/761934611/Handler/CSSOverride/GetImage/4/logo-tag_DKgrey-blue.svg") / "The Packaging Lab — Custom packaging made simple";
		}

		/* GREEN LOGO */
		/* Includes product catalog, product editor, cart, one-page checkout, order completed, and green color profile pages */
		html.page-catalog-product img.is-header-logo,
		html.page-multipartproduct-editor img.is-header-logo,
		html.page-shoppingcart-cart img.is-header-logo,
		html.page-checkout-onepagecheckout img.is-header-logo,
		html.page-checkout-completed img.is-header-logo,
		html.colour-profile-green img.is-header-logo {
			content: url("/761934611/Handler/CSSOverride/GetImage/4/logo-tag_DKgrey-green.svg") / "The Packaging Lab — Custom packaging made simple";
		}

		/* ORANGE LOGO */
		/* Includes orange color profile pages */
		html.colour-profile-orange img.is-header-logo {
			content: url("/761934611/Handler/CSSOverride/GetImage/4/logo-tag_DKgrey-orange.svg") / "The Packaging Lab — Custom packaging made simple";
		}

		/* PURPLE LOGO */
		/* Includes purple color profile pages */
		html.colour-profile-purple img.is-header-logo {
			content: url("/761934611/Handler/CSSOverride/GetImage/4/logo-tag_DKgrey-purple.svg") / "The Packaging Lab — Custom packaging made simple";
		}

	/*** END GLOBAL HEADER LOGO SETTINGS ***/

	/*** GLOBAL LOADING SCREEN SETTINGS ***/
		/* Fix loading screen overlay colors */
		/* BLUE PAGES */
		html.colour-profile-blue div.loadingScreen {
			background-color: rgba(179,209,231,0.6) !important;
		}
		/* GREEN PAGES */
		html.colour-profile-green div.loadingScreen,
		html.page-catalog-product div.loadingScreen,
		html.page-multipartproduct-editor div.loadingScreen,
		html.arone-category-page div.loadingScreen,
		html.page-shoppingcart-cart div.loadingScreen,
		html.page-checkout-onepagecheckout div.loadingScreen,
		html.page-checkout-completed div.loadingScreen {
			background-color: rgba(209,232,177,0.6) !important;
		}
		/* ORANGE PAGES */
		html.colour-profile-orange div.loadingScreen {
			background-color: rgba(254,206,146,0.6) !important;
		}
		/* PURPLE PAGES */
		html.colour-profile-purple div.loadingScreen {
			background-color: rgba(190,176,214,0.6) !important;
		}

		/* Fix loading spinner text color */
		/* BLUE PAGES */
		div.loadScreenStepIndicator,
		html.page-home-index div.loadScreenStepIndicator,
		html.colour-profile-blue div.loadScreenStepIndicator {
			color: var(--dark-blue) !important;
		}

		/* GREEN PAGES */
		html.page-catalog-product div.loadScreenStepIndicator,
		html.page-multipartproduct-editor div.loadScreenStepIndicator,
		html.page-shoppingcart-cart div.loadScreenStepIndicator,
		html.page-checkout-onepagecheckout div.loadScreenStepIndicator,
		html.page-checkout-completed div.loadScreenStepIndicator,
		html.colour-profile-green div.loadScreenStepIndicator {
			color: var(--dark-green) !important;
		}

		/* ORANGE PAGES */
		html.colour-profile-orange div.loadScreenStepIndicator {
			color: var(--dark-orange) !important;
		}

		/* PURPLE PAGES */
		html.colour-profile-purple div.loadScreenStepIndicator {
			color: var(--dark-purple) !important;
		}

	/*** END GLOBAL LOADING SCREEN SETTINGS ***/

	/*** GLOBAL BUTTON SETTINGS ***/

		a[class*="button-1-"],
		div[class*="button-1-"] a.button,
		a[class*="button-2-"],
		div[class*="button-2-"] a.button,
		a[class*="button-3-"],
		div[class*="button-3-"] a.button,
		div.is-colour-profile-button a.button,
		div.is-colour-profile-button.button,
		div.button.navbar-item,
		a.button.navbar-item,
		button.banner-button,
		input.addaddressbutton,
		input.order_search_button,
		input.continueshoppingbutton,
		button.gobackButton,
		a.catfish-button,
		button.catfish-button,
		input.catfish-button,
		input.basketEditButton,
		input.editaddressbutton,
		div.order_page_select_container button,
		input.reorderbutton,
		a.reorderbutton,
		input.basketUpdatecartbutton,
		input.cancelEdit,
		input.deleteaddressbutton,
		a.order_toggle_filter,
		button.removediscountbutton,
		input.removediscountbutton {
			font-weight: 500 !important;
			border-width: 2px !important;
			border-style: solid !important;
			border-radius: 64px !important;
			-webkit-border-radius: 64px !important;
			-moz-border-radius: 64px !important;
			-ms-border-radius: 64px !important;
			-o-border-radius: 64px !important;
			transition: background-color var(--animation-speed);
			transition: color var(--animation-speed);
			transition: border-color var(--animation-speed);
		}

		/* BLUE PRIMARY */
		/* Includes "Order Now" header button on blue pages */
		a.button-1-blue,
		div.button-1-blue a.button,
		html.page-home-index a.button.navbar-item.is-filled,
		html.colour-profile-blue a.button.navbar-item.is-filled,
		html.page-home-index div.is-colour-profile-button a.button,
		html.page-home-index div.is-colour-profile-button.button:not(.faq-button),
		html.colour-profile-blue div.is-colour-profile-button a.button,
		html.colour-profile-blue div.is-colour-profile-button.button:not(.faq-button) {
			background-color: var(--dark-blue) !important;
			border-color: transparent !important;
			color: white !important;
		}

		a.button-1-blue:hover,
		div.button-1-blue a.button:hover,
		html.page-home-index a.button.navbar-item.is-filled:hover,
		html.colour-profile-blue a.button.navbar-item.is-filled:hover,
		html.page-home-index div.is-colour-profile-button a.button:hover,
		html.page-home-index div.is-colour-profile-button.button:not(.faq-button):hover,
		html.colour-profile-blue div.is-colour-profile-button a.button:hover,
		html.colour-profile-blue div.is-colour-profile-button.button:not(.faq-button):hover {
			background-color: transparent !important;
			border-color: var(--dark-blue) !important;
			color: var(--dark-blue) !important;
		}

		/* BLUE SECONDARY */
		/* Includes "Get Started" on homepage */
		a.button-2-blue,
		div.button-2-blue a.button,
		button.banner-button {
			background-color: white !important;
			border-color: var(--dark-blue) !important;
			color: var(--dark-blue) !important;
		}

		/* BLUE TERTIARY */
		/* Includes header buttons on blue pages except "Order Now" */
		a.button-3-blue,
		div.button-3-blue a.button,
		html.page-home-index div.button.navbar-item.is-outlined,
		html.page-home-index a.button.navbar-item.is-outlined,
		html.colour-profile-blue div.button.navbar-item.is-outlined,
		html.colour-profile-blue a.button.navbar-item.is-outlined {
			background-color: transparent !important;
			border-color: transparent !important;
			color: var(--dark-blue) !important;
		}

		a.button-3-blue:hover,
		div.button-3-blue a.button:hover,
		html.page-home-index div.button.navbar-item.is-outlined:hover,
		html.page-home-index a.button.navbar-item.is-outlined:hover,
		html.colour-profile-blue div.button.navbar-item.is-outlined:hover,
		html.colour-profile-blue a.button.navbar-item.is-outlined:hover {
			border-color: var(--dark-blue) !important;
		}

		/* GREEN PRIMARY */
		/* Includes "Order Now" header button on green pages */
		a.button-1-green,
		div.button-1-green a.button,
		html.page-catalog-product a.button.navbar-item.is-filled,
		html.page-multipartproduct-editor a.button.navbar-item.is-filled,
		html.page-shoppingcart-cart a.button.navbar-item.is-filled,
		html.page-checkout-onepagecheckout a.button.navbar-item.is-filled,
		html.page-checkout-completed a.button.navbar-item.is-filled,
		html.colour-profile-green a.button.navbar-item.is-filled,
		html.page-catalog-product div.is-colour-profile-button a.button,
		html.page-multipartproduct-editor div.is-colour-profile-button a.button,
		html.page-shoppingcart-cart div.is-colour-profile-button a.button,
		html.page-checkout-onepagecheckout div.is-colour-profile-button a.button,
		html.page-checkout-completed div.is-colour-profile-button a.button,
		html.colour-profile-green div.is-colour-profile-button a.button,
		html.page-catalog-product div.is-colour-profile-button.button:not(.faq-button),
		html.page-multipartproduct-editor div.is-colour-profile-button.button:not(.faq-button),
		html.page-shoppingcart-cart div.is-colour-profile-button.button:not(.faq-button),
		html.page-checkout-onepagecheckout div.is-colour-profile-button.button:not(.faq-button),
		html.page-checkout-completed div.is-colour-profile-button.button:not(.faq-button),
		html.colour-profile-green div.is-colour-profile-button.button:not(.faq-button),
		input.addaddressbutton,
		input.order_search_button {
			background-color: var(--dark-green) !important;
			border-color: transparent !important;
			color: white !important;
		}

		a.button-1-green:hover,
		div.button-1-green a.button:hover,
		html.page-catalog-product a.button.navbar-item.is-filled:hover,
		html.page-multipartproduct-editor a.button.navbar-item.is-filled:hover,
		html.page-shoppingcart-cart a.button.navbar-item.is-filled:hover,
		html.page-checkout-onepagecheckout a.button.navbar-item.is-filled:hover,
		html.page-checkout-completed a.button.navbar-item.is-filled:hover,
		html.colour-profile-green a.button.navbar-item.is-filled:hover,
		html.page-catalog-product div.is-colour-profile-button a.button:hover,
		html.page-multipartproduct-editor div.is-colour-profile-button a.button:hover,
		html.page-shoppingcart-cart div.is-colour-profile-button a.button:hover,
		html.page-checkout-onepagecheckout div.is-colour-profile-button a.button:hover,
		html.page-checkout-completed div.is-colour-profile-button a.button:hover,
		html.colour-profile-green div.is-colour-profile-button a.button:hover,
		html.page-catalog-product div.is-colour-profile-button.button:not(.faq-button):hover,
		html.page-multipartproduct-editor div.is-colour-profile-button.button:not(.faq-button):hover,
		html.page-shoppingcart-cart div.is-colour-profile-button.button:not(.faq-button):hover,
		html.page-checkout-onepagecheckout div.is-colour-profile-button.button:not(.faq-button):hover,
		html.page-checkout-completed div.is-colour-profile-button.button:not(.faq-button):hover,
		html.colour-profile-green div.is-colour-profile-button.button:not(.faq-button):hover,
		input.addaddressbutton:hover,
		input.order_search_button:hover {
			background-color: transparent !important;
			border-color: var(--dark-green) !important;
			color: var(--dark-green) !important;
		}

		/* GREEN SECONDARY */
		/* Includes "Continue Shopping", "Edit Design", "Edit Options", "Update Cart", "Apply Coupon" on cart page, "Back to the Editor" and "Download Preview" on file upload page */
		a.button-2-green,
		div.button-2-green a.button,
		input.continueshoppingbutton,
		button.gobackButton,
		div.mp-preflight-report-link>a.catfish-button,
		input.basketEditButton.design,
		input.basketEditButton.options,
		input.updatecartbutton,
		input.applycouponcodebutton,
		input.editaddressbutton,
		input.reorderbutton,
		a.reorderbutton,
		div.checkout-data p.back-link a.catfish-button,
		div.checkout-data button.edit-shipping-address {
			background-color: transparent !important;
			border-color: var(--dark-green) !important;
			color: var(--dark-green) !important;
		}

		/* GREEN TERTIARY */
		/* Includes header buttons on green pages except "Order Now" */
		a.button-3-green,
		div.button-3-green a.button,
		html.page-catalog-product div.button.navbar-item.is-outlined,
		html.page-catalog-product a.button.navbar-item.is-outlined,
		html.page-multipartproduct-editor div.button.navbar-item.is-outlined,
		html.page-multipartproduct-editor a.button.navbar-item.is-outlined,
		html.page-shoppingcart-cart div.button.navbar-item.is-outlined,
		html.page-shoppingcart-cart a.button.navbar-item.is-outlined,
		html.page-checkout-onepagecheckout div.button.navbar-item.is-outlined,
		html.page-checkout-onepagecheckout a.button.navbar-item.is-outlined,
		html.page-checkout-completed div.button.navbar-item.is-outlined,
		html.page-checkout-completed a.button.navbar-item.is-outlined,
		html.colour-profile-green div.button.navbar-item.is-outlined,
		html.colour-profile-green a.button.navbar-item.is-outlined {
			background-color: transparent !important;
			border-color: transparent !important;
			color: var(--dark-green) !important;
		}

		a.button-3-green:hover,
		div.button-3-green a.button:hover,
		html.page-catalog-product div.button.navbar-item.is-outlined:hover,
		html.page-catalog-product a.button.navbar-item.is-outlined:hover,
		html.page-multipartproduct-editor div.button.navbar-item.is-outlined:hover,
		html.page-multipartproduct-editor a.button.navbar-item.is-outlined:hover,
		html.page-shoppingcart-cart div.button.navbar-item.is-outlined:hover,
		html.page-shoppingcart-cart a.button.navbar-item.is-outlined:hover,
		html.page-checkout-onepagecheckout div.button.navbar-item.is-outlined:hover,
		html.page-checkout-onepagecheckout a.button.navbar-item.is-outlined:hover,
		html.page-checkout-completed div.button.navbar-item.is-outlined:hover,
		html.page-checkout-completed a.button.navbar-item.is-outlined:hover,
		html.colour-profile-green div.button.navbar-item.is-outlined:hover,
		html.colour-profile-green a.button.navbar-item.is-outlined:hover {
			border-color: var(--dark-green) !important;
		}

		/* ORANGE PRIMARY */
		/* Includes "Order Now" header button on orange pages */
		a.button-1-orange,
		div.button-1-orange a.button,
		html.colour-profile-orange a.button.navbar-item.is-filled,
		html.colour-profile-orange div.is-colour-profile-button a.button,
		html.colour-profile-orange div.is-colour-profile-button.button:not(.faq-button) {
			background-color: var(--dark-orange) !important;
			border-color: transparent !important;
			color: white !important;
		}

		a.button-1-orange:hover,
		div.button-1-orange a.button:hover,
		html.colour-profile-orange a.button.navbar-item.is-filled:hover,
		html.colour-profile-orange div.is-colour-profile-button a.button:hover,
		html.colour-profile-orange div.is-colour-profile-button.button:not(.faq-button):hover {
			background-color: transparent !important;
			border-color: var(--dark-orange) !important;
			color: var(--dark-orange) !important;
		}

		/* ORANGE SECONDARY */
		a.button-2-orange,
		div.button-2-orange a.button {
			background-color: transparent !important;
			border-color: var(--dark-orange) !important;
			color: var(--dark-orange) !important;
		}

		/* ORANGE TERTIARY */
		/* Includes header buttons on orange pages except "Order Now" */
		a.button-3-orange,
		div.button-3-orange a.button,
		html.colour-profile-orange div.button.navbar-item.is-outlined,
		html.colour-profile-orange a.button.navbar-item.is-outlined {
			background-color: transparent !important;
			border-color: transparent !important;
			color: var(--dark-orange) !important;
		}

		a.button-3-orange:hover,
		div.button-3-orange a.button:hover,
		html.colour-profile-orange div.button.navbar-item.is-outlined:hover,
		html.colour-profile-orange a.button.navbar-item.is-outlined:hover {
			border-color: var(--dark-orange) !important;
		}

		/* PURPLE PRIMARY */
		/* Includes "Order Now" header button on purple pages */
		a.button-1-purple,
		div.button-1-purple a.button,
		html.colour-profile-purple a.button.navbar-item.is-filled,
		html.colour-profile-purple div.is-colour-profile-button a.button,
		html.colour-profile-purple div.is-colour-profile-button.button:not(.faq-button) {
			background-color: var(--dark-purple) !important;
			border-color: transparent !important;
			color: white !important;
		}

		a.button-1-purple:hover,
		div.button-1-purple a.button:hover,
		html.colour-profile-purple a.button.navbar-item.is-filled:hover,
		html.colour-profile-purple div.is-colour-profile-button a.button:hover,
		html.colour-profile-purple div.is-colour-profile-button.button:not(.faq-button):hover {
			background-color: transparent !important;
			border-color: var(--dark-purple) !important;
			color: var(--dark-purple) !important;
		}

		/* PURPLE SECONDARY */
		a.button-2-purple,
		div.button-2-purple a.button {
			background-color: transparent !important;
			border-color: var(--dark-purple) !important;
			color: var(--dark-purple) !important;
		}

		/* PURPLE TERTIARY */
		/* Includes header buttons on purple pages except "Order Now" */
		a.button-3-purple,
		div.button-3-purple a.button,
		html.colour-profile-purple div.button.navbar-item.is-outlined,
		html.colour-profile-purple a.button.navbar-item.is-outlined {
			background-color: transparent !important;
			border-color: transparent !important;
			color: var(--dark-purple) !important;
		}

		a.button-3-purple:hover,
		div.button-3-purple a.button:hover,
		html.colour-profile-purple div.button.navbar-item.is-outlined:hover,
		html.colour-profile-purple a.button.navbar-item.is-outlined:hover {
			border-color: var(--dark-purple) !important;
		}

		/* RED PRIMARY */
		a.button-1-red,
		div.button-1-red a.button {
			background-color: var(--red) !important;
			border-color: transparent !important;
			color: white !important;
		}

		a.button-1-red:hover,
		div.button-1-red a.button:hover {
			background-color: transparent !important;
			border-color: var(--red) !important;
			color: var(--red) !important;
		}

		/* RED SECONDARY */
		/* Includes "Delete" in cart item list, "Clear Cart" on cart page, "Cancel" on product page during product edit */
		a.button-2-red,
		div.button-2-red a.button,
		input.basketUpdatecartbutton.is-danger,
		input.cancelEdit,
		input.deletecartbutton,
		input.deleteaddressbutton,
		button.removediscountbutton,
		input.removediscountbutton {
			background-color: transparent !important;
			border-color: var(--red) !important;
			color: var(--red) !important;
		}

		/* RED TERTIARY */
		a.button-3-red,
		div.button-3-red a.button {
			background-color: transparent !important;
			border-color: transparent !important;
			color: var(--red) !important;
		}

		a.button-3-red:hover,
		div.button-3-red a.button:hover {
			border-color: var(--red) !important;
		}

	/*** END GLOBAL BUTTON SETTINGS ***/

	/*** GLOBAL FAQ BLOCK SETTINGS ***/

		/* OVERALL APPEARANCE */
		/* Force fill + text colors */
		div.faq-button {
			background-color: transparent !important;
			color: var(--text-black) !important;
		}

		/* Force FAQ answers to align with questions */
		div.faq-answer {
			padding-left: 2.4rem !important;
		}

		/* Force underlining links in answers */
		div.faq-answer a {
			text-decoration: underline !important;
		}

		/* Force full-width question bubbles on desktop */
		div.faq-columns div.is-6-desktop {
			width: 100% !important;
		}

		/* Remove extra space between question bubble columns */
		div.faq-column-one {
			padding-bottom: 0.5rem !important;
		}

		div.faq-column-two {
			padding-top: 0 !important;
		}

		/* Force active question bubble text weight */
		div.faq-question-set.is-active div.faq-button {
			font-weight: 700 !important;
		}

		/* Force tab appearance */
		div.faq-tabs div.faq-tab-button {
			font-weight: 700 !important;
			background-color: transparent !important;
			border: none !important;
			margin-right: 0px !important;
		}

		/* Prep FAQ stuff for animation */
		section.faq-section {
			transition: height var(--animation-speed);
		}

		div.faq-tab-button {
			transition: color var(--animation-speed);
			transition: background-color var(--animation-speed);
		}

		div.faq-button {
			transition: border-color var(--animation-speed);
		}

		div.faq-button i.fas {
			transition: color var(--animation-speed);
		}

		/* BLUE PAGES */
		/* On blue BG */
		html.page-home-index section.has-background-light-blue div.faq-button,
		html.colour-profile-blue section.has-background-light-blue div.faq-button {
			border-color: white !important;
		}

		html.page-home-index section.has-background-light-blue div.faq-button i.fas,
		html.colour-profile-blue section.has-background-light-blue div.faq-button i.fas {
			color: white !important;
		}

		html.page-home-index section.has-background-light-blue div.faq-tabs,
		html.colour-profile-blue section.has-background-light-blue div.faq-tabs {
			border-bottom: solid 2px white !important;
		}

		html.page-home-index section.has-background-light-blue div.faq-tabs div.faq-tab-button.is-active,
		html.colour-profile-blue section.has-background-light-blue div.faq-tabs div.faq-tab-button.is-active {
			background-color: white !important;
		}

		/* On white BG */
		html.page-home-index section div.faq-button,
		html.colour-profile-blue section div.faq-button {
			border-color: var(--light-blue) !important;
		}

		html.page-home-index section div.faq-button i.fas,
		html.colour-profile-blue section div.faq-button i.fas {
			color: var(--light-blue) !important;
		}

		html.page-home-index section div.faq-tabs,
		html.colour-profile-blue section div.faq-tabs {
			border-bottom: solid 2px var(--light-blue) !important;
		}

		html.page-home-index section div.faq-tabs div.faq-tab-button.is-active,
		html.colour-profile-blue section div.faq-tabs div.faq-tab-button.is-active {
			background-color: var(--light-blue) !important;
		}

		/* On all BGs */
		html.page-home-index div.faq-question-set.is-active div.faq-button,
		html.colour-profile-blue div.faq-question-set.is-active div.faq-button,
		html.page-home-index section.has-background-light-blue div.faq-button:hover,
		html.page-home-index section div.faq-button:hover,
		html.colour-profile-blue section.has-background-light-blue div.faq-button:hover,
		html.colour-profile-blue section div.faq-button:hover {
			border-color: var(--dark-blue) !important;
		}

		html.page-home-index div.faq-question-set.is-active div.faq-button i.fas,
		html.colour-profile-blue div.faq-question-set.is-active div.faq-button i.fas,
		html.page-home-index section.has-background-light-blue div.faq-button:hover i.fas,
		html.page-home-index section div.faq-button:hover i.fas,
		html.colour-profile-blue section.has-background-light-blue div.faq-button:hover i.fas,
		html.colour-profile-blue section div.faq-button:hover i.fas {
			color: var(--dark-blue) !important;
		}

		html.page-home-index div.faq-tabs div.faq-tab-button:hover,
		html.colour-profile-blue div.faq-tabs div.faq-tab-button:hover {
			color: var(--dark-blue) !important;
		}

		/* GREEN PAGES */
		/* On green BG */
		html.page-catalog-product section.has-background-light-green div.faq-button,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-button,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-button,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-button,
		html.page-checkout-completed section.has-background-light-green div.faq-button,
		html.colour-profile-green section.has-background-light-green div.faq-button {
			border-color: white !important;
		}

		html.page-catalog-product section.has-background-light-green div.faq-button i.fas,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-button i.fas,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-button i.fas,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-button i.fas,
		html.page-checkout-completed section.has-background-light-green div.faq-button i.fas,
		html.colour-profile-green section.has-background-light-green div.faq-button i.fas {
			color: white !important;
		}

		html.page-catalog-product section.has-background-light-green div.faq-tabs,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-tabs,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-tabs,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-tabs,
		html.page-checkout-completed section.has-background-light-green div.faq-tabs,
		html.colour-profile-green section.has-background-light-green div.faq-tabs {
			border-bottom: solid 2px white !important;
		}

		html.page-catalog-product section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active,
		html.page-checkout-completed section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active,
		html.colour-profile-green section.has-background-light-green div.faq-tabs div.faq-tab-button.is-active {
			background-color: white !important;
		}

		/* On white BG */
		html.page-catalog-product section div.faq-button,
		html.page-multipartproduct-editor section div.faq-button,
		html.page-shoppingcart-cart section div.faq-button,
		html.page-checkout-onepagecheckout section div.faq-button,
		html.page-checkout-completed section div.faq-button,
		html.colour-profile-green section div.faq-button {
			border-color: var(--light-green) !important;
		}

		html.page-catalog-product section div.faq-button i.fas,
		html.page-multipartproduct-editor section div.faq-button i.fas,
		html.page-shoppingcart-cart section div.faq-button i.fas,
		html.page-checkout-onepagecheckout section div.faq-button i.fas,
		html.page-checkout-completed section div.faq-button i.fas,
		html.colour-profile-green section div.faq-button i.fas {
			color: var(--light-green) !important;
		}

		html.page-catalog-product section div.faq-tabs,
		html.page-multipartproduct-editor section div.faq-tabs,
		html.page-shoppingcart-cart section div.faq-tabs,
		html.page-checkout-onepagecheckout section div.faq-tabs,
		html.page-checkout-completed section div.faq-tabs,
		html.colour-profile-green section div.faq-tabs {
			border-bottom: solid 2px var(--light-green) !important;
		}

		html.page-catalog-product section div.faq-tabs div.faq-tab-button.is-active,
		html.page-multipartproduct-editor section div.faq-tabs div.faq-tab-button.is-active,
		html.page-shoppingcart-cart section div.faq-tabs div.faq-tab-button.is-active,
		html.page-checkout-onepagecheckout section div.faq-tabs div.faq-tab-button.is-active,
		html.page-checkout-completed section div.faq-tabs div.faq-tab-button.is-active,
		html.colour-profile-green section div.faq-tabs div.faq-tab-button.is-active {
			background-color: var(--light-green) !important;
		}

		/* On all BGs */
		html.page-catalog-product div.faq-question-set.is-active div.faq-button,
		html.page-multipartproduct-editor div.faq-question-set.is-active div.faq-button,
		html.page-shoppingcart-cart div.faq-question-set.is-active div.faq-button,
		html.page-checkout-onepagecheckout div.faq-question-set.is-active div.faq-button,
		html.page-checkout-completed div.faq-question-set.is-active div.faq-button,
		html.colour-profile-green div.faq-question-set.is-active div.faq-button,
		html.page-catalog-product section.has-background-light-green div.faq-button:hover,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-button:hover,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-button:hover,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-button:hover,
		html.page-checkout-completed section.has-background-light-green div.faq-button:hover,
		html.page-catalog-product section div.faq-button:hover,
		html.page-multipartproduct-editor section div.faq-button:hover,
		html.page-shoppingcart-cart section div.faq-button:hover,
		html.page-checkout-onepagecheckout section div.faq-button:hover,
		html.page-checkout-completed section div.faq-button:hover,
		html.colour-profile-green section.has-background-light-green div.faq-button:hover,
		html.colour-profile-green section div.faq-button:hover {
			border-color: var(--dark-green) !important;
		}

		html.page-catalog-product div.faq-question-set.is-active div.faq-button i.fas,
		html.page-multipartproduct-editor div.faq-question-set.is-active div.faq-button i.fas,
		html.page-shoppingcart-cart div.faq-question-set.is-active div.faq-button i.fas,
		html.page-checkout-onepagecheckout div.faq-question-set.is-active div.faq-button i.fas,
		html.page-checkout-completed div.faq-question-set.is-active div.faq-button i.fas,
		html.colour-profile-green div.faq-question-set.is-active div.faq-button i.fas,
		html.page-catalog-product section.has-background-light-green div.faq-button:hover i.fas,
		html.page-multipartproduct-editor section.has-background-light-green div.faq-button:hover i.fas,
		html.page-shoppingcart-cart section.has-background-light-green div.faq-button:hover i.fas,
		html.page-checkout-onepagecheckout section.has-background-light-green div.faq-button:hover i.fas,
		html.page-checkout-completed section.has-background-light-green div.faq-button:hover i.fas,
		html.page-catalog-product section div.faq-button:hover i.fas,
		html.page-multipartproduct-editor section div.faq-button:hover i.fas,
		html.page-shoppingcart-cart section div.faq-button:hover i.fas,
		html.page-checkout-onepagecheckout section div.faq-button:hover i.fas,
		html.page-checkout-completed section div.faq-button:hover i.fas,
		html.colour-profile-green section.has-background-light-green div.faq-button:hover i.fas,
		html.colour-profile-green section div.faq-button:hover i.fas {
			color: var(--dark-green) !important;
		}

		html.page-catalog-product div.faq-tabs div.faq-tab-button:hover,
		html.page-multipartproduct-editor div.faq-tabs div.faq-tab-button:hover,
		html.page-shoppingcart-cart div.faq-tabs div.faq-tab-button:hover,
		html.page-checkout-onepagecheckout div.faq-tabs div.faq-tab-button:hover,
		html.page-checkout-completed div.faq-tabs div.faq-tab-button:hover,
		html.colour-profile-green div.faq-tabs div.faq-tab-button:hover {
			color: var(--dark-green) !important;
		}

		/* ORANGE PAGES */
		/* On orange BG */
		html.colour-profile-orange section.has-background-light-orange div.faq-button {
			border-color: white !important;
		}

		html.colour-profile-orange section.has-background-light-orange div.faq-button i.fas {
			color: white !important;
		}

		html.colour-profile-orange section.has-background-light-orange div.faq-tabs {
			border-bottom: solid 2px white !important;
		}

		html.colour-profile-orange section.has-background-light-orange div.faq-tabs div.faq-tab-button.is-active {
			background-color: white !important;
		}

		/* On white BG */
		html.colour-profile-orange section div.faq-button {
			border-color: var(--light-orange) !important;
		}

		html.colour-profile-orange section div.faq-button i.fas {
			color: var(--light-orange) !important;
		}

		html.colour-profile-orange section div.faq-tabs {
			border-bottom: solid 2px var(--light-orange) !important;
		}

		html.colour-profile-orange section div.faq-tabs div.faq-tab-button.is-active {
			background-color: var(--light-orange) !important;
		}

		/* On all BGs */
		html.colour-profile-orange div.faq-question-set.is-active div.faq-button,
		html.colour-profile-orange section.has-background-light-orange div.faq-button:hover,
		html.colour-profile-orange section div.faq-button:hover {
			border-color: var(--dark-orange) !important;
		}

		html.colour-profile-orange div.faq-question-set.is-active div.faq-button i.fas,
		html.colour-profile-orange section.has-background-light-orange div.faq-button:hover i.fas,
		html.colour-profile-orange section div.faq-button:hover i.fas {
			color: var(--dark-orange) !important;
		}

		html.colour-profile-orange div.faq-tabs div.faq-tab-button:hover {
			color: var(--dark-orange) !important;
		}

		/* PURPLE PAGES */
		/* On purple BG */
		html.colour-profile-purple section.has-background-light-purple div.faq-button {
			border-color: white !important;
		}

		html.colour-profile-purple section.has-background-light-purple div.faq-button i.fas {
			color: white !important;
		}

		html.colour-profile-purple section.has-background-light-purple div.faq-tabs {
			border-bottom: solid 2px white !important;
		}

		html.colour-profile-purple section.has-background-light-purple div.faq-tabs div.faq-tab-button.is-active {
			background-color: white !important;
		}

		/* On white BG */
		html.colour-profile-purple section div.faq-button {
			border-color: var(--light-purple) !important;
		}

		html.colour-profile-purple section div.faq-button i.fas {
			color: var(--light-purple) !important;
		}

		html.colour-profile-purple section div.faq-tabs {
			border-bottom: solid 2px var(--light-purple) !important;
		}

		html.colour-profile-purple section div.faq-tabs div.faq-tab-button.is-active {
			background-color: var(--light-purple) !important;
		}

		/* On all BGs */
		html.colour-profile-purple div.faq-question-set.is-active div.faq-button,
		html.colour-profile-purple section.has-background-light-purple div.faq-button:hover,
		html.colour-profile-purple section div.faq-button:hover {
			border-color: var(--dark-purple) !important;
		}

		html.colour-profile-purple div.faq-question-set.is-active div.faq-button i.fas,
		html.colour-profile-purple section.has-background-light-purple div.faq-button:hover i.fas,
		html.colour-profile-purple section div.faq-button:hover i.fas {
			color: var(--dark-purple) !important;
		}

		html.colour-profile-purple div.faq-tabs div.faq-tab-button:hover {
			color: var(--dark-purple) !important;
		}

		/* FAQ PAGE SCROLL BUTTONS */
		body.FREQUENTLY_ASKED_QUESTIONS div.content section.is-vcentered div.column.is-narrow a.button {
			height: 2.75rem;
			width: 2.75rem;
		}

	/*** END GLOBAL FAQ BLOCK SETTINGS ***/

	/*** GLOBAL NOTIFICATION BUBBLE SETTINGS ***/

		html.page-customer-login div.validation-summary-errors,
		html.page-shoppingcart-cart div.coupon-box div.warning-box,
		html.page-shoppingcart-cart div.coupon-box div.success-box,
		html.page-shoppingcart-cart div.checkout-buttons__warnings div.warning-box,
		html.page-checkout-onepagecheckout div.coupon-box div.success-text,
		html.page-checkout-onepagecheckout div.coupon-box div.warning-text {
			font-weight: 700 !important;
			text-align: center !important;
			border-radius: 64px !important;
			font-size: 1rem !important;
		}

		html.page-checkout-onepagecheckout div.coupon-box div.success-text,
		html.page-checkout-onepagecheckout div.coupon-box div.warning-text {
			padding-top: 1.25rem;
			padding-bottom: 1.25rem;
			margin-bottom: 0.25rem;
		}

		/* RED BUBBLES */
		html.page-customer-login div.validation-summary-errors,
		html.page-shoppingcart-cart div.checkout-buttons__warnings div.warning-box {
			background-color: var(--light-red) !important;
			color: var(--red) !important;
		}
		html.page-shoppingcart-cart div.coupon-box div.warning-box,
		html.page-checkout-onepagecheckout div.coupon-box div.warning-text {
			background-color: var(--red) !important;
			color: white !important;
		}

		/* GREEN BUBBLES */
		html.page-shoppingcart-cart div.coupon-box div.notification.is-success,
		html.page-checkout-onepagecheckout div.coupon-box div.success-text {
			background-color: var(--dark-green) !important;
			color: white !important;
		}

	/*** END GLOBAL NOTIFICATION BUBBLE SETTINGS ***/

/*** END SITEWIDE STUFF ***/

/*** BEGIN PAGE-SPECIFIC STUFF ***/

	/*** HOMEPAGE ***/

		/* Force How It Works block appearance */
		/* Force less spacing below title (default is 3 rem) */
		div.how-it-works-title>h2 {
			padding-bottom: 1rem;
		}

		/* Force body text color (default is blue) */
		div.how-it-works p {
			color: var(--text-black);
		}

		/* Force link appearance */
		div.how-it-works a {
			text-decoration: underline;
		}

		/* Add space between banner and header */
		html.page-home-index div.homebanners section.is-very-small {
			padding-top: 1.5rem !important;
		}

		/*** HOMEPAGE VIDEO BG STUFF ***/

			#video-banner {
				position: relative;
				overflow: hidden;
				background-color: rgba(0,0,0,0.6);
			}

			#video-banner video {
				position: absolute;
				top: -50%;
				object-fit: cover;
				width: 100%;
				z-index: -100;
			}

			@media screen and (max-width:1440px) {
				#video-banner video {
					top: 0;
				}
			}

			@media screen and (max-width:1045px) {
				#video-banner video {
					top: 0;
					height: 100%;
				}
			}

			@media screen and (max-width:425px) {
				#video-banner video {
					top: 0;
					height: 100%;
				}
			}

		/*** END HOMEPAGE VIDEO BG STUFF ***/

		/*** HOMEPAGE SITE TOUR STUFF ***/

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

				#floating-button,
				#arrow {
					display: none;
				}
			}

			#floating-button {
				background-color: transparent;
			}

			#floating-button {
				position: fixed;
				bottom: 20px;
				right: 20px;
				z-index: 1;
			}

			#arrow {
				position: fixed;
				bottom: 30px;
				right: 20px;
				z-index: 1;
			}

			#show-button,
			#show-arrow {
				cursor: pointer;
				z-index: 1;
			}

			.chat-bubble {
				position: fixed;
				padding: 20px;
				border-radius: 10px;
				margin-bottom: 10px;
				background-color: whitesmoke;
				bottom: 260px;
				right: 220px;
			}

			.chat-bubble p {
				margin: 0;
				color: var(--text-black);
			}

			.chat-bubble:after {
				content: ' ';
				position: absolute;
				width: 0;
				height: 0;
				left: auto;
				right: 38px;
				bottom: -20px;
				border: 12px solid;
				border-color: white white transparent transparent;
			}

			#floating-heads {
				max-height: 200px;
			}

			.close {
				display: flex;
				align-items: flex-end;
				cursor: pointer;
			}

			.arrow-button {
				font-size: 18px;
				padding: 0;
				background-color: white;
				color: var(--dark-blue);
				border: none;
				cursor: pointer;
			}

			.arrow-button:hover {
				color: var(--light-blue);
				background-color: transparent;
				border: none;
			}

			#slide-1-dan {
				max-width: 120%;
				max-height: 120%;
				position: absolute;
				top: -37%;
				left: 38%;
				transform: translate(-50%, -50%);
			}

			#slide-1-jeff {
				max-width: 120%;
				max-height: 120%;
				position: absolute;
				top: -57%;
				left: 63%;
				transform: rotate(-10deg) translate(-50%, -50%);
			}

			#Dan-nametag {
				max-width: 30%;
				max-height: 30%;
				position: absolute;
				top: 5%;
				left: 42%;
				transform: translate(-50%, -50%) rotate(-10deg);
				z-index: 2;
			}

			#Jeff-nametag {
				max-width: 30%;
				max-height: 30%;
				position: absolute;
				top: 0%;
				left: 58%;
				transform: translate(-50%, -50%) rotate(5deg);
				z-index: 2;
			}

			#slide-2 {
				height: 280px;
				position: fixed;
				top: 80px;
				right: 460px;
			}

			#slide-2-link {
				position: fixed;
				right: 610px;
				top: 90px;
				font-size: large;
				color: transparent;
			}

			#slide-3 {
				height: 280px;
				position: fixed;
				top: 125px;
				right: 75px;
			}

			#slide-3-link {
				position: fixed;
				right: 160px;
				top: 90px;
				font-size: large;
				color: transparent;
			}

			#slide-4 {
				height: 280px;
				position: fixed;
				top: 125px;
				right: 330px;
			}

			#slide-4-link {
				position: fixed;
				right: 350px;
				top: 90px;
				font-size: large;
				color: transparent;
			}

			#slide-5 {
				height: 280px;
				position: fixed;
				top: 110px;
				right: 900px;
			}

			#slide-6-jeff {
				height: 280px;
				position: relative;
				bottom: 30px;
				left: 45px;
			}

			#slide-6-dan {
				height: 280px;
				position: relative;
				bottom: 30px;
				right: 40px;
			}

			#slide-7 {
				max-height: 400px;
			}

			.modal-content {
				box-shadow: none;
			}

			#post-it-note {
				max-height: 250px;
				position: absolute;
				transform: translate(580px, 130px) rotate(10deg);
			}

			@media screen and (min-width: 768px) and (max-width: 1087px) {
				#post-it-note {
					transform: translate(300px, 180px) rotate(10deg);
				}
			}

			@media screen and (max-width: 767px) {
				#post-it-note {
					max-height: 230px;
					transform: translate(125px, 150px) rotate(10deg);
				}
			}

		/*** END HOMEPAGE SITE TOUR STUFF ***/

	/*** END HOMEPAGE ***/

	/*** USER LOGIN PAGE ***/

		/* Style page header */
		div.login__wrapper {
			padding-top: 0px;
		}

		/* Make page header span entire viewport width like other pages */
		/* Login page header is structured differently than others for some reason */
		div.login__wrapper div.page-title {
			color: var(--dark-green);
			background-color: var(--light-green);
			width: 100vw;
			margin-bottom: 3rem;
			margin-left: calc((-100vw + 100%) / 2);
			margin-right: calc((-100vw + 100%) / 2);
			padding-top: 3rem;
			padding-bottom: 3rem;
			padding-left: calc(((100vw - var(--site-max-w)) / 2) + 64px);
			padding-right: calc(((100vw - var(--site-max-w)) / 2) + 64px);
		}

		div.login__wrapper div.page-title h1 {
			font-weight: 700;
			font-size: 3rem;
			text-transform: uppercase;
			margin-bottom: 0px;
		}

		div.login__wrapper .requiredMarker {
			color: var(--red);
		}
		div.login__wrapper input#TermsAndConditions {
			margin-left: 0.5rem;
		}

		/* Style login box */
		div.login__wrapper div.returning-wrapper div.returning-wrapper__inner {
			background-color: var(--light-green);
			border-radius: 24px;
		}
		div.login__wrapper div.returning-wrapper__inner div.login-title {
			font-weight: 700;
		}
		div.login__wrapper div.returning-wrapper__inner input#RememberMe {
			margin-right: 0.5rem;
		}
		div.returning-wrapper__inner td.item-value:has(>input#RememberMe) {
			margin-bottom: 0px;
		}
		div.returning-wrapper__inner label[for="RememberMe"],
		div.returning-wrapper__inner td.forgot-password a,
		div.login__wrapper td:has(>a#TermsAndConditionLink) {
			font-weight: 500;
		}
		div.returning-wrapper__inner td.forgot-password a,
		div.login__wrapper a#TermsAndConditionLink {
			color: var(--dark-green);
			text-decoration: underline;
		}

	/*** END USER LOGIN PAGE ***/

	/*** PASSWORD RESET PAGE ***/

		/* Mind the gap */
		div.password-recovery-container {
			padding-top: 0px;
		}

		/* Style page header */
		div.password-recovery-container div.password-recovery-page {
			margin-bottom: 2rem;
		}
		div.password-recovery-container div.page-title {
			color: var(--dark-purple);
			background-color: var(--light-purple);
			width: 100vw;
			margin-bottom: 3rem;
			margin-left: calc((-100vw + 100%) / 2);
			margin-right: calc((-100vw + 100%) / 2);
			padding-top: 3rem;
			padding-bottom: 3rem;
			padding-left: calc(((100vw - var(--site-max-w)) / 2) + 64px);
			padding-right: calc(((100vw - var(--site-max-w)) / 2) + 64px);
		}
		div.password-recovery-container div.page-title h1 {
			font-weight: 700;
			font-size: 3rem;
			text-transform: uppercase;
			margin-bottom: 0px;
		}

		/* Style reset form */
		div.password-recovery-page div.password-recovery-page-content {
			font-weight: 500;
			font-size: 1.25rem;
			text-align: center;
		}
		div.password-recovery-page div.body {
			font-weight: 700;
			font-size: 1rem;
			text-align: center;
			color: var(--dark-green);
			background-color: var(--light-green);
			border-radius: 64px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			padding-top: 1.25rem;
			padding-bottom: 1.25rem;
			padding-left: 2rem;
			padding-right: 2rem;
		}
		div.password-recovery-page-form table {
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			background-color: var(--light-purple);
			border-radius: 24px;
		}
		div.password-recovery-page-form table tbody tr {
			padding-left: 2rem;
			padding-right: 2rem;
		}
		div.password-recovery-page-form table tbody tr:first-of-type {
			padding-top: 2rem;
			padding-bottom: 2rem !important;
		}
		div.password-recovery-page-form table tbody tr:last-of-type {
			padding-bottom: 2rem;
		}
		div.password-recovery-page-form table tbody tr:last-of-type td {
			margin-bottom: 0px !important;
		}
		div.password-recovery-page-form table tbody label {
			font-weight: 500;
			color: var(--dark-purple);
		}
		div.password-recovery-page-form table tbody input.catfish-input,
		div.password-recovery-page-form table tbody input.passwordrecoverybutton {
			width: 100% !important;
		}

	/*** END PASSWORD RESET PAGE ***/

	/*** USER REGISTRATION PAGE ***/

		div.registration-page,
		div.registration-page h2 {
			text-align: center;
			font-weight: 700;
			font-size: 1.5rem;
		}
		div.registration-page h2 {
			padding-bottom: 1rem;
		}

	/*** END USER REGISTRATION PAGE ***/

	/*** USER ACCOUNT PAGES ***/

		/* Style sub-page sidebar "header" */
			div.layout--accountPage div.grid_3:has(>div.block-account-navigation) {
				background-color: var(--light-green);
				padding-left: 2rem;
				padding-right: 2rem;
			}
			div.layout--accountPage {
				overflow: hidden;
			}
			div.block-account-navigation div.title {
				font-size: 2rem;
			}
			div.block-account-navigation .listbox {
				font-weight: 500;
			}
			@media screen and (max-width: 767px) {
				div.block-account-navigation {
					padding-top: 2rem;
					padding-bottom: 0;
				}
			}
			/* Sub-page link spacing */
			div.block-account-navigation .listbox ul li[class*="cf_accountlinks"] {
				margin-bottom: 0.625rem;
			}
			/* Rounded bubble around sub-page links */
			div.block-account-navigation .listbox ul li:has(a.active),
			div.block-account-navigation .listbox ul li:hover {
				border-radius: 1.25rem;
				font-weight: 700;
			}
			div.block-account-navigation .listbox ul li:has(a.active) {
				background-color: var(--dark-green);
				color: white;
			}
			div.block-account-navigation .listbox ul li:hover {
				background-color: white;
				color: var(--dark-green);
			}
			div.block-account-navigation .listbox ul li a {
				background-color: unset !important;
				display: inline-block !important;
				padding-left: 0.5rem !important;
			}
			/* Sub-page icons */
			div.block-account-navigation .listbox ul li::before {
				display: inline-block;
				width: 24px;
				height: 28px;
				font-size: 1.25rem;
				font-family: "Font Awesome 6 Pro";
				margin-left: 1rem;
				color: var(--dark-green);
				text-align: center;
				vertical-align: middle;
			}
			@media screen and (max-width: 767px) {
				div.block-account-navigation .listbox ul li::before {
					height: 25px;
				}
			}
			div.block-account-navigation .listbox ul li:has(a.active)::before {
				color: white;
			}
			div.block-account-navigation .listbox ul li.cf_accountlinks_CustomerInfo::before {
				/* ID card */
				content: "\f2bb";
			}
			div.block-account-navigation .listbox ul li.cf_accountlinks_CustomerAddresses::before {
				/* Address book */
				content: "\f2b9";
			}
			div.block-account-navigation .listbox ul li.cf_accountlinks_CustomerOrders::before {
				/* Receipt */
				/*content: "\f543";*/
				/* Clock rewinding */
				content: "\f1da";
			}
			div.block-account-navigation .listbox ul li.cf_accountlinks_CustomerChangePassword::before {
				/* Key */
				content: "\f084";
			}

			/* Style sub-page titles */
			div.layout--accountPage h1.title,
			div.layout--accountPage h2.orders_v2_title {
				font-size: 1.5rem;
				font-weight: 700;
				text-transform: uppercase;
			}
			/* Consistent spacing! */
			div.account-page--customerinfo,
			div.account-page--addresses,
			div.account-page--myorders,
			div.account-page--changepassword {
				padding-top: 2rem !important;
				max-width: 56rem !important;
			}

		/* Style "Customer Info" sub-page */
			div.layout--accountPage div.customer-info-box h2.subtitle {
				font-size: 1.25rem;
				font-weight: 700;
				margin-bottom: 0.5rem;
			}
			div.layout--accountPage div.customer-info-box div.section-body {
				margin-left: 2rem;
			}
			div.account-page--customerinfo div.customer__section {
				margin-bottom: 2rem;
			}
		
		/* Style "Addresses" sub-page */
			/* Make address lines more distinct and separate */
			div.account-page--addresses tr.address-item-row {
				border-radius: 1.25rem;
				background-color: rgba(209,232,177,0.6);
			}
			.account-page.account-page--addresses .address-item table tr:not(:last-child) {
				margin-bottom: 0.5rem;
			}
			.account-page.account-page--addresses .address-item .address-contact-details {
				font-weight: 600;
			}
			/* Wrangle messy columns so they're even */
			/* (Even and aligned columns in a table??? What a concept!) */
			.account-page--addresses .address-item tr.address-item-row > td {
				padding-top: 0;
				padding-bottom: 0;
			}
			.account-page--addresses .address-item tr.address-item-row > td:first-of-type {
				padding-left: 0;
			}
			.account-page--addresses .address-item tr.address-item-row > td:last-of-type {
				padding-right: 0;
			}
			.account-page--addresses .address-item tr.address-item-row > td:first-of-type,
			.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(2) {
				min-width: 10% !important;
				width: 10% !important;
				max-width: 10% !important;
				text-align: center;
			}
			.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(3) {
				min-width: 20% !important;
				width: 20% !important;
				max-width: 20% !important;
				padding-left: 1rem;
			}
			.account-page--addresses .address-item tr.address-item-row > td:last-of-type {
				min-width: 15% !important;
				width: 15% !important;
				max-width: 15% !important;
			}
			.account-page--addresses .address-item tr.address-item-row > td span.address-item__header,
			.account-page--addresses .address-item tr.address-item-row > td td.address-contact-details {
				font-weight: 600;
				color: var(--dark-green);
			}
			.account-page--addresses .address-item tr.address-item-row > td:first-of-type span.address-item__header,
			.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(2) span.address-item__header {
				font-size: 0.875rem;
			}
			.account-page--addresses .address-item tr.address-item-row > td input[type="radio"] {
				margin-right: 0 !important;
			}
			/* Mobile layout fixes */
			@media screen and (max-width: 767px) {
				.account-page--addresses .address-item tr.address-item-row {
					flex-direction: row !important;
					flex-wrap: wrap;
				}
				.account-page--addresses .address-item tr.address-item-row > td:first-of-type,
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(2) {
					min-width: 50% !important;
					width: 50% !important;
					max-width: 50% !important;
					align-items: center;
				}
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(2) {
					padding-right: 0;
				}
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(3) {
					min-width: 100% !important;
					width: 100% !important;
					max-width: 100% !important;
					flex-direction: row;
					padding-left: 0;
					padding-right: 0;
					margin-top: 0.5rem;
				}
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(3) > span.address-item__header {
					margin-right: 0.5rem;
				}
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(4) {
					padding-left: 0;
					padding-right: 0;
					margin-top: 0.5rem;
				}
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(3) > span.address-item__header::after,
				.account-page--addresses .address-item tr.address-item-row > td:nth-of-type(4) span.address-item__header::after {
					content: ":";
				}
				.account-page--addresses .address-item tr.address-item-row > td:last-of-type {
					min-width: 100% !important;
					width: 100% !important;
					max-width: 100% !important;
					padding-left: 0;
				}
				.account-page--addresses .address-item tr.address-item-row > td:last-of-type > .buttons {
					flex-wrap: nowrap !important;
					column-gap: 0.75rem;
					margin-top: 1rem;
				}
				.account-page--addresses .address-item tr.address-item-row > td:last-of-type .editaddressbutton,
				.account-page--addresses .address-item tr.address-item-row > td:last-of-type .delete-address-form {
					width: 50% !important;
				}
			}

		/* Style "Orders" sub-page */
			div.account-page--myorders {
				padding-top: 2rem;
			}
			/* Make order lines more distinct and separate */
			div.account-page--myorders div.order_container {
				border-radius: 1.25rem !important;
				margin-bottom: 1rem !important;
			}
			div.account-page--myorders div.order_container a.order_show_details_but {
				font-weight: 500;
				letter-spacing: 0.02rem;
			}
			div.account-page--myorders div.order_container div.order_details {
				background-color: rgba(209,232,177,0.6) !important;
			}
			/* Style order history interface */
			.account-page--myorders .orders_v2 > div.catfish-classes {
				margin-bottom: 0.5rem;
			}
			.account-page--myorders .orders_v2 .order_page_select_container div.order_page_state {
				font-weight: 500;
				color: var(--text-black);
				max-height: 2.5rem;
			}
			.account-page--myorders .orders_v2 .order_page_select_container div.order_page_state::before {
				content: "Page  ";
				white-space: pre;
			}
			.account-page--myorders .orders_v2 .order_page_select_container button.order_page_but {
				margin-left: 0.5rem;
				margin-right: 0.5rem;
				border-color: var(--dark-green);
				color: var(--dark-green);
				background-color: transparent;
				min-height: 2.5rem;
				max-height: 2.5rem;
				min-width: 2.5rem;
				max-width: 2.5rem;
				font-weight: 700 !important;
			}
			.account-page--myorders .orders_v2 .order_page_select_container button.order_page_but:hover {
				border-color: transparent;
				color: white;
				background-color: var(--dark-green);
			}
			.account-page--myorders .orders_v2 .order_page_select_container button.order_page_but:focus {
				border-color: var(--dark-green);
			}
			.account-page--myorders .orders_v2 #loading_orders {
				position: absolute;
				min-height: 4rem !important;
				max-height: 4rem !important;
				background-color: rgba(255, 255, 255, 0.9);
			}
			/* Better order status colors in order history list */
			.account-page--myorders .orders_v2 .order_page_select_container button.order_page_but.inactive {
				background-color: white;
				color: var(--v-light-grey) !important;
				border-color: var(--v-light-grey);
			}
			.account-page--myorders .orders_v2 .order_page_select_container button.order_page_but.inactive:hover {
				background-color: white;
				color: var(--v-light-grey) !important;
				border-color: var(--v-light-grey);
			}
			.account-page--myorders .orders_v2 .order_status,
			.account-page--myorders .orders_v2 ul.order_line span.status-box,
			.account-page--order-details #order_details_v2 .od_status,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box {
				font-weight: 500 !important;
			}
			.account-page--myorders .orders_v2 ul.order_line span.status-box,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box {
				color: white !important;
			}
			/* Pending orders = purple */
			.account-page--myorders .orders_v2 .order_Pending,
			.account-page--order-details #order_details_v2 .od_status.order_Pending {
				background-color: var(--light-purple);
				color: var(--dark-purple);
				border-color: var(--dark-purple);
			}
			/* Unpaid orders = orange */
			.account-page--myorders .orders_v2 .order_Unpaid,
			.account-page--order-details #order_details_v2 .od_status.order_Unpaid {
				background-color: var(--light-orange);
				color: var(--dark-orange);
				border-color: var(--dark-orange);
			}
			/* Processing orders = blue */
			.account-page--myorders .orders_v2 .order_Processing,
			.account-page--order-details #order_details_v2 .od_status.order_Processing {
				background-color: var(--light-blue);
				color: var(--dark-blue);
				border-color: var(--dark-blue);
			}
			/* Ordered jobs = blue */
			.account-page--myorders .orders_v2 ul.order_line span.status-box.ordered,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.ordered {
				background-color: var(--dark-blue);
			}
			/* Complete orders = green */
			.account-page--myorders .orders_v2 .order_Complete,
			.account-page--order-details #order_details_v2 .od_status.order_Complete {
				background-color: var(--light-green);
				color: var(--dark-green);
				border-color: var(--dark-green);
			}
			/* Shipped/delivered/completed jobs = green */
			.account-page--myorders .orders_v2 ul.order_line span.status-box.shipped,
			.account-page--myorders .orders_v2 ul.order_line span.status-box.delivered,
			.account-page--myorders .orders_v2 ul.order_line span.status-box.completed,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.shipped,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.delivered,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.completed {
				background-color: var(--dark-green) !important;
			}
			/* Cancelled orders = red */
			.account-page--myorders .orders_v2 .order_Cancelled,
			.account-page--order-details #order_details_v2 .od_status.order_Cancelled {
				background-color: var(--light-red);
				color: var(--red);
				border-color: var(--red);
			}
			/* Cancelled jobs = red */
			.account-page--myorders .orders_v2 ul.order_line span.status-box.cancelled,
			.account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.cancelled {
				background-color: var(--red) !important;
			}
			.account-page--myorders .orders_v2 .order_All {
				background-color: white;
				color: var(--dark-grey);
				border-color: var(--dark-grey);
			}
			.account-page--myorders .order_toggle_filter.default {
				background-color: white;
				color: var(--v-light-grey) !important;
				border-color: var(--v-light-grey);
			}

	/*** END USER ACCOUNT PAGES ***/

	/*** DIELINES PAGE ***/

		/* Remove extra space at top of page */
		body.ALL_POUCH_DIELINES #phTitle {
			display: none;
		}

	/*** END DIELINES PAGE ***/

	/*** FILE UPLOAD PAGES ***/

		/* Hide template/working folder info */
		div.WorkingFolderInfo {
			display: none;
		}

	/*** END FILE UPLOAD PAGES ***/

	/*** MULTI-PART PRODUCT PREVIEW PAGE ***/

		/* Hide preflight report column, we're not using Infigo's preflight system */
		div.uploadMultiPartContainer>div.columns>div.column:last-child {
			display: none;
		}

		/* Make preview span whole page width */
		div.uploadMultiPartContainer>div.columns>div.column:first-child {
			flex-basis: auto;
		}

		div.uploadMultiPartContainer div.column>div.uploadMultiPart,
		div.uploadWrapper div.fileupload-buttonbar div.file.is-area {
			max-width: unset;
		}

		/* Hide simulated book gutter shadow overlays */
		/* We're not selling books here */
		div[class^="pf-emboss-"] {
			display: none;
		}

		/* Remove excessive whitespace */
		html.page-multipartproduct-editor div.section.multipart-product {
			padding-top: 1rem;
			padding-bottom: 0;
		}

		div#previewContentContainer {
			margin-bottom: 1rem;
		}

		/* Grey preview background */
		div.uploadMultiPartContainer div.inputPartInner,
		div#previewContentContainer div#pf-stage,
		div.uploadMultiPartContainer span.file-cta {
			background-color: rgb(224,224,224) !important;
			border-radius: 1.25rem;
			margin-top: 1rem;
		}

		/* Add space between artwork and preview container */
		div.uploadMultiPartContainer div.inputPartInner {
			padding: 2rem !important;
		}

		/* Subtle drop shadow under artwork */
		div.uploadMultiPartContainer div.inputPartInner img {
			filter: drop-shadow(0px 10px 30px rgba(0,0,0,0.1));
		}

		div#previewContentContainer {
			background-color: none !important;
		}

		/* Center things below preview window */
		div.multipartUploadContainer div#part-1>p {
			text-align: center;
		}
		div.multipartUploadContainer>div.buttons {
			margin: auto;
		}
		div#previewAreaContainer button.multiPartButton.addtobasket {
			display: flex;
			margin: auto;
		}
		div.constraintDescription div.help.is-danger {
			text-align: center;
			font-weight: 700;
			font-size: 1rem;
		}

		/* Colorize loading spinner */
		html.page-multipartproduct-editor div.loading-icon::after {
			border: 2px solid var(--dark-green) !important;
			border-right-color: transparent !important;
			border-top-color: transparent !important;
		}

	/*** END MULTI-PART PRODUCT PREVIEW PAGE ***/

	/*** PRODUCT CATEGORY PAGE ***/

		/* Hide the title above featured products */
		div.featured-product-grid>h2.title {
			display: none;
		}

		/* Center featured products */
		div.featured-product-grid-items>div {
			justify-content: center;
		}

		/* Match product names to page h3 headers */
		div.featured-product-grid-items h2.product-title {
			font-size: 1.44em !important;
		}

		div.addtocart {
			display: none;
		}

		section.category-intro-wrapper {
			display: block !important;
			background-color: var(--light-green);
		}

	/*** END PRODUCT CATEGORY PAGE ***/

	/*** PRODUCT PAGES ***/

		/* Remove space above "Save & Design" when editing product */
		div.add-to-cart-buttons-wrapper {
			margin-top: 0 !important;
		}

		/* Align total price with price breakdown values */
		div.newProductPriceWrapper {
			justify-content: end;
		}

		/* Hide pricing script log messages */
		div.priceScriptMessageItem:not(:has(>div.price-table)) {
			display: none !important;
		}

		.product-intro-section {
			background-color: var(--light-green);
		}

		.product-info-section {
			padding-top: 3rem !important;
			padding-bottom: 0;
		}

		/* More emphasis to selected unwind */
		.attribute.name_UnwindOrientation .attribute-item .attribute-value-item input:checked + label.button {
			border: solid 4px var(--dark-green) !important;
		}

	/*** END PRODUCT PAGES ***/

	/*** CART PAGE ***/

		/* Mind the gap */
		div.orderSummaryWrapper {
			padding-top: 3rem !important;
		}

		/* Style cart list header row */
		tr.cart-header-row th {
			background-color: var(--dark-green);
			color: white !important;
			text-transform: uppercase;
			border: none !important;
			letter-spacing: 1.5px;
		}
		tr.cart-header-row th.cart--actions {
			text-align: center;
		}
		tr.cart-header-row th.cart--total {
			text-align: right;
		}

		/* Style cart item list names & attributes */
		tr.cart-item-row>td {
			padding-top: 1.5rem !important;
			padding-bottom: 1.5rem !important;
			border: none !important;
		}
		tr.cart-item-row>td>div,
		tr.cart-item-row>td input.quantityChanger {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}
		table.cart input.quantityChanger[readonly] {
			background-color: rgb(221,221,221);
			color: var(--text-black);
		}
		/* Alternating row colors */
		table.cart tr.cart-item-row:nth-of-type(even) {
			background-color: var(--light-green);
		}
		tr.cart-item-row div.product__title {
			font-size: 1.25rem;
		}
		tr.cart-item-row td.cart--itemtotal {
			text-align: right;
			font-weight: 700;
		}
		tr.cart-item-row td.cart--productinfo div.rawAttributeInfo {
			margin-top: 0.25rem;
		}
		tr.cart-item-row td.cart--productinfo div.rawAttributeInfo__item span.title {
			margin-top: 0.2rem;
			margin-bottom: 0;
			margin-left: 1.5rem;
		}
		tr.cart-item-row td.cart--productinfo div.rawAttributeInfo__item span.separator {
			font-weight: 700;
			margin-left: 0.1rem;
		}
		tr.cart-item-row td.cart--productinfo div.rawAttributeInfo__item span.value {
			margin-left: 2.5rem;
			line-height: 1.125rem;
		}
		tr.cart-item-row td.cart--productinfo>a,
		tr.cart-item-row td.cart--productinfo>br {
			display: none;
		}
		.checkout_attribute_item.MultilineTextbox {
			width: 67% !important;
		}
		.checkout_attribute_item.Checkboxes {
			width: 33% !important;
		}
		.checkout_attribute_item.Checkboxes>.checkout_attribute_title {
			padding-left: 1rem;
		}
		.checkout_attribute_title {
			color: var(--dark-blue);
		}
		.page-shoppingcart-cart .options-list {
			padding-left: 1rem;
		}

		/* Hide "Copy & Edit" buttons - they don't work */
		div.cart--editlastasnew,
		div.cart--editasnew {
			display: none;
		}

		/* Style blind shipping area */
		div.option-item:has(>input#checkout_attribute_6_7) {
			display: flex;
		}
		input#checkout_attribute_6_7 {
			margin-right: 0.75rem;
		}
		label[for="checkout_attribute_6_7"] {
			color: var(--text-black);
		}

		/* Style T&C */
		div.terms-of-service {
			font-size: 0.875rem !important;
			font-weight: 500 !important;
		}
		label[for="termsofservice"] {
			color: var(--text-black);
		}
		div.terms-of-service a.read {
			text-decoration: underline;
		}

		/* Style order notes character counter */
		div.order-notes-counter {
			font-weight: 500;
		}
		div.order-notes-counter.order-notes-full {
			font-weight: 700;
			color: var(--red);
		}

		/* Remove excessive whitespace in cart footer area */
		div.cart-footer__container {
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}

		/* Style coupon box area */
		div.coupon-box__wrapper {
			background-color: var(--light-green);
			padding: 1.5rem;
			border-radius: 24px;
		}

		/* Style empty cart text */
		div.shoppingcart__empty {
			text-align: center;
			font-weight: 700;
			font-size: 1.5rem;
		}

		/* Style "clear cart" modal */
		html.page-shoppingcart-cart div.modal-card {
			border-radius: 24px;
		}
		html.page-shoppingcart-cart div.modal-card header.modal-card-head {
			background-color: var(--red);
		}
		html.page-shoppingcart-cart div.modal-card header.modal-card-head p.modal-card-title {
			color: white;
			text-transform: uppercase;
			letter-spacing: 1.5px;
		}
		html.page-shoppingcart-cart div.modal-card section.modal-card-body div.media {
			color: var(--text-black);
		}
		html.page-shoppingcart-cart div.modal-card footer.modal-card-foot button.is-primary {
			background-color: var(--red);
		}

		/* Mobile layout fixes */
		@media screen and (max-width: 767px) {
			.checkout_message_bottom__wrapper .checkout-attributes {
				flex-direction: column;
			}
			.checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item {
				width: 100% !important;
			}
			.checkout-buttons__wrapper {
				flex-direction: column;
				align-items: end;
				row-gap: 0.5rem;
				padding-top: 2rem;
			}
			.checkout-buttons__wrapper > input.continueshoppingbutton {
				margin-right: 0 !important;
			}
		}

	/*** END CART PAGE ***/

	/*** CHECKOUT PAGE ***/
		
		/* Standardize checkout form width */
		div.one-page-checkout div.checkout-data {
			max-width: var(--site-form-w);
			margin-left: auto;
			margin-right: auto;
		}

		/* Mind the gap */
		div.one-page-checkout {
			padding-top: 0px;
			max-width: unset;
		}

		/* Style page header */
		div.one-page-checkout div.checkout-page--title {
			color: var(--dark-green);
			background-color: var(--light-green);
			padding-top: 3rem;
			padding-bottom: 3rem;
		}

		div.one-page-checkout div.checkout-page--title h1 {
			font-weight: 700;
			font-size: 3rem;
			text-transform: uppercase;
			margin-bottom: 0px;
		}

		/* Style step-by-step interface */
		ol#checkoutSteps div.sectionheader {
			background-color: var(--light-green);
			border-radius: 64px;
			padding: 0.5rem;
			margin-top: 1rem;
		}

		ol#checkoutSteps li:first-child div.sectionheader {
			margin-top: 2rem;
		}

		ol#checkoutSteps div.number {
			width: 2.5em;
			height: 2.5em;
			border-radius: 50%;
			color: var(--dark-green);
			font-weight: 700;
			font-size: 1.2rem;
		}

		ol#checkoutSteps li.section div.number {
			background-color: white;
		}

		ol#checkoutSteps li.section.active div.number {
			border: 3px solid var(--dark-green);
		}

		ol#checkoutSteps div.step-title h2 {
			font-weight: 700;
			color: var(--dark-green);
			text-transform: uppercase;
			font-size: 1.2rem;
			margin-top: auto;
			margin-bottom: auto;
		}

		ol#checkoutSteps > li.section.active > div.step {
			border: 0px solid transparent;
		}

		ol#checkoutSteps div.step-title.request-after-now {
			display: none;
		}

		/* Style address instructions */
		.one-page-checkout #opc-billing .enter-address-body label,
		.one-page-checkout #opc-shipping .enter-address-body label {
			width: 85% !important;
		}

		/* Align "Edit Address" button with content */
		html.page-checkout-onepagecheckout button.edit-shipping-address {
			margin-left: 0 !important;
		}

		/* Site uses FontAwesome Pro 6.7.2 for icons */
		/* Use better icons for ship options (default is a plain box for everything) */
		.shipping-option-item:has(input[value*="Ground"]) label::before,
		.shipping-option-item:has(input[value*="International Ground"]) label::before {
			/* Regular truck */
			content: "\f0d1" !important;
		}
		.shipping-option-item:has(input[value*="Express Saver"]) label::before,
		.shipping-option-item:has(input[value*="2-Day"]) label::before {
			/* Speedy truck */
			content: "\f48b" !important;
		}
		.shipping-option-item:has(input[value*="Standard Overnight"]) label::before,
		.shipping-option-item:has(input[value*="International Economy"]) label::before,
		.shipping-option-item:has(input[value*="2nd Day Air"]) label::before {
			/* Regular plane */
			content: "\f3de" !important;
		}
		.shipping-option-item:has(input[value*="Priority Overnight"]) label::before,
		.shipping-option-item:has(input[value*="International Priority"]) label::before,
		.shipping-option-item:has(input[value*="Next Day Air"]) label::before {
			/* Jet fighter */
			content: "\f0fb" !important;
		}
		.shipping-option-item:has(input[value*="Postal"]) label::before {
			/* Mailbox */
			content: "\f813" !important;
		}
		.shipping-option-item:has(input[value*="Pickup"]) label::before {
			/* Hand holding box */
			content: "\f47b" !important;
		}
		.shipping-option-item:has(input[value*="Other"]) label::before {
			/* Question mark */
			content: "\f059" !important;
		}

		/* Style ship option tooltip text */
		.shipping-option-item .tooltip .option-description p:not(:last-child) {
			padding-bottom: 0.625rem;
		}

		/* Fix tooltip functionality on mobile */
		@media (hover: hover) {
			.shipping-option-item .tooltip:hover .option-description,
			[data-tooltip]:hover::before {
				opacity: 1 !important;
			}
		}

		/* Style selected ship option */
		.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked+label,
		.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label {
			border-radius: 16px;
		}

		/* Add space under checkbox */
		html.page-checkout-onepagecheckout div#use-same-shipping-address {
			margin-bottom: 0.5rem;
		}

		/* Style coupon code area */
		html.page-checkout-onepagecheckout div.cart-footer {
			float: none !important;
		}
		html.page-checkout-onepagecheckout div.coupon-box__container {
			width: fit-content;
			background-color: var(--light-green);
			border-radius: 24px;
			padding: 1.25rem;
			margin-top: 1.25rem;
			margin-left: auto;
			margin-right: auto;
		}
		html.page-checkout-onepagecheckout input#discountcouponcode {
			width: unset;
			margin-top: 0.75rem;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
		}
		html.page-checkout-onepagecheckout input#applydiscountcouponcode {
			margin-top: 0.75rem;
			margin-left: 0.75rem;
			margin-right: 0px;
			margin-bottom: 0px;
		}
		html.page-checkout-onepagecheckout div.coupon-box__remove {
			display: inline-block;
			margin-top: 0.75rem;
			margin-bottom: 0px;
		}

		/* Style Authorize.net modal */
		html.page-checkout-onepagecheckout div.modal-card {
			border-radius: 24px;
		}
		html.page-checkout-onepagecheckout div.modal-card header.modal-card-head {
			background-color: var(--dark-blue);
		}
		/* Hide text title */
		html.page-checkout-onepagecheckout div.modal-card header.modal-card-head p.modal-card-title b {
			display: none;
		}
		/* Replace text title with SVG logo */
		html.page-checkout-onepagecheckout div.modal-card header.modal-card-head p.modal-card-title::after {
			display: flex;
			height: 3rem;
			content: url("/1032918866/Handler/CSSOverride/GetImage/4/payment-logo_authorize.svg") / "Authorize.net";
		}
		/* Add payment card icons to footer */
		html.page-checkout-onepagecheckout div.modal-card footer.modal-card-foot div::after {
			display: flex;
			width: 100%;
			height: 2rem;
			text-align: center;
			gap: 1rem;
			content: url("/-1103989637/Handler/CSSOverride/GetImage/4/payment-icon_visa.svg") url("/-1104186251/Handler/CSSOverride/GetImage/4/payment-icon_mastercard.svg") url("/661496327/Handler/CSSOverride/GetImage/4/payment-icon_discover.svg") url("/-1863569965/Handler/CSSOverride/GetImage/4/payment-icon_amex.svg") / "Visa • Mastercard • Discover • AmEx";
		}

	/*** END CHECKOUT PAGE ***/

	/*** ORDER CONFIRMATION PAGE ***/

		div.checkout__completed__top {
			text-align: center;
			color: var(--dark-green);
		}
		div.checkout__completed__top h1.title {
			font-weight: 700;
		}
		div.order-overview > table {
			background-color: var(--light-green);
		}
		/* Product list header */
		div.product-details-box table thead {
			background-color: var(--dark-green);
		}
		div.product-details-box table thead th {
			color: white !important;
		}
		/* Product list alternating row colors */
		div.product-details-box table tbody tr:nth-of-type(even) {
			background-color: var(--light-green) !important;
		}

	/*** END ORDER CONFIRMATION PAGE ***/

	/*** SEO PAGES ***/

		.seoHero {
			background-size: inherit;
			background-repeat: no-repeat;
			word-break: normal;
		}

		@media screen and (max-width: 767px) {
			.seo-title-background {
				background-color: rgba(0,0,0,0.6);
			}

			#granola-subtitle {
				width: 50%;
			}
		}

		.food-hero {
			background-color: rgba(0,0,0,0.5);
		}

	/*** END SEO PAGES ***/

	/*** DOWNLOADABLE RESOURCES PAGE ***/
		
		#phTitle {
			display: none;
		}

	/*** END DOWNLOADABLE RESOURCES PAGE ***/

	/*** PRICING CALCULATOR PAGE ***/

		.catfish-select {
			border-radius: 30px;
		}

		#quantity {
			border-radius: 30px;
		}

	/*** END PRICING CALCULATOR PAGE ***/

	/* Learn More */
	/*
	.home-product-hover {
		transition: all 200ms ease-in;
		box-sizing: border-box;
		transform: scale(1);
	}
	.home-product-hover:hover{
		z-index: 1;
	}

	.wrapper {
		box-sizing: border-box;

	}
	.home-product-hover:hover > .wrapper {
		background: white;
		box-shadow: 1px 4px 16px rgba(0,0,0,0.25);
		border-radius: 8px;
		position: absolute;
		transition: all 300ms ease-in-out;
		left: 0;
		top: 0;
	}
	*/

	.hidden-description {
		display: none;
	}

	.home-product-hover:hover>.wrapper>.hidden-description {
		display: block;
	}

	/* Shipping Banner Home Page */
	.shipping-banner {
		transition: background-color 1s ease;
		background-color: var(--dark-blue);
	}
	.homepage-text-banner p {
		letter-spacing: 1px;
	}
	.homepage-text-banner p .text-banner-header {
		white-space: pre-wrap;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}
	.homepage-text-banner a {
		color: white;
		text-decoration: underline;
		text-decoration-thickness: 1px;
	}
	.homepage-text-banner a:hover {
		text-decoration-thickness: 2px;
	}
	.homepage-text-banner p .text-banner-subtext {
		font-size: 0.75rem;
		font-weight: 500;
	}

	/* Home Page icons */
	.home-page-icon {
		position: relative;
		transition: all 200ms ease-in;
	}

	.home-page-icon:hover {
		transform: translateY(-10px);
	}

	/* Modal */
	.modal {
		z-index: 10000;
	}

	@media screen and (min-width:1800px) {
		.side-cut {
			width: 33.333% !important;
		}
	}

	.modal-image {
		max-height: 950px;
		max-width: 750px;
	}

	/* About Us Page */
	.about-us-image {
		margin-top: 2rem;
	}

	.image-container {
		position: relative;
		display: inline-block;
		width: 500px;
		max-width: 100%;
	}

	.employee-card:hover .headshot-image {
		opacity: 0;
		transition: opacity 0.2s ease;
	}

	.hover-image {
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		transition: opacity 0.3s ease;
		opacity: 0;
	}

	.employee-card:hover .hover-image {
		opacity: 1;
	}

	.employee-card {
		display: block;
	}

	.employee-bio {
		display: block;
	}

	.employee-bio-2 {
		display: none;
	}

	.employee-card:hover .employee-bio {
		display: none;
	}

	.employee-card:hover .employee-bio-2 {
		display: block;
	}

	/* How It Works */
	.steps-number {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}

/*** END PAGE-SPECIFIC STUFF ***/

/* MegaEdit Editor */

.editorBottom {
	display: none !important;
}

/* Rollstock Editor */
.page-dynamicproductupload-editor .downloadPdf {
	display: none !important;
}

/* Contact Us */

@media screen and (max-width:1145px) {
	.embed-block>.is-1by1 {
		padding-top: 130%;
	}
}

@media screen and (max-width:768px) {
	.embed-block>.is-1by1 {
		padding-top: 180%;
	}
}

#stand-up-modal,
#lay-flat-modal,
#rollstock-modal {
	position: absolute;
	background-color: transparent;
	transform: translate(-50%, -172%);
	font-weight: bold;
	color: var(--dark-blue);
}

.modal-card-head {
	background-color: var(--dark-blue);
}

.dieline-button {
	background-color: var(--dark-orange);
	width: 43%;
}

.DFM-button {
	background-color: var(--dark-purple);
	width: 43%;
	margin-right: 0.5rem !important;
}

.order-button {
	background-color: var(--dark-blue);
	width: 100% !important;
	margin-left: 1rem;
}

#request-dieline,
#dieline-LFP,
#dieline-SUP {
	margin-right: 0.5rem !important;
	background-color: var(--dark-orange);
}

/* Product Page Buttons add-ons */

@media screen and (max-width: 388px) {
	.page-catalog-product .dieline-button-product-page {
		margin-right: 0 !important;
	}
}

.dieline-button-product-page {
	background-color: var(--dark-orange) !important;
	width: 49% !important;
	margin-right: 0.5rem !important;
	border: solid 2px var(--dark-orange) !important;
}

.DFM-button-product-page {
	background-color: var(--dark-purple) !important;
	width: 49% !important;
	border: solid 2px var(--dark-purple) !important;
}

.DFM-button-product-page:hover {
	background-color: transparent !important;
	color: var(--dark-purple) !important;
}

.dieline-button-product-page:hover {
	background-color: transparent !important;
	color: var(--dark-orange) !important;
}

.page-catalog-product .DFM-button-product-page::after {
	background-image: url(/656197700/Handler/CSSOverride/GetImage/4/Design_arrow_top.png);
}

.page-catalog-product .price-quantity-start-wrapper {
	padding-top: 2rem;
}

.page-catalog-product .add-to-cart-wrapper .custom-product-form {
	margin-bottom: 1rem;
}

.page-catalog-product .DFM-button-product-page:last-child::after {
	content: '';
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 250px;
	height: 100px;
	top: 24px;
	right: -90px;
	transform: rotate(15deg);
}

@media screen and (max-width:767px) {
	.page-catalog-product .DFM-button-product-page:last-child::after {
		width: 150px;
		top: 20px;
		right: -20px;
		transform: rotate(20deg);
	}
}

.page-shoppingcart-cart .checkout-buttons__wrapper::before {
	content: '';
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 250px;
	height: 100px;
	background-image: url(/-298565869/Handler/CSSOverride/GetImage/4/MultipleItems_arrow.png);
	bottom: 10px;
	right: 265px;
	transform: rotate(-10deg);
}

@media screen and (min-width: 768px) and (max-width: 1087px) {
	.page-shoppingcart-cart .checkout-buttons__wrapper::before {
		right: 405px;
	}
}

@media screen and (max-width: 767px) {
	.page-shoppingcart-cart .checkout-buttons__wrapper::before {
		bottom: 60px;
		right: 96px;
	}
}

.checkout-buttons__wrapper {
	padding-top: 3rem;
}

/* Product Page add-ons end */

.Multi-SKU-Discount {
	background-color: white;
}

.multi-icon {
	max-height: 150px;
}

.multi-sku-hover-icon {
	position: relative;
	transition: transform 0.3s;
	transform: translateY(-200px);
	z-index: -1;
	height: 115px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.multi-sku-hover-image {
	z-index: 1;
}

.multi-sku-hover-image:hover .multi-sku-hover-icon {
	transform: translateY(0px);
}

@media screen and (max-width:1400px) {
	.faq-answer {
		overflow: scroll !important;
	}
}

.page-shoppingcart-cart .attributeinfo_Quantity {
	display: none;
}

@media screen and (min-width:1024px) {
	.about-us-700 {
		height: 700px;
	}

	.about-us-650 {
		height: 650px;
	}
}

.countdown_timer {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	width: 40%;
	background-color: var(--light-grey) !important;
}

@media screen and (max-width:1440px) {
	.countdown_timer {
		width: 70%;
	}
}

@media screen and (max-width:767px) {
	.multi-sku-subtitle {
		margin-bottom: 1rem;
	}
}