@biggive/components 1.0.166 → 1.0.168

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-02b4c962.entry.js +1 -0
  3. package/dist/cjs/biggive-back-to-top_27.cjs.entry.js +3 -4
  4. package/dist/collection/components/biggive-footer/biggive-footer.js +1 -1
  5. package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +25 -22
  6. package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +1 -2
  7. package/dist/components/biggive-footer.js +1 -1
  8. package/dist/components/biggive-hero-image.js +2 -3
  9. package/dist/esm/biggive-back-to-top_27.entry.js +3 -4
  10. package/dist/types/components/biggive-hero-image/biggive-hero-image.d.ts +4 -4
  11. package/hydrate/index.js +3 -4
  12. package/package.json +1 -1
  13. package/dist/biggive/p-b3a2fcf0.entry.js +0 -1
package/dist/cjs/biggive-back-to-top_27.cjs.entry.js CHANGED
@@ -295,7 +295,7 @@ const BiggiveFooter = class {
295
295
  this.appendMenu('nav-postscript');
296
296
  }
297
297
  render() {
298
- return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary" }, index.h("h5", null, index.h("slot", { name: "nav-primary-title" }))), index.h("nav", { class: "nav nav-secondary" }, index.h("h5", null, index.h("slot", { name: "nav-secondary-title" }))), index.h("nav", { class: "nav nav-tertiary" }, index.h("h5", null, index.h("slot", { name: "nav-tertiary-title" }))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript" })), index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
298
+ return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary" }, index.h("h5", null, index.h("slot", { name: "nav-primary-title" }))), index.h("nav", { class: "nav nav-secondary" }, index.h("h5", null, index.h("slot", { name: "nav-secondary-title" }))), index.h("nav", { class: "nav nav-tertiary" }, index.h("h5", null, index.h("slot", { name: "nav-tertiary-title" }))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript" })), index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
299
299
  }
300
300
  get host() { return index.getElement(this); }
301
301
  };
@@ -439,7 +439,7 @@ const BiggiveHeading = class {
439
439
  };
440
440
  BiggiveHeading.style = biggiveHeadingCss;
441
441
 
442
- const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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 .logo{position:absolute;max-width:100%;top:75px}.container .logo img{height:90px;max-width:100%;width:auto;position:relative;z-index:20}@media screen and (min-width: 576px){.container .logo img{height:150px}}.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--with-logo{margin-top:60px}@media screen and (min-width: 576px){.container .content-wrap--with-logo{margin-top:120px}}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;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%}}";
442
+ const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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%}}";
443
443
 
444
444
  const BiggiveHeroImage = class {
445
445
  constructor(hostRef) {
@@ -462,8 +462,7 @@ const BiggiveHeroImage = class {
462
462
  this.buttonColourScheme = 'primary';
463
463
  }
464
464
  render() {
465
- const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
466
- return (index.h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (index.h("div", { class: "logo image-wrap" }, index.h("img", { src: this.logo, alt: this.logoAltText }))) : null, index.h("div", { class: contentWrapClasses }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
465
+ return (index.h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (index.h("div", { class: "logo image-wrap" }, index.h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : index.h("div", { class: "logo-space" }), index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
467
466
  ? index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
468
467
  : null), index.h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (index.h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
469
468
  }
package/dist/collection/components/biggive-footer/biggive-footer.js CHANGED
@@ -13,7 +13,7 @@ export class BiggiveFooter {
13
13
  this.appendMenu('nav-postscript');
14
14
  }
15
15
  render() {
16
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
16
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
17
17
  }
18
18
  static get is() { return "biggive-footer"; }
19
19
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-hero-image/biggive-hero-image.css CHANGED
@@ -796,23 +796,6 @@ a:hover {
796
796
  .container.colour-scheme-black {
797
797
  color: #000000;
798
798
  }
799
- .container .logo {
800
- position: absolute;
801
- max-width: 100%;
802
- top: 75px;
803
- }
804
- .container .logo img {
805
- height: 90px;
806
- max-width: 100%;
807
- width: auto;
808
- position: relative;
809
- z-index: 20;
810
- }
811
- @media screen and (min-width: 576px) {
812
- .container .logo img {
813
- height: 150px;
814
- }
815
- }
816
799
  .container .sleeve {
817
800
  display: flex;
818
801
  justify-content: space-between;
@@ -827,18 +810,38 @@ a:hover {
827
810
  white-space: pre-wrap;
828
811
  padding: 120px 60px 60px 0;
829
812
  }
830
- .container .content-wrap--with-logo {
831
- margin-top: 60px;
813
+ .container .content-wrap .logo, .container .content-wrap .logo-space {
814
+ height: 75px;
815
+ }
816
+ .container .content-wrap .logo {
817
+ background-size: contain;
818
+ background-repeat: no-repeat;
819
+ background-position: left center;
820
+ }
821
+ .container .content-wrap .logo img {
822
+ width: 250px;
823
+ position: relative;
824
+ }
825
+ @media (max-width: 1200px) {
826
+ .container .content-wrap .logo img {
827
+ width: 210px;
828
+ }
829
+ }
830
+ @media (max-width: 768px) {
831
+ .container .content-wrap .logo img {
832
+ width: 200px;
833
+ }
832
834
  }
833
- @media screen and (min-width: 576px) {
834
- .container .content-wrap--with-logo {
835
- margin-top: 120px;
835
+ @media (max-width: 576px) {
836
+ .container .content-wrap .logo img {
837
+ width: 180px;
836
838
  }
837
839
  }
838
840
  .container .content-wrap .slug {
839
841
  font-size: 20px;
840
842
  line-height: 24px;
841
843
  font-weight: bold;
844
+ min-height: 24px;
842
845
  margin: 0;
843
846
  padding: 0;
844
847
  }
package/dist/collection/components/biggive-hero-image/biggive-hero-image.js CHANGED
@@ -20,8 +20,7 @@ export class BiggiveHeroImage {
20
20
  this.buttonColourScheme = 'primary';
21
21
  }
22
22
  render() {
23
- const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
24
- return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText }))) : null, h("div", { class: contentWrapClasses }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
23
+ 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: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
25
24
  ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
26
25
  : 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))));
27
26
  }
package/dist/components/biggive-footer.js CHANGED
@@ -23,7 +23,7 @@ const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
23
23
  this.appendMenu('nav-postscript');
24
24
  }
25
25
  render() {
26
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
26
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
27
27
  }
28
28
  get host() { return this; }
29
29
  static get style() { return biggiveFooterCss; }
package/dist/components/biggive-hero-image.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
2
2
  import { d as defineCustomElement$3 } from './biggive-button2.js';
3
3
  import { d as defineCustomElement$2 } from './biggive-misc-icon2.js';
4
4
 
5
- const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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 .logo{position:absolute;max-width:100%;top:75px}.container .logo img{height:90px;max-width:100%;width:auto;position:relative;z-index:20}@media screen and (min-width: 576px){.container .logo img{height:150px}}.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--with-logo{margin-top:60px}@media screen and (min-width: 576px){.container .content-wrap--with-logo{margin-top:120px}}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;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%}}";
5
+ const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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%}}";
6
6
 
7
7
  const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
8
8
  constructor() {
@@ -27,8 +27,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
27
27
  this.buttonColourScheme = 'primary';
28
28
  }
29
29
  render() {
30
- const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
31
- return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText }))) : null, h("div", { class: contentWrapClasses }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
30
+ 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: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
32
31
  ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
33
32
  : 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))));
34
33
  }
package/dist/esm/biggive-back-to-top_27.entry.js CHANGED
@@ -291,7 +291,7 @@ const BiggiveFooter = class {
291
291
  this.appendMenu('nav-postscript');
292
292
  }
293
293
  render() {
294
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
294
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
295
295
  }
296
296
  get host() { return getElement(this); }
297
297
  };
@@ -435,7 +435,7 @@ const BiggiveHeading = class {
435
435
  };
436
436
  BiggiveHeading.style = biggiveHeadingCss;
437
437
 
438
- const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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 .logo{position:absolute;max-width:100%;top:75px}.container .logo img{height:90px;max-width:100%;width:auto;position:relative;z-index:20}@media screen and (min-width: 576px){.container .logo img{height:150px}}.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--with-logo{margin-top:60px}@media screen and (min-width: 576px){.container .content-wrap--with-logo{margin-top:120px}}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;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%}}";
438
+ const biggiveHeroImageCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}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}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.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}: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%}}";
439
439
 
440
440
  const BiggiveHeroImage = class {
441
441
  constructor(hostRef) {
@@ -458,8 +458,7 @@ const BiggiveHeroImage = class {
458
458
  this.buttonColourScheme = 'primary';
459
459
  }
460
460
  render() {
461
- const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
462
- return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText }))) : null, h("div", { class: contentWrapClasses }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
461
+ 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: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
463
462
  ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
464
463
  : 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))));
465
464
  }
package/dist/types/components/biggive-hero-image/biggive-hero-image.d.ts CHANGED
@@ -28,12 +28,12 @@ export declare class BiggiveHeroImage {
28
28
  */
29
29
  mainImage: string | null;
30
30
  /**
31
- * Horizontal alignment of image
32
- */
31
+ * Horizontal alignment of image
32
+ */
33
33
  mainImageAlignHorizontal: string;
34
34
  /**
35
- * Vertical alignment of image
36
- */
35
+ * Vertical alignment of image
36
+ */
37
37
  mainImageAlignVertical: string;
38
38
  /**
39
39
  * Hero image title, typically the page.
package/hydrate/index.js CHANGED
@@ -6851,7 +6851,7 @@ class BiggiveFooter {
6851
6851
  this.appendMenu('nav-postscript');
6852
6852
  }
6853
6853
  render() {
6854
- return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" }))), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" }))), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" }))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
6854
+ return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" }))), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" }))), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" }))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
6855
6855
  }
6856
6856
  get host() { return getElement(this); }
6857
6857
  static get style() { return biggiveFooterCss; }
@@ -7117,7 +7117,7 @@ class BiggiveHeading {
7117
7117
  }; }
7118
7118
  }
7119
7119
 
7120
- const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#FFFFFF}/*!@body.background-primary*/body.background-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-secondary*/body.background-secondary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-tertiary*/body.background-tertiary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-brand-1*/body.background-brand-1.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-2*/body.background-brand-2.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-3*/body.background-brand-3.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-4*/body.background-brand-4.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-5*/body.background-brand-5.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-6*/body.background-brand-6.sc-biggive-hero-image{background-color:#B30510}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-brand-1*/.colour-brand-1.sc-biggive-hero-image{color:#B30510}/*!@.colour-brand-2*/.colour-brand-2.sc-biggive-hero-image{color:#6E0887}/*!@.colour-brand-3*/.colour-brand-3.sc-biggive-hero-image{color:#50B400}/*!@.colour-brand-4*/.colour-brand-4.sc-biggive-hero-image{color:#FFE500}/*!@.colour-brand-5*/.colour-brand-5.sc-biggive-hero-image{color:#F07D00}/*!@.colour-brand-6*/.colour-brand-6.sc-biggive-hero-image{color:#CBC8C8}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-hero-image:hover,.text-colour-brand-1.sc-biggive-hero-image{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-hero-image:hover,.text-colour-brand-2.sc-biggive-hero-image{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-hero-image:hover,.text-colour-brand-3.sc-biggive-hero-image{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-hero-image:hover,.text-colour-brand-4.sc-biggive-hero-image{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-hero-image:hover,.text-colour-brand-5.sc-biggive-hero-image{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-hero-image:hover,.text-colour-brand-6.sc-biggive-hero-image{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-hero-image{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-hero-image{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-hero-image{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-hero-image{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-hero-image{fill:#F07D00}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-hero-image{fill:#CBC8C8}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-hero-image:hover,.background-colour-brand-1.sc-biggive-hero-image{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-hero-image:hover,.background-colour-brand-2.sc-biggive-hero-image{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-hero-image:hover,.background-colour-brand-3.sc-biggive-hero-image{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-hero-image:hover,.background-colour-brand-4.sc-biggive-hero-image{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-hero-image:hover,.background-colour-brand-5.sc-biggive-hero-image{background-color:#F07D00}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-hero-image:hover,.background-colour-brand-6.sc-biggive-hero-image{background-color:#CBC8C8}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#000000;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF;border-color:#000000}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-1*/.button-brand-1.sc-biggive-hero-image{color:#FFFFFF;background-color:#B30510;border-color:#B30510}/*!@.button-brand-1:hover*/.button-brand-1.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-2*/.button-brand-2.sc-biggive-hero-image{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}/*!@.button-brand-2:hover*/.button-brand-2.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-3*/.button-brand-3.sc-biggive-hero-image{color:#FFFFFF;background-color:#50B400;border-color:#50B400}/*!@.button-brand-3:hover*/.button-brand-3.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-4*/.button-brand-4.sc-biggive-hero-image{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}/*!@.button-brand-4:hover*/.button-brand-4.sc-biggive-hero-image:hover{background-color:#000000}/*!@.button-brand-5*/.button-brand-5.sc-biggive-hero-image{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}/*!@.button-brand-5:hover*/.button-brand-5.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-6*/.button-brand-6.sc-biggive-hero-image{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}/*!@.button-brand-6:hover*/.button-brand-6.sc-biggive-hero-image:hover{background-color:#000000}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-1*/.button-clear-brand-1.sc-biggive-hero-image{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-1:hover*/.button-clear-brand-1.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-2*/.button-clear-brand-2.sc-biggive-hero-image{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-2:hover*/.button-clear-brand-2.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-3*/.button-clear-brand-3.sc-biggive-hero-image{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-3:hover*/.button-clear-brand-3.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-4*/.button-clear-brand-4.sc-biggive-hero-image{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-4:hover*/.button-clear-brand-4.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-5*/.button-clear-brand-5.sc-biggive-hero-image{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-5:hover*/.button-clear-brand-5.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-6*/.button-clear-brand-6.sc-biggive-hero-image{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-6:hover*/.button-clear-brand-6.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .logo*/.container.sc-biggive-hero-image .logo.sc-biggive-hero-image{position:absolute;max-width:100%;top:75px}/*!@.container .logo img*/.container.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{height:90px;max-width:100%;width:auto;position:relative;z-index:20}@media screen and (min-width: 576px){/*!@.container .logo img*/.container.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{height:150px}}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:120px 60px 60px 0}/*!@.container .content-wrap--with-logo*/.container.sc-biggive-hero-image .content-wrap--with-logo.sc-biggive-hero-image{margin-top:60px}@media screen and (min-width: 576px){/*!@.container .content-wrap--with-logo*/.container.sc-biggive-hero-image .content-wrap--with-logo.sc-biggive-hero-image{margin-top:120px}}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{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*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 1200px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}@media screen and (max-width: 768px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:70%;padding-top:120px}}@media screen and (max-width: 576px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:80%}}@media screen and (max-width: 450px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%}}";
7120
+ const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#FFFFFF}/*!@body.background-primary*/body.background-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-secondary*/body.background-secondary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-tertiary*/body.background-tertiary.sc-biggive-hero-image{background-color:#2C089B}/*!@body.background-brand-1*/body.background-brand-1.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-2*/body.background-brand-2.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-3*/body.background-brand-3.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-4*/body.background-brand-4.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-5*/body.background-brand-5.sc-biggive-hero-image{background-color:#B30510}/*!@body.background-brand-6*/body.background-brand-6.sc-biggive-hero-image{background-color:#B30510}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-brand-1*/.colour-brand-1.sc-biggive-hero-image{color:#B30510}/*!@.colour-brand-2*/.colour-brand-2.sc-biggive-hero-image{color:#6E0887}/*!@.colour-brand-3*/.colour-brand-3.sc-biggive-hero-image{color:#50B400}/*!@.colour-brand-4*/.colour-brand-4.sc-biggive-hero-image{color:#FFE500}/*!@.colour-brand-5*/.colour-brand-5.sc-biggive-hero-image{color:#F07D00}/*!@.colour-brand-6*/.colour-brand-6.sc-biggive-hero-image{color:#CBC8C8}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-hero-image:hover,.text-colour-brand-1.sc-biggive-hero-image{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-hero-image:hover,.text-colour-brand-2.sc-biggive-hero-image{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-hero-image:hover,.text-colour-brand-3.sc-biggive-hero-image{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-hero-image:hover,.text-colour-brand-4.sc-biggive-hero-image{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-hero-image:hover,.text-colour-brand-5.sc-biggive-hero-image{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-hero-image:hover,.text-colour-brand-6.sc-biggive-hero-image{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-hero-image{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-hero-image{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-hero-image{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-hero-image{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-hero-image{fill:#F07D00}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-hero-image{fill:#CBC8C8}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-hero-image:hover,.background-colour-brand-1.sc-biggive-hero-image{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-hero-image:hover,.background-colour-brand-2.sc-biggive-hero-image{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-hero-image:hover,.background-colour-brand-3.sc-biggive-hero-image{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-hero-image:hover,.background-colour-brand-4.sc-biggive-hero-image{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-hero-image:hover,.background-colour-brand-5.sc-biggive-hero-image{background-color:#F07D00}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-hero-image:hover,.background-colour-brand-6.sc-biggive-hero-image{background-color:#CBC8C8}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#000000;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF;border-color:#000000}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-1*/.button-brand-1.sc-biggive-hero-image{color:#FFFFFF;background-color:#B30510;border-color:#B30510}/*!@.button-brand-1:hover*/.button-brand-1.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-2*/.button-brand-2.sc-biggive-hero-image{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}/*!@.button-brand-2:hover*/.button-brand-2.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-3*/.button-brand-3.sc-biggive-hero-image{color:#FFFFFF;background-color:#50B400;border-color:#50B400}/*!@.button-brand-3:hover*/.button-brand-3.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-4*/.button-brand-4.sc-biggive-hero-image{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}/*!@.button-brand-4:hover*/.button-brand-4.sc-biggive-hero-image:hover{background-color:#000000}/*!@.button-brand-5*/.button-brand-5.sc-biggive-hero-image{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}/*!@.button-brand-5:hover*/.button-brand-5.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-brand-6*/.button-brand-6.sc-biggive-hero-image{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}/*!@.button-brand-6:hover*/.button-brand-6.sc-biggive-hero-image:hover{background-color:#000000}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-1*/.button-clear-brand-1.sc-biggive-hero-image{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-1:hover*/.button-clear-brand-1.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-2*/.button-clear-brand-2.sc-biggive-hero-image{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-2:hover*/.button-clear-brand-2.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-3*/.button-clear-brand-3.sc-biggive-hero-image{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-3:hover*/.button-clear-brand-3.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-4*/.button-clear-brand-4.sc-biggive-hero-image{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-4:hover*/.button-clear-brand-4.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-5*/.button-clear-brand-5.sc-biggive-hero-image{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-5:hover*/.button-clear-brand-5.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-6*/.button-clear-brand-6.sc-biggive-hero-image{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-6:hover*/.button-clear-brand-6.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{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*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image,.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo-space.sc-biggive-hero-image{height:75px}/*!@.container .content-wrap .logo*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image{background-size:contain;background-repeat:no-repeat;background-position:left center}/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{width:250px;position:relative}@media (max-width: 1200px){/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{width:210px}}@media (max-width: 768px){/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{width:200px}}@media (max-width: 576px){/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{width:180px}}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{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*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 1200px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}@media screen and (max-width: 768px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:70%;padding-top:120px}}@media screen and (max-width: 576px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:80%}}@media screen and (max-width: 450px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%}}";
7121
7121
 
7122
7122
  class BiggiveHeroImage {
7123
7123
  constructor(hostRef) {
@@ -7140,8 +7140,7 @@ class BiggiveHeroImage {
7140
7140
  this.buttonColourScheme = 'primary';
7141
7141
  }
7142
7142
  render() {
7143
- const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
7144
- return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (hAsync("div", { class: "logo image-wrap" }, hAsync("img", { src: this.logo, alt: this.logoAltText }))) : null, hAsync("div", { class: contentWrapClasses }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
7143
+ return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (hAsync("div", { class: "logo image-wrap" }, hAsync("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : hAsync("div", { class: "logo-space" }), hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
7145
7144
  ? hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
7146
7145
  : null), hAsync("div", { class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
7147
7146
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
- "version": "1.0.166",
3
+ "version": "1.0.168",
4
4
  "description": "Big Give Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",