/** default Palette **/
/* We need this to add the default bg colour to the main content builder class */
section:not(.s-header-block):not(.s-footer).cb,
/* Editable element bg colour which doesn't have palette class attached to it */
section:not(.s-header-block):not(.s-footer).cb .cb-editable-element-bg,
/* Editable element bg colour */
section:not(.s-header-block):not(.s-footer).block .cb-editable-element-bg,
section:not(.s-header-block):not(.s-footer).block .block__overlay {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

section:not(.s-header-block):not(.s-footer).block {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
	color: #000000;
	color: var(--colour-content_text, #000000);
}

section:not(.s-header-block):not(.s-footer).block.block--tint,
section:not(.s-header-block):not(.s-footer).block.block--tint .block__overlay {
	background-color: #f2f2f2;
	background-color: var(--colour-alternative_content_background, #f2f2f2);
}

section:not(.s-header-block):not(.s-footer).block .heading,
section:not(.s-header-block):not(.s-footer).block .heading a,
section:not(.s-header-block):not(.s-footer).block .heading .link {
	color: #1a1a1a;
	color: var(--colour-content_heading, #1a1a1a);
}

section:not(.s-header-block):not(.s-footer).block .text-muted {
			color:  #333333;
		color: var(--colour-content_text-lighten02, var(--colour-content_text, #333333));
}

section:not(.s-header-block):not(.s-footer).block a {
	color: #0000ff;
	color: var(--colour-content_link, #0000ff);
}

section:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) {
	background-color: #d7eeee;
	background-color: var(--colour-card_background, #d7eeee);
	color: #000000;
	color: var(--colour-card_text, #000000);
}

section:not(.s-header-block):not(.s-footer).block .card.card--none,
section:not(.s-header-block):not(.s-footer).block .card.card--border,
section:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
section:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

section:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

section:not(.s-header-block):not(.s-footer).block .card.card--border,
section:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
section:not(.s-header-block):not(.s-footer).block .card.card--dual-border::before {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading,
section:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading a,
section:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading .link {
	color: #1a1a1a;
	color: var(--colour-card_heading, #1a1a1a);
}

section:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) a:not(.button) {
	color: #0000ff;
	color: var(--colour-card_link, #0000ff);
}

section:not(.s-header-block):not(.s-footer).block .button--primary {
	background-color: #39b0ae;
	background-color: var(--colour-primary_button_background, #39b0ae);
	border-color: #39b0ae;
	border-color: var(--colour-primary_button_background, #39b0ae);
	color: #ffffff;
	color: var(--colour-primary_button_text, #ffffff);
}

section:not(.s-header-block):not(.s-footer).block .button--secondary {
	background-color: #1466b8;
	background-color: var(--colour-secondary_button_background, #1466b8);
	border-color: #1466b8;
	border-color: var(--colour-secondary_button_background, #1466b8);
	color: #ffffff;
	color: var(--colour-secondary_button_text, #ffffff);
}

section:not(.s-header-block):not(.s-footer).block .button--tertiary {
	border-color: #1466b8;
	border-color: var(--colour-tertiary_button_outline, #1466b8);
	color: #0000ff;
	color: var(--colour-tertiary_button_text, #0000ff);
}

section:not(.s-header-block):not(.s-footer).block .accent--bg {
	background-color: #d7eeee;
	background-color: var(--colour-accent, #d7eeee);

			color:  #000000;
		color: var(--colour-accent-bestText, #000000);
}

section:not(.s-header-block):not(.s-footer).block .accent--heading {
	color: #d7eeee;
	color: var(--colour-accent, #d7eeee);
}

section:not(.s-header-block):not(.s-footer).block .accent--text {
	color: #d7eeee;
	color: var(--colour-accent, #d7eeee);
}

section:not(.s-header-block):not(.s-footer).block .accent--link {
	color: #d7eeee;
	color: var(--colour-accent, #d7eeee);
}

section:not(.s-header-block):not(.s-footer).block .accent--border {
	border-color: #d7eeee;
	border-color: var(--colour-accent, #d7eeee);
}

section:not(.s-header-block):not(.s-footer).block .border,
section:not(.s-header-block):not(.s-footer).block .img-border {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .b-hr,
section:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::before,
section:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::after {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon .icon {
	fill: #c2d6d6;
	fill: var(--colour-border, #c2d6d6);
	color: #c2d6d6;
	color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .icon,
section:not(.s-header-block):not(.s-footer).block a .icon,
section:not(.s-header-block):not(.s-footer).block .icon a {
	fill: #1a1a1a;
	fill: var(--colour-content_icon, #1a1a1a);
	color: #1a1a1a;
	color: var(--colour-content_icon, #1a1a1a);
}

section:not(.s-header-block):not(.s-footer).block .blockquote {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .blockquote .icon {
	fill: #c2d6d6;
	fill: var(--colour-border, #c2d6d6);
	color: #c2d6d6;
	color: var(--colour-border, #c2d6d6);
}

section:not(.s-header-block):not(.s-footer).block .b-form-control {
	background-color: #ffffff;
	background-color: var(--colour-content__form_background, #ffffff);
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
	color: #000000;
	color: var(--colour-content__form_text, #000000);
}

section:not(.s-header-block):not(.s-footer).block .b-accordion .b-accordion__btn .icon {
	fill: ;
	fill: var(--colour-heading, );
	color: ;
	color: var(--colour-heading, );
}


/* ---------------------------------
Text selection
--------------------------------- */
section:not(.s-header-block):not(.s-footer).block ::selection,
section:not(.s-header-block):not(.s-footer).block ::-webkit-selection {
	color: #ffffff;
	color: var(--colour-primary_button_text, #ffffff);
	background-color: #39b0ae;
	background-color: var(--colour-primary_button_background, #39b0ae);
}

section:not(.s-header-block):not(.s-footer).block .button--primary ::selection,
section:not(.s-header-block):not(.s-footer).block .button--primary ::-webkit-selection {
	color: #000000;
	color: var(--colour-content_text, #000000);
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}


/* ---------------------------------
Incorporate header into first block
--------------------------------- */
.header--incorporated section.block .s-header__menu-toggle .hamburger-inner,
.header--incorporated section.block .s-header__menu-toggle .hamburger-inner::before,
.header--incorporated section.block .s-header__menu-toggle .hamburger-inner::after {
	background-color: #1a1a1a !important;
	background-color: var(--colour-content_heading, #1a1a1a) !important;
}

.header--incorporated section.block .s-header__bar.s-header__bar--navigation {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

.header--incorporated section.block .s-header__menu-toggle .hamburger-label,
.header--incorporated section.block a .icon,
.header--incorporated section.block .s-header__bar:not(.s-header__bar--navigation) .icon,
.header--incorporated section.block .s-header__bar a .icon,
.header--incorporated section.block .s-header__bar .icon a,
.header--incorporated section.block .sm-shop .sm-shop-toggle__icon {
	fill: #1a1a1a;
	fill: var(--colour-content_heading, #1a1a1a);
	color: #1a1a1a;
	color: var(--colour-content_heading, #1a1a1a);
}

.header--incorporated section.block .s-header__bar,
.header--incorporated section.block .sm-shop a,
.header--incorporated section.block .logo--text {
	color: #1a1a1a;
	color: var(--colour-content_heading, #1a1a1a);
}

.header--incorporated section.block .sm-menu > li > a > .sub-arrow {
	border-color: #1a1a1a transparent transparent transparent;
	border-color: var(--colour-content_heading, #1a1a1a) transparent transparent transparent;
}

.header--incorporated section.block .s-header__bar--border,
.header--incorporated section.block .s-navigation--border {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
}

.header--incorporated section.block .s-header__item--tagline p {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.header--incorporated section.block .s-header__item--tagline .heading {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

@media (min-width: 768px) {
	.header--incorporated section.block .sm-menu > li > a {
		color: #1a1a1a;
	color: var(--colour-content_heading, #1a1a1a);
	}
}


/** contrast Palette **/
/* We need this to add the default bg colour to the main content builder class */
.palette-contrast:not(.s-header-block):not(.s-footer).cb,
/* Editable element bg colour which doesn't have palette class attached to it */
.palette-contrast:not(.s-header-block):not(.s-footer).cb .cb-editable-element-bg,
/* Editable element bg colour */
.palette-contrast:not(.s-header-block):not(.s-footer).block .cb-editable-element-bg,
.palette-contrast:not(.s-header-block):not(.s-footer).block .block__overlay {
	background-color: #000000;
	background-color: var(--colour-content_background, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block {
	background-color: #000000;
	background-color: var(--colour-content_background, #000000);
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block.block--tint,
.palette-contrast:not(.s-header-block):not(.s-footer).block.block--tint .block__overlay {
	background-color: #1a1a1a;
	background-color: var(--colour-alternative_content_background, #1a1a1a);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .heading,
.palette-contrast:not(.s-header-block):not(.s-footer).block .heading a,
.palette-contrast:not(.s-header-block):not(.s-footer).block .heading .link {
	color: #ffffff;
	color: var(--colour-content_heading, #ffffff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .text-muted {
			color:  #333333;
		color: var(--colour-content_text-lighten02, var(--colour-content_text, #333333));
}

.palette-contrast:not(.s-header-block):not(.s-footer).block a {
	color: #0000ff;
	color: var(--colour-content_link, #0000ff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) {
	background-color: #000000;
	background-color: var(--colour-card_background, #000000);
	color: #f20e2d;
	color: var(--colour-card_text, #f20e2d);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--none,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--border,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	background-color: #000000;
	background-color: var(--colour-content_background, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--border,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card.card--dual-border::before {
	border-color: #000000;
	border-color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading a,
.palette-contrast:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading .link {
	color: #ffffff;
	color: var(--colour-card_heading, #ffffff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) a:not(.button) {
	color: #0000ff;
	color: var(--colour-card_link, #0000ff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .button--primary {
	background-color: #0000ff;
	background-color: var(--colour-primary_button_background, #0000ff);
	border-color: #0000ff;
	border-color: var(--colour-primary_button_background, #0000ff);
	color: #000000;
	color: var(--colour-primary_button_text, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .button--secondary {
	background-color: #000000;
	background-color: var(--colour-secondary_button_background, #000000);
	border-color: #000000;
	border-color: var(--colour-secondary_button_background, #000000);
	color: #000000;
	color: var(--colour-secondary_button_text, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .button--tertiary {
	border-color: #000000;
	border-color: var(--colour-tertiary_button_outline, #000000);
	color: #0000ff;
	color: var(--colour-tertiary_button_text, #0000ff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .accent--bg {
	background-color: #000000;
	background-color: var(--colour-accent, #000000);

			color:  #ffffff;
		color: var(--colour-accent-bestText, #ffffff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .accent--heading {
	color: #000000;
	color: var(--colour-accent, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .accent--text {
	color: #000000;
	color: var(--colour-accent, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .accent--link {
	color: #000000;
	color: var(--colour-accent, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .accent--border {
	border-color: #000000;
	border-color: var(--colour-accent, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .border,
.palette-contrast:not(.s-header-block):not(.s-footer).block .img-border {
	border-color: #000000;
	border-color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .b-hr,
.palette-contrast:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::before,
.palette-contrast:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::after {
	border-color: #000000;
	border-color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon .icon {
	fill: #000000;
	fill: var(--colour-border, #000000);
	color: #000000;
	color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .icon,
.palette-contrast:not(.s-header-block):not(.s-footer).block a .icon,
.palette-contrast:not(.s-header-block):not(.s-footer).block .icon a {
	fill: #ffffff;
	fill: var(--colour-content_icon, #ffffff);
	color: #ffffff;
	color: var(--colour-content_icon, #ffffff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .blockquote {
	border-color: #000000;
	border-color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .blockquote .icon {
	fill: #000000;
	fill: var(--colour-border, #000000);
	color: #000000;
	color: var(--colour-border, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .b-form-control {
	background-color: #ffffff;
	background-color: var(--colour-content__form_background, #ffffff);
	border-color: #000000;
	border-color: var(--colour-border, #000000);
	color: #000000;
	color: var(--colour-content__form_text, #000000);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .b-accordion .b-accordion__btn .icon {
	fill: ;
	fill: var(--colour-heading, );
	color: ;
	color: var(--colour-heading, );
}


/* ---------------------------------
Text selection
--------------------------------- */
.palette-contrast:not(.s-header-block):not(.s-footer).block ::selection,
.palette-contrast:not(.s-header-block):not(.s-footer).block ::-webkit-selection {
	color: #000000;
	color: var(--colour-primary_button_text, #000000);
	background-color: #0000ff;
	background-color: var(--colour-primary_button_background, #0000ff);
}

.palette-contrast:not(.s-header-block):not(.s-footer).block .button--primary ::selection,
.palette-contrast:not(.s-header-block):not(.s-footer).block .button--primary ::-webkit-selection {
	color: #000000;
	color: var(--colour-content_text, #000000);
	background-color: #000000;
	background-color: var(--colour-content_background, #000000);
}


/* ---------------------------------
Incorporate header into first block
--------------------------------- */
.header--incorporated .palette-contrast.block .s-header__menu-toggle .hamburger-inner,
.header--incorporated .palette-contrast.block .s-header__menu-toggle .hamburger-inner::before,
.header--incorporated .palette-contrast.block .s-header__menu-toggle .hamburger-inner::after {
	background-color: #ffffff !important;
	background-color: var(--colour-content_heading, #ffffff) !important;
}

.header--incorporated .palette-contrast.block .s-header__bar.s-header__bar--navigation {
	background-color: #000000;
	background-color: var(--colour-content_background, #000000);
}

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

.header--incorporated .palette-contrast.block .s-header__bar,
.header--incorporated .palette-contrast.block .sm-shop a,
.header--incorporated .palette-contrast.block .logo--text {
	color: #ffffff;
	color: var(--colour-content_heading, #ffffff);
}

.header--incorporated .palette-contrast.block .sm-menu > li > a > .sub-arrow {
	border-color: #ffffff transparent transparent transparent;
	border-color: var(--colour-content_heading, #ffffff) transparent transparent transparent;
}

.header--incorporated .palette-contrast.block .s-header__bar--border,
.header--incorporated .palette-contrast.block .s-navigation--border {
	border-color: #000000;
	border-color: var(--colour-border, #000000);
}

.header--incorporated .palette-contrast.block .s-header__item--tagline p {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.header--incorporated .palette-contrast.block .s-header__item--tagline .heading {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

@media (min-width: 768px) {
	.header--incorporated .palette-contrast.block .sm-menu > li > a {
		color: #ffffff;
	color: var(--colour-content_heading, #ffffff);
	}
}


/** messages Palette **/
/* We need this to add the default bg colour to the main content builder class */
.palette-messages:not(.s-header-block):not(.s-footer).cb,
/* Editable element bg colour which doesn't have palette class attached to it */
.palette-messages:not(.s-header-block):not(.s-footer).cb .cb-editable-element-bg,
/* Editable element bg colour */
.palette-messages:not(.s-header-block):not(.s-footer).block .cb-editable-element-bg,
.palette-messages:not(.s-header-block):not(.s-footer).block .block__overlay {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.palette-messages:not(.s-header-block):not(.s-footer).block.block--tint,
.palette-messages:not(.s-header-block):not(.s-footer).block.block--tint .block__overlay {
	background-color: ;
	background-color: var(--colour-alternative_content_background, );
}

.palette-messages:not(.s-header-block):not(.s-footer).block .heading,
.palette-messages:not(.s-header-block):not(.s-footer).block .heading a,
.palette-messages:not(.s-header-block):not(.s-footer).block .heading .link {
	color: #000000;
	color: var(--colour-content_heading, #000000);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .text-muted {
			color:  #333333;
		color: var(--colour-content_text-lighten02, var(--colour-content_text, #333333));
}

.palette-messages:not(.s-header-block):not(.s-footer).block a {
	color: #0000ff;
	color: var(--colour-content_link, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) {
	background-color: #ffffff;
	background-color: var(--colour-card_background, #ffffff);
	color: #ff0909;
	color: var(--colour-card_text, #ff0909);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--none,
.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--border,
.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--shadow {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--border,
.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--dual-border,
.palette-messages:not(.s-header-block):not(.s-footer).block .card.card--dual-border::before {
	border-color: #393939;
	border-color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading,
.palette-messages:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading a,
.palette-messages:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) .heading .link {
	color: #f50707;
	color: var(--colour-card_heading, #f50707);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .card:not(.card--none):not(.card--border):not(.card--dual-border):not(.card--shadow) a:not(.button) {
	color: #0000ff;
	color: var(--colour-card_link, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .button--primary {
	background-color: #d7eeee;
	background-color: var(--colour-primary_button_background, #d7eeee);
	border-color: #d7eeee;
	border-color: var(--colour-primary_button_background, #d7eeee);
	color: #ffffff;
	color: var(--colour-primary_button_text, #ffffff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .button--secondary {
	background-color: #1466b8;
	background-color: var(--colour-secondary_button_background, #1466b8);
	border-color: #1466b8;
	border-color: var(--colour-secondary_button_background, #1466b8);
	color: #ffffff;
	color: var(--colour-secondary_button_text, #ffffff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .button--tertiary {
	border-color: #1466b8;
	border-color: var(--colour-tertiary_button_outline, #1466b8);
	color: #1466b8;
	color: var(--colour-tertiary_button_text, #1466b8);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .accent--bg {
	background-color: #0000ff;
	background-color: var(--colour-accent, #0000ff);

			color:  #ffffff;
		color: var(--colour-accent-bestText, #ffffff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .accent--heading {
	color: #0000ff;
	color: var(--colour-accent, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .accent--text {
	color: #0000ff;
	color: var(--colour-accent, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .accent--link {
	color: #0000ff;
	color: var(--colour-accent, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .accent--border {
	border-color: #0000ff;
	border-color: var(--colour-accent, #0000ff);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .border,
.palette-messages:not(.s-header-block):not(.s-footer).block .img-border {
	border-color: #393939;
	border-color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .b-hr,
.palette-messages:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::before,
.palette-messages:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon::after {
	border-color: #393939;
	border-color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .b-hr.b-hr--icon .icon {
	fill: #393939;
	fill: var(--colour-border, #393939);
	color: #393939;
	color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .icon,
.palette-messages:not(.s-header-block):not(.s-footer).block a .icon,
.palette-messages:not(.s-header-block):not(.s-footer).block .icon a {
	fill: #000000;
	fill: var(--colour-content_icon, #000000);
	color: #000000;
	color: var(--colour-content_icon, #000000);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .blockquote {
	border-color: #393939;
	border-color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .blockquote .icon {
	fill: #393939;
	fill: var(--colour-border, #393939);
	color: #393939;
	color: var(--colour-border, #393939);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .b-form-control {
	background-color: ;
	background-color: var(--colour-content__form_background, );
	border-color: #393939;
	border-color: var(--colour-border, #393939);
	color: ;
	color: var(--colour-content__form_text, );
}

.palette-messages:not(.s-header-block):not(.s-footer).block .b-accordion .b-accordion__btn .icon {
	fill: ;
	fill: var(--colour-heading, );
	color: ;
	color: var(--colour-heading, );
}


/* ---------------------------------
Text selection
--------------------------------- */
.palette-messages:not(.s-header-block):not(.s-footer).block ::selection,
.palette-messages:not(.s-header-block):not(.s-footer).block ::-webkit-selection {
	color: #ffffff;
	color: var(--colour-primary_button_text, #ffffff);
	background-color: #d7eeee;
	background-color: var(--colour-primary_button_background, #d7eeee);
}

.palette-messages:not(.s-header-block):not(.s-footer).block .button--primary ::selection,
.palette-messages:not(.s-header-block):not(.s-footer).block .button--primary ::-webkit-selection {
	color: #000000;
	color: var(--colour-content_text, #000000);
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}


/* ---------------------------------
Incorporate header into first block
--------------------------------- */
.header--incorporated .palette-messages.block .s-header__menu-toggle .hamburger-inner,
.header--incorporated .palette-messages.block .s-header__menu-toggle .hamburger-inner::before,
.header--incorporated .palette-messages.block .s-header__menu-toggle .hamburger-inner::after {
	background-color: #000000 !important;
	background-color: var(--colour-content_heading, #000000) !important;
}

.header--incorporated .palette-messages.block .s-header__bar.s-header__bar--navigation {
	background-color: #ffffff;
	background-color: var(--colour-content_background, #ffffff);
}

.header--incorporated .palette-messages.block .s-header__menu-toggle .hamburger-label,
.header--incorporated .palette-messages.block a .icon,
.header--incorporated .palette-messages.block .s-header__bar:not(.s-header__bar--navigation) .icon,
.header--incorporated .palette-messages.block .s-header__bar a .icon,
.header--incorporated .palette-messages.block .s-header__bar .icon a,
.header--incorporated .palette-messages.block .sm-shop .sm-shop-toggle__icon {
	fill: #000000;
	fill: var(--colour-content_heading, #000000);
	color: #000000;
	color: var(--colour-content_heading, #000000);
}

.header--incorporated .palette-messages.block .s-header__bar,
.header--incorporated .palette-messages.block .sm-shop a,
.header--incorporated .palette-messages.block .logo--text {
	color: #000000;
	color: var(--colour-content_heading, #000000);
}

.header--incorporated .palette-messages.block .sm-menu > li > a > .sub-arrow {
	border-color: #000000 transparent transparent transparent;
	border-color: var(--colour-content_heading, #000000) transparent transparent transparent;
}

.header--incorporated .palette-messages.block .s-header__bar--border,
.header--incorporated .palette-messages.block .s-navigation--border {
	border-color: #393939;
	border-color: var(--colour-border, #393939);
}

.header--incorporated .palette-messages.block .s-header__item--tagline p {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

.header--incorporated .palette-messages.block .s-header__item--tagline .heading {
	color: #000000;
	color: var(--colour-content_text, #000000);
}

@media (min-width: 768px) {
	.header--incorporated .palette-messages.block .sm-menu > li > a {
		color: #000000;
	color: var(--colour-content_heading, #000000);
	}
}



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

.card-heading-color {
	color: #1a1a1a;
	color: var(--colour-card_heading, #1a1a1a);
}

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

.card-link-color {
	color: #0000ff;
	color: var(--colour-card_link, #0000ff);
}

.card-link-fill {
	fill: #0000ff;
	fill: var(--colour-card_link, #0000ff);
}

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

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

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

.heading-color {
	color: #1a1a1a;
	color: var(--colour-content_heading, #1a1a1a);
}

.heading-fill {
	fill: #1a1a1a;
	fill: var(--colour-content_heading, #1a1a1a);
}

.link-color {
	color: #0000ff;
	color: var(--colour-content_link, #0000ff);
}

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


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

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

.btn--tertiary,
.button--tertiary {
	border-color: #1466b8;
	border-color: var(--colour-tertiary_button_outline, #1466b8);
	color: #0000ff;
	color: var(--colour-tertiary_button_text, #0000ff);
}

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

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

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


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

.shop-category .shop-quantity .shop-quantity__btn {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
	background-color: #c2d6d6;
	background-color: var(--colour-border, #c2d6d6);

			color:  #000000;
		color: var(--colour-border-bestText, #000000);
}


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

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

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


/* ---------------------------------
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: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
	background-color: #ffffff;
	background-color: var(--colour-content__form_background, #ffffff);
	color: #000000;
	color: var(--colour-content__form_text, #000000);
}

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

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

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

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

.loader:before {
	border-color: #c2d6d6;
	border-color: var(--colour-border, #c2d6d6);
;
	border-top-color: #0000ff;
	border-top-color: var(--colour-card_link, #0000ff);
;
}