/** default Palette **/ :root { --colour-content_background-r : 255; --colour-content_background-g : 252; --colour-content_background-b : 251; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-alternative_content_background-r : 255; --colour-alternative_content_background-g : 252; --colour-alternative_content_background-b : 251; --colour-alternative_content_background : rgb(var(--colour-alternative_content_background-r), var(--colour-alternative_content_background-g), var(--colour-alternative_content_background-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-card_background-r : 232; --colour-card_background-g : 232; --colour-card_background-b : 232; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content__form_background-r : 255; --colour-content__form_background-g : 252; --colour-content__form_background-b : 251; --colour-content__form_background : rgb(var(--colour-content__form_background-r), var(--colour-content__form_background-g), var(--colour-content__form_background-b));--colour-content__form_text-r : 34; --colour-content__form_text-g : 34; --colour-content__form_text-b : 34; --colour-content__form_text : rgb(var(--colour-content__form_text-r), var(--colour-content__form_text-g), var(--colour-content__form_text-b));--colour-header__accent_icon-r : 34; --colour-header__accent_icon-g : 34; --colour-header__accent_icon-b : 34; --colour-header__accent_icon : rgb(var(--colour-header__accent_icon-r), var(--colour-header__accent_icon-g), var(--colour-header__accent_icon-b));--colour-footer__accent_background-r : 255; --colour-footer__accent_background-g : 252; --colour-footer__accent_background-b : 251; --colour-footer__accent_background : rgb(var(--colour-footer__accent_background-r), var(--colour-footer__accent_background-g), var(--colour-footer__accent_background-b));--colour-footer__accent_text-r : 34; --colour-footer__accent_text-g : 34; --colour-footer__accent_text-b : 34; --colour-footer__accent_text : rgb(var(--colour-footer__accent_text-r), var(--colour-footer__accent_text-g), var(--colour-footer__accent_text-b));--colour-header__background-r : 255; --colour-header__background-g : 255; --colour-header__background-b : 255; --colour-header__background : rgb(var(--colour-header__background-r), var(--colour-header__background-g), var(--colour-header__background-b));--colour-header__dropdown_background-r : 34; --colour-header__dropdown_background-g : 34; --colour-header__dropdown_background-b : 34; --colour-header__dropdown_background : rgb(var(--colour-header__dropdown_background-r), var(--colour-header__dropdown_background-g), var(--colour-header__dropdown_background-b));--colour-header__menu_text-r : 0; --colour-header__menu_text-g : 0; --colour-header__menu_text-b : 0; --colour-header__menu_text : rgb(var(--colour-header__menu_text-r), var(--colour-header__menu_text-g), var(--colour-header__menu_text-b));--colour-header__logo_text-r : 34; --colour-header__logo_text-g : 34; --colour-header__logo_text-b : 34; --colour-header__logo_text : rgb(var(--colour-header__logo_text-r), var(--colour-header__logo_text-g), var(--colour-header__logo_text-b));--colour-footer__background-r : 255; --colour-footer__background-g : 255; --colour-footer__background-b : 255; --colour-footer__background : rgb(var(--colour-footer__background-r), var(--colour-footer__background-g), var(--colour-footer__background-b));--colour-footer__text-r : 34; --colour-footer__text-g : 34; --colour-footer__text-b : 34; --colour-footer__text : rgb(var(--colour-footer__text-r), var(--colour-footer__text-g), var(--colour-footer__text-b));--colour-footer__icon-r : 9; --colour-footer__icon-g : 0; --colour-footer__icon-b : 255; --colour-footer__icon : rgb(var(--colour-footer__icon-r), var(--colour-footer__icon-g), var(--colour-footer__icon-b));--colour-footer__heading-r : 34; --colour-footer__heading-g : 34; --colour-footer__heading-b : 34; --colour-footer__heading : rgb(var(--colour-footer__heading-r), var(--colour-footer__heading-g), var(--colour-footer__heading-b));--colour-header__border-r : 241; --colour-header__border-g : 242; --colour-header__border-b : 240; --colour-header__border : rgb(var(--colour-header__border-r), var(--colour-header__border-g), var(--colour-header__border-b));--colour-header__icon-r : 0; --colour-header__icon-g : 0; --colour-header__icon-b : 0; --colour-header__icon : rgb(var(--colour-header__icon-r), var(--colour-header__icon-g), var(--colour-header__icon-b));--colour-header__dropdown_text-r : 255; --colour-header__dropdown_text-g : 252; --colour-header__dropdown_text-b : 251; --colour-header__dropdown_text : rgb(var(--colour-header__dropdown_text-r), var(--colour-header__dropdown_text-g), var(--colour-header__dropdown_text-b));--colour-footer__border-r : 255; --colour-footer__border-g : 0; --colour-footer__border-b : 51; --colour-footer__border : rgb(var(--colour-footer__border-r), var(--colour-footer__border-g), var(--colour-footer__border-b));--colour-header__accent_background-r : 255; --colour-header__accent_background-g : 255; --colour-header__accent_background-b : 255; --colour-header__accent_background : rgb(var(--colour-header__accent_background-r), var(--colour-header__accent_background-g), var(--colour-header__accent_background-b));--colour-header__accent_text-r : 34; --colour-header__accent_text-g : 34; --colour-header__accent_text-b : 34; --colour-header__accent_text : rgb(var(--colour-header__accent_text-r), var(--colour-header__accent_text-g), var(--colour-header__accent_text-b));--colour-header__dropdown_border-r : 9; --colour-header__dropdown_border-g : 0; --colour-header__dropdown_border-b : 255; --colour-header__dropdown_border : rgb(var(--colour-header__dropdown_border-r), var(--colour-header__dropdown_border-g), var(--colour-header__dropdown_border-b));} /* --------------------------------- Misc --------------------------------- */ .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .s-header__bar.s-header__bar--navigation { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .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: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .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: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) 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: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .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: #222222; color: var(--colour-content_heading, #222222); } .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: #222222; color: var(--colour-content_icon, #222222); } .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: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .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: #ffffff; border-color: var(--colour-border, #ffffff); } /** contrast Palette **/ .palette-contrast { --colour-content_background-r : 51; --colour-content_background-g : 51; --colour-content_background-b : 51; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-alternative_content_background-r : 41; --colour-alternative_content_background-g : 144; --colour-alternative_content_background-b : 234; --colour-alternative_content_background : rgb(var(--colour-alternative_content_background-r), var(--colour-alternative_content_background-g), var(--colour-alternative_content_background-b));--colour-content_text-r : 252; --colour-content_text-g : 247; --colour-content_text-b : 252; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-content_link-r : 0; --colour-content_link-g : 4; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_heading-r : 255; --colour-content_heading-g : 255; --colour-content_heading-b : 255; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-accent-r : 153; --colour-accent-g : 153; --colour-accent-b : 153; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-card_background-r : 51; --colour-card_background-g : 51; --colour-card_background-b : 51; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 255; --colour-card_heading-g : 255; --colour-card_heading-b : 255; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-card_link-r : 34; --colour-card_link-g : 34; --colour-card_link-b : 34; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-border-r : 34; --colour-border-g : 34; --colour-border-b : 34; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-primary_button_background-r : 255; --colour-primary_button_background-g : 255; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-primary_button_text-r : 34; --colour-primary_button_text-g : 34; --colour-primary_button_text-b : 34; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-secondary_button_background-r : 41; --colour-secondary_button_background-g : 144; --colour-secondary_button_background-b : 234; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-tertiary_button_text-r : 255; --colour-tertiary_button_text-g : 255; --colour-tertiary_button_text-b : 255; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content__form_background-r : 34; --colour-content__form_background-g : 34; --colour-content__form_background-b : 34; --colour-content__form_background : rgb(var(--colour-content__form_background-r), var(--colour-content__form_background-g), var(--colour-content__form_background-b));--colour-content__form_text-r : 252; --colour-content__form_text-g : 247; --colour-content__form_text-b : 252; --colour-content__form_text : rgb(var(--colour-content__form_text-r), var(--colour-content__form_text-g), var(--colour-content__form_text-b));} /* --------------------------------- Misc --------------------------------- */ .palette-contrast .text-muted { color: #fff9ff; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff9ff)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar.s-header__bar--navigation { background-color: #333333; background-color: var(--colour-content_background, #333333); } .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: #ffffff; fill: var(--colour-content_heading, #ffffff); color: #ffffff; color: var(--colour-content_heading, #ffffff); } .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: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu > li > a > .sub-arrow { border-color: #ffffff transparent transparent transparent; border-color: var(--colour-content_heading, #ffffff) 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: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline p { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline .heading { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu:not(.is-mobile-menu) a { color: #ffffff; color: var(--colour-content_heading, #ffffff); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); border-color: #222222; border-color: var(--colour-border, #222222); } .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: #ffffff; color: var(--colour-content_heading, #ffffff); } .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: #222222; color: var(--colour-content_icon, #222222); } .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: #333333; background-color: var(--colour-content_background, #333333); } .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: #222222; border-color: var(--colour-border, #222222); } /** black Palette **/ .palette-black { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 7; --colour-card_text-g : 0; --colour-card_text-b : 0; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 252; --colour-content_text-g : 247; --colour-content_text-b : 247; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 255; --colour-card_background-g : 250; --colour-card_background-b : 250; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 252; --colour-content_heading-g : 248; --colour-content_heading-b : 248; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 12; --colour-content_background-g : 4; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 251; --colour-primary_button_background-g : 251; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-black .text-muted { color: #fff9f9; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff9f9)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar.s-header__bar--navigation { background-color: #0c0400; background-color: var(--colour-content_background, #0c0400); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .sm-shop .sm-shop-toggle__icon { fill: #fcf8f8; fill: var(--colour-content_heading, #fcf8f8); color: #fcf8f8; color: var(--colour-content_heading, #fcf8f8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .logo--text { color: #fcf8f8; color: var(--colour-content_heading, #fcf8f8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .sm-menu > li > a > .sub-arrow { border-color: #fcf8f8 transparent transparent transparent; border-color: var(--colour-content_heading, #fcf8f8) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__item--tagline p { color: #fcf7f7; color: var(--colour-content_text, #fcf7f7); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .s-header__item--tagline .heading { color: #fcf7f7; color: var(--colour-content_text, #fcf7f7); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black .sm-menu:not(.is-mobile-menu) a { color: #fcf8f8; color: var(--colour-content_heading, #fcf8f8); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header { color: #fcf7f7; color: var(--colour-content_text, #fcf7f7); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .subheading { color: #fcf8f8; color: var(--colour-content_heading, #fcf8f8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #0c0400; background-color: var(--colour-content_background, #0c0400); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-black.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** blue Palette **/ .palette-blue { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 255; --colour-card_text-g : 255; --colour-card_text-b : 255; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 224; --colour-card_heading-g : 255; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 255; --colour-content_text-g : 255; --colour-content_text-b : 255; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 235; --colour-card_background-g : 6; --colour-card_background-b : 27; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 1; --colour-content_heading-g : 0; --colour-content_heading-b : 3; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 255; --colour-content_background-b : 255; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 255; --colour-primary_button_background-b : 23; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-blue .text-muted { color: #ffffff; color: var(--colour-content_text_lighten02, var(--colour-content_text, #ffffff)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar.s-header__bar--navigation { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .sm-shop .sm-shop-toggle__icon { fill: #010003; fill: var(--colour-content_heading, #010003); color: #010003; color: var(--colour-content_heading, #010003); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .logo--text { color: #010003; color: var(--colour-content_heading, #010003); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .sm-menu > li > a > .sub-arrow { border-color: #010003 transparent transparent transparent; border-color: var(--colour-content_heading, #010003) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .s-header__item--tagline .heading { color: #ffffff; color: var(--colour-content_text, #ffffff); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue .sm-menu:not(.is-mobile-menu) a { color: #010003; color: var(--colour-content_heading, #010003); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .subheading { color: #010003; color: var(--colour-content_heading, #010003); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-blue.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** custom-reviews Palette **/ .palette-custom-reviews { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 255; --colour-card_text-g : 255; --colour-card_text-b : 255; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 13; --colour-card_background-g : 5; --colour-card_background-b : 255; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 89; --colour-content_background-g : 255; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-custom-reviews .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar.s-header__bar--navigation { background-color: #59ff00; background-color: var(--colour-content_background, #59ff00); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #59ff00; background-color: var(--colour-content_background, #59ff00); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-custom-reviews.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** grey Palette **/ .palette-grey { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 0; --colour-card_text-g : 0; --colour-card_text-b : 0; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 255; --colour-card_background-g : 255; --colour-card_background-b : 255; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 194; --colour-content_background-g : 192; --colour-content_background-b : 187; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-grey .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar.s-header__bar--navigation { background-color: #c2c0bb; background-color: var(--colour-content_background, #c2c0bb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #c2c0bb; background-color: var(--colour-content_background, #c2c0bb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** grey-tone Palette **/ .palette-grey-tone { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 232; --colour-card_background-g : 232; --colour-card_background-b : 232; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 235; --colour-content_background-g : 233; --colour-content_background-b : 233; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 80; --colour-tertiary_button_outline-g : 252; --colour-tertiary_button_outline-b : 8; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 5; --colour-secondary_button_background-g : 189; --colour-secondary_button_background-b : 12; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-grey-tone .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar.s-header__bar--navigation { background-color: #ebe9e9; background-color: var(--colour-content_background, #ebe9e9); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ebe9e9; background-color: var(--colour-content_background, #ebe9e9); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-grey-tone.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** info-screens Palette **/ .palette-info-screens { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 254; --colour-card_text-g : 250; --colour-card_text-b : 250; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 255; --colour-card_background-g : 255; --colour-card_background-b : 255; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 255; --colour-content_background-b : 255; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 255; --colour-primary_button_background-g : 0; --colour-primary_button_background-b : 0; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-info-screens .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar.s-header__bar--navigation { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-info-screens.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** instructor-training Palette **/ .palette-instructor-training { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 10; --colour-card_text-g : 0; --colour-card_text-b : 0; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 14; --colour-content_link-g : 0; --colour-content_link-b : 0; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 252; --colour-content_text-g : 244; --colour-content_text-b : 244; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 252; --colour-card_background-g : 247; --colour-card_background-b : 247; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 255; --colour-content_heading-g : 0; --colour-content_heading-b : 0; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 255; --colour-content_background-b : 255; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-instructor-training .text-muted { color: #fff6f6; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff6f6)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar.s-header__bar--navigation { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .sm-shop .sm-shop-toggle__icon { fill: #ff0000; fill: var(--colour-content_heading, #ff0000); color: #ff0000; color: var(--colour-content_heading, #ff0000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .logo--text { color: #ff0000; color: var(--colour-content_heading, #ff0000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .sm-menu > li > a > .sub-arrow { border-color: #ff0000 transparent transparent transparent; border-color: var(--colour-content_heading, #ff0000) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__item--tagline p { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .s-header__item--tagline .heading { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training .sm-menu:not(.is-mobile-menu) a { color: #ff0000; color: var(--colour-content_heading, #ff0000); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .subheading { color: #ff0000; color: var(--colour-content_heading, #ff0000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ffffff; background-color: var(--colour-content_background, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-instructor-training.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** intensive Palette **/ .palette-intensive { --colour-accent-r : 153; --colour-accent-g : 153; --colour-accent-b : 153; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 34; --colour-border-g : 34; --colour-border-b : 34; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 34; --colour-card_link-g : 34; --colour-card_link-b : 34; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 255; --colour-card_heading-g : 255; --colour-card_heading-b : 255; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 0; --colour-content_link-g : 4; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 235; --colour-content_text-g : 12; --colour-content_text-b : 23; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 51; --colour-card_background-g : 51; --colour-card_background-b : 51; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 248; --colour-content_heading-g : 12; --colour-content_heading-b : 8; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 253; --colour-content_background-g : 250; --colour-content_background-b : 250; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 34; --colour-primary_button_text-g : 34; --colour-primary_button_text-b : 34; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 255; --colour-tertiary_button_text-g : 255; --colour-tertiary_button_text-b : 255; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 0; --colour-tertiary_button_outline-g : 0; --colour-tertiary_button_outline-b : 0; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 206; --colour-primary_button_background-g : 181; --colour-primary_button_background-b : 181; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 41; --colour-secondary_button_background-g : 144; --colour-secondary_button_background-b : 234; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-intensive .text-muted { color: #ff0d18; color: var(--colour-content_text_lighten02, var(--colour-content_text, #ff0d18)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar.s-header__bar--navigation { background-color: #fdfafa; background-color: var(--colour-content_background, #fdfafa); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .sm-shop .sm-shop-toggle__icon { fill: #f80c08; fill: var(--colour-content_heading, #f80c08); color: #f80c08; color: var(--colour-content_heading, #f80c08); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .logo--text { color: #f80c08; color: var(--colour-content_heading, #f80c08); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .sm-menu > li > a > .sub-arrow { border-color: #f80c08 transparent transparent transparent; border-color: var(--colour-content_heading, #f80c08) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-navigation--border { border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__item--tagline p { color: #eb0c17; color: var(--colour-content_text, #eb0c17); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .s-header__item--tagline .heading { color: #eb0c17; color: var(--colour-content_text, #eb0c17); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive .sm-menu:not(.is-mobile-menu) a { color: #f80c08; color: var(--colour-content_heading, #f80c08); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header { color: #eb0c17; color: var(--colour-content_text, #eb0c17); border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .subheading { color: #f80c08; color: var(--colour-content_heading, #f80c08); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #fdfafa; background-color: var(--colour-content_background, #fdfafa); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive.b-header .b-header__menu-bar::before { border-color: #222222; border-color: var(--colour-border, #222222); } /** intensive-courses-page Palette **/ .palette-intensive-courses-page { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 33; --colour-card_text-g : 32; --colour-card_text-b : 32; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 255; --colour-card_background-g : 83; --colour-card_background-b : 0; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 254; --colour-content_background-g : 251; --colour-content_background-b : 249; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 23; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-intensive-courses-page .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar.s-header__bar--navigation { background-color: #fefbf9; background-color: var(--colour-content_background, #fefbf9); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #fefbf9; background-color: var(--colour-content_background, #fefbf9); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-intensive-courses-page.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** james Palette **/ .palette-james { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 232; --colour-card_background-g : 232; --colour-card_background-b : 232; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 64; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-james .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar.s-header__bar--navigation { background-color: #ff4000; background-color: var(--colour-content_background, #ff4000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ff4000; background-color: var(--colour-content_background, #ff4000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-james.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** main-page Palette **/ .palette-main-page { --colour-accent-r : 153; --colour-accent-g : 153; --colour-accent-b : 153; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 34; --colour-border-g : 34; --colour-border-b : 34; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 34; --colour-card_link-g : 34; --colour-card_link-b : 34; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 6; --colour-card_text-g : 6; --colour-card_text-b : 6; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 255; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 0; --colour-content_link-g : 4; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 252; --colour-content_text-g : 247; --colour-content_text-b : 252; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 255; --colour-card_background-g : 255; --colour-card_background-b : 255; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 255; --colour-content_heading-g : 255; --colour-content_heading-b : 255; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 0; --colour-content_background-b : 13; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 34; --colour-primary_button_text-g : 34; --colour-primary_button_text-b : 34; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 255; --colour-tertiary_button_text-g : 255; --colour-tertiary_button_text-b : 255; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 255; --colour-tertiary_button_outline-g : 0; --colour-tertiary_button_outline-b : 13; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 255; --colour-primary_button_background-g : 255; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 234; --colour-secondary_button_background-g : 41; --colour-secondary_button_background-b : 51; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-main-page .text-muted { color: #fff9ff; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff9ff)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar.s-header__bar--navigation { background-color: #ff000d; background-color: var(--colour-content_background, #ff000d); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .sm-shop .sm-shop-toggle__icon { fill: #ffffff; fill: var(--colour-content_heading, #ffffff); color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .logo--text { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .sm-menu > li > a > .sub-arrow { border-color: #ffffff transparent transparent transparent; border-color: var(--colour-content_heading, #ffffff) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-navigation--border { border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__item--tagline p { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .s-header__item--tagline .heading { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page .sm-menu:not(.is-mobile-menu) a { color: #ffffff; color: var(--colour-content_heading, #ffffff); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .subheading { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ff000d; background-color: var(--colour-content_background, #ff000d); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-main-page.b-header .b-header__menu-bar::before { border-color: #222222; border-color: var(--colour-border, #222222); } /** packages Palette **/ .palette-packages { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 5; --colour-card_text-g : 5; --colour-card_text-b : 5; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 247; --colour-card_background-g : 180; --colour-card_background-b : 5; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 252; --colour-content_background-b : 251; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-packages .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar.s-header__bar--navigation { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-packages.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** red Palette **/ .palette-red { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 8; --colour-card_text-g : 8; --colour-card_text-b : 8; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 255; --colour-content_link-g : 255; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 252; --colour-content_text-g : 244; --colour-content_text-b : 244; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 11; --colour-card_background-g : 0; --colour-card_background-b : 0; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 247; --colour-content_heading-g : 243; --colour-content_heading-b : 243; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 0; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-red .text-muted { color: #fff6f6; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff6f6)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar.s-header__bar--navigation { background-color: #ff0000; background-color: var(--colour-content_background, #ff0000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .sm-shop .sm-shop-toggle__icon { fill: #f7f3f3; fill: var(--colour-content_heading, #f7f3f3); color: #f7f3f3; color: var(--colour-content_heading, #f7f3f3); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .logo--text { color: #f7f3f3; color: var(--colour-content_heading, #f7f3f3); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .sm-menu > li > a > .sub-arrow { border-color: #f7f3f3 transparent transparent transparent; border-color: var(--colour-content_heading, #f7f3f3) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__item--tagline p { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .s-header__item--tagline .heading { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red .sm-menu:not(.is-mobile-menu) a { color: #f7f3f3; color: var(--colour-content_heading, #f7f3f3); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header { color: #fcf4f4; color: var(--colour-content_text, #fcf4f4); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .subheading { color: #f7f3f3; color: var(--colour-content_heading, #f7f3f3); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ff0000; background-color: var(--colour-content_background, #ff0000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-red.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** reviews Palette **/ .palette-reviews { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 245; --colour-card_background-g : 245; --colour-card_background-b : 245; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 252; --colour-content_background-b : 251; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-reviews .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar.s-header__bar--navigation { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-reviews.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** title-custom Palette **/ .palette-title-custom { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 232; --colour-card_background-g : 232; --colour-card_background-b : 232; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 255; --colour-content_heading-g : 255; --colour-content_heading-b : 255; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 12; --colour-content_background-g : 3; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-title-custom .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar.s-header__bar--navigation { background-color: #0c0300; background-color: var(--colour-content_background, #0c0300); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .sm-shop .sm-shop-toggle__icon { fill: #ffffff; fill: var(--colour-content_heading, #ffffff); color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .logo--text { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .sm-menu > li > a > .sub-arrow { border-color: #ffffff transparent transparent transparent; border-color: var(--colour-content_heading, #ffffff) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom .sm-menu:not(.is-mobile-menu) a { color: #ffffff; color: var(--colour-content_heading, #ffffff); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .subheading { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #0c0300; background-color: var(--colour-content_background, #0c0300); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-title-custom.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** training-page Palette **/ .palette-training-page { --colour-accent-r : 153; --colour-accent-g : 153; --colour-accent-b : 153; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 34; --colour-border-g : 34; --colour-border-b : 34; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 34; --colour-card_link-g : 34; --colour-card_link-b : 34; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 255; --colour-card_text-g : 250; --colour-card_text-b : 250; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 255; --colour-card_heading-g : 255; --colour-card_heading-b : 255; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 0; --colour-content_link-g : 4; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 252; --colour-content_text-g : 247; --colour-content_text-b : 252; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 51; --colour-card_background-g : 51; --colour-card_background-b : 51; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 255; --colour-content_heading-g : 255; --colour-content_heading-b : 255; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 51; --colour-content_background-g : 51; --colour-content_background-b : 51; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 34; --colour-primary_button_text-g : 34; --colour-primary_button_text-b : 34; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 255; --colour-tertiary_button_text-g : 255; --colour-tertiary_button_text-b : 255; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 255; --colour-primary_button_background-g : 255; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 41; --colour-secondary_button_background-g : 144; --colour-secondary_button_background-b : 234; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-training-page .text-muted { color: #fff9ff; color: var(--colour-content_text_lighten02, var(--colour-content_text, #fff9ff)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar.s-header__bar--navigation { background-color: #333333; background-color: var(--colour-content_background, #333333); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .sm-shop .sm-shop-toggle__icon { fill: #ffffff; fill: var(--colour-content_heading, #ffffff); color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .logo--text { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .sm-menu > li > a > .sub-arrow { border-color: #ffffff transparent transparent transparent; border-color: var(--colour-content_heading, #ffffff) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-navigation--border { border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__item--tagline p { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .s-header__item--tagline .heading { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page .sm-menu:not(.is-mobile-menu) a { color: #ffffff; color: var(--colour-content_heading, #ffffff); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header { color: #fcf7fc; color: var(--colour-content_text, #fcf7fc); border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .subheading { color: #ffffff; color: var(--colour-content_heading, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #333333; background-color: var(--colour-content_background, #333333); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-training-page.b-header .b-header__menu-bar::before { border-color: #222222; border-color: var(--colour-border, #222222); } /** trucks Palette **/ .palette-trucks { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 3; --colour-card_text-g : 0; --colour-card_text-b : 0; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 192; --colour-card_background-g : 184; --colour-card_background-b : 184; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 247; --colour-content_background-b : 247; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-trucks .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar.s-header__bar--navigation { background-color: #fff7f7; background-color: var(--colour-content_background, #fff7f7); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #fff7f7; background-color: var(--colour-content_background, #fff7f7); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-trucks.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** weymouth-intensive Palette **/ .palette-weymouth-intensive { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 0; --colour-card_heading-g : 0; --colour-card_heading-b : 0; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 232; --colour-card_background-g : 232; --colour-card_background-b : 232; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 34; --colour-content_heading-g : 34; --colour-content_heading-b : 34; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 239; --colour-content_background-g : 221; --colour-content_background-b : 209; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 34; --colour-tertiary_button_text-g : 34; --colour-tertiary_button_text-b : 34; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 189; --colour-tertiary_button_outline-g : 189; --colour-tertiary_button_outline-b : 189; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 0; --colour-primary_button_background-g : 4; --colour-primary_button_background-b : 255; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 34; --colour-secondary_button_background-g : 34; --colour-secondary_button_background-b : 34; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-weymouth-intensive .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar.s-header__bar--navigation { background-color: #efddd1; background-color: var(--colour-content_background, #efddd1); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .sm-shop .sm-shop-toggle__icon { fill: #222222; fill: var(--colour-content_heading, #222222); color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .logo--text { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .sm-menu > li > a > .sub-arrow { border-color: #222222 transparent transparent transparent; border-color: var(--colour-content_heading, #222222) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive .sm-menu:not(.is-mobile-menu) a { color: #222222; color: var(--colour-content_heading, #222222); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .subheading { color: #222222; color: var(--colour-content_heading, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #efddd1; background-color: var(--colour-content_background, #efddd1); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-weymouth-intensive.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /** whatsapp-bar Palette **/ .palette-whatsapp-bar { --colour-accent-r : 153; --colour-accent-g : 153; --colour-accent-b : 153; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 34; --colour-border-g : 34; --colour-border-b : 34; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 34; --colour-card_link-g : 34; --colour-card_link-b : 34; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 153; --colour-card_text-g : 153; --colour-card_text-b : 153; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 255; --colour-card_heading-g : 255; --colour-card_heading-b : 255; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 0; --colour-content_link-g : 4; --colour-content_link-b : 255; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 235; --colour-content_text-g : 12; --colour-content_text-b : 23; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 51; --colour-card_background-g : 51; --colour-card_background-b : 51; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 252; --colour-content_heading-g : 252; --colour-content_heading-b : 252; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 0; --colour-content_background-b : 4; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 9; --colour-primary_button_text-g : 9; --colour-primary_button_text-b : 9; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 255; --colour-tertiary_button_text-g : 255; --colour-tertiary_button_text-b : 255; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 40; --colour-tertiary_button_outline-g : 254; --colour-tertiary_button_outline-b : 0; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 40; --colour-primary_button_background-g : 254; --colour-primary_button_background-b : 0; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 41; --colour-secondary_button_background-g : 144; --colour-secondary_button_background-b : 234; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-whatsapp-bar .text-muted { color: #ff0d18; color: var(--colour-content_text_lighten02, var(--colour-content_text, #ff0d18)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar.s-header__bar--navigation { background-color: #ff0004; background-color: var(--colour-content_background, #ff0004); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .sm-shop .sm-shop-toggle__icon { fill: #fcfcfc; fill: var(--colour-content_heading, #fcfcfc); color: #fcfcfc; color: var(--colour-content_heading, #fcfcfc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .logo--text { color: #fcfcfc; color: var(--colour-content_heading, #fcfcfc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .sm-menu > li > a > .sub-arrow { border-color: #fcfcfc transparent transparent transparent; border-color: var(--colour-content_heading, #fcfcfc) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-navigation--border { border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__item--tagline p { color: #eb0c17; color: var(--colour-content_text, #eb0c17); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .s-header__item--tagline .heading { color: #eb0c17; color: var(--colour-content_text, #eb0c17); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar .sm-menu:not(.is-mobile-menu) a { color: #fcfcfc; color: var(--colour-content_heading, #fcfcfc); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header { color: #eb0c17; color: var(--colour-content_text, #eb0c17); border-color: #222222; border-color: var(--colour-border, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .subheading { color: #fcfcfc; color: var(--colour-content_heading, #fcfcfc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ff0004; background-color: var(--colour-content_background, #ff0004); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-whatsapp-bar.b-header .b-header__menu-bar::before { border-color: #222222; border-color: var(--colour-border, #222222); } /** yellow Palette **/ .palette-yellow { --colour-accent-r : 232; --colour-accent-g : 232; --colour-accent-b : 232; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #000000;--colour-border-r : 255; --colour-border-g : 255; --colour-border-b : 255; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 153; --colour-card_link-g : 153; --colour-card_link-b : 153; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 250; --colour-card_text-g : 245; --colour-card_text-b : 245; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 245; --colour-card_heading-g : 240; --colour-card_heading-b : 240; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 34; --colour-content_icon-g : 34; --colour-content_icon-b : 34; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content_link-r : 41; --colour-content_link-g : 144; --colour-content_link-b : 234; --colour-content_link : rgb(var(--colour-content_link-r), var(--colour-content_link-g), var(--colour-content_link-b));--colour-content_text-r : 34; --colour-content_text-g : 34; --colour-content_text-b : 34; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 12; --colour-card_background-g : 0; --colour-card_background-b : 0; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 9; --colour-content_heading-g : 9; --colour-content_heading-b : 9; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 255; --colour-content_background-g : 238; --colour-content_background-b : 0; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 255; --colour-primary_button_text-g : 255; --colour-primary_button_text-b : 255; --colour-primary_button_text : rgb(var(--colour-primary_button_text-r), var(--colour-primary_button_text-g), var(--colour-primary_button_text-b));--colour-tertiary_button_text-r : 0; --colour-tertiary_button_text-g : 2; --colour-tertiary_button_text-b : 254; --colour-tertiary_button_text : rgb(var(--colour-tertiary_button_text-r), var(--colour-tertiary_button_text-g), var(--colour-tertiary_button_text-b));--colour-secondary_button_text-r : 255; --colour-secondary_button_text-g : 255; --colour-secondary_button_text-b : 255; --colour-secondary_button_text : rgb(var(--colour-secondary_button_text-r), var(--colour-secondary_button_text-g), var(--colour-secondary_button_text-b));--colour-tertiary_button_outline-r : 28; --colour-tertiary_button_outline-g : 174; --colour-tertiary_button_outline-b : 2; --colour-tertiary_button_outline : rgb(var(--colour-tertiary_button_outline-r), var(--colour-tertiary_button_outline-g), var(--colour-tertiary_button_outline-b));--colour-primary_button_background-r : 11; --colour-primary_button_background-g : 12; --colour-primary_button_background-b : 11; --colour-primary_button_background : rgb(var(--colour-primary_button_background-r), var(--colour-primary_button_background-g), var(--colour-primary_button_background-b));--colour-secondary_button_background-r : 10; --colour-secondary_button_background-g : 145; --colour-secondary_button_background-b : 20; --colour-secondary_button_background : rgb(var(--colour-secondary_button_background-r), var(--colour-secondary_button_background-g), var(--colour-secondary_button_background-b));} /* --------------------------------- Misc --------------------------------- */ .palette-yellow .text-muted { color: #555555; color: var(--colour-content_text_lighten02, var(--colour-content_text, #555555)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar.s-header__bar--navigation { background-color: #ffee00; background-color: var(--colour-content_background, #ffee00); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .sm-shop .sm-shop-toggle__icon { fill: #090909; fill: var(--colour-content_heading, #090909); color: #090909; color: var(--colour-content_heading, #090909); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .logo--text { color: #090909; color: var(--colour-content_heading, #090909); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .sm-menu > li > a > .sub-arrow { border-color: #090909 transparent transparent transparent; border-color: var(--colour-content_heading, #090909) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-navigation--border { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__item--tagline p { color: #222222; color: var(--colour-content_text, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .s-header__item--tagline .heading { color: #222222; color: var(--colour-content_text, #222222); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow .sm-menu:not(.is-mobile-menu) a { color: #090909; color: var(--colour-content_heading, #090909); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header { color: #222222; color: var(--colour-content_text, #222222); border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .subheading { color: #090909; color: var(--colour-content_heading, #090909); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .icon::after { color: #222222; color: var(--colour-content_icon, #222222); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #ffee00; background-color: var(--colour-content_background, #ffee00); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-yellow.b-header .b-header__menu-bar::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } /* --------------------------------- Non content builder classes --------------------------------- */ .card { background-color: #e8e8e8; background-color: var(--colour-card_background, #e8e8e8); color: #999999; color: var(--colour-card_text, #999999); } .card-heading-color { color: #000000; color: var(--colour-card_heading, #000000); } .card-text-color { color: #999999; color: var(--colour-card_text, #999999); } .card-link-color { color: #999999; color: var(--colour-card_link, #999999); } .card-link-fill { fill: #999999; fill: var(--colour-card_link, #999999); } .border-color, .border-color::before { border-color: #ffffff; border-color: var(--colour-border, #ffffff); } .accent-color { color: #e8e8e8; color: var(--colour-accent, #e8e8e8); } .accent-fill { fill: #e8e8e8; fill: var(--colour-accent, #e8e8e8); } .heading-color { color: #222222; color: var(--colour-content_heading, #222222); } .heading-fill { fill: #222222; fill: var(--colour-content_heading, #222222); } .link-color { color: #2990ea; color: var(--colour-content_link, #2990ea); } .text-color { color: #222222; color: var(--colour-content_text, #222222); } /* --------------------------------- Buttons --------------------------------- */ .btn--primary, .button--primary { border-color: #0004ff; border-color: var(--colour-primary_button_background, #0004ff); background-color: #0004ff; background-color: var(--colour-primary_button_background, #0004ff); color: #ffffff; color: var(--colour-primary_button_text, #ffffff); } .btn--secondary, .button--secondary { border-color: #222222; border-color: var(--colour-secondary_button_background, #222222); background-color: #222222; background-color: var(--colour-secondary_button_background, #222222); color: #ffffff; color: var(--colour-secondary_button_text, #ffffff); } .btn--tertiary, .button--tertiary { border-color: #bdbdbd; border-color: var(--colour-tertiary_button_outline, #bdbdbd); color: #222222; color: var(--colour-tertiary_button_text, #222222); } .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: #222222; border-left-color: var(--colour-tertiary_button_text, #222222); border-bottom-color: #222222; border-bottom-color: var(--colour-tertiary_button_text, #222222); } /* --------------------------------- Shop --------------------------------- */ .shop-category .shop-search .button { border-color: #ffffff; border-color: var(--colour-border, #ffffff); background-color: #fffcfb; background-color: var(--colour-content__form_background, #fffcfb); color: #222222; color: var(--colour-content__form_text, #222222); } .shop-category .shop-quantity .shop-quantity__btn { border-color: #ffffff; border-color: var(--colour-border, #ffffff); background-color: #ffffff; background-color: var(--colour-border, #ffffff); color: #000000; color: var(--colour-border_bestText, #000000); } /* --------------------------------- Modals --------------------------------- */ .modal .modal__container { background-color: #fffcfb; background-color: var(--colour-content_background, #fffcfb); } .modal .modal__title, .modal .modal__close { color: #222222; color: var(--colour-content_heading, #222222); } .modal .modal__content { color: #222222; color: var(--colour-content_text, #222222); } /* --------------------------------- 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: #ffffff; border-color: var(--colour-border, #ffffff); background-color: #fffcfb; background-color: var(--colour-content__form_background, #fffcfb); color: #222222; color: var(--colour-content__form_text, #222222); } .hr-text::after, .hr-text::before { background-color: #ffffff; background-color: var(--colour-border, #ffffff); } .text-input::placeholder { color: #222222; color: var(--colour-content_text, #222222); } .checkbox-input:checked, .radio-input:checked { border-color: #0004ff; border-color: var(--colour-primary_button_background, #0004ff); ; background-color: #0004ff; background-color: var(--colour-primary_button_background, #0004ff); ; } .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: #ffffff; border-color: var(--colour-border, #ffffff); ; border-top-color: #999999; border-top-color: var(--colour-card_link, #999999); ; }