/** default Palette **/
:root {
--colour-content_background-r: 18;
--colour-content_background-g: 18;
--colour-content_background-b: 18;
--colour-content_background: #121212;
--colour-alternative_content_background-r: 24;
--colour-alternative_content_background-g: 24;
--colour-alternative_content_background-b: 24;
--colour-alternative_content_background: #181818;
--colour-content_text-r: 153;
--colour-content_text-g: 153;
--colour-content_text-b: 153;
--colour-content_text: #999999;
--colour-content_link-r: 46;
--colour-content_link-g: 187;
--colour-content_link-b: 84;
--colour-content_link: #2ebb54;
--colour-content_heading-r: 255;
--colour-content_heading-g: 255;
--colour-content_heading-b: 255;
--colour-content_heading: #ffffff;
--colour-accent-r: 40;
--colour-accent-g: 40;
--colour-accent-b: 40;
--colour-accent: #282828;
--colour-card_background-r: 0;
--colour-card_background-g: 0;
--colour-card_background-b: 0;
--colour-card_background: #000000;
--colour-card_text-r: 153;
--colour-card_text-g: 153;
--colour-card_text-b: 153;
--colour-card_text: #999999;
--colour-card_heading-r: 255;
--colour-card_heading-g: 255;
--colour-card_heading-b: 255;
--colour-card_heading: #ffffff;
--colour-card_link-r: 153;
--colour-card_link-g: 153;
--colour-card_link-b: 153;
--colour-card_link: #999999;
--colour-border-r: 40;
--colour-border-g: 40;
--colour-border-b: 40;
--colour-border: #282828;
--colour-primary_button_background-r: 46;
--colour-primary_button_background-g: 187;
--colour-primary_button_background-b: 84;
--colour-primary_button_background: #2ebb54;
--colour-primary_button_text-r: 255;
--colour-primary_button_text-g: 255;
--colour-primary_button_text-b: 255;
--colour-primary_button_text: #ffffff;
--colour-secondary_button_background-r: 40;
--colour-secondary_button_background-g: 40;
--colour-secondary_button_background-b: 40;
--colour-secondary_button_background: #282828;
--colour-secondary_button_text-r: 255;
--colour-secondary_button_text-g: 255;
--colour-secondary_button_text-b: 255;
--colour-secondary_button_text: #ffffff;
--colour-tertiary_button_outline-r: 40;
--colour-tertiary_button_outline-g: 40;
--colour-tertiary_button_outline-b: 40;
--colour-tertiary_button_outline: #282828;
--colour-tertiary_button_text-r: 255;
--colour-tertiary_button_text-g: 255;
--colour-tertiary_button_text-b: 255;
--colour-tertiary_button_text: #ffffff;
--colour-content_icon-r: var(--colour-content_heading-r, 255);
--colour-content_icon-g: var(--colour-content_heading-g, 255);
--colour-content_icon-b: var(--colour-content_heading-b, 255);
--colour-content_icon: var(--colour-content_heading, #ffffff);
--colour-content__form_background-r: var(--colour-content_background-r, 18);
--colour-content__form_background-g: var(--colour-content_background-g, 18);
--colour-content__form_background-b: var(--colour-content_background-b, 18);
--colour-content__form_background: var(--colour-content_background, #121212);
--colour-content__form_text-r: var(--colour-content_text-r, 153);
--colour-content__form_text-g: var(--colour-content_text-g, 153);
--colour-content__form_text-b: var(--colour-content_text-b, 153);
--colour-content__form_text: var(--colour-content_text, #999999);
--colour-accent_best_text-r: 255;
--colour-accent_best_text-g: 255;
--colour-accent_best_text-b: 255;
--colour-accent_best_text: #ffffff;
--colour-accent_best_text: oklch(from var(--colour-accent) clamp(0, (l / 0.7 - 1) * -infinity, 1) 0 h);
--colour-header__accent_icon-r: var(--colour-header__accent_text-r, 153);
--colour-header__accent_icon-g: var(--colour-header__accent_text-g, 153);
--colour-header__accent_icon-b: var(--colour-header__accent_text-b, 153);
--colour-header__accent_icon: var(--colour-header__accent_text, #999999);
--colour-footer__accent_background-r: var(--colour-alternative_content_background-r, 24);
--colour-footer__accent_background-g: var(--colour-alternative_content_background-g, 24);
--colour-footer__accent_background-b: var(--colour-alternative_content_background-b, 24);
--colour-footer__accent_background: var(--colour-alternative_content_background, #181818);
--colour-footer__accent_text-r: var(--colour-footer__text-r, 153);
--colour-footer__accent_text-g: var(--colour-footer__text-g, 153);
--colour-footer__accent_text-b: var(--colour-footer__text-b, 153);
--colour-footer__accent_text: var(--colour-footer__text, #999999);
--colour-header__background-r: 18;
--colour-header__background-g: 18;
--colour-header__background-b: 18;
--colour-header__background: #121212;
--colour-header__dropdown_background-r: 40;
--colour-header__dropdown_background-g: 40;
--colour-header__dropdown_background-b: 40;
--colour-header__dropdown_background: #282828;
--colour-header__menu_text-r: 153;
--colour-header__menu_text-g: 153;
--colour-header__menu_text-b: 153;
--colour-header__menu_text: #999999;
--colour-header__logo_text-r: 255;
--colour-header__logo_text-g: 255;
--colour-header__logo_text-b: 255;
--colour-header__logo_text: #ffffff;
--colour-footer__background-r: 18;
--colour-footer__background-g: 18;
--colour-footer__background-b: 18;
--colour-footer__background: #121212;
--colour-footer__text-r: 153;
--colour-footer__text-g: 153;
--colour-footer__text-b: 153;
--colour-footer__text: #999999;
--colour-footer__icon-r: 255;
--colour-footer__icon-g: 255;
--colour-footer__icon-b: 255;
--colour-footer__icon: #ffffff;
--colour-footer__heading-r: 255;
--colour-footer__heading-g: 255;
--colour-footer__heading-b: 255;
--colour-footer__heading: #ffffff;
--colour-header__border-r: 40;
--colour-header__border-g: 40;
--colour-header__border-b: 40;
--colour-header__border: #282828;
--colour-header__icon-r: 153;
--colour-header__icon-g: 153;
--colour-header__icon-b: 153;
--colour-header__icon: #999999;
--colour-header__dropdown_text-r: 153;
--colour-header__dropdown_text-g: 153;
--colour-header__dropdown_text-b: 153;
--colour-header__dropdown_text: #999999;
--colour-footer__border-r: 40;
--colour-footer__border-g: 40;
--colour-footer__border-b: 40;
--colour-footer__border: #282828;
--colour-header__accent_background-r: 34;
--colour-header__accent_background-g: 34;
--colour-header__accent_background-b: 34;
--colour-header__accent_background: #222222;
--colour-header__accent_text-r: 153;
--colour-header__accent_text-g: 153;
--colour-header__accent_text-b: 153;
--colour-header__accent_text: #999999;
--colour-header__dropdown_border-r: 51;
--colour-header__dropdown_border-g: 51;
--colour-header__dropdown_border-b: 51;
--colour-header__dropdown_border: #333333;
--colour-content_text_muted-r: 153;
--colour-content_text_muted-g: 153;
--colour-content_text_muted-b: 153;
--colour-content_text_muted: #999999;
--colour-content_text_muted: oklch(from var(--colour-content_text) calc(l + 0.2) c h);
--colour-border_best_text-r: 255;
--colour-border_best_text-g: 255;
--colour-border_best_text-b: 255;
--colour-border_best_text: #ffffff;
--colour-border_best_text: oklch(from var(--colour-border) clamp(0, (l / 0.7 - 1) * -infinity, 1) 0 h);
@supports (color: contrast-color(red)) {
--colour-border_best_text: contrast-color(var(--colour-border));
}

}

/* ---------------------------------
Misc
--------------------------------- */
 .text-muted {
    color: var(--colour-content_text_muted);
}

/* ---------------------------------
Incorporate header into first block
--------------------------------- */
.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar.s-header__bar--navigation {
	background-color: var(--colour-content_background);
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__menu-toggle .hamburger,
.header--incorporated:not(.is-stuck):not(.is-hidden)  a .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar:not(.s-header__bar--navigation) .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar a .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar .icon a,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .sm-shop .sm-shop-toggle__icon {
	fill: var(--colour-content_heading);
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .sm-shop a,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .logo--text {
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .sm-menu > li > a > .sub-arrow {
	border-color: var(--colour-content_heading) transparent transparent transparent;
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__bar--border,
.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-navigation--border {
	border-color: var(--colour-border);
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__item--tagline p {
	color: var(--colour-content_text);
}

.header--incorporated:not(.is-stuck):not(.is-hidden)  .s-header__item--tagline .heading {
	color: var(--colour-content_text);
}

@media (min-width: 768px) {
	.header--incorporated:not(.is-stuck):not(.is-hidden)  .sm-menu:not(.is-mobile-menu) a {
		color: var(--colour-content_heading);
	}
}

/* -----------------------------------------
Incorporate header (specific to new headers)
------------------------------------------ */
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header {
	color: var(--colour-content_text);
	border-color: var(--colour-border);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .logo,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .heading,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .subheading {
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .icon::before,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .icon::after {
	color: var(--colour-content_icon);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__bar.is-solid,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__bar .b-header__bar-bg,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__menu-bar.is-solid,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__menu-bar .b-header__bar-bg {
	background-color: var(--colour-content_background);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__bar,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__bar::before,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__menu-bar,
.header--incorporated:not(.is-stuck):not(.is-hidden) .b-header .b-header__menu-bar::before {
	border-color: var(--colour-border);
}



/** contrast Palette **/
.palette-contrast {
--colour-content_background-r: 255;
--colour-content_background-g: 255;
--colour-content_background-b: 255;
--colour-content_background: #ffffff;
--colour-alternative_content_background-r: 247;
--colour-alternative_content_background-g: 247;
--colour-alternative_content_background-b: 247;
--colour-alternative_content_background: #f7f7f7;
--colour-content_text-r: 153;
--colour-content_text-g: 153;
--colour-content_text-b: 153;
--colour-content_text: #999999;
--colour-content_link-r: 46;
--colour-content_link-g: 187;
--colour-content_link-b: 84;
--colour-content_link: #2ebb54;
--colour-content_heading-r: 18;
--colour-content_heading-g: 18;
--colour-content_heading-b: 18;
--colour-content_heading: #121212;
--colour-accent-r: 232;
--colour-accent-g: 232;
--colour-accent-b: 232;
--colour-accent: #e8e8e8;
--colour-card_background-r: 232;
--colour-card_background-g: 232;
--colour-card_background-b: 232;
--colour-card_background: #e8e8e8;
--colour-card_text-r: 153;
--colour-card_text-g: 153;
--colour-card_text-b: 153;
--colour-card_text: #999999;
--colour-card_heading-r: 18;
--colour-card_heading-g: 18;
--colour-card_heading-b: 18;
--colour-card_heading: #121212;
--colour-card_link-r: 34;
--colour-card_link-g: 34;
--colour-card_link-b: 34;
--colour-card_link: #222222;
--colour-border-r: 232;
--colour-border-g: 232;
--colour-border-b: 232;
--colour-border: #e8e8e8;
--colour-primary_button_background-r: 46;
--colour-primary_button_background-g: 187;
--colour-primary_button_background-b: 84;
--colour-primary_button_background: #2ebb54;
--colour-primary_button_text-r: 255;
--colour-primary_button_text-g: 255;
--colour-primary_button_text-b: 255;
--colour-primary_button_text: #ffffff;
--colour-secondary_button_background-r: 189;
--colour-secondary_button_background-g: 189;
--colour-secondary_button_background-b: 189;
--colour-secondary_button_background: #bdbdbd;
--colour-secondary_button_text-r: 255;
--colour-secondary_button_text-g: 255;
--colour-secondary_button_text-b: 255;
--colour-secondary_button_text: #ffffff;
--colour-tertiary_button_outline-r: 189;
--colour-tertiary_button_outline-g: 189;
--colour-tertiary_button_outline-b: 189;
--colour-tertiary_button_outline: #bdbdbd;
--colour-tertiary_button_text-r: 18;
--colour-tertiary_button_text-g: 18;
--colour-tertiary_button_text-b: 18;
--colour-tertiary_button_text: #121212;
--colour-content_icon-r: 46;
--colour-content_icon-g: 187;
--colour-content_icon-b: 84;
--colour-content_icon: #2ebb54;
--colour-content__form_background-r: var(--colour-alt_content_background-r, 255);
--colour-content__form_background-g: var(--colour-alt_content_background-g, 255);
--colour-content__form_background-b: var(--colour-alt_content_background-b, 255);
--colour-content__form_background: var(--colour-alt_content_background, #ffffff);
--colour-content__form_text-r: var(--colour-alt_content_text-r, 153);
--colour-content__form_text-g: var(--colour-alt_content_text-g, 153);
--colour-content__form_text-b: var(--colour-alt_content_text-b, 153);
--colour-content__form_text: var(--colour-alt_content_text, #999999);
--colour-content_text_muted-r: 153;
--colour-content_text_muted-g: 153;
--colour-content_text_muted-b: 153;
--colour-content_text_muted: #999999;
--colour-content_text_muted: oklch(from var(--colour-content_text) calc(l + 0.2) c h);
--colour-border_best_text-r: 0;
--colour-border_best_text-g: 0;
--colour-border_best_text-b: 0;
--colour-border_best_text: #000000;
--colour-border_best_text: oklch(from var(--colour-border) clamp(0, (l / 0.7 - 1) * -infinity, 1) 0 h);
@supports (color: contrast-color(red)) {
--colour-border_best_text: contrast-color(var(--colour-border));
}

}

/* ---------------------------------
Misc
--------------------------------- */
.palette-contrast .text-muted {
    color: var(--colour-content_text_muted);
}

/* ---------------------------------
Incorporate header into first block
--------------------------------- */
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar.s-header__bar--navigation {
	background-color: var(--colour-content_background);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__menu-toggle .hamburger,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast a .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar:not(.s-header__bar--navigation) .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar a .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar .icon a,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-shop .sm-shop-toggle__icon {
	fill: var(--colour-content_heading);
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-shop a,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .logo--text {
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu > li > a > .sub-arrow {
	border-color: var(--colour-content_heading) transparent transparent transparent;
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar--border,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-navigation--border {
	border-color: var(--colour-border);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline p {
	color: var(--colour-content_text);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline .heading {
	color: var(--colour-content_text);
}

@media (min-width: 768px) {
	.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu:not(.is-mobile-menu) a {
		color: var(--colour-content_heading);
	}
}

/* -----------------------------------------
Incorporate header (specific to new headers)
------------------------------------------ */
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header {
	color: var(--colour-content_text);
	border-color: var(--colour-border);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .logo,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .heading,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .subheading {
	color: var(--colour-content_heading);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .icon,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .icon::before,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .icon::after {
	color: var(--colour-content_icon);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__bar.is-solid,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__bar .b-header__bar-bg,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__menu-bar.is-solid,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__menu-bar .b-header__bar-bg {
	background-color: var(--colour-content_background);
}

.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__bar,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__bar::before,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__menu-bar,
.header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header .b-header__menu-bar::before {
	border-color: var(--colour-border);
}



/* ---------------------------------
Non content builder classes
--------------------------------- */
.card {
	background-color: var(--colour-card_background);
	color: var(--colour-card_text);
}

.card-heading-color {
	color: var(--colour-card_heading);
}

.card-text-color {
	color: var(--colour-card_text);
}

.card-link-color {
	color: var(--colour-card_link);
}

.card-link-fill {
	fill: var(--colour-card_link);
}

.border-color,
.border-color::before {
	border-color: var(--colour-border);
}

.accent-color {
	color: var(--colour-accent);
}

.accent-fill {
	fill: var(--colour-accent);
}

.heading-color {
	color: var(--colour-content_heading);
}

.heading-fill {
	fill: var(--colour-content_heading);
}

.link-color {
	color: var(--colour-content_link);
}

.text-color {
	color: var(--colour-content_text);
}


/* ---------------------------------
Buttons
--------------------------------- */
.btn--primary,
.button--primary {
	border-color: var(--colour-primary_button_background);
	background-color: var(--colour-primary_button_background);
	color: var(--colour-primary_button_text);
}

.btn--secondary,
.button--secondary {
	border-color: var(--colour-secondary_button_background);
	background-color: var(--colour-secondary_button_background);
	color: var(--colour-secondary_button_text);
}

.btn--tertiary,
.button--tertiary {
	border-color: var(--colour-tertiary_button_outline);
	color: var(--colour-tertiary_button_text);
}

.btn--primary.btn--loading::after,
.button--primary.button--loading::after {
	border-left-color: var(--colour-primary_button_text);
	border-bottom-color: var(--colour-primary_button_text);
}

.btn--secondary.btn--loading::after,
.button--secondary.button--loading::after {
	border-left-color: var(--colour-secondary_button_text);
	border-bottom-color: var(--colour-secondary_button_text);
}

.btn--tertiary.btn--loading::after,
.button--tertiary.button--loading::after {
	border-left-color: var(--colour-tertiary_button_text);
	border-bottom-color: var(--colour-tertiary_button_text);
}


/* ---------------------------------
Shop
--------------------------------- */
.shop-category .shop-search .button {
	border-color: var(--colour-border);
	background-color: var(--colour-content__form_background);
	color: var(--colour-content__form_text);
}

.shop-category .shop-quantity .shop-quantity__btn {
	border-color: var(--colour-border);
	background-color: var(--colour-border);
	color: var(--colour-border_best_Text);
}


/* ---------------------------------
Modals
--------------------------------- */
.modal .modal__container {
	background-color: var(--colour-content_background);
}

.modal .modal__title,
.modal .modal__close {
	color: var(--colour-content_heading);
}

.modal .modal__content {
	color: var(--colour-content_text);
}


/* ---------------------------------
Livesites (Shop, Checkout, Accounts, etc)
--------------------------------- */
.text-input,
.dropdown-select,
.checkbox-input,
.radio-input,
.form-fields--radio-list .form-fields__field,
.text-panel,
.faux-dropdown-select {
	border-color: var(--colour-border);
	background-color: var(--colour-content__form_background);
	color: var(--colour-content__form_text);
}

.hr-text::after,
.hr-text::before {
	background-color: var(--colour-border);
}

.text-input::placeholder {
	color: var(--colour-content_text);
}

.checkbox-input:checked,
.radio-input:checked {
	border-color: var(--colour-primary_button_background);
;
	background-color: var(--colour-primary_button_background);
;
}

.radio-input:after,
.checkbox-input:after,
.order-summary__button .btn::after {
	background-color: var(--colour-primary_button_text);
;
}

.loader:before {
	border-color: var(--colour-border);
;
	border-top-color: var(--colour-card_link);
;
}