@biggive/components 202504081043.0.0 → 202504091842.0.0

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.
@@ -1,2 +1,2 @@
1
- import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-df065ff2",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-9d323a8f",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-aab8f046",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-6debb86b",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-3a9cbaf0",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-f8483218",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-ba0197ba",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-dedeb4ae",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-cfebc5f1",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-486df68e",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-59abd582",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-41216b0d",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-a1e95602",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}]]],["p-c265911d",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-510e40c0",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-2da041d1",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-5fc8a830",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-cb26cb00",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-03206572",[[1,"biggive-page-column"]]],["p-56c767bd",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-b1c47734",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-68895acc",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ad9b5ddf",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-b91f63b5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-c562ba90",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-93f17fe9",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-1b492cf1",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-aeb03936",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-6df00e1a",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-1e447931",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-97658113",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-8f4f9016",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-223c6e66",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-40fb270e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-51f5b5f4",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-6f253594",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
1
+ import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-df065ff2",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-9d323a8f",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-aab8f046",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-6debb86b",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-3a9cbaf0",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-4acd5f82",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-ba0197ba",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-dedeb4ae",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-cfebc5f1",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-486df68e",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-59abd582",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-41216b0d",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-a1e95602",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}]]],["p-c265911d",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-510e40c0",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-2da041d1",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-5fc8a830",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-cb26cb00",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-03206572",[[1,"biggive-page-column"]]],["p-56c767bd",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-b1c47734",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-68895acc",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ad9b5ddf",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-b91f63b5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-c562ba90",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-93f17fe9",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-1b492cf1",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-aeb03936",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-6df00e1a",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-1e447931",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-97658113",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-b437bc7a",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-223c6e66",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-40fb270e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-51f5b5f4",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-6f253594",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
2
2
  //# sourceMappingURL=biggive.esm.js.map
@@ -1,2 +1,2 @@
1
- import{r as o,h as r}from"./p-0cedd560.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.siteDesign="biggive";this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.mainImageUrl=undefined;this.subtitle="";this.author="";this.date="";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"0a2ef1f76ae13a05fed05f036c26cd398a0568d8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+(this.siteDesign==="philco"?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"c31f093a21fe801a9e188cd88f9ba5e28f48a535",href:this.buttonUrl},r("div",{key:"7265fb02eebe5eb9af0b29f49747025a5d42e81f",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"e3ec069fdd618bfb5c89742ac5bd2e1d859fd22a",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"f37806e716ad45dc3fd1bdea7b797127205d97c1",class:"title"},this.mainTitle),this.author!==""||this.date!==""?r("div",{class:"subtitle"},this.author," ",r("span",{class:"divider"},"|")," ",this.date):null,this.subtitle!==""?r("div",{class:"subtitle"},this.subtitle):null,r("div",{key:"3bd7297fb18ee7fe67fd0c110adbd0e42b162a7e",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:this.siteDesign==="philco"})):null))))}};l.style=c;export{l as biggive_basic_card};
2
- //# sourceMappingURL=p-f8483218.entry.js.map
1
+ import{r as o,h as r}from"./p-0cedd560.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.siteDesign="biggive";this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.mainImageUrl=undefined;this.subtitle="";this.author="";this.date="";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"0a2ef1f76ae13a05fed05f036c26cd398a0568d8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+(this.siteDesign==="philco"?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"c31f093a21fe801a9e188cd88f9ba5e28f48a535",href:this.buttonUrl},r("div",{key:"7265fb02eebe5eb9af0b29f49747025a5d42e81f",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"e3ec069fdd618bfb5c89742ac5bd2e1d859fd22a",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"f37806e716ad45dc3fd1bdea7b797127205d97c1",class:"title"},this.mainTitle),this.author!==""||this.date!==""?r("div",{class:"subtitle"},this.author," ",r("span",{class:"divider"},"|")," ",this.date):null,this.subtitle!==""?r("div",{class:"subtitle"},this.subtitle):null,r("div",{key:"3bd7297fb18ee7fe67fd0c110adbd0e42b162a7e",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:this.siteDesign==="philco"})):null))))}};l.style=c;export{l as biggive_basic_card};
2
+ //# sourceMappingURL=p-4acd5f82.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","src","alt","mainImageAltText","title","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,unSAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,WAAmC,UAEnCF,KAAAG,iBAAgC,UAEhCH,KAAAI,mBAA6B,GAE7BJ,KAAAK,WAA0B,QAE1BL,KAAAM,WAA0B,QAE1BN,KAAAO,aAAwBC,UAMxBR,KAAAS,SAAmB,GAEnBT,KAAAU,OAAiB,GAEjBV,KAAAW,KAAe,GAIfX,KAAAY,KAAgB,KAEhBZ,KAAAa,WAA0B,UAE1Bb,KAAAc,YAAsB,SAEtBd,KAAAe,YAAsB,WAMtBf,KAAAgB,mBAA6B,gBAE7BhB,KAAAiB,qBAAgC,KAEhCjB,KAAAkB,mBAA8B,KAE9BlB,KAAAmB,aAAsC,EAEtCnB,KAAAoB,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRzB,KAAKY,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,KACHb,KAAKO,cAAgB,GACpBgB,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKY,IAAKnC,KAAKO,aAAc6B,IAAKpC,KAAKqC,iBAAkBC,MAAOtC,KAAKqC,qBAGvE,KACJd,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKuC,WAC/BvC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAA,OAAKE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAA,QAAME,MAAM,WAAS,KAAS,IAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAA,OAAKE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAKwC,QACzBxC,KAAKyC,aAAe,MAAQzC,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB0B,IAAK1C,KAAK4B,UAAWe,MAAO3C,KAAKyC,YAAaG,QAAS5C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}
1
+ {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","src","alt","mainImageAltText","title","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,uoSAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,WAAmC,UAEnCF,KAAAG,iBAAgC,UAEhCH,KAAAI,mBAA6B,GAE7BJ,KAAAK,WAA0B,QAE1BL,KAAAM,WAA0B,QAE1BN,KAAAO,aAAwBC,UAMxBR,KAAAS,SAAmB,GAEnBT,KAAAU,OAAiB,GAEjBV,KAAAW,KAAe,GAIfX,KAAAY,KAAgB,KAEhBZ,KAAAa,WAA0B,UAE1Bb,KAAAc,YAAsB,SAEtBd,KAAAe,YAAsB,WAMtBf,KAAAgB,mBAA6B,gBAE7BhB,KAAAiB,qBAAgC,KAEhCjB,KAAAkB,mBAA8B,KAE9BlB,KAAAmB,aAAsC,EAEtCnB,KAAAoB,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRzB,KAAKY,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,KACHb,KAAKO,cAAgB,GACpBgB,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKY,IAAKnC,KAAKO,aAAc6B,IAAKpC,KAAKqC,iBAAkBC,MAAOtC,KAAKqC,qBAGvE,KACJd,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKuC,WAC/BvC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAA,OAAKE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAA,QAAME,MAAM,WAAS,KAAS,IAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAA,OAAKE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAKwC,QACzBxC,KAAKyC,aAAe,MAAQzC,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB0B,IAAK1C,KAAK4B,UAAWe,MAAO3C,KAAKyC,YAAaG,QAAS5C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as a,a as o,g as t}from"./p-0cedd560.js";import{m as i}from"./p-d360f7bc.js";const d='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:"Bitter", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:"Garage Gothic", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}';const c=d;const r=class{constructor(a){e(this,a);this.headingLevel=5;this.philcoUrlPrefix="https://philco.org.uk/";this.year=(new Date).getFullYear().toString()}render(){const e=`h${this.headingLevel}`;return a("footer",{key:"65083e80d875ad3215a9a8b59a88040a7be975f4",class:"footer"},a("div",{key:"acac68512b9d459177462215b040cd88acba3ca3",class:"row row-logo"},a("div",{key:"65be172e3a7c9ce271521743e8d0dac3937f0575",class:"logo"},a("img",{key:"4055578c0193737c718f98e02ef521b816280f47",src:o("/assets/images/philco/Philcologo-black.png"),alt:"PhilCo"}))),a("div",{key:"fb664e742227801d884775dfae97a16c6472c330",class:"row row-top"},a("nav",{key:"4119c41636ec0de90be4290add7e14918dcadbe0",class:"nav nav-primary","aria-labelledby":"footer-primary-heading"},a(e,{key:"b64f44047738369030ba8e59b459921259455dee",class:"heading",id:"footer-primary-heading"},a("div",{key:"fa544d8a9eca41bc8e4fb9162d242469f815b3fb",slot:"nav-primary-title"},"Contact")),a("ul",{key:"16fed85c3b432c703ea264a6d5f41cd38e258c50",slot:"nav-primary"},a("li",{key:"51e5f38a61cd736d95d448a8987d102ec0d6c536"},"PhilCo@biggive.org"))),a("nav",{key:"89a9d6bd1a1f93973cc021a37db254dea9a7f442",class:"nav nav-secondary","aria-labelledby":"footer-secondary-heading-heading"},a(e,{key:"a6cdf55f54153cc65862fcc5f2c4e0e75237440b",class:"heading",id:"footer-secondary-heading"},a("div",{key:"91f75643a06ad9789cd0770de113c3298fecf596",slot:"nav-secondary-title"},"Philco Site")),a("ul",{key:"b52ce88e5be4741a0872c964834a21864198c61e",slot:"nav-secondary"},a("li",{key:"c5890f5104aada1bca40bd98e08cf22ea3c22b4c"},a("a",{key:"fffb89e2630b12d05586dfb57877ca844b945b61",href:i("Philco",this.philcoUrlPrefix,"/")},"Home")),a("li",{key:"459507893152d009bfe2d8842ed3b6d3ebbd5c8d"},a("a",{key:"a681c80a6d5d6944d79ad70a6a46069eaba3f1f9",href:i("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),a("li",{key:"61320d058bc33de39487979d33494a4336ae3781"},a("a",{key:"9ad8012e5125ba5b34a5d0b7346b8392fb6ffba6",href:i("Philco",this.philcoUrlPrefix,"sign-up")},"Sign Up")))),a("nav",{key:"90c41ca73c90eb18a84e336c50f7379553a39d9b",class:"nav nav-tertiary","aria-labelledby":"footer-tertiary-heading"},a(e,{key:"6fd2e1ff624a8b03069ce142b4d05851f133ae72",class:"heading",id:"footer-tertiary-heading"},a("div",{key:"49994306c2544d76dc871a6e224d15b9f4cf1b0c",slot:"nav-tertiary-title"},"Guide")),a("ul",{key:"b3e86871fb7cc827c1c7b4f0dd31221c0c85b00e",slot:"nav-tertiary"},a("li",{key:"3f11f8d8be113dc488e67cb4ceb6ba06ef484f59"},a("a",{key:"d652460fd430582e47e8eadd2e61f76cb820079a",href:i("Philco",this.philcoUrlPrefix,"download-the-guide")},"Download the guide"))))),a("div",{key:"2a4448bf25ff0a9128eea0587755b55c04453415",class:"row row-bottom"},a("div",{key:"a0d3701409fa6e8cdeff7d0a97cefcf6fb1e2d38",class:"postscript-wrap"},a("nav",{key:"a31811afc4350a5a622cb697e654a308dd03fa02",class:"nav nav-postscript","aria-label":"Legal"},a("ul",{key:"f0d7812052ec20fed4698c5df6a927fbdc85a771",slot:"nav-postscript"},a("li",{key:"d2bffea31689f4510d7f068161c4d36ffba13e1e"},a("a",{key:"7312627d9fefea80892cf5995bf181ef0aaa88d4",href:i("Philco",this.philcoUrlPrefix,"terms-and-conditions")},"Terms and Conditions")),a("li",{key:"1ad69c7ec840b17a3f7c7197a807e78bd8167ecf"},a("a",{key:"c5ff45d35ed06f1132a643c643a9b7b3ffae5c29",href:i("Philco",this.philcoUrlPrefix,"privacy")},"Privacy Statement")),a("li",{key:"c5a76ed47125d043d3265ccd109d87093bab2afb"},a("a",{key:"87e9429e07d886c0fad77272d69000c45f65693c",href:i("Philco",this.philcoUrlPrefix,"privacy#cookies")},"Cookies Statement"))))),a("p",{key:"af1e64fd93b9e0061bce411de1779d1474acd470"},"© 2007 – ",this.year," The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom")))}get host(){return t(this)}};r.style=c;export{r as philco_footer};
2
+ //# sourceMappingURL=p-b437bc7a.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["philcoFooterCss","PhilcoFooterStyle0","PhilcoFooter","constructor","hostRef","this","headingLevel","philcoUrlPrefix","year","Date","getFullYear","toString","render","HeadingTag","h","key","class","src","getAssetPath","alt","id","slot","href","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,m2EACxB,MAAAC,EAAeD,E,MCOFE,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAAC,aAAsC,EAEtCD,KAAAE,gBAA0B,yBAE1BF,KAAAG,MAAe,IAAIC,MAAOC,cAAcC,U,CAEhD,MAAAC,GACE,MAAMC,EAAa,IAAIR,KAAKC,eAE5B,OACEQ,EAAA,UAAAC,IAAA,2CAAQC,MAAM,UACZF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAa,8CAA+CC,IAAI,aAI9EL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBAAiB,kBAAiB,0BAC3CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,0BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,qBAAmB,YAE/BP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,eACPP,EAAA,MAAAC,IAAA,oEAIJD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmB,kBAAiB,oCAC7CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,4BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,uBAAqB,gBAEjCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,iBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,MAAI,SAEvDO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,wBAAsB,wBAEzEO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAU,cAKjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAkB,kBAAiB,2BAC5CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,2BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,sBAAoB,UAEhCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,gBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,uBAAqB,0BAM9EO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAoB,aAAY,SACzCF,EAAA,MAAAC,IAAA,2CAAIM,KAAK,kBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,yBAAuB,yBAE1EO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAU,sBAE7DO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,oBAAkB,yBAK3EO,EAAA,KAAAC,IAAA,wDAAkBV,KAAKG,KAAI,kI","ignoreList":[]}
1
+ {"version":3,"names":["philcoFooterCss","PhilcoFooterStyle0","PhilcoFooter","constructor","hostRef","this","headingLevel","philcoUrlPrefix","year","Date","getFullYear","toString","render","HeadingTag","h","key","class","src","getAssetPath","alt","id","slot","href","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,m3EACxB,MAAAC,EAAeD,E,MCOFE,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAAC,aAAsC,EAEtCD,KAAAE,gBAA0B,yBAE1BF,KAAAG,MAAe,IAAIC,MAAOC,cAAcC,U,CAEhD,MAAAC,GACE,MAAMC,EAAa,IAAIR,KAAKC,eAE5B,OACEQ,EAAA,UAAAC,IAAA,2CAAQC,MAAM,UACZF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAa,8CAA+CC,IAAI,aAI9EL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBAAiB,kBAAiB,0BAC3CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,0BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,qBAAmB,YAE/BP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,eACPP,EAAA,MAAAC,IAAA,oEAIJD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmB,kBAAiB,oCAC7CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,4BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,uBAAqB,gBAEjCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,iBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,MAAI,SAEvDO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,wBAAsB,wBAEzEO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAU,cAKjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAkB,kBAAiB,2BAC5CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,2BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,sBAAoB,UAEhCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,gBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,uBAAqB,0BAM9EO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAoB,aAAY,SACzCF,EAAA,MAAAC,IAAA,2CAAIM,KAAK,kBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,yBAAuB,yBAE1EO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAU,sBAE7DO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,oBAAkB,yBAK3EO,EAAA,KAAAC,IAAA,wDAAkBV,KAAKG,KAAI,kI","ignoreList":[]}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-68d18263.js');
6
6
 
7
- const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
7
+ const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
8
8
  const BiggiveBasicCardStyle0 = biggiveBasicCardCss;
9
9
 
10
10
  const BiggiveBasicCard = class {
@@ -1 +1 @@
1
- {"file":"biggive-basic-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-basic-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-68d18263.js');
6
6
  const helperMethods = require('./helper-methods-83c4873e.js');
7
7
 
8
- const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
8
+ const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
9
9
  const PhilcoFooterStyle0 = philcoFooterCss;
10
10
 
11
11
  const PhilcoFooter = class {
@@ -1 +1 @@
1
- {"file":"philco-footer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,s2EAAs2E,CAAC;AAC/3E,2BAAe,eAAe;;MCOjB,YAAY;IALzB;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,qEAAQ,KAAK,EAAC,QAAQ,IACpBA,kEAAK,KAAK,EAAC,cAAc,IACvBA,kEAAK,KAAK,EAAC,MAAM,IACfA,kEAAK,GAAG,EAAEC,kBAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEND,kEAAK,KAAK,EAAC,aAAa,IACtBA,kEAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrDA,kEAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACbA,iEAAI,IAAI,EAAC,aAAa,IACpBA,wFAA2B,CACxB,CACD,EAENA,kEAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/EA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvDA,kEAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACbA,iEAAI,IAAI,EAAC,eAAe,IACtBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAENF,kEAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtDA,kEAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACbA,iEAAI,IAAI,EAAC,cAAc,IACrBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAENF,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,kEAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChDA,iEAAI,IAAI,EAAC,gBAAgB,IACvBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACNF,yFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;","names":["h","getAssetPath","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
1
+ {"file":"philco-footer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,s3EAAs3E,CAAC;AAC/4E,2BAAe,eAAe;;MCOjB,YAAY;IALzB;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,qEAAQ,KAAK,EAAC,QAAQ,IACpBA,kEAAK,KAAK,EAAC,cAAc,IACvBA,kEAAK,KAAK,EAAC,MAAM,IACfA,kEAAK,GAAG,EAAEC,kBAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEND,kEAAK,KAAK,EAAC,aAAa,IACtBA,kEAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrDA,kEAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACbA,iEAAI,IAAI,EAAC,aAAa,IACpBA,wFAA2B,CACxB,CACD,EAENA,kEAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/EA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvDA,kEAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACbA,iEAAI,IAAI,EAAC,eAAe,IACtBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAENF,kEAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtDA,kEAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACbA,iEAAI,IAAI,EAAC,cAAc,IACrBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAENF,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,kEAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChDA,iEAAI,IAAI,EAAC,gBAAgB,IACvBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACNF,yFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;","names":["h","getAssetPath","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
@@ -563,6 +563,7 @@ a:hover {
563
563
  }
564
564
  .container.philco .title {
565
565
  font-family: "Garage Gothic", sans-serif;
566
+ font-weight: 700;
566
567
  font-size: 24px;
567
568
  line-height: 30px;
568
569
  margin-top: 0;
@@ -28,6 +28,7 @@ nav {
28
28
  }
29
29
  nav .heading {
30
30
  font-family: "Garage Gothic", sans-serif;
31
+ font-weight: 700;
31
32
  font-size: 24px;
32
33
  line-height: 30px;
33
34
  text-transform: uppercase;
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$2 } from './biggive-button2.js';
3
3
 
4
- const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
4
+ const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
5
5
  const BiggiveBasicCardStyle0 = biggiveBasicCardCss;
6
6
 
7
7
  const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBasicCard extends HTMLElement {
@@ -1 +1 @@
1
- {"file":"biggive-basic-card.js","mappings":"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","names":["BiggiveBasicCard"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-basic-card.js","mappings":"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","names":["BiggiveBasicCard"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, getAssetPath } from '@stencil/core/internal/client';
2
2
  import { m as makeURL } from './helper-methods.js';
3
3
 
4
- const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
4
+ const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5
5
  const PhilcoFooterStyle0 = philcoFooterCss;
6
6
 
7
7
  const PhilcoFooter$1 = /*@__PURE__*/ proxyCustomElement(class PhilcoFooter extends HTMLElement {
@@ -1 +1 @@
1
- {"file":"philco-footer.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,s2EAAs2E,CAAC;AAC/3E,2BAAe,eAAe;;MCOjBA,cAAY;IALzB;;;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,+DAAQ,KAAK,EAAC,QAAQ,IACpB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEN,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrD,4DAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACb,2DAAI,IAAI,EAAC,aAAa,IACpB,kFAA2B,CACxB,CACD,EAEN,4DAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/E,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvD,4DAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACb,2DAAI,IAAI,EAAC,eAAe,IACtB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAEN,4DAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtD,4DAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACb,2DAAI,IAAI,EAAC,cAAc,IACrB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChD,2DAAI,IAAI,EAAC,gBAAgB,IACvB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACN,mFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PhilcoFooter"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
1
+ {"file":"philco-footer.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,s3EAAs3E,CAAC;AAC/4E,2BAAe,eAAe;;MCOjBA,cAAY;IALzB;;;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,+DAAQ,KAAK,EAAC,QAAQ,IACpB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEN,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrD,4DAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACb,2DAAI,IAAI,EAAC,aAAa,IACpB,kFAA2B,CACxB,CACD,EAEN,4DAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/E,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvD,4DAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACb,2DAAI,IAAI,EAAC,eAAe,IACtB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAEN,4DAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtD,4DAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACb,2DAAI,IAAI,EAAC,cAAc,IACrB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChD,2DAAI,IAAI,EAAC,gBAAgB,IACvB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACN,mFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PhilcoFooter"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-673860e9.js';
2
2
 
3
- const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
3
+ const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
4
4
  const BiggiveBasicCardStyle0 = biggiveBasicCardCss;
5
5
 
6
6
  const BiggiveBasicCard = class {
@@ -1 +1 @@
1
- {"file":"biggive-basic-card.entry.js","mappings":"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","names":[],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-basic-card.entry.js","mappings":"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","names":[],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, a as getAssetPath, g as getElement } from './index-673860e9.js';
2
2
  import { m as makeURL } from './helper-methods-59b0c12f.js';
3
3
 
4
- const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
4
+ const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5
5
  const PhilcoFooterStyle0 = philcoFooterCss;
6
6
 
7
7
  const PhilcoFooter = class {
@@ -1 +1 @@
1
- {"file":"philco-footer.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,s2EAAs2E,CAAC;AAC/3E,2BAAe,eAAe;;MCOjB,YAAY;IALzB;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,+DAAQ,KAAK,EAAC,QAAQ,IACpB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEN,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrD,4DAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACb,2DAAI,IAAI,EAAC,aAAa,IACpB,kFAA2B,CACxB,CACD,EAEN,4DAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/E,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvD,4DAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACb,2DAAI,IAAI,EAAC,eAAe,IACtB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAEN,4DAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtD,4DAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACb,2DAAI,IAAI,EAAC,cAAc,IACrB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChD,2DAAI,IAAI,EAAC,gBAAgB,IACvB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACN,mFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;","names":[],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
1
+ {"file":"philco-footer.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,s3EAAs3E,CAAC;AAC/4E,2BAAe,eAAe;;MCOjB,YAAY;IALzB;;QAQU,iBAAY,GAA0B,CAAC,CAAC;QAExC,oBAAe,GAAW,wBAAwB,CAAC;QAEnD,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KAyE5D;IAvEC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,+DAAQ,KAAK,EAAC,QAAQ,IACpB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEN,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrD,4DAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACb,2DAAI,IAAI,EAAC,aAAa,IACpB,kFAA2B,CACxB,CACD,EAEN,4DAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/E,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvD,4DAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACb,2DAAI,IAAI,EAAC,eAAe,IACtB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,WAAU,CAC5D,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,cAAa,CACrE,CACF,CACD,EAEN,4DAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrE,EAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtD,4DAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACb,2DAAI,IAAI,EAAC,cAAc,IACrB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,yBAAwB,CAC3F,CACF,CACD,CACF,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChD,2DAAI,IAAI,EAAC,gBAAgB,IACvB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,sBAAsB,CAAC,2BAA0B,CAC/F,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,wBAAuB,CACvF,CACF,CACD,CACF,EACN,mFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;","names":[],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'download-the-guide')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
package/hydrate/index.js CHANGED
@@ -2712,7 +2712,7 @@ class BiggiveBackToTop {
2712
2712
  }; }
2713
2713
  }
2714
2714
 
2715
- const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
2715
+ const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
2716
2716
  var BiggiveBasicCardStyle0 = biggiveBasicCardCss;
2717
2717
 
2718
2718
  class BiggiveBasicCard {
@@ -5869,7 +5869,7 @@ class BiggiveVideoFeature {
5869
5869
  }; }
5870
5870
  }
5871
5871
 
5872
- const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5872
+ const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5873
5873
  var PhilcoFooterStyle0 = philcoFooterCss;
5874
5874
 
5875
5875
  class PhilcoFooter {
package/hydrate/index.mjs CHANGED
@@ -2708,7 +2708,7 @@ class BiggiveBackToTop {
2708
2708
  }; }
2709
2709
  }
2710
2710
 
2711
- const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
2711
+ const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
2712
2712
  var BiggiveBasicCardStyle0 = biggiveBasicCardCss;
2713
2713
 
2714
2714
  class BiggiveBasicCard {
@@ -5865,7 +5865,7 @@ class BiggiveVideoFeature {
5865
5865
  }; }
5866
5866
  }
5867
5867
 
5868
- const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5868
+ const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
5869
5869
  var PhilcoFooterStyle0 = philcoFooterCss;
5870
5870
 
5871
5871
  class PhilcoFooter {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202504081043.0.0",
4
+ "version": "202504091842.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as e,h as a,a as o,g as t}from"./p-0cedd560.js";import{m as i}from"./p-d360f7bc.js";const d='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:"Bitter", serif;font-size:16px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:"Garage Gothic", sans-serif;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}';const c=d;const r=class{constructor(a){e(this,a);this.headingLevel=5;this.philcoUrlPrefix="https://philco.org.uk/";this.year=(new Date).getFullYear().toString()}render(){const e=`h${this.headingLevel}`;return a("footer",{key:"65083e80d875ad3215a9a8b59a88040a7be975f4",class:"footer"},a("div",{key:"acac68512b9d459177462215b040cd88acba3ca3",class:"row row-logo"},a("div",{key:"65be172e3a7c9ce271521743e8d0dac3937f0575",class:"logo"},a("img",{key:"4055578c0193737c718f98e02ef521b816280f47",src:o("/assets/images/philco/Philcologo-black.png"),alt:"PhilCo"}))),a("div",{key:"fb664e742227801d884775dfae97a16c6472c330",class:"row row-top"},a("nav",{key:"4119c41636ec0de90be4290add7e14918dcadbe0",class:"nav nav-primary","aria-labelledby":"footer-primary-heading"},a(e,{key:"b64f44047738369030ba8e59b459921259455dee",class:"heading",id:"footer-primary-heading"},a("div",{key:"fa544d8a9eca41bc8e4fb9162d242469f815b3fb",slot:"nav-primary-title"},"Contact")),a("ul",{key:"16fed85c3b432c703ea264a6d5f41cd38e258c50",slot:"nav-primary"},a("li",{key:"51e5f38a61cd736d95d448a8987d102ec0d6c536"},"PhilCo@biggive.org"))),a("nav",{key:"89a9d6bd1a1f93973cc021a37db254dea9a7f442",class:"nav nav-secondary","aria-labelledby":"footer-secondary-heading-heading"},a(e,{key:"a6cdf55f54153cc65862fcc5f2c4e0e75237440b",class:"heading",id:"footer-secondary-heading"},a("div",{key:"91f75643a06ad9789cd0770de113c3298fecf596",slot:"nav-secondary-title"},"Philco Site")),a("ul",{key:"b52ce88e5be4741a0872c964834a21864198c61e",slot:"nav-secondary"},a("li",{key:"c5890f5104aada1bca40bd98e08cf22ea3c22b4c"},a("a",{key:"fffb89e2630b12d05586dfb57877ca844b945b61",href:i("Philco",this.philcoUrlPrefix,"/")},"Home")),a("li",{key:"459507893152d009bfe2d8842ed3b6d3ebbd5c8d"},a("a",{key:"a681c80a6d5d6944d79ad70a6a46069eaba3f1f9",href:i("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),a("li",{key:"61320d058bc33de39487979d33494a4336ae3781"},a("a",{key:"9ad8012e5125ba5b34a5d0b7346b8392fb6ffba6",href:i("Philco",this.philcoUrlPrefix,"sign-up")},"Sign Up")))),a("nav",{key:"90c41ca73c90eb18a84e336c50f7379553a39d9b",class:"nav nav-tertiary","aria-labelledby":"footer-tertiary-heading"},a(e,{key:"6fd2e1ff624a8b03069ce142b4d05851f133ae72",class:"heading",id:"footer-tertiary-heading"},a("div",{key:"49994306c2544d76dc871a6e224d15b9f4cf1b0c",slot:"nav-tertiary-title"},"Guide")),a("ul",{key:"b3e86871fb7cc827c1c7b4f0dd31221c0c85b00e",slot:"nav-tertiary"},a("li",{key:"3f11f8d8be113dc488e67cb4ceb6ba06ef484f59"},a("a",{key:"d652460fd430582e47e8eadd2e61f76cb820079a",href:i("Philco",this.philcoUrlPrefix,"download-the-guide")},"Download the guide"))))),a("div",{key:"2a4448bf25ff0a9128eea0587755b55c04453415",class:"row row-bottom"},a("div",{key:"a0d3701409fa6e8cdeff7d0a97cefcf6fb1e2d38",class:"postscript-wrap"},a("nav",{key:"a31811afc4350a5a622cb697e654a308dd03fa02",class:"nav nav-postscript","aria-label":"Legal"},a("ul",{key:"f0d7812052ec20fed4698c5df6a927fbdc85a771",slot:"nav-postscript"},a("li",{key:"d2bffea31689f4510d7f068161c4d36ffba13e1e"},a("a",{key:"7312627d9fefea80892cf5995bf181ef0aaa88d4",href:i("Philco",this.philcoUrlPrefix,"terms-and-conditions")},"Terms and Conditions")),a("li",{key:"1ad69c7ec840b17a3f7c7197a807e78bd8167ecf"},a("a",{key:"c5ff45d35ed06f1132a643c643a9b7b3ffae5c29",href:i("Philco",this.philcoUrlPrefix,"privacy")},"Privacy Statement")),a("li",{key:"c5a76ed47125d043d3265ccd109d87093bab2afb"},a("a",{key:"87e9429e07d886c0fad77272d69000c45f65693c",href:i("Philco",this.philcoUrlPrefix,"privacy#cookies")},"Cookies Statement"))))),a("p",{key:"af1e64fd93b9e0061bce411de1779d1474acd470"},"© 2007 – ",this.year," The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom")))}get host(){return t(this)}};r.style=c;export{r as philco_footer};
2
- //# sourceMappingURL=p-8f4f9016.entry.js.map