/** default Palette **/ :root { --colour-content_background-r : 0; --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-alternative_content_background-r : 17; --colour-alternative_content_background-g : 17; --colour-alternative_content_background-b : 17; --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 : 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-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_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-card_background-r : 34; --colour-card_background-g : 34; --colour-card_background-b : 34; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-card_text-r : 192; --colour-card_text-g : 162; --colour-card_text-b : 80; --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 : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-primary_button_background-r : 92; --colour-primary_button_background-g : 92; --colour-primary_button_background-b : 92; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content__form_background-r : 0; --colour-content__form_background-g : 0; --colour-content__form_background-b : 0; --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 : 255; --colour-content__form_text-g : 255; --colour-content__form_text-b : 255; --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 : 204; --colour-header__accent_icon-g : 204; --colour-header__accent_icon-b : 204; --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 : 17; --colour-footer__accent_background-g : 17; --colour-footer__accent_background-b : 17; --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 : 153; --colour-footer__accent_text-g : 153; --colour-footer__accent_text-b : 153; --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 : 0; --colour-header__background-g : 0; --colour-header__background-b : 0; --colour-header__background : rgb(var(--colour-header__background-r), var(--colour-header__background-g), var(--colour-header__background-b));--colour-header__dropdown_background-r : 0; --colour-header__dropdown_background-g : 0; --colour-header__dropdown_background-b : 0; --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 : 255; --colour-header__menu_text-g : 255; --colour-header__menu_text-b : 255; --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 : 156; --colour-header__logo_text-g : 129; --colour-header__logo_text-b : 65; --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 : 153; --colour-footer__text-g : 153; --colour-footer__text-b : 153; --colour-footer__text : rgb(var(--colour-footer__text-r), var(--colour-footer__text-g), var(--colour-footer__text-b));--colour-footer__icon-r : 156; --colour-footer__icon-g : 129; --colour-footer__icon-b : 65; --colour-footer__icon : rgb(var(--colour-footer__icon-r), var(--colour-footer__icon-g), var(--colour-footer__icon-b));--colour-footer__heading-r : 156; --colour-footer__heading-g : 129; --colour-footer__heading-b : 65; --colour-footer__heading : rgb(var(--colour-footer__heading-r), var(--colour-footer__heading-g), var(--colour-footer__heading-b));--colour-header__border-r : 92; --colour-header__border-g : 92; --colour-header__border-b : 92; --colour-header__border : rgb(var(--colour-header__border-r), var(--colour-header__border-g), var(--colour-header__border-b));--colour-header__icon-r : 199; --colour-header__icon-g : 0; --colour-header__icon-b : 80; --colour-header__icon : rgb(var(--colour-header__icon-r), var(--colour-header__icon-g), var(--colour-header__icon-b));--colour-header__dropdown_text-r : 204; --colour-header__dropdown_text-g : 204; --colour-header__dropdown_text-b : 204; --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 : 34; --colour-footer__border-g : 34; --colour-footer__border-b : 34; --colour-footer__border : rgb(var(--colour-footer__border-r), var(--colour-footer__border-g), var(--colour-footer__border-b));--colour-header__accent_background-r : 34; --colour-header__accent_background-g : 34; --colour-header__accent_background-b : 34; --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 : 204; --colour-header__accent_text-g : 204; --colour-header__accent_text-b : 204; --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 : 51; --colour-header__dropdown_border-g : 51; --colour-header__dropdown_border-b : 51; --colour-header__dropdown_border : rgb(var(--colour-header__dropdown_border-r), var(--colour-header__dropdown_border-g), var(--colour-header__dropdown_border-b));--colour-header__dropdown-border-r : 255; --colour-header__dropdown-border-g : 255; --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: #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) .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .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: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .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: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) 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: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .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) .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .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: #9c8141; color: var(--colour-content_heading, #9c8141); } .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: #ffffff; color: var(--colour-content_icon, #ffffff); } .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: #000000; background-color: var(--colour-content_background, #000000); } .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: #282828; border-color: var(--colour-border, #282828); } /** contrast Palette **/ .palette-contrast { --colour-content_background-r : 10; --colour-content_background-g : 10; --colour-content_background-b : 10; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-alternative_content_background-r : 247; --colour-alternative_content_background-g : 247; --colour-alternative_content_background-b : 247; --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 : 153; --colour-content_text-g : 153; --colour-content_text-b : 153; --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 : 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_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --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 : 51; --colour-card_text-g : 51; --colour-card_text-b : 51; --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 : 0; --colour-card_link-g : 0; --colour-card_link-b : 0; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-border-r : 232; --colour-border-g : 232; --colour-border-b : 232; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-primary_button_background-r : 92; --colour-primary_button_background-g : 92; --colour-primary_button_background-b : 92; --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 : 158; --colour-secondary_button_background-g : 158; --colour-secondary_button_background-b : 158; --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 : 51; --colour-tertiary_button_outline-g : 51; --colour-tertiary_button_outline-b : 51; --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 : 0; --colour-content_icon-g : 0; --colour-content_icon-b : 0; --colour-content_icon : rgb(var(--colour-content_icon-r), var(--colour-content_icon-g), var(--colour-content_icon-b));--colour-content__form_background-r : 10; --colour-content__form_background-g : 10; --colour-content__form_background-b : 10; --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 : 153; --colour-content__form_text-g : 153; --colour-content__form_text-b : 153; --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: #cccccc; color: var(--colour-content_text_lighten02, var(--colour-content_text, #cccccc)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__bar.s-header__bar--navigation { background-color: #0a0a0a; background-color: var(--colour-content_background, #0a0a0a); } .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: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .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: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) 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: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline p { color: #999999; color: var(--colour-content_text, #999999); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .s-header__item--tagline .heading { color: #999999; color: var(--colour-content_text, #999999); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-contrast.b-header { color: #999999; color: var(--colour-content_text, #999999); border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .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: #9c8141; color: var(--colour-content_heading, #9c8141); } .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: #000000; color: var(--colour-content_icon, #000000); } .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: #0a0a0a; background-color: var(--colour-content_background, #0a0a0a); } .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: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } /** abour-us Palette **/ .palette-abour-us { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 192; --colour-card_text-g : 162; --colour-card_text-b : 80; --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 : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 34; --colour-card_background-g : 34; --colour-card_background-b : 34; --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 : 245; --colour-content_heading-b : 245; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 16; --colour-content_background-g : 16; --colour-content_background-b : 16; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 92; --colour-primary_button_background-g : 92; --colour-primary_button_background-b : 92; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-abour-us .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-abour-us .s-header__bar.s-header__bar--navigation { background-color: #101010; background-color: var(--colour-content_background, #101010); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .sm-shop .sm-shop-toggle__icon { fill: #f7f5f5; fill: var(--colour-content_heading, #f7f5f5); color: #f7f5f5; color: var(--colour-content_heading, #f7f5f5); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .logo--text { color: #f7f5f5; color: var(--colour-content_heading, #f7f5f5); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .sm-menu > li > a > .sub-arrow { border-color: #f7f5f5 transparent transparent transparent; border-color: var(--colour-content_heading, #f7f5f5) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us .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-abour-us .sm-menu:not(.is-mobile-menu) a { color: #f7f5f5; color: var(--colour-content_heading, #f7f5f5); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .subheading { color: #f7f5f5; color: var(--colour-content_heading, #f7f5f5); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #101010; background-color: var(--colour-content_background, #101010); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-abour-us.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** cookie-box Palette **/ .palette-cookie-box { --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 : 232; --colour-border-g : 232; --colour-border-b : 232; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 0; --colour-card_link-g : 0; --colour-card_link-b : 0; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 51; --colour-card_text-g : 51; --colour-card_text-b : 51; --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 : 0; --colour-content_icon-g : 0; --colour-content_icon-b : 0; --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 : 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 : 153; --colour-content_text-g : 153; --colour-content_text-b : 153; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 40; --colour-card_background-g : 39; --colour-card_background-b : 39; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 10; --colour-content_background-g : 10; --colour-content_background-b : 10; --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 : 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 : 51; --colour-tertiary_button_outline-g : 51; --colour-tertiary_button_outline-b : 51; --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 : 92; --colour-primary_button_background-g : 92; --colour-primary_button_background-b : 92; --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 : 158; --colour-secondary_button_background-g : 158; --colour-secondary_button_background-b : 158; --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-cookie-box .text-muted { color: #cccccc; color: var(--colour-content_text_lighten02, var(--colour-content_text, #cccccc)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar.s-header__bar--navigation { background-color: #0a0a0a; background-color: var(--colour-content_background, #0a0a0a); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-navigation--border { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__item--tagline p { color: #999999; color: var(--colour-content_text, #999999); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .s-header__item--tagline .heading { color: #999999; color: var(--colour-content_text, #999999); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header { color: #999999; color: var(--colour-content_text, #999999); border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .icon::after { color: #000000; color: var(--colour-content_icon, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #0a0a0a; background-color: var(--colour-content_background, #0a0a0a); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-cookie-box.b-header .b-header__menu-bar::before { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } /** devider Palette **/ .palette-devider { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 204; --colour-border-g : 204; --colour-border-b : 204; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 16; --colour-card_background-g : 16; --colour-card_background-b : 16; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 0; --colour-primary_button_text-g : 0; --colour-primary_button_text-b : 0; --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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 238; --colour-primary_button_background-g : 238; --colour-primary_button_background-b : 238; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-devider .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-devider .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-navigation--border { border-color: #cccccc; border-color: var(--colour-border, #cccccc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider .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-devider .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #cccccc; border-color: var(--colour-border, #cccccc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-devider.b-header .b-header__menu-bar::before { border-color: #cccccc; border-color: var(--colour-border, #cccccc); } /** home-page Palette **/ .palette-home-page { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 16; --colour-card_background-g : 16; --colour-card_background-b : 16; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 238; --colour-content_heading-g : 238; --colour-content_heading-b : 238; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 118; --colour-primary_button_background-g : 1; --colour-primary_button_background-b : 1; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-home-page .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-home-page .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .sm-shop .sm-shop-toggle__icon { fill: #eeeeee; fill: var(--colour-content_heading, #eeeeee); color: #eeeeee; color: var(--colour-content_heading, #eeeeee); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .logo--text { color: #eeeeee; color: var(--colour-content_heading, #eeeeee); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .sm-menu > li > a > .sub-arrow { border-color: #eeeeee transparent transparent transparent; border-color: var(--colour-content_heading, #eeeeee) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page .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-home-page .sm-menu:not(.is-mobile-menu) a { color: #eeeeee; color: var(--colour-content_heading, #eeeeee); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .subheading { color: #eeeeee; color: var(--colour-content_heading, #eeeeee); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-home-page.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-2 Palette **/ .palette-homepage-2 { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 204; --colour-card_heading-g : 204; --colour-card_heading-b : 204; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 17; --colour-card_background-g : 17; --colour-card_background-b : 17; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 118; --colour-primary_button_background-g : 1; --colour-primary_button_background-b : 1; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-homepage-2 .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-homepage-2 .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2 .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-homepage-2 .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-2.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-3 Palette **/ .palette-homepage-3 { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 0; --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 : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 118; --colour-primary_button_background-g : 1; --colour-primary_button_background-b : 1; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-homepage-3 .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-homepage-3 .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3 .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-homepage-3 .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-3.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-4 Palette **/ .palette-homepage-4 { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 16; --colour-card_background-g : 16; --colour-card_background-b : 16; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 0; --colour-primary_button_text-g : 0; --colour-primary_button_text-b : 0; --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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 238; --colour-primary_button_background-g : 238; --colour-primary_button_background-b : 238; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-homepage-4 .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-homepage-4 .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4 .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-homepage-4 .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-4.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-5 Palette **/ .palette-homepage-5 { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 204; --colour-card_heading-g : 204; --colour-card_heading-b : 204; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 17; --colour-card_background-g : 17; --colour-card_background-b : 17; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 204; --colour-content_heading-g : 204; --colour-content_heading-b : 204; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 118; --colour-primary_button_background-g : 1; --colour-primary_button_background-b : 1; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-homepage-5 .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-homepage-5 .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .sm-shop .sm-shop-toggle__icon { fill: #cccccc; fill: var(--colour-content_heading, #cccccc); color: #cccccc; color: var(--colour-content_heading, #cccccc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .logo--text { color: #cccccc; color: var(--colour-content_heading, #cccccc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .sm-menu > li > a > .sub-arrow { border-color: #cccccc transparent transparent transparent; border-color: var(--colour-content_heading, #cccccc) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5 .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-homepage-5 .sm-menu:not(.is-mobile-menu) a { color: #cccccc; color: var(--colour-content_heading, #cccccc); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .subheading { color: #cccccc; color: var(--colour-content_heading, #cccccc); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-5.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-black Palette **/ .palette-homepage-black { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 238; --colour-card_heading-g : 238; --colour-card_heading-b : 238; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 0; --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 : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 0; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-homepage-black .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-homepage-black .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black .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-homepage-black .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-black.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** homepage-blocks Palette **/ .palette-homepage-blocks { --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 : 232; --colour-border-g : 232; --colour-border-b : 232; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 0; --colour-card_link-g : 0; --colour-card_link-b : 0; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 51; --colour-card_text-g : 51; --colour-card_text-b : 51; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 0; --colour-content_icon-g : 0; --colour-content_icon-b : 0; --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 : 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 : 153; --colour-content_text-g : 153; --colour-content_text-b : 153; --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 : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 178; --colour-content_background-g : 178; --colour-content_background-b : 178; --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 : 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 : 51; --colour-tertiary_button_outline-g : 51; --colour-tertiary_button_outline-b : 51; --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 : 92; --colour-primary_button_background-g : 92; --colour-primary_button_background-b : 92; --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 : 158; --colour-secondary_button_background-g : 158; --colour-secondary_button_background-b : 158; --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-homepage-blocks .text-muted { color: #cccccc; color: var(--colour-content_text_lighten02, var(--colour-content_text, #cccccc)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar.s-header__bar--navigation { background-color: #b2b2b2; background-color: var(--colour-content_background, #b2b2b2); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-navigation--border { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__item--tagline p { color: #999999; color: var(--colour-content_text, #999999); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .s-header__item--tagline .heading { color: #999999; color: var(--colour-content_text, #999999); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header { color: #999999; color: var(--colour-content_text, #999999); border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .icon::after { color: #000000; color: var(--colour-content_icon, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #b2b2b2; background-color: var(--colour-content_background, #b2b2b2); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-homepage-blocks.b-header .b-header__menu-bar::before { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } /** new-buttons Palette **/ .palette-new-buttons { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --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 : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 16; --colour-card_background-g : 16; --colour-card_background-b : 16; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-new-buttons .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-new-buttons .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons .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-new-buttons .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-buttons.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /** new-homepage-maybe Palette **/ .palette-new-homepage-maybe { --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 : 232; --colour-border-g : 232; --colour-border-b : 232; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 191; --colour-card_link-g : 188; --colour-card_link-b : 188; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 191; --colour-card_text-g : 188; --colour-card_text-b : 188; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 156; --colour-card_heading-g : 129; --colour-card_heading-b : 65; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 0; --colour-content_icon-g : 0; --colour-content_icon-b : 0; --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 : 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 : 153; --colour-content_text-g : 153; --colour-content_text-b : 153; --colour-content_text : rgb(var(--colour-content_text-r), var(--colour-content_text-g), var(--colour-content_text-b));--colour-card_background-r : 25; --colour-card_background-g : 25; --colour-card_background-b : 25; --colour-card_background : rgb(var(--colour-card_background-r), var(--colour-card_background-g), var(--colour-card_background-b));--colour-content_heading-r : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 25; --colour-content_background-g : 25; --colour-content_background-b : 25; --colour-content_background : rgb(var(--colour-content_background-r), var(--colour-content_background-g), var(--colour-content_background-b));--colour-primary_button_text-r : 0; --colour-primary_button_text-g : 0; --colour-primary_button_text-b : 0; --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 : 51; --colour-tertiary_button_outline-g : 51; --colour-tertiary_button_outline-b : 51; --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 : 238; --colour-primary_button_background-g : 238; --colour-primary_button_background-b : 238; --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 : 158; --colour-secondary_button_background-g : 158; --colour-secondary_button_background-b : 158; --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-new-homepage-maybe .text-muted { color: #cccccc; color: var(--colour-content_text_lighten02, var(--colour-content_text, #cccccc)); } /* --------------------------------- Incorporate header into first block --------------------------------- */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar.s-header__bar--navigation { background-color: #191919; background-color: var(--colour-content_background, #191919); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-navigation--border { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__item--tagline p { color: #999999; color: var(--colour-content_text, #999999); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .s-header__item--tagline .heading { color: #999999; color: var(--colour-content_text, #999999); } @media (min-width: 768px) { .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header { color: #999999; color: var(--colour-content_text, #999999); border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .icon::after { color: #000000; color: var(--colour-content_icon, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #191919; background-color: var(--colour-content_background, #191919); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-new-homepage-maybe.b-header .b-header__menu-bar::before { border-color: #e8e8e8; border-color: var(--colour-border, #e8e8e8); } /** products-1 Palette **/ .palette-products-1 { --colour-accent-r : 34; --colour-accent-g : 34; --colour-accent-b : 34; --colour-accent : rgb(var(--colour-accent-r), var(--colour-accent-g), var(--colour-accent-b));--colour-accent_best_text: #ffffff;--colour-border-r : 40; --colour-border-g : 40; --colour-border-b : 40; --colour-border : rgb(var(--colour-border-r), var(--colour-border-g), var(--colour-border-b));--colour-card_link-r : 255; --colour-card_link-g : 255; --colour-card_link-b : 255; --colour-card_link : rgb(var(--colour-card_link-r), var(--colour-card_link-g), var(--colour-card_link-b));--colour-card_text-r : 187; --colour-card_text-g : 187; --colour-card_text-b : 187; --colour-card_text : rgb(var(--colour-card_text-r), var(--colour-card_text-g), var(--colour-card_text-b));--colour-card_heading-r : 204; --colour-card_heading-g : 204; --colour-card_heading-b : 204; --colour-card_heading : rgb(var(--colour-card_heading-r), var(--colour-card_heading-g), var(--colour-card_heading-b));--colour-content_icon-r : 255; --colour-content_icon-g : 255; --colour-content_icon-b : 255; --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 : 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 : 0; --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 : 156; --colour-content_heading-g : 129; --colour-content_heading-b : 65; --colour-content_heading : rgb(var(--colour-content_heading-r), var(--colour-content_heading-g), var(--colour-content_heading-b));--colour-content_background-r : 0; --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 : 0; --colour-primary_button_text-g : 0; --colour-primary_button_text-b : 0; --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 : 92; --colour-tertiary_button_outline-g : 92; --colour-tertiary_button_outline-b : 92; --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 : 238; --colour-primary_button_background-g : 238; --colour-primary_button_background-b : 238; --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 : 92; --colour-secondary_button_background-g : 92; --colour-secondary_button_background-b : 92; --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-products-1 .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-products-1 .s-header__bar.s-header__bar--navigation { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__menu-toggle .hamburger, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__bar:not(.s-header__bar--navigation) .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__bar a .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__bar .icon a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .sm-shop .sm-shop-toggle__icon { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .sm-shop a, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .logo--text { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .sm-menu > li > a > .sub-arrow { border-color: #9c8141 transparent transparent transparent; border-color: var(--colour-content_heading, #9c8141) transparent transparent transparent; } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__bar--border, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-navigation--border { border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .s-header__item--tagline p { color: #ffffff; color: var(--colour-content_text, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1 .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-products-1 .sm-menu:not(.is-mobile-menu) a { color: #9c8141; color: var(--colour-content_heading, #9c8141); } } /* ----------------------------------------- Incorporate header (specific to new headers) ------------------------------------------ */ .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header { color: #ffffff; color: var(--colour-content_text, #ffffff); border-color: #282828; border-color: var(--colour-border, #282828); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .logo, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .heading, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .subheading { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .icon, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .icon::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .icon::after { color: #ffffff; color: var(--colour-content_icon, #ffffff); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__bar .b-header__bar-bg, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__menu-bar.is-solid, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__menu-bar .b-header__bar-bg { background-color: #000000; background-color: var(--colour-content_background, #000000); } .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__bar::before, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__menu-bar, .header--incorporated:not(.is-stuck):not(.is-hidden) .palette-products-1.b-header .b-header__menu-bar::before { border-color: #282828; border-color: var(--colour-border, #282828); } /* --------------------------------- Non content builder classes --------------------------------- */ .card { background-color: #222222; background-color: var(--colour-card_background, #222222); color: #c0a250; color: var(--colour-card_text, #c0a250); } .card-heading-color { color: #ffffff; color: var(--colour-card_heading, #ffffff); } .card-text-color { color: #c0a250; color: var(--colour-card_text, #c0a250); } .card-link-color { color: #ffffff; color: var(--colour-card_link, #ffffff); } .card-link-fill { fill: #ffffff; fill: var(--colour-card_link, #ffffff); } .border-color, .border-color::before { border-color: #282828; border-color: var(--colour-border, #282828); } .accent-color { color: #222222; color: var(--colour-accent, #222222); } .accent-fill { fill: #222222; fill: var(--colour-accent, #222222); } .heading-color { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .heading-fill { fill: #9c8141; fill: var(--colour-content_heading, #9c8141); } .link-color { color: #ffffff; color: var(--colour-content_link, #ffffff); } .text-color { color: #ffffff; color: var(--colour-content_text, #ffffff); } /* --------------------------------- Buttons --------------------------------- */ .btn--primary, .button--primary { border-color: #5c5c5c; border-color: var(--colour-primary_button_background, #5c5c5c); background-color: #5c5c5c; background-color: var(--colour-primary_button_background, #5c5c5c); color: #ffffff; color: var(--colour-primary_button_text, #ffffff); } .btn--secondary, .button--secondary { border-color: #5c5c5c; border-color: var(--colour-secondary_button_background, #5c5c5c); background-color: #5c5c5c; background-color: var(--colour-secondary_button_background, #5c5c5c); color: #ffffff; color: var(--colour-secondary_button_text, #ffffff); } .btn--tertiary, .button--tertiary { border-color: #5c5c5c; border-color: var(--colour-tertiary_button_outline, #5c5c5c); color: #ffffff; color: var(--colour-tertiary_button_text, #ffffff); } .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: #ffffff; border-left-color: var(--colour-tertiary_button_text, #ffffff); border-bottom-color: #ffffff; border-bottom-color: var(--colour-tertiary_button_text, #ffffff); } /* --------------------------------- Shop --------------------------------- */ .shop-category .shop-search .button { border-color: #282828; border-color: var(--colour-border, #282828); background-color: #000000; background-color: var(--colour-content__form_background, #000000); color: #ffffff; color: var(--colour-content__form_text, #ffffff); } .shop-category .shop-quantity .shop-quantity__btn { border-color: #282828; border-color: var(--colour-border, #282828); background-color: #282828; background-color: var(--colour-border, #282828); color: #ffffff; color: var(--colour-border_bestText, #ffffff); } /* --------------------------------- Modals --------------------------------- */ .modal .modal__container { background-color: #000000; background-color: var(--colour-content_background, #000000); } .modal .modal__title, .modal .modal__close { color: #9c8141; color: var(--colour-content_heading, #9c8141); } .modal .modal__content { color: #ffffff; color: var(--colour-content_text, #ffffff); } /* --------------------------------- 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: #282828; border-color: var(--colour-border, #282828); background-color: #000000; background-color: var(--colour-content__form_background, #000000); color: #ffffff; color: var(--colour-content__form_text, #ffffff); } .hr-text::after, .hr-text::before { background-color: #282828; background-color: var(--colour-border, #282828); } .text-input::placeholder { color: #ffffff; color: var(--colour-content_text, #ffffff); } .checkbox-input:checked, .radio-input:checked { border-color: #5c5c5c; border-color: var(--colour-primary_button_background, #5c5c5c); ; background-color: #5c5c5c; background-color: var(--colour-primary_button_background, #5c5c5c); ; } .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: #282828; border-color: var(--colour-border, #282828); ; border-top-color: #ffffff; border-top-color: var(--colour-card_link, #ffffff); ; }