@biggive/components 202303031447.0.0 → 202303061752.0.0

package/dist/components/biggive-article-card.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
 
-const biggiveArticleCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.align-right{text-align:right}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left;padding:30px}.container .sleeve{padding:30px 30px 0 30px;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .slug{margin-bottom:5px}.container .date{font-size:13px;line-height:17px;margin-bottom:15px}.container h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:15px}.container h3 a,.container h3 a:hover{text-decoration:none}.container .image-group{margin-bottom:15px}.container .image-group .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-wrap img{display:none}.container .image-group .image-label{font-size:13px;line-height:17px}";
+const biggiveArticleCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.align-right{text-align:right}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left;padding:30px}.container .sleeve{padding:30px 30px 0 30px;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .slug{margin-bottom:5px}.container .date{font-size:13px;line-height:17px;margin-bottom:15px}.container h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:15px}.container h3 a,.container h3 a:hover{text-decoration:none}.container .image-group{margin-bottom:15px}.container .image-group .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-wrap img{display:none}.container .image-group .image-label{font-size:13px;line-height:17px}";
 
 const BiggiveArticleCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-basic-card.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
 
-const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container .sleeve{padding:30px;height:100%;box-sizing:border-box}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
+const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
 
 const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -24,6 +24,7 @@ const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.clipBottomLeftCorner = true;
     this.clipTopRightCorner = true;
     this.headingLevel = 3;
+    this.addAnimation = false;
   }
   render() {
     const HeadingTag = `h${this.headingLevel}`;
@@ -34,7 +35,9 @@ const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
         ' clip-bottom-left-corner-' +
         this.clipBottomLeftCorner +
         ' clip-top-right-corner-' +
-        this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.icon == true ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, h(HeadingTag, { class: "title" }, this.mainTitle), h("div", { class: "subtitle" }, this.subtitle), h("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+        this.clipTopRightCorner +
+        ' add-animation-' +
+        this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { href: this.buttonUrl }, h("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.icon == true ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, h(HeadingTag, { class: "title" }, this.mainTitle), h("div", { class: "subtitle" }, this.subtitle), h("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
   }
   static get style() { return biggiveBasicCardCss; }
 }, [1, "biggive-basic-card", {
@@ -53,7 +56,8 @@ const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "buttonColourScheme": [1, "button-colour-scheme"],
     "clipBottomLeftCorner": [4, "clip-bottom-left-corner"],
     "clipTopRightCorner": [4, "clip-top-right-corner"],
-    "headingLevel": [2, "heading-level"]
+    "headingLevel": [2, "heading-level"],
+    "addAnimation": [4, "add-animation"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/biggive-beneficiary-icon.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
 
-const biggiveBeneficiaryIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.beneficiary-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.beneficiary-icon-item.colour-scheme-primary{background-color:#2C089B}.beneficiary-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-secondary{background-color:#2AF135}.beneficiary-icon-item.colour-scheme-secondary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-tertiary{background-color:#FF7272}.beneficiary-icon-item.colour-scheme-tertiary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-1{background-color:#B30510}.beneficiary-icon-item.colour-scheme-brand-1 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-2{background-color:#6E0887}.beneficiary-icon-item.colour-scheme-brand-2 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-3{background-color:#50B400}.beneficiary-icon-item.colour-scheme-brand-3 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-4{background-color:#FFE500}.beneficiary-icon-item.colour-scheme-brand-4 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-5{background-color:#F07D00}.beneficiary-icon-item.colour-scheme-brand-5 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.beneficiary-icon-item.colour-scheme-brand-6 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-white{background-color:#FFFFFF}.beneficiary-icon-item.colour-scheme-white svg{fill:#000000}.beneficiary-icon-item.colour-scheme-black{background-color:#000000}.beneficiary-icon-item.colour-scheme-black svg{fill:#FFFFFF}.beneficiary-icon-item:hover{background-color:#FFFFFF}.beneficiary-icon-item:hover svg{fill:#000000}.beneficiary-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.beneficiary-icon-item a svg{width:100%;height:100%}.beneficiary-icon-item a{padding:6px}";
+const biggiveBeneficiaryIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.beneficiary-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.beneficiary-icon-item.colour-scheme-primary{background-color:#2C089B}.beneficiary-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-secondary{background-color:#2AF135}.beneficiary-icon-item.colour-scheme-secondary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-tertiary{background-color:#FF7272}.beneficiary-icon-item.colour-scheme-tertiary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-1{background-color:#B30510}.beneficiary-icon-item.colour-scheme-brand-1 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-2{background-color:#6E0887}.beneficiary-icon-item.colour-scheme-brand-2 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-3{background-color:#50B400}.beneficiary-icon-item.colour-scheme-brand-3 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-4{background-color:#FFE500}.beneficiary-icon-item.colour-scheme-brand-4 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-5{background-color:#F07D00}.beneficiary-icon-item.colour-scheme-brand-5 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.beneficiary-icon-item.colour-scheme-brand-6 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-white{background-color:#FFFFFF}.beneficiary-icon-item.colour-scheme-white svg{fill:#000000}.beneficiary-icon-item.colour-scheme-black{background-color:#000000}.beneficiary-icon-item.colour-scheme-black svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-black{background-color:#D7D7D7}.beneficiary-icon-item.colour-scheme-black svg{fill:#D7D7D7}.beneficiary-icon-item.colour-scheme-black{background-color:#E8E8E8}.beneficiary-icon-item.colour-scheme-black svg{fill:#E8E8E8}.beneficiary-icon-item.colour-scheme-black{background-color:#8A8A8A}.beneficiary-icon-item.colour-scheme-black svg{fill:#8A8A8A}.beneficiary-icon-item.colour-scheme-black{background-color:#4A4A4A}.beneficiary-icon-item.colour-scheme-black svg{fill:#4A4A4A}.beneficiary-icon-item:hover{background-color:#FFFFFF}.beneficiary-icon-item:hover svg{fill:#000000}.beneficiary-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.beneficiary-icon-item a svg{width:100%;height:100%}.beneficiary-icon-item a{padding:6px}";
 
 const BiggiveBeneficiaryIcon$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-boxed-content.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveBoxedContentCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}";
+const biggiveBoxedContentCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}";
 
 const BiggiveBoxedContent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-call-to-action.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
 
-const biggiveCallToActionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;position:relative;text-align:center}.content-wrap .slug{margin:0;padding:0}.content-wrap h2{margin:0 0 5px 0;padding:0}.content-wrap .subtitle{margin:0 0 5px 0;padding:0}.content-wrap .teaser{margin:15px auto 15px auto;max-width:400px;padding:0}@media screen and (max-width: 576px){.content-wrap{text-align:right}h2{padding:40px 0}}";
+const biggiveCallToActionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;position:relative;text-align:center}.content-wrap .slug{margin:0;padding:0}.content-wrap h2{margin:0 0 5px 0;padding:0}.content-wrap .subtitle{margin:0 0 5px 0;padding:0}.content-wrap .teaser{margin:15px auto 15px auto;max-width:400px;padding:0}@media screen and (max-width: 576px){.content-wrap{text-align:right}h2{padding:40px 0}}";
 
 const BiggiveCallToAction$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-carousel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveCarousel extends Components.BiggiveCarousel, HTMLElement {}
+export const BiggiveCarousel: {
+  prototype: BiggiveCarousel;
+  new (): BiggiveCarousel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-carousel.js

@@ -0,0 +1,88 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const biggiveCarouselCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .items{overflow:hidden}.container .items .sleeve{display:flex;flex-flow:row wrap}.container .navigation{padding:10px 0;text-align:right;display:flex;justify-content:end;position:relative;z-index:1}.container .navigation .button{margin-left:15px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}@media screen and (max-width: 768px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*){width:100%}}";
+
+const BiggiveCarousel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.currentTab = 0;
+    this.itemCount = 0;
+    this.itemWidthPx = 0;
+    this.spaceBelow = 4;
+    this.columnCount = 3;
+    this.buttonBackgroundColour = 'white';
+    this.buttonIconColour = 'primary';
+  }
+  componentDidRender() {
+    var _a;
+    this.sleeve = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sleeve');
+    let children = Array.from(this.host.children);
+    this.itemCount = children.length;
+    if (children.length > 0) {
+      // Item widths are set in CSS so we know they will all be the same.
+      this.itemWidthPx = children[0].offsetWidth;
+      this.sleeve.style.width = this.itemWidthPx * children.length + 'px';
+      children.forEach(function (el) {
+        el.style.width = 'calc( 100% / ' + children.length + ' )';
+      });
+    }
+  }
+  /*
+   * Animates a transition to show the NEXT or PREVIOUS element in the carousel.
+   * Does nothing if there is no next or previous element.
+   */
+  showTab(direction) {
+    const newTab = this.currentTab + (direction === 'PREV' ? -1 : 1);
+    if (newTab < 0 || newTab > this.itemCount - 1) {
+      return;
+    }
+    const pos = 0 - this.itemWidthPx * newTab;
+    this.sleeve.style.transitionDuration = '0.3s';
+    this.sleeve.style.transitionTimingFunction = 'ease-out';
+    this.sleeve.style.transform = 'translate3d(' + pos + 'px, 0, 0)';
+    this.currentTab = newTab;
+  }
+  clickPrevHandler() {
+    this.showTab('PREV');
+  }
+  clickNextHandler() {
+    this.showTab('NEXT');
+  }
+  render() {
+    return (h("div", { class: 'container column-count-' +
+        this.columnCount +
+        ' space-below-' +
+        this.spaceBelow +
+        ' button-background-colour-' +
+        this.buttonBackgroundColour +
+        ' button-icon-colour-' +
+        this.buttonIconColour }, h("div", { class: "items" }, h("div", { class: "sleeve" }, h("slot", null))), h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: () => this.clickPrevHandler(), title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { class: "button next", onClick: () => this.clickNextHandler(), title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
+  }
+  get host() { return this; }
+  static get style() { return biggiveCarouselCss; }
+}, [1, "biggive-carousel", {
+    "spaceBelow": [2, "space-below"],
+    "columnCount": [2, "column-count"],
+    "buttonBackgroundColour": [1, "button-background-colour"],
+    "buttonIconColour": [1, "button-icon-colour"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-carousel"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-carousel":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveCarousel$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveCarousel = BiggiveCarousel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveCarousel, defineCustomElement };

package/dist/components/biggive-category-icon.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
 
-const biggiveCategoryIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}";
+const biggiveCategoryIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item.colour-scheme-black{background-color:#D7D7D7}.category-icon-item.colour-scheme-black svg{fill:#D7D7D7}.category-icon-item.colour-scheme-black{background-color:#E8E8E8}.category-icon-item.colour-scheme-black svg{fill:#E8E8E8}.category-icon-item.colour-scheme-black{background-color:#8A8A8A}.category-icon-item.colour-scheme-black svg{fill:#8A8A8A}.category-icon-item.colour-scheme-black{background-color:#4A4A4A}.category-icon-item.colour-scheme-black svg{fill:#4A4A4A}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}";
 
 const BiggiveCategoryIcon$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-formatted-text.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveFormattedTextCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:block}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container img{width:100%;height:auto}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}";
+const biggiveFormattedTextCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:block}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container img{width:100%;height:auto}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}";
 
 const BiggiveFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-hero-image.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
 
-const biggiveHeroImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:120px 60px 60px 0}.container .content-wrap .logo,.container .content-wrap .logo-space{height:75px}.container .content-wrap .logo{background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{width:250px;position:relative}@media (max-width: 1200px){.container .content-wrap .logo img{width:210px}}@media (max-width: 768px){.container .content-wrap .logo img{width:200px}}@media (max-width: 576px){.container .content-wrap .logo img{width:180px}}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}.container .content-wrap h1{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){.container .content-wrap h1{font-size:38px;line-height:45px;font-weight:bold}}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 1200px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}@media screen and (max-width: 768px){.container .sleeve .content-wrap{width:70%;padding-top:120px}}@media screen and (max-width: 576px){.container .sleeve .content-wrap{width:80%}}@media screen and (max-width: 450px){.container .sleeve .content-wrap{width:100%}}";
+const biggiveHeroImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px;min-height:32.5vw}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-brand-1{color:#B30510}.container.colour-scheme-brand-2{color:#6E0887}.container.colour-scheme-brand-3{color:#50B400}.container.colour-scheme-brand-4{color:#FFE500}.container.colour-scheme-brand-5{color:#F07D00}.container.colour-scheme-brand-6{color:#62CFC9}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container.colour-scheme-grey-extra-light{color:#D7D7D7}.container.colour-scheme-grey-light{color:#E8E8E8}.container.colour-scheme-grey-medium{color:#8A8A8A}.container.colour-scheme-grey-dark{color:#4A4A4A}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:120px 60px 60px 0}.container .content-wrap .logo,.container .content-wrap .logo-space{height:75px}.container .content-wrap .logo.logo-height-1,.container .content-wrap .logo-space.logo-height-1{height:50px}.container .content-wrap .logo.logo-height-2,.container .content-wrap .logo-space.logo-height-2{height:75px}.container .content-wrap .logo.logo-height-3,.container .content-wrap .logo-space.logo-height-3{height:100px}.container .content-wrap .logo.logo-height-4,.container .content-wrap .logo-space.logo-height-4{height:125px}.container .content-wrap .logo.logo-height-5,.container .content-wrap .logo-space.logo-height-5{height:150px}.container .content-wrap .logo.logo-height-6,.container .content-wrap .logo-space.logo-height-6{height:175px}.container .content-wrap .logo.logo-height-7,.container .content-wrap .logo-space.logo-height-7{height:200px}.container .content-wrap .logo.logo-height-8,.container .content-wrap .logo-space.logo-height-8{height:225px}.container .content-wrap .logo.logo-height-9,.container .content-wrap .logo-space.logo-height-9{height:250px}.container .content-wrap .logo.logo-height-10,.container .content-wrap .logo-space.logo-height-10{height:275px}.container .content-wrap .logo{background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{width:auto;height:100%;position:relative}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}.container .content-wrap h1{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){.container .content-wrap h1{font-size:38px;line-height:45px;font-weight:bold}}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;right:0;padding-bottom:32.5vw;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 1200px){.container{min-height:50vw}.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50vw}}@media screen and (max-width: 768px){.container .sleeve .content-wrap{width:70%;padding-top:120px}}@media screen and (max-width: 576px){.container .sleeve .content-wrap{width:80%}}@media screen and (max-width: 450px){.container .sleeve .content-wrap{width:100%}}";
 
 const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -13,6 +13,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.slug = undefined;
     this.slugColour = undefined;
     this.logo = '';
+    this.logoHeight = 3;
     this.logoAltText = '';
     this.mainImage = null;
     this.mainImageAlignHorizontal = 'center';
@@ -28,7 +29,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   render() {
     const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');
     const teaserClasses = 'teaser ' + (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');
-    return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: "logo-space" }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: mainTitleClasses }, this.mainTitle), h("div", { class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+    return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: mainTitleClasses }, this.mainTitle), h("div", { class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
       ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
       : null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
   }
@@ -39,6 +40,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "slug": [1],
     "slugColour": [1, "slug-colour"],
     "logo": [1],
+    "logoHeight": [2, "logo-height"],
     "logoAltText": [1, "logo-alt-text"],
     "mainImage": [1, "main-image"],
     "mainImageAlignHorizontal": [1, "main-image-align-horizontal"],

package/dist/components/biggive-image-feature.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
 
-const biggiveImageFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{width:100%;margin-bottom:15px;order:-1}}";
+const biggiveImageFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{width:100%;margin-bottom:15px;order:-1}}";
 
 const BiggiveImageFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-misc-icon2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
 
-const biggiveMiscIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents}.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}@media screen and (max-width: 576px){.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin:auto}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}.misc-icon-item a{padding:6px}.misc-icon-item a{margin:auto}}.CaretRight{height:10px;width:10px;margin-right:0px}.CaretRight a{padding:0px}.MenuClose a svg{height:12px;width:12px}";
+const biggiveMiscIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents}.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}@media screen and (max-width: 576px){.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin:auto}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}.misc-icon-item a{padding:6px}.misc-icon-item a{margin:auto}}.CaretRight{height:10px;width:10px;margin-right:0px}.CaretRight a{padding:0px}.MenuClose a svg{height:12px;width:12px}";
 
 const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-quote.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-1 .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-2 .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-3 .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-4 .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-5 .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-6 .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}";
 
 const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -11,16 +11,18 @@ const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.defaultTextColour = 'black';
     this.quote = '';
     this.attribution = '';
+    this.quoteIconColour = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "image-wrap" }, h("svg", { width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { class: "attribution" }, " - ", this.attribution)));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { class: "image-wrap" }, h("svg", { width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { class: "attribution" }, " - ", this.attribution)));
   }
   static get style() { return biggiveQuoteCss; }
 }, [1, "biggive-quote", {
     "spaceBelow": [2, "space-below"],
     "defaultTextColour": [1, "default-text-colour"],
     "quote": [1],
-    "attribution": [1]
+    "attribution": [1],
+    "quoteIconColour": [1, "quote-icon-colour"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/biggive-social-icon.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
 
-const biggiveSocialIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents}.social-icon-item{margin-right:6px;width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.wide.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.wide.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.wide.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.wide.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.wide.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide:hover{background-color:#FFFFFF}.social-icon-item.wide:hover svg{fill:#000000}.social-icon-item.wide a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}";
+const biggiveSocialIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents}.social-icon-item{margin-right:6px;width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.wide.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.wide.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.wide.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.wide.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.wide.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.wide.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.wide.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.wide.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.wide.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.wide.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.wide.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.wide.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item.wide:hover{background-color:#FFFFFF}.social-icon-item.wide:hover svg{fill:#000000}.social-icon-item.wide a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}";
 
 const BiggiveSocialIcon$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-tab.js

@@ -10,7 +10,7 @@ const BiggiveTab$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.tabTitle = '';
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "title" }, this.tabTitle), h("div", { class: "content" }, h("slot", null))));
+    return (h("div", { class: "container" }, h("slot", null)));
   }
   static get style() { return biggiveTabCss; }
 }, [1, "biggive-tab", {