@charset "UTF-8";

/*** BEGIN SITEWIDE STUFF ***/
	
	/* GLOBAL VARS */
	: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(176,206,231);
		--v-light-blue: rgb(240,248,255);
		--light-green: rgb(209,232,177);
		--v-light-green: rgb(244,255,235);
		--light-orange: rgb(254,206,146);
		--v-light-orange: rgb(255,248,235);
		--light-purple: rgb(190,176,214);
		--v-light-purple: rgb(246,242,255);
		/* Translucent overlay accent colors */
		--translucent-v-light-grey: rgba(182,182,182,0.6);
		--v-translucent-v-light-grey: rgba(182,182,182,0.3);
		--translucent-light-blue: rgba(176,206,231,0.6);
		--v-translucent-light-blue: rgba(176,206,231,0.3);
		--translucent-light-green: rgba(209,232,177,0.6);
		--v-translucent-light-green: rgba(209,232,177,0.3);
		--translucent-light-orange: rgba(254,206,146,0.6);
		--v-translucent-light-orange: rgba(254,206,146,0.3);
		--translucent-light-purple: rgba(190,176,214,0.6);
		--v-translucent-light-purple: rgba(190,176,214,0.3);
		/* Red color for buttons and notifications */
		--red: rgb(209,50,61);
		--light-red: rgb(250,185,189);
		--v-light-red: rgb(255,240,242);
		--translucent-light-red: rgba(250,185,189,0.6);
		--v-translucent-light-red: rgba(250,185,189,0.3);
 
		/* 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);
		}

		/* Make header link icons part of link clickable area */
		.header-links-wrapper .adminlinks li[class*="cf_headerlinks"] {
			position: relative;
		}
		.header-links-wrapper .adminlinks li[class*="cf_headerlinks"] > i {
			position: absolute;
			height: 100%;
			width: 20px;
			font-size: 1rem;
			pointer-events: none;
		}
		.header-links-wrapper .adminlinks li[class*="cf_headerlinks"] > a:first-of-type {
			padding-left: 1.625rem;
		}
		@media screen and (max-width: 767px) {
			body > .header-links-wrapper .adminlinks .adminmenu {
				justify-content: flex-end !important;
				column-gap: 1rem;
			}
		}

		/* 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: var(--dark-grey);
		}

		/* 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 the checkout flow.
		 * 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="27" fill="rgba(54,54,54,0.3)" font-size="16" 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" font-style="normal">Type to look up 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("/-354800397/Handler/CSSOverride/GetImage/4/logo-tag_dark-blue.svg") / "The Packaging Lab \2014 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("/-354800397/Handler/CSSOverride/GetImage/4/logo-tag_dark-green.svg") / "The Packaging Lab \2014 Custom packaging made simple";
		}

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

		/* PURPLE LOGO */
		/* Includes purple color profile pages */
		html.colour-profile-purple img.is-header-logo {
			content: url("/-354800397/Handler/CSSOverride/GetImage/4/logo-tag_dark-purple.svg") / "The Packaging Lab \2014 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: var(--translucent-light-blue) !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: var(--translucent-light-green) !important;
		}
		/* ORANGE PAGES */
		html.colour-profile-orange div.loadingScreen {
			background-color: var(--translucent-light-orange) !important;
		}
		/* PURPLE PAGES */
		html.colour-profile-purple div.loadingScreen {
			background-color: var(--translucent-light-purple) !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 div.register-customer-wrapper div.login-title {
			font-weight: 700;
			color: var(--dark-green);
		}
		div.login__wrapper div.register-customer-wrapper div.login-title span.requiredMarker {
			font-weight: 500;
			font-size: 1rem;
		}

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

		/* Arrange New User Registration form subdivisions in a more sensical way */
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > div:has(input#FirstName) { order: 1; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > table.table-container--password { order: 2; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > table.table-container--company {
			order: 3;
			width: 48%;
		}
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > table.table-container--phone {
			order: 4;
			width: 48%;
		}
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > div.Addressy {
			order: 5;
			width: 100%;
		}
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > span[id*="additional-table-message"] { order: 6; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > table.table-container--address { order: 7; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > input#PostCodeUsed { order: 8; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body > table.table-container--register { order: 99; }
		/* Arrange form fields within subdivisions */
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody,
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody,
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--password tbody,
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--register tbody {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr,
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr { width: 100%; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr:has(input#FirstName),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr:has(input#LastName),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr:has(input#Email),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr:has(input#ConfirmEmail),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--password tbody tr:has(input#Password),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--password tbody tr:has(input#ConfirmPassword),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(input#City),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(select#CountryId),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(select#StateProvinceId),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(input#ZipPostalCode) { width: 48%; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--general tbody tr:has(input#Email),
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--password tbody tr:has(input#Password) { padding-bottom: 0; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(input#City) { order: 1; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(select#StateProvinceId) { order: 2; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(input#ZipPostalCode) { order: 3; }
		div.register-customer-wrapper form div.new-wrapper div.catfish-container div.body table.table-container--address tbody tr:has(select#CountryId) { order: 4; }

	/*** 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.layout--accountPage div.grid_3:has(>div.block-account-navigation) {
					border-radius: 0 0 16px 16px;
				}
				div.block-account-navigation {
					padding-top: 2rem;
					padding-bottom: 0;
				}
			}
			/* Sub-page link spacing */
			div.block-account-navigation .listbox ul li[class*="cf_accountlinks"] {
				display: flex;
				margin-bottom: 0.625rem;
				position: relative;
			}
			/* 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);
			}
			/* Expand anchor clickable area to cover entire sub-page button area */
			div.block-account-navigation .listbox ul li a {
				background-color: unset !important;
				width: 100%;
				padding-left: 3.25rem !important;
			}
			/* Sub-page icons that don't block link clickability! */
			div.block-account-navigation .listbox ul li::before {
				min-width: 24px;
				width: 24px;
				max-width: 24px;
				height: 100%;
				font-size: 1.25rem;
				font-family: "Font Awesome 6 Pro";
				margin-left: 1rem;
				color: var(--dark-green);
				text-align: center;
				pointer-events: none;
				position: absolute;
				align-content: center;
			}
			/* White icon on active sub-page to match text color */
			div.block-account-navigation .listbox ul li:has(a.active)::before {
				color: white;
			}
			/* Set sub-page icons! */
			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 {
				/* 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,
			div.account-page--addressedit h1 {
				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: var(--translucent-light-green);
			}
			.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: var(--translucent-light-green) !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);
			}
			/* Move custom job name to separate line */
			.orders_v2 .order_container .od_product_name span {
				display: inline-block;
			}
			.orders_v2 .order_container .od_product_name span:first-of-type {
				padding-bottom: 0.25rem;
			}

		/* Style "Change Password" sub-page */
			/* Highlight password messages */
			.account-page--changepassword .password-expired,
			.account-page--changepassword .validation-summary-errors {
				display: block;
				min-width: fit-content;
				width: fit-content;
				max-width: fit-content;
				margin: 0 auto 0 auto;
				padding: 1rem 2.5rem 1rem 2.5rem;
				border-radius: 3rem;
				background-color: var(--red);
				color: white;
				font-size: 1.125rem;
				font-weight: 700;
				text-align: center;
			}
			.account-page--changepassword .validation-summary-success {
				display: block;
				min-width: fit-content;
				width: fit-content;
				max-width: fit-content;
				margin: 0 auto 0 auto;
				padding: 1rem 2.5rem 1rem 2.5rem;
				border-radius: 3rem;
				background-color: var(--dark-green);
				color: white;
				font-size: 1.125rem;
				font-weight: 700;
				text-align: center;
			}

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

		/* Style attribute bubbles on rollstock upload page */
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item {
			background-color: var(--translucent-light-green) !important;
			border-radius: 16px !important;
			padding-left: 0.75rem !important;
			padding-right: 0.75rem !important;
		}
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item > span {
			font-size: 0.875rem !important;
		}
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item > span.title,
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item > span.separator {
			font-weight: 700;
			color: var(--dark-green);
		}
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item > span.separator {
			margin-left: 0.0625rem;
		}
		.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item > span.value {
			font-weight: 500;
			color: var(--text-black);
			margin-left: 0.375rem;
		}

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

		/* Colorize new multipartUi-V2 */
		.multipartUi-V2-wrapper .product-title,
		.multipartUi-V2-productInfoAndRequirements h3.subtitle,
		.multipartUi-V2-productInfoAndRequirements .card-header-icon,
		.multipartUi-V2-productInfoAndRequirements div.attr-name,
		.multipartUi-V2-productInfoAndRequirements div.price-label,
		.multipartUi-V2-UploadsArea h2.subtitle,
		.multipartUi-V2-UploadsArea span.file-icon,
		.multipartUi-V2-UploadItemArea div.dragndrop-text {
			color: var(--dark-green) !important;
			font-weight: 600 !important;
		}
		/* Style added file retention message */
		.multipartUi-V2-UploadsArea > div.box > h2.subtitle { margin-bottom: 1rem; }
		.multipartUi-V2-UploadsArea #upload-retain-msg {
			width: 100%;
			line-height: 1.5;
			margin-bottom: 1rem !important;
			text-wrap: balance;
		}
		.multipartUi-V2-UploadsArea #upload-proof-msg {
			width: 100%;
			line-height: 1.5;
			margin-bottom: 0 !important;
			text-wrap: balance;
		}
		.multipartUi-V2-UploadsArea #upload-retain-msg strong { font-weight: 600; }
		/* Style product attributes box */
		.multipartUi-V2-productInfoAndRequirements hr {
			background-color: var(--dark-green);
			height: 1px;
		}
		.multipartUi-V2-productInfoAndRequirements .selected-attributes-title-columns h3.subtitle i.fa-info-circle { margin-right: 0.25rem; }
		.multipartUi-V2-productInfoAndRequirements hr.attribute-spacer { margin-bottom: 1.5rem; }
		.multipartUi-V2-productInfoAndRequirements div.attr-value strong,
		.multipartUi-V2-productInfoAndRequirements div.price-value strong,
		.multipartUi-V2-UploadsArea > div.box > div.mb-2,
		.multipartUi-V2-UploadItemArea .file-label .is-pulled-right {
			color: var(--text-black) !important;
			font-weight: 500 !important;
		}
		.multipartUi-V2-UploadItemArea .file-cta.file-uploaded > div > div {
			width: 100%;
			margin-bottom: 1rem;
			justify-content: flex-end;
		}
		.multipartUi-V2-UploadItemArea .file-cta.file-uploaded > div > div > div.is-pulled-right {
			width: 100%;
			margin-right: 0 !important;
			text-wrap: balance;
		}
		.multipartUi-V2-UploadItemArea .file-cta.file-uploaded > div > div > div:has(button.delete) {
			margin-left: -1.25rem;
		}
		.multipartUi-V2-UploadItemArea button.delete { background-color: var(--red) !important; }
		.multipartUi-V2-UploadsArea > div.box > div.mb-2 { display: none; }
		/* Alternating row colors in product attributes list */
		.multipartUi-V2-productInfoAndRequirements .attribute-data > div.attr-name:nth-of-type(4n-3),
		.multipartUi-V2-productInfoAndRequirements .attribute-data > div.attr-value:nth-of-type(4n-2) {
			background-color: white;
		}
		.multipartUi-V2-UploadsArea div.mb-2.has-text-danger {
			color: var(--red) !important;
			font-weight: 600;
			font-size: 1rem;
		}
		.multipartUi-V2-UploadsArea::after {
			color: var(--text-black) !important;
			font-weight: 500;
			content: 'After uploading your file, you can add this item directly to your cart, or view a 3D preview first!' !important;
		}
		/* Setup for adding controls info to 3D preview */
		#multipart-new-preview {
			display: flex;
			flex-flow: column nowrap;
		}
		/* Style buttons */
		.multipartUi-V2-wrapper a.button,
		.multipartUi-V2-Footer button.button,
		.multipartUi-V2-Footer .uploads-completed {
			border-radius: 32px;
			font-weight: 500;
		}
		.multipartUi-V2-Footer button.button,
		.multipartUi-V2-Footer button.button[disabled] {
			background-color: var(--dark-green);
		}
		.multipartUi-V2-Footer button.button:not([disabled]):hover {
			background-color: white;
			border: 2px solid var(--dark-green);
			color: var(--dark-green);
		}
		.multipartUi-V2-wrapper a.button:has(i.fa-chevron-left) {
			background-color: white;
			border: 2px solid var(--dark-green);
			color: var(--dark-green);
		}
		/* Round off all them corners */
		.multipartUi-V2-wrapper div.box,
		.multipartUi-V2-UploadItem .modal-card-body,
		.multipartUi-V2-Footer .upload-status-container div.button,
		.multipartUi-V2-Footer .completed-list div.button {
			border-radius: 24px;
		}
		.multipartUi-V2-UploadItemArea span.file-cta,
		#multipart-new-preview > iframe {
			border-radius: 12px;
		}
		#multipart-new-preview > iframe { border: 2px solid var(--light-green); }
		.multipartUi-V2-UploadItem .multipart-loading-modal-container {
			color: var(--text-black);
			font-weight: 500;
		}
		/* Make uploaded file counter red when uploads are needed, green when uploads completed */
		.multipartUi-V2-wrapper div.box,
		.multipartUi-V2-Footer .completed-list > div.button:has(.uploads-completed.has-text-success) {
			background-color: var(--v-translucent-light-green);
		}
		.multipartUi-V2-Footer .completed-list > div.button:has(.uploads-completed.has-text-success) i.fa-tasks,
		.multipartUi-V2-Footer .uploads-completed.has-text-success {
			color: var(--dark-green) !important;
		}
		.multipartUi-V2-Footer .completed-list > div.button:has(.uploads-completed.has-text-danger) {
			background-color: var(--v-translucent-light-red);
		}
		.multipartUi-V2-Footer .completed-list > div.button:has(.uploads-completed.has-text-danger) i.fa-tasks,
		.multipartUi-V2-Footer .uploads-completed.has-text-danger {
			color: var(--red) !important;
		}
		.multipartUi-V2-Footer .completed-list div.button:hover { text-decoration: none; }

		/* Style side cut instruction modal */
		#instruction-modal .modal-card {
			width: min-content;
			max-width: min-content;
		}
		#instruction-modal .modal-card-body {
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			row-gap: 2rem;
			border-top-left-radius: 24px;
			border-top-right-radius: 24px;
		}
		#instruction-modal .modal-card-header {
			display: flex;
			width: 100%;
			flex-flow: column nowrap;
			align-items: center;
			text-wrap: balance;
		}
		#instruction-modal button.delete {
			align-self: flex-end;
			background-color: var(--red);
		}
		#instruction-modal button.delete::before,
		#instruction-modal button.delete::after {
			background-color: white;
		}
		#instruction-modal .modal-text-header {
			color: var(--red);
			text-align: center;
			line-height: normal;
			font-size: 4rem;
			font-weight: 800;
		}
		#instruction-modal .modal-text-subhead {
			color: var(--text-black);
			text-align: center;
			font-size: 1.25rem;
			font-weight: 600;
		}
		#instruction-modal .modal-card-blocks {
			display: flex;
			width: 100%;
			padding-left: 3rem;
			padding-right: 3rem;
			padding-bottom: 1rem;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			column-gap: 4rem;
			text-wrap: balance;
		}
		#instruction-modal .modal-card-block {
			display: flex;
			width: 45%;
			flex-flow: column nowrap;
			align-items: center;
			row-gap: 1rem;
		}
		#instruction-modal .modal-text-header-small {
			color: var(--red);
			text-align: center;
			line-height: normal;
			font-size: 1.5rem;
			font-weight: 700;
		}
		#instruction-modal .modal-text-subhead-small {
			color: var(--text-black);
			text-align: center;
			font-size: 1rem;
			font-weight: 500;
		}
		#instruction-modal .modal-card-img {
			max-width: 400px;
			border-radius: 32px;
			outline: 2px solid var(--red);
			outline-offset: 2px;
		}
		#instruction-modal .modal-text-instructions {
			color: var(--text-black);
			text-align: center;
			font-size: 1.25rem;
			font-weight: 500;
		}
		#instruction-modal .modal-text-instructions a {
			color: var(--red);
			text-decoration: underline 2px;
		}
		#instruction-modal .modal-text-instructions a:hover,
		#instruction-modal .modal-text-instructions a:focus {
			color: var(--dark-green);
		}
		#instruction-modal .modal-card-divider {
			width: 0%;
			border: 1px solid var(--v-light-grey);
			align-self: stretch;
		}
		#instruction-modal .modal-card-divider hr {
			height: 2px;
			margin: 0.5rem;
			background-color: var(--v-light-grey);
		}
		#instruction-modal .modal-card-foot {
			background-color: var(--v-light-green);
			border-top: 2px solid var(--dark-green);
			border-bottom-left-radius: 24px;
			border-bottom-right-radius: 24px;
		}
		/* Mobile layout adjustments */
		@media screen and (max-width: 768px) {
			#instruction-modal .modal-text-header { font-size: 3rem; }
			#instruction-modal .modal-card-blocks {
				flex-flow: column nowrap;
				padding-left: 1rem;
				padding-right: 1rem;
			}
			#instruction-modal .modal-card-block { width: 100%; }
			#instruction-modal .modal-card-img { max-width: 70vw; }
			#instruction-modal .modal-card-divider {
				border: none;
				width: 100%;
			}
		}

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

	/*** GLOBAL ATTRIBUTE TOOLTIPS ***/

		/* Style product and checkout attribute tooltips */
		.attribute .attributeTitle .tooltip-html-container p,
		.checkout_attribute_item .checkout_attribute_title .tooltip-html-container p,
		.priceScriptMessageItem .tooltip-html-container {
			font-size: 0.875rem !important;
		}
		.attribute .attributeTitle .tooltip-html-container p:not(:last-child),
		.checkout_attribute_item .checkout_attribute_title .tooltip-html-container p:not(:last-child) {
			padding-bottom: 0.5rem !important;
		}
		.attribute .attributeTitle .tooltip-html-container hr,
		.checkout_attribute_item .checkout_attribute_title .tooltip-html-container hr {
			margin: 0px !important;
			min-height: 2px !important;
			height: 2px !important;
			max-height: 2px !important;
		}
		.attribute .attributeTitle .tooltip-html-container hr + p,
		.checkout_attribute_item .checkout_attribute_title .tooltip-html-container hr + p {
			padding-top: 0.5rem !important;
		}

	/*** END GLOBAL ATTRIBUTE TOOLTIPS***/

	/*** 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.cart--productinfo > .iopNameEditingArea {
			display: flex;
			align-items: center;
		}
		tr.cart-item-row > td.cart--productinfo > .iopNameEditingArea span.customIoplabel {
			font-weight: 700;
		}
		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);
		}
		td.cart--unitprice:has(.price-table.multi-sku) {
			display: flex;
			flex-direction: column-reverse;
			row-gap: 2.5rem;
		}
		td.cart--unitprice .price-table.multi-sku {
			position: absolute;
			padding: 0.5rem 1rem 0.5rem 1rem;
			border-radius: 24px;
			font-weight: 700;
			color: var(--dark-green);
		}
		tr.cart-item-row:nth-of-type(even) td.cart--unitprice .price-table.multi-sku {
			background-color: white;
		}
		tr.cart-item-row:nth-of-type(odd) td.cart--unitprice .price-table.multi-sku {
			background-color: var(--light-green);
		}
		/* 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 checkout attributes area */
		div.checkout-attributes {
			border-top: 2px solid var(--light-green) !important;
			border-bottom: 2px solid var(--light-green) !important;
			padding-top: 0.5rem !important;
			padding-bottom: 0.5rem !important;
		}
		div.checkout-attributes > div.checkout_attribute_item:first-of-type {
			padding-left: 0;
		}
		div.checkout-attributes > div.checkout_attribute_item:last-of-type {
			padding-right: 0;
		}
		div.checkout-attributes div.checkout_attribute_title {
			background-color: var(--dark-green);
			color: white;
			padding-top: 0.375rem !important;
			padding-bottom: 0.375rem !important;
			padding-left: 1rem !important;
			margin-bottom: 0.5rem;
			letter-spacing: 0.25px;
		}
		div.checkout_attribute_title span.vue-component-wrapper:has(>div.cf-tooltip) {
			margin-left: 0.25rem;
		}
		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);
			margin-left: 0.25rem;
		}

		/* 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;
				padding-left: 0 !important;
				padding-right: 0 !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;
			}
			td.cart--unitprice:has(.price-table.multi-sku) {
				flex-direction: row-reverse;
				column-gap: 1rem;
			}
		}

	/*** 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 {
			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%;
			font-weight: 700;
			font-size: 1.25rem;
			margin-right: 0.75rem;
		}
		ol#checkoutSteps li.section div.number {
			background-color: white;
		}

		/* Checkout step icons */
		ol#checkoutSteps li.section div.step-title {
			display: flex;
			align-items: center;
		}
		ol#checkoutSteps li.section div.step-title.request-after-now { display: none; }
		ol#checkoutSteps li.section div.step-title::before {
			font-family: "Font Awesome 5 Pro";
			font-size: 2rem;
			font-weight: 300;
			margin-right: 0.75rem;
			width: 36px;
			text-align: center;
		}
		ol#checkoutSteps li#opc-billing div.step-title::before {
			/* Invoice with dollar sign */
			content: "\f571";
			color: var(--red);
		}
		ol#checkoutSteps li#opc-shipping div.step-title::before {
			/* Shipping box */
			content: "\f466";
			color: var(--dark-purple);
		}
		ol#checkoutSteps li#opc-shipping_method div.step-title::before {
			/* Box on dolly */
			content: "\f472";
			color: var(--dark-orange);
		}
		ol#checkoutSteps li#opc-payment_method div.step-title::before {
			/* Banknote */
			content: "\f53a";
			color: var(--dark-blue);
		}
		ol#checkoutSteps li#opc-payment_info div.step-title::before {
			/* Payment form */
			content: "\f53c";
			color: var(--dark-blue);
		}
		ol#checkoutSteps li#opc-confirm_order div.step-title::before {
			/* Box with checkmark */
			content: "\e0c4";
			color: var(--dark-green);
		}
		/* Check off completed steps */
		/* Selects all sections that have the active section
		 * as a subsequent sibling node (~ combinator) */
		ol#checkoutSteps li.section:has(~ li.section.active) div.number {
			color: transparent !important;
		}
		ol#checkoutSteps li.section:has(~ li.section.active) div.number::before {
			color: white;
			content: "\2714";
			position: absolute;
			font-size: 2rem;
		}
		ol#checkoutSteps div.step-title h2 {
			font-weight: 700;
			text-transform: uppercase;
			font-size: 1.25rem;
			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;
		}
		#checkoutSteps .back-link > .catfish-button > small::after {
			content: " ";
			white-space: pre;
		}
		#checkoutSteps li.section[id*="opc-"] div.buttons[id*="-buttons-container"] {
			display: flex;
			justify-content: space-between;
		}

		/* Fix address book dropdown arrow icons blocking clickable area */
		#checkoutSteps .advanced-select button.collapse-button > svg { pointer-events: none; }
		/* Re-order address input form fields */
		#checkoutSteps .address-table-container tbody {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		/* Fit two fields per form line... */
		#checkoutSteps .address-table-container tr { width: 48%; }
		/* ...except for these fields, they each get a whole line: */
		#checkoutSteps .address-table-container tr:has(input[id$="_Company"]),
		#checkoutSteps .address-table-container tr:has(input[id$="_Address1"]),
		#checkoutSteps .address-table-container tr:has(input[id$="_Address2"]) {
			width: 100%;
		}
		/* Set a more sensical field order */
		/* This doesn't change tab order so tabbing will jump all over the place. */
		/* CSS can't change that; users can deal. */
		#checkoutSteps .address-table-container tr:has(input[id$="_FirstName"]) { order: 1; }
		#checkoutSteps .address-table-container tr:has(input[id$="_LastName"]) { order: 2; }
		#checkoutSteps .address-table-container tr:has(input[id$="_Company"]) { order: 3; }
		#checkoutSteps .address-table-container tr:has(input[id$="_Address1"]) { order: 4; }
		#checkoutSteps .address-table-container tr:has(input[id$="_Address2"]) { order: 5; }
		#checkoutSteps .address-table-container tr:has(input[id$="_City"]) { order: 6; }
		#checkoutSteps .address-table-container tr:has(select[id$="_StateProvinceId"]) { order: 7; }
		#checkoutSteps .address-table-container tr:has(input[id$="_ZipPostalCode"]) { order: 8; }
		#checkoutSteps .address-table-container tr:has(select[id$="_CountryId"]) { order: 9; }
		#checkoutSteps .address-table-container tr:has(input[id$="_PhoneNumber"]) { order: 10; }
		#checkoutSteps .address-table-container tr:has(input[id$="_Email"]) { order: 11; }

		/* Color-code individual checkout steps */
		/* Step 1: Billing Address */
		#checkoutSteps #opc-billing .sectionheader { background-color: var(--light-red); }
		#checkoutSteps #opc-billing .number,
		#checkoutSteps #opc-billing .step-title h2,
		#checkoutSteps #opc-billing label#addressySearchText {
			color: var(--red);
		}
		#checkoutSteps #opc-billing.active .number { border: 3px solid var(--red); }
		#checkoutSteps #opc-billing:has(~ .active) .number { background-color: var(--red); }
		#checkoutSteps #opc-billing .address-table-container .catfish-input,
		#checkoutSteps #opc-billing .address-table-container .catfish-select {
			background: var(--translucent-light-red);
		}
		#checkoutSteps #opc-billing .catfish-input:hover,
		#checkoutSteps #opc-billing .catfish-input:focus,
		#checkoutSteps #opc-billing .catfish-input:active,
		#checkoutSteps #opc-billing .catfish-select:hover,
		#checkoutSteps #opc-billing .catfish-select:focus,
		#checkoutSteps #opc-billing .catfish-select:active {
			border-color: var(--red);
			box-shadow: 0 0 0 0.125em var(--v-translucent-light-red);
		}
		#checkoutSteps #opc-billing label[for="billing-address-select"] a {
			color: var(--red);
			text-decoration: underline 2px;
		}
		#checkoutSteps #opc-billing .billing-address-select-label {
			color: var(--red);
			font-size: 1.25rem;
			font-weight: 600;
			text-align: left;
		}
		#checkoutSteps #opc-billing .advanced-select {
			margin-top: 0;
			filter: drop-shadow(0 0.5rem 0.5rem var(--translucent-v-light-grey));
		}
		#checkoutSteps #opc-billing .advanced-select .selected-item,
		#checkoutSteps #opc-billing .Addressy div:has(> input.searchField) {
			border: 2px solid var(--red) !important;
		}
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper { margin-bottom: 1.5rem; }
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper input:hover,
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper input:active,
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper input:focus {
			border-color: var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .item-list {
			border-left: 2px solid var(--red);
			border-right: 2px solid var(--red);
			background-color: var(--v-light-red);
			color: var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .item-list .item .column {
			padding-top: 0.125rem;
			padding-bottom: 0.125rem;
			padding-left: 0;
			padding-right: 0;
		}
		#checkoutSteps #opc-billing .advanced-select .item-list .item:nth-of-type(even) {
			background-color: var(--v-translucent-light-red);
		}
		#checkoutSteps #opc-billing .advanced-select .item-list .item .button {
			border-color: var(--red);
			color: var(--text-black);
		}
		#checkoutSteps #opc-billing .advanced-select .item-list .item .button:hover,
		#checkoutSteps #opc-billing .advanced-select .item-list .item .button:focus {
			background-color: var(--red);
			border-color: var(--red);
			color: white;
		}
		#checkoutSteps #opc-billing .advanced-select .footer-controls {
			justify-content: space-between;
			border-left: 2px solid var(--red);
			border-bottom: 2px solid var(--red);
			border-right: 2px solid var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .search-button,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .action-button,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-link.is-current {
			background-color: var(--red);
			color: white;
		}
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-previous,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-next,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-link {
			background-color: white;
			border-color: var(--red);
			color: var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-previous:hover,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-next:hover,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .pagination-link:not(.is-current):hover {
			background-color: var(--translucent-light-red);
			color: var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .search-button:hover,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .action-button:hover {
			background-color: white;
			border: 2px solid var(--red);
			color: var(--red);
		}
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper input:active,
		#checkoutSteps #opc-billing .advanced-select .controls-wrapper input:focus,
		#checkoutSteps #opc-billing .advanced-select .search-button:focus,
		#checkoutSteps #opc-billing .advanced-select .footer-controls .action-button:focus {
			box-shadow: 0 0 0 0.125em var(--v-translucent-light-red);
		}
		#checkoutSteps #opc-billing .back-link { order: 1; }
		#checkoutSteps #opc-billing #billing-please-wait { order: 2; }
		#checkoutSteps #opc-billing .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-billing .back-link .catfish-button,
		#checkoutSteps #opc-billing .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-billing .back-link .catfish-button::after {
			content: " to Cart";
			white-space: pre;
		}
		#checkoutSteps #opc-billing .catfish-button[class*="nextstep"] { background-color: var(--red); }
		#checkoutSteps #opc-billing .catfish-button[class*="nextstep"] > span::after {
			content: "  \1f86b";
			white-space: pre;
			font-size: 0.75rem;
		}
		#checkoutSteps #opc-billing .catfish-button[class*="nextstep"]:hover {
			color: var(--red);
			background: transparent;
			border: 2px solid var(--red);
		}
		/* Step 2: Shipping Address */
		#checkoutSteps #opc-shipping .sectionheader { background-color: var(--light-purple); }
		#checkoutSteps #opc-shipping .number,
		#checkoutSteps #opc-shipping .step-title h2,
		#checkoutSteps #opc-shipping label#addressySearchText {
			color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping.active .number { border: 3px solid var(--dark-purple); }
		#checkoutSteps #opc-shipping:has(~ .active) .number { background-color: var(--dark-purple); }
		#checkoutSteps #opc-shipping .address-table-container .catfish-input,
		#checkoutSteps #opc-shipping .address-table-container .catfish-select {
			background: var(--translucent-light-purple);
		}
		#checkoutSteps #opc-shipping .catfish-input:hover,
		#checkoutSteps #opc-shipping .catfish-input:focus,
		#checkoutSteps #opc-shipping .catfish-input:active,
		#checkoutSteps #opc-shipping .catfish-select:hover,
		#checkoutSteps #opc-shipping .catfish-select:focus,
		#checkoutSteps #opc-shipping .catfish-select:active {
			border-color: var(--dark-purple);
			box-shadow: 0 0 0 0.125em var(--v-translucent-light-purple);
		}
		#checkoutSteps #opc-shipping label[for="shipping-address-select"] a {
			color: var(--dark-purple);
			text-decoration: underline 2px;
		}
		#checkoutSteps #opc-shipping .shipping-address-select-label {
			color: var(--dark-purple);
			font-size: 1.25rem;
			font-weight: 600;
			text-align: left;
		}
		#checkoutSteps #opc-shipping .advanced-select {
			margin-top: 0;
			filter: drop-shadow(0 0.5rem 0.5rem var(--translucent-v-light-grey));
		}
		#checkoutSteps #opc-shipping .advanced-select .selected-item,
		#checkoutSteps #opc-shipping .Addressy div:has(> input.searchField) {
			border: 2px solid var(--dark-purple) !important;
		}
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper { margin-bottom: 1.5rem; }
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper input:hover,
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper input:active,
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper input:focus {
			border-color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .item-list {
			border-left: 2px solid var(--dark-purple);
			border-right: 2px solid var(--dark-purple);
			background-color: var(--v-light-purple);
			color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .item-list .item .column {
			padding-top: 0.125rem;
			padding-bottom: 0.125rem;
			padding-left: 0;
			padding-right: 0;
		}
		#checkoutSteps #opc-shipping .advanced-select .item-list .item:nth-of-type(even) {
			background-color: var(--v-translucent-light-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .item-list .item .button {
			border-color: var(--dark-purple);
			color: var(--text-black);
		}
		#checkoutSteps #opc-shipping .advanced-select .item-list .item .button:hover,
		#checkoutSteps #opc-shipping .advanced-select .item-list .item .button:focus {
			background-color: var(--dark-purple);
			border-color: var(--dark-purple);
			color: white;
		}
		#checkoutSteps #opc-shipping .advanced-select .footer-controls {
			justify-content: space-between;
			border-left: 2px solid var(--dark-purple);
			border-bottom: 2px solid var(--dark-purple);
			border-right: 2px solid var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .search-button,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .action-button,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-link.is-current {
			background-color: var(--dark-purple);
			color: white;
		}
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-previous,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-next,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-link {
			background-color: white;
			border-color: var(--dark-purple);
			color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-previous:hover,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-next:hover,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .pagination-link:not(.is-current):hover {
			background-color: var(--translucent-light-purple);
			color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .search-button:hover,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .action-button:hover {
			background-color: white;
			border: 2px solid var(--dark-purple);
			color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper input:active,
		#checkoutSteps #opc-shipping .advanced-select .controls-wrapper input:focus,
		#checkoutSteps #opc-shipping .advanced-select .search-button:focus,
		#checkoutSteps #opc-shipping .advanced-select .footer-controls .action-button:focus {
			box-shadow: 0 0 0 0.125em var(--v-translucent-light-purple);
		}
		#checkoutSteps #opc-shipping .back-link { order: 1; }
		#checkoutSteps #opc-shipping #shipping-please-wait { order: 2; }
		#checkoutSteps #opc-shipping .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-shipping .one-time-shipping-address { order: 4; }
		#checkoutSteps #opc-shipping .back-link .catfish-button,
		#checkoutSteps #opc-shipping .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-shipping .cancel-edit-shipping-address,
		#checkoutSteps #opc-shipping .back-link .catfish-button {
			color: var(--red) !important;
			border-color: var(--red) !important;
			background-color: transparent;
		}
		#checkoutSteps #opc-shipping .back-link .catfish-button::after {
			content: " to Billing";
			white-space: pre;
		}
		#checkoutSteps #opc-shipping .catfish-button[class*="nextstep"],
		#checkoutSteps #opc-shipping .catfish-button.one-time-shipping-address {
			background-color: var(--dark-purple);
		}
		#checkoutSteps #opc-shipping .catfish-button[class*="nextstep"] > span::after,
		#checkoutSteps #opc-shipping .catfish-button.one-time-shipping-address > span::after {
			content: "  \1f86b";
			white-space: pre;
			font-size: 0.75rem;
		}
		#checkoutSteps #opc-shipping .update-shipping-address,
		#checkoutSteps #opc-shipping .save-as-new-shipping-address,
		#checkoutSteps #opc-shipping .edit-shipping-address,
		#checkoutSteps #opc-shipping .catfish-button[class*="nextstep"]:hover,
		#checkoutSteps #opc-shipping .catfish-button.one-time-shipping-address:hover {
			color: var(--dark-purple) !important;
			background: transparent;
			border: 2px solid var(--dark-purple) !important;
		}
		/* Step 3: Shipping Method */
		#checkoutSteps #opc-shipping_method .sectionheader { background-color: var(--light-orange); }
		#checkoutSteps #opc-shipping_method .number,
		#checkoutSteps #opc-shipping_method .step-title h2,
		#checkoutSteps #opc-shipping_method .shipping-option-item label::before {
			color: var(--dark-orange);
		}
		#checkoutSteps #opc-shipping_method.active .number { border: 3px solid var(--dark-orange); }
		#checkoutSteps #opc-shipping_method:has(~ .active) .number { background-color: var(--dark-orange); }
		#checkoutSteps #opc-shipping_method .shipping-option-item label:hover { border-color: var(--translucent-light-orange); }
		#checkoutSteps #opc-shipping_method .shipping-option-item input:checked + label {
			background-color: var(--translucent-light-orange);
			border: solid 4px var(--dark-orange) !important;
		}
		#checkoutSteps #opc-shipping_method .back-link { order: 1; }
		#checkoutSteps #opc-shipping_method #shipping-method-please-wait { order: 2; }
		#checkoutSteps #opc-shipping_method .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-shipping_method .back-link .catfish-button,
		#checkoutSteps #opc-shipping_method .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-shipping_method .back-link .catfish-button {
			color: var(--dark-purple) !important;
			border-color: var(--dark-purple) !important;
		}
		#checkoutSteps #opc-shipping_method .back-link .catfish-button::after {
			content: " to Shipping";
			white-space: pre;
		}
		#checkoutSteps #opc-shipping_method .catfish-button[class*="nextstep"] { background-color: var(--dark-orange); }
		#checkoutSteps #opc-shipping_method .catfish-button[class*="nextstep"] > span::after {
			content: "  \1f86b";
			white-space: pre;
			font-size: 0.75rem;
		}
		#checkoutSteps #opc-shipping_method .catfish-button[class*="nextstep"]:hover {
			color: var(--dark-orange);
			background: transparent;
			border: 2px solid var(--dark-orange);
		}
		/* Step 4: Payment Method */
		#checkoutSteps #opc-payment_method .sectionheader { background-color: var(--light-blue); }
		#checkoutSteps #opc-payment_method .number,
		#checkoutSteps #opc-payment_method .step-title h2,
		#checkoutSteps #opc-payment_method .payment-method-item label::before {
			color: var(--dark-blue);
		}
		#checkoutSteps #opc-payment_method.active .number { border: 3px solid var(--dark-blue); }
		#checkoutSteps #opc-payment_method:has(~ .active) .number { background-color: var(--dark-blue); }
		#checkoutSteps #opc-payment_method .payment-method-item label:hover { border-color: var(--translucent-light-blue); }
		#checkoutSteps #opc-payment_method .payment-method-item input:checked + label {
			background-color: var(--translucent-light-blue);
			border: solid 4px var(--dark-blue) !important;
		}
		#checkoutSteps #opc-payment_method .back-link { order: 1; }
		#checkoutSteps #opc-payment_method #payment-method-please-wait { order: 2; }
		#checkoutSteps #opc-payment_method .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-payment_method .back-link .catfish-button,
		#checkoutSteps #opc-payment_method .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-payment_method .back-link .catfish-button {
			color: var(--dark-orange) !important;
			border-color: var(--dark-orange) !important;
		}
		#checkoutSteps #opc-payment_method .back-link .catfish-button::after {
			content: " to Ship Method";
			white-space: pre;
		}
		#checkoutSteps #opc-payment_method .catfish-button[class*="nextstep"] { background-color: var(--dark-blue); }
		#checkoutSteps #opc-payment_method .catfish-button[class*="nextstep"] > span::after {
			content: "  \1f86b";
			white-space: pre;
			font-size: 0.75rem;
		}
		#checkoutSteps #opc-payment_method .catfish-button[class*="nextstep"]:hover {
			color: var(--dark-blue);
			background: transparent;
			border: 2px solid var(--dark-blue);
		}
		/* Step 5: Payment Info */
		#checkoutSteps #opc-payment_info .sectionheader { background-color: var(--light-blue); }
		#checkoutSteps #opc-payment_info .number,
		#checkoutSteps #opc-payment_info .step-title h2 {
			color: var(--dark-blue);
		}
		#checkoutSteps #opc-payment_info .catfish-input:hover,
		#checkoutSteps #opc-payment_info .catfish-input:focus,
		#checkoutSteps #opc-payment_info .catfish-input:active {
			border-color: var(--dark-blue);
			box-shadow: 0 0 0 0.125em var(--v-translucent-light-blue);
		}
		#checkoutSteps #opc-payment_info.active .number { border: 3px solid var(--dark-blue); }
		#checkoutSteps #opc-payment_info:has(~ .active) .number { background-color: var(--dark-blue); }
		#checkoutSteps #opc-payment_info .back-link { order: 1; }
		#checkoutSteps #opc-payment_info #payment-info-please-wait { order: 2; }
		#checkoutSteps #opc-payment_info .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-payment_info .back-link .catfish-button,
		#checkoutSteps #opc-payment_info .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-payment_info .back-link .catfish-button {
			color: var(--dark-blue) !important;
			border-color: var(--dark-blue) !important;
		}
		#checkoutSteps #opc-payment_info .back-link .catfish-button::after {
			content: " to Payment Method";
			white-space: pre;
		}
		#checkoutSteps #opc-payment_info .catfish-button[class*="nextstep"] { background-color: var(--dark-blue); }
		#checkoutSteps #opc-payment_info .catfish-button[class*="nextstep"] > span::after {
			content: "  \1f86b";
			white-space: pre;
			font-size: 0.75rem;
		}
		#checkoutSteps #opc-payment_info .catfish-button[class*="nextstep"]:hover {
			color: var(--dark-blue);
			background: transparent;
			border: 2px solid var(--dark-blue);
		}
		/* Step 6: Confirm Order */
		#checkoutSteps #opc-confirm_order .sectionheader { background-color: var(--light-green); }
		#checkoutSteps #opc-confirm_order .number,
		#checkoutSteps #opc-confirm_order .step-title h2 {
			color: var(--dark-green);
		}
		#checkoutSteps #opc-confirm_order.active .number { border: 3px solid var(--dark-green); }
		#checkoutSteps #opc-confirm_order:has(~ .active) .number { background-color: var(--dark-green); }
		#checkoutSteps #opc-confirm_order #confirm-order-buttons-container { margin-top: 1.5rem; }
		#checkoutSteps #opc-confirm_order .back-link { order: 1; }
		#checkoutSteps #opc-confirm_order #confirm-order-please-wait { order: 2; }
		#checkoutSteps #opc-confirm_order .catfish-button[class*="nextstep"] { order: 3; }
		#checkoutSteps #opc-confirm_order .back-link .catfish-button,
		#checkoutSteps #opc-confirm_order .catfish-button[class*="nextstep"] {
			margin-bottom: 0;
		}
		#checkoutSteps #opc-confirm_order .back-link .catfish-button {
			color: var(--dark-blue) !important;
			border-color: var(--dark-blue) !important;
		}
		#checkoutSteps #opc-confirm_order .back-link .catfish-button::after {
			content: " to Payment";
			white-space: pre;
		}
		#checkoutSteps #opc-confirm_order .catfish-button[class*="nextstep"] > span::after {
			/* "Confirm" button: adding " & Pay" */
			content: "\00A0\0026\00A0Pay";
			white-space: pre;
		}

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

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

		/* Style address book dropdowns */
		.enter-address-body .address-search-area > input.search::placeholder {
			font-weight: 500;
		}
		/* Label for the address list below the search field */
		.enter-address-body .address-search-wrapper::after {
			content: "Saved Addresses:";
			font-weight: 600;
			display: inline-block;
			position: relative;
			top: 1.75rem;
		}

		/* Add space above ship options for messages */
		#checkout-shipping-method-load {
			margin-top: 2rem;
		}

		/* 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,
		.shipping-option-item:has(.tooltip[data-tooltip*="INTERNATIONAL_CONNECT_PLUS"]) label::before {
			/* Regular truck */
			content: "\f0d1" !important;
		}
		.shipping-option-item:has(input[value*="Express Saver"]) label::before {
			/* Speedy truck */
			content: "\f48b" !important;
		}
		.shipping-option-item:has(input[value*="2-Day"]) label::before,
		.shipping-option-item:has(input[value*="2Day"]) label::before {
			/* Speedy truck (change to something else - racecar?) */
			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;
		}

		/* Hide any "Standard Overnight Saturday" delivery option: */
		/* this is not an available option in our FedEx account */
		.shipping-option-item:has(input[value*="Standard Overnight"][value*="Saturday"]) {
			display: none !important;
		}
		/* Specify no Saturday deliveries! */
		.shipping-option-item:has(input[value*="Standard Overnight"]) label::after {
			content: "(Mon - Fri only)";
			font-size: 0.875rem;
			font-weight: 600;
			color: var(--red);
			white-space: pre;
			position: relative;
			top: 0.5rem;
		}
		.shipping-option-item:has(input[value*="Priority Overnight"]) label::after {
			content: "(Normally Mon - Fri,\aSat by request only)";
			font-size: 0.875rem;
			font-weight: 600;
			color: var(--red);
			white-space: pre;
			position: relative;
			top: 0.5rem;
		}

		/* Style ship option tooltip text */
		.shipping-option-item .tooltip .option-description,
		.shipping-option-item .tooltip .option-description p {
			font-size: 0.875rem !important;
			text-wrap: balance;
		}
		.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 multi-SKU discount callout */
		#opc-confirm_order .priceScriptMessageItem .multi-sku {
			border-radius: 36px;
			text-align: center;
			margin-right: 0.75rem;
		}

		/* Style order summary table */
		#opc-confirm_order #checkout-confirm-order-load > .subtitle {
			text-align: center;
			text-transform: uppercase;
			font-weight: 700;
			color: var(--dark-green);
			font-size: 1.5rem;
			letter-spacing: 1.5px;
		}
		#opc-confirm_order .cart-item-row .cart--productinfo .product__title { font-weight: bold; }
		#opc-confirm_order .cart-item-row .cart--productinfo .rawAttributeInfo__item > span.title,
		#opc-confirm_order .cart-item-row .cart--productinfo .rawAttributeInfo__item > span.separator {
			font-weight: 700;
			color: var(--text-black);
		}
		#opc-confirm_order .selected-checkout-attributes {
			margin-top: 2rem;
			margin-bottom: 2rem;
		}
		#opc-confirm_order .selected-checkout-attributes > .box > .catfish-container {
			color: var(--text-black);
			font-weight: 500;
		}

		/* 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 \2022 Mastercard \2022 Discover \2022 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(--translucent-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 ***/
		body.About_Us .content section[id] { scroll-margin-top: 8rem; }

		#about-us-header {
			padding-top: 16rem;
			padding-bottom: 16rem;
		}
		@media screen and (max-width: 1280px) {
			#about-us-header {
				background-size: 120%;
				padding-bottom: 0 !important;
			}
		}

		/* Flipcard-related variables */
		:root {
			--fc-flip-speed: 0.25s;
			--fc-flip-perspective: perspective(150rem);
			--fc-container-gap: 2rem;
			--fc-card-large-W: 32rem;
			--fc-card-large-H: 48rem;
			--fc-card-small-W: 24rem;
			--fc-card-small-H: 42rem;
			--fc-text-padding-T: 1.5rem;
			--fc-text-padding-LR: 1.25rem;
			--fc-title-size: 1.5rem;
			--fc-title-paragraph-space: 0.875rem;
			--fc-text-size: 1.125rem;
			--fc-text-line-height: 1.375rem;
			--fc-text-paragraph-space: 0.625rem;
			--fc-button-margin-T: 1.125rem;
			--fc-button-size: 2.75rem;
			--fc-button-label: 1.5rem;
		}
		/* Flipcard variable mobile overrides */
		/* (Smaller cards, text, margins, buttons, etc. for small screens) */
		@media screen and (max-width:1280px) {
			:root {
				--fc-container-gap: 1.5rem;
				--fc-card-large-W: 24rem;
				--fc-card-large-H: 40rem;
				--fc-card-small-W: 20rem;
				--fc-card-small-H: 32rem;
				--fc-text-padding-T: 1rem;
				--fc-text-padding-LR: 0.875rem;
				--fc-title-size: 1.25rem;
				--fc-title-paragraph-space: 0.625rem;
				--fc-text-size: 1rem;
				--fc-text-line-height: 1.125rem;
				--fc-text-paragraph-space: 0.5rem;
				--fc-button-margin-T: 0.75rem;
				--fc-button-size: 2.125rem;
				--fc-button-label: 1.125rem;
			}
		}

		/* Flex container for a series of flipcards */
		.flipcard-container {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			column-gap: var(--fc-container-gap);
			row-gap: var(--fc-container-gap);
		}

		/* Flipcard base element */
		.flipcard {
			transform-style: preserve-3d;
		}
		.flipcard-large {
			min-width: var(--fc-card-large-W);
			width: var(--fc-card-large-W);
			max-width: var(--fc-card-large-W);
			min-height: var(--fc-card-large-H);
			height: var(--fc-card-large-H);
			max-height: var(--fc-card-large-H);
		}
		.flipcard-small {
			min-width: var(--fc-card-small-W);
			width: var(--fc-card-small-W);
			max-width: var(--fc-card-small-W);
			min-height: var(--fc-card-small-H);
			height: var(--fc-card-small-H);
			max-height: var(--fc-card-small-H);
		}
		/* Flipcard color themes */
		/* No color specified = blue default */
		.flipcard-front,
		.flipcard-blue .flipcard-front {
			background-color: var(--light-blue);
		}
		.flipcard-back,
		.flipcard-button,
		.flipcard-blue .flipcard-back,
		.flipcard-blue .flipcard-button {
			background-color: var(--dark-blue);
		}
		.card-title,
		.flipcard-blue .card-title {
			color: var(--dark-blue);
		}
		.flipcard-button:hover,
		.flipcard-blue .flipcard-button:hover {
			border: solid 2px var(--dark-blue);
			color: var(--dark-blue);
		}
		/* Green */
		.flipcard-green .flipcard-front {
			background-color: var(--light-green);
		}
		.flipcard-green .flipcard-back,
		.flipcard-green .flipcard-button {
			background-color: var(--dark-green);
		}
		.flipcard-green .card-title {
			color: var(--dark-green);
		}
		.flipcard-green .flipcard-button:hover {
			border: solid 2px var(--dark-green);
			color: var(--dark-green);
		}
		/* Orange */
		.flipcard-orange .flipcard-front {
			background-color: var(--light-orange);
		}
		.flipcard-orange .flipcard-back,
		.flipcard-orange .flipcard-button {
			background-color: var(--dark-orange);
		}
		.flipcard-orange .card-title {
			color: var(--dark-orange);
		}
		.flipcard-orange .flipcard-button:hover {
			border: solid 2px var(--dark-orange);
			color: var(--dark-orange);
		}
		/* Purple */
		.flipcard-purple .flipcard-front {
			background-color: var(--light-purple);
		}
		.flipcard-purple .flipcard-back,
		.flipcard-purple .flipcard-button {
			background-color: var(--dark-purple);
		}
		.flipcard-purple .card-title {
			color: var(--dark-purple);
		}
		.flipcard-purple .flipcard-button:hover {
			border: solid 2px var(--dark-purple);
			color: var(--dark-purple);
		}

		/* Flipcard front + back faces */
		/* Each card face is a flex column of 1 image + 1 textbox */
		.flipcard-front,
		.flipcard-back {
			display: flex;
			flex-flow: column nowrap;
			position: absolute;
			height: 100%;
			box-sizing: border-box;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			border-radius: 2rem;
			padding: 1.25rem;
			transition: transform var(--fc-flip-speed) ease;
		}

		/* Card flip animation (between front + back faces) */
		.flipcard-front,
		.flipped .flipcard-back {
			transform: var(--fc-flip-perspective) rotateY(0deg);
		}
		.flipcard-back {
			transform: var(--fc-flip-perspective) rotateY(180deg);
		}
		.flipped .flipcard-front {
			transform: var(--fc-flip-perspective) rotateY(-180deg);
		}

		/* Flipcard image frame */
		/* 1st element in the card face flex container */
		/* Image frame shrinks vertically if card text is long */
		/* IMPORTANT: This card template assumes images placed in these frames will be roughly square. An image that's much taller than it is wide may cause layout issues (like pushing text outside of the card frame). */
		.flipcard-image {
			flex: 0 1 auto;
			display: flex;
			outline: 4px white solid;
			border-radius: 1.25rem;
			overflow: hidden;
		}
		/* Position image within size-changing frame */
		/* This object-position intends to center vertically at roughly eye level */
		/* (to keep faces well-framed on headshots; eyes are about 25% down from top edge) */
		/* Override with inline styles as needed: <img style="object-position: H% V%;"> */
		/* H% = horizontal distance, rightward from left edge (usually 50%) */
		/* V% = vertical distance, downward from top edge */
		.flipcard-image img {
			width: 100%;
			object-fit: cover;
			object-position: 50% 25%;
		}

		/* Flipcard textbox */
		/* 2nd/last element in the card face flex container */
		/* Expands to fit larger blocks of text (taking space from image above) */
		/* Also a flex column container itself for text + button */
		.flipcard-textbox {
			flex: 1 0 0;
			display: flex;
			flex-flow: column nowrap;
			justify-content: flex-start;
			height: 100%;
			background-color: white;
			border-radius: 1.25rem;
			margin-top: 1.25rem;
			padding-top: var(--fc-text-padding-T);
			padding-left: var(--fc-text-padding-LR);
			padding-right: var(--fc-text-padding-LR);
			padding-bottom: 1.125rem;
		}
		.flipcard-textbox *:first-child {
			margin-top: 0px;
		}
		.flipcard-textbox *:last-child {
			margin-bottom: 0px;
		}

		/* 1st element in the textbox flex container */
		/* Expands to fill empty space if text is short and image is already max size */
		/* (this keeps the card flip button below the text pushed down to the bottom */
		/* edge of the textbox, so the button doesn't move up when the text is short) */
		.flipcard-text {
			flex: 1 0 0;
		}
		.flipcard-text h3.card-title {
			text-align: center;
			font-weight: 700;
			font-size: var(--fc-title-size);
			margin-bottom: var(--fc-title-paragraph-space);
		}
		.flipcard-text p.card-text {
			color: var(--text-black);
			font-weight: 500;
			font-size: var(--fc-text-size);
			line-height: var(--fc-text-line-height);
			margin-bottom: var(--fc-text-paragraph-space);
			text-align: left;
		}
		.flipcard-text p.card-text:last-of-type {
			margin-bottom: 0px;
		}

		/* Flipcard flip button */
		/* Last element in the textbox flex container */
		.flipcard-button {
			align-self: center;
			font-size: var(--fc-button-label);
			border: solid 2px transparent;
			color: white;
			height: var(--fc-button-size);
			width: var(--fc-button-size);
			border-radius: 100%;
			cursor: pointer;
			margin-top: var(--fc-button-margin-T);
		}
		.flipcard-button:hover {
			background-color: transparent;
		}

	/*** END ABOUT US PAGE ***/

	/*** HOW IT WORKS PAGE ***/
		.steps-number {
			max-width: 200px;
			margin-left: auto;
			margin-right: auto;
		}
	/*** END HOW IT WORKS PAGE ***/

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