<!doctype html>
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-GB"  >
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- This is Squarespace. --><!-- apple-sealion-w48z -->
<base href="">
<meta charset="utf-8" />
<title>St John&#39;s Harborne</title>
<meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1597856066812-KC7QOBQKFKAU54ES9WJX/favicon.ico?format=100w"/>
<link rel="canonical" href="https://www.stjohnsharborne.org"/>
<meta property="og:site_name" content="St John's Harborne"/>
<meta property="og:title" content="St John&#39;s Harborne"/>
<meta property="og:url" content="https://www.stjohnsharborne.org"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Welcome to St John’s. We are a vibrant Anglican church based in Harborne, just outside Birmingham City Centre. We have a heart for God, our city and the nations."/>
<meta property="og:image" content="http://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1597856245569/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w"/>
<meta property="og:image:width" content="1405"/>
<meta property="og:image:height" content="1406"/>
<meta itemprop="name" content="St John's Harborne"/>
<meta itemprop="url" content="https://www.stjohnsharborne.org"/>
<meta itemprop="description" content="Welcome to St John’s. We are a vibrant Anglican church based in Harborne, just outside Birmingham City Centre. We have a heart for God, our city and the nations."/>
<meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1597856245569/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w"/>
<link rel="image_src" href="http://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1597856245569/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w" />
<meta itemprop="image" content="http://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1597856245569/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w"/>
<meta name="twitter:title" content="St John's Harborne"/>
<meta name="twitter:image" content="http://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1597856245569/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w"/>
<meta name="twitter:url" content="https://www.stjohnsharborne.org"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Welcome to St John’s. We are a vibrant Anglican church based in Harborne, just outside Birmingham City Centre. We have a heart for God, our city and the nations."/>
<meta name="description" content="" />
<link rel="preconnect" href="https://images.squarespace-cdn.com">
<link rel="preconnect" href="https://use.typekit.net" crossorigin>
<link rel="preconnect" href="https://p.typekit.net" crossorigin>
<script type="text/javascript" src="//use.typekit.net/ik/HBkJq9ZjCcF2EdVGlb-ELFZhUhxfdV7XWaOnytPbYdbfeGwffFHN4UJLFRbh52jhWDmRFeB8ZQSkZcFcFhZq5Qm8ZeIhZQFRjyGMJ68DdhZTjPu3ScvKfAZuiYmkjPu3ifJYSeN3Se80SkJbZ148-AiGifuDjAoDOWgkdkJ9jA4k-A3lie8Xde80Zku0jW4kdaSK2hZkZA81-Ybljc81OWgkdkGHfFcxMsMMeMq6MKG4fVN9IMIjgPMfH6GJqH9fIMJjgKMfH6qJqeqbMU62JMJ7fbRHmsM2eMb6MKG4f44TIMwjgPMfH6qJRcqbMU6YJMJ7fbKF-sM2eMt6MKG4fJNTIMwjIPMfH6GJ1OIgIMbjgfMfH6GJCTMgIM9jgfMfqMeoUHLwg6.js" async fetchpriority="high" onload="try{Typekit.load();}catch(e){} document.documentElement.classList.remove('wf-loading');"></script>
<script>document.documentElement.classList.add('wf-loading')</script>
<style>@keyframes fonts-loading { 0%, 99% { color: transparent; } } html.wf-loading * { animation: fonts-loading 3s; }</style>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400&family=Inter:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700"><style data-customfonts>
@font-face {
  font-family: 'agrandir-ljxwwl';
  font-style: normal;
  font-weight: 400;
  src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/5c4aee72fcf7fd95eda6e3cb/assets/028e743b-7f22-4d18-aa9c-abf8d0f35f72/font.woff2') format('woff2');
}
</style>
<script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
<script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
<script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["campaigns_new_image_layout_picker","i18n_beta_website_locales","campaigns_import_discounts","enable_modernized_pdp_m3_layout_ux","commerce_product_payment_plan_editing","output_template_css_assets","new_stacked_index","campaigns_thumbnail_layout","campaigns_merch_state","enable_form_submission_trigger","enable_modernized_pdp_m3_fluid","modernized-pdp-m2-enabled","override_block_styles","marketing_landing_page","contacts_and_campaigns_redesign","member_areas_feature","nested_categories","campaigns_discount_section_in_blasts","scripts_defer","marketing_automations","order_status_page_checkout_landing_enabled","campaigns_discount_section_in_automations","supports_versioned_template_assets","campaigns_table_v2"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-f25199f1ee6873b1-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-a16838f135be7c52-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-d5bd5d2a1524b858-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-c3fef2a497c8e56b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-8e3faaa9bed6a132-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-0f6610ea3f198027-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-d5dc08c9651801d5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-7e3ee164b3267557-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-47206fa255bd4714-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-5153e465d5a83846-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-86aacd645d83874c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-e9035fc93bddea4e-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-c3fef2a497c8e56b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-241fe81872768e40-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-f14df5e9fd9e4e5b-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-23be8d2f02b88f2d-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-580b9da0957167a8-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-52dbe9048953f4ac-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-e6cfe57e29f75648-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-a093ee948907ca04-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-b30e3ed987eeddec-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-c2ab0e31b1585540-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-c476cb19fc080a16-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-28385adef5d37bba-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-c1bee4bf33194195-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-a5d16f553c1269c6-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-e50744998aa72b92-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-ff1cae01a1569495-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-56225e3e2bb2cec1-min.en-US.js"}},"pageType":2,"website":{"id":"5c4aee72fcf7fd95eda6e3cb","identifier":"apple-sealion-w48z","websiteType":1,"contentModifiedOn":1781003863134,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-GB","translationLocale":"en-US","formattingLocale":"en-GB","timeZone":"Europe/London","machineTimeZoneOffset":3600000,"timeZoneOffset":3600000,"timeZoneAbbr":"BST","siteTitle":"St John's Harborne","fullSiteTitle":"St John's Harborne","siteTagLine":"A heart for God, our City and the Nations","location":{"addressLine1":"","addressLine2":"","addressCountry":""},"logoImageId":"5f3d59db819dfd53d775f24a","shareButtonOptions":{"2":true,"7":true,"8":true,"1":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1597856243180-NZ5F52CZWRR0SZKG98U5/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png","authenticUrl":"https://www.stjohnsharborne.org","internalUrl":"https://apple-sealion-w48z.squarespace.com","baseUrl":"https://www.stjohnsharborne.org","primaryDomain":"www.stjohnsharborne.org","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":60,"screenname":"Facebook","addedOn":1554191871234,"profileUrl":"https://www.facebook.com/stjohnschurch/","iconEnabled":true,"serviceName":"facebook-unauth"},{"serviceId":64,"screenname":"Instagram","addedOn":1554192012141,"profileUrl":"https://www.instagram.com/stjohnsharborne/","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":62,"screenname":"Twitter","addedOn":1554192034945,"profileUrl":"https://twitter.com/stjohnsharborne","iconEnabled":true,"serviceName":"twitter-unauth"},{"serviceId":56,"screenname":"Apple Podcasts","addedOn":1554197064717,"profileUrl":"https://itunes.apple.com/gb/podcast/st-johns-church-harborne/id275825907?mt=2","iconEnabled":true,"serviceName":"applepodcast"},{"serviceId":69,"screenname":"YouTube","addedOn":1588175297375,"profileUrl":"https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":71,"screenname":"Spotify","addedOn":1620831484299,"profileUrl":"https://open.spotify.com/playlist/19xSLMdbsSyrorOdpZ5HzQ","iconEnabled":true,"serviceName":"spotify-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"c8389000f9760674a8e3ae262ab7e994f726dac1093569f8466dcb6f406e66b2","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"5c4aee72fcf7fd95eda6e3ce","websiteId":"5c4aee72fcf7fd95eda6e3cb","subjects":[],"country":"GB","state":"","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":1,"text":"<p data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\">\u2022 Sign up for our Quiz Night - THIS SATURDAY - Free Event \u2022</p>","clickthroughUrl":{"url":"https://stjohns.churchsuite.com/events/wehmxybe","newWindow":true}},"popupOverlaySettings":{"style":1,"showOnScroll":false,"scrollPercentage":25,"showOnTimer":true,"timerDelay":0,"showUntilSignup":true,"displayFrequency":30,"enableMobile":true,"enabledPages":[],"showOnAllPages":true,"version":1},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":true,"commentAvatarsOn":false,"commentSortType":2,"commentFlagThreshold":3,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":true,"contactPhoneNumber":"01214274601","businessHours":{"monday":{"text":"","ranges":[{}]},"tuesday":{"text":"","ranges":[{}]},"wednesday":{"text":"","ranges":[{}]},"thursday":{"text":"","ranges":[{}]},"friday":{"text":"","ranges":[{}]},"saturday":{"text":"","ranges":[{}]},"sunday":{"text":"","ranges":[{}]}},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["CHF","HKD","MXN","EUR","DKK","USD","CAD","MYR","NOK","THB","AUD","SGD","ILS","PLN","GBP","CZK","SEK","NZD","PHP","RUB"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"USD","value":"0.00"},"addToCartConfirmationType":2,"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":true,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled","size":"small","shape":"rect"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":true,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.","cookieBannerTheme":"DARK","cookieBannerThemeName":"black","cookieBannerVariant":"POPUP","cookieBannerPosition":"BOTTOM_RIGHT","cookieBannerCtaVariant":"ICON","cookieBannerCtaText":"OK","cookieBannerAcceptType":"OPT_IN","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":false,"cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Welcome | St John's Harborne","id":"687644f220d97d6a306e3653","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"91px","header-mobile-logo-max-height":"30px","header-vert-padding":"3.4vw","header-width":"Full","maxPageWidth":"1920px","mobile-header-vert-padding":"6vw","pagePadding":"3.1vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"4","tweak-blog-basic-grid-image-aspect-ratio":"16:9 Widescreen","tweak-blog-basic-grid-image-spacing":"15px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"90","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Wide","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"15px","tweak-blog-single-column-meta-spacing":"15px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"15px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"16:9 Widescreen","tweak-fixed-header":"false","tweak-fixed-header-style":"Basic","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.1s","tweak-global-animations-animation-duration":"0.1s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[0,"EU","GMT/BST",null]],"rules":{"EU":[[1981,"max",null,"Mar","lastSun","1:00u","1:00","S"],[1996,"max",null,"Oct","lastSun","1:00u","0",null]]}},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Europe/London","name":"Greenwich Mean Time"}},"env":"PRODUCTION","visitorFormContext":{"formFieldFormats":{"initialNameOrder":"GIVEN_FIRST","initialAddressFormat":{"id":0,"type":"ADDRESS","country":"GB","labelLocale":"en","fields":[{"type":"FIELD","label":"Address Line 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Address Line 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"City / Town","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Postcode","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}}]},"countries":[{"name":"Afghanistan","code":"AF","phoneCode":"+93"},{"name":"\u00C5land Islands","code":"AX","phoneCode":"+358"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"American Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua & Barbuda","code":"AG","phoneCode":"+1"},{"name":"Argentina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension Island","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Austria","code":"AT","phoneCode":"+43"},{"name":"Azerbaijan","code":"AZ","phoneCode":"+994"},{"name":"Bahamas","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belarus","code":"BY","phoneCode":"+375"},{"name":"Belgium","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia & Herzegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brazil","code":"BR","phoneCode":"+55"},{"name":"British Indian Ocean Territory","code":"IO","phoneCode":"+246"},{"name":"British Virgin Islands","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Cambodia","code":"KH","phoneCode":"+855"},{"name":"Cameroon","code":"CM","phoneCode":"+237"},{"name":"Canada","code":"CA","phoneCode":"+1"},{"name":"Cape Verde","code":"CV","phoneCode":"+238"},{"name":"Caribbean Netherlands","code":"BQ","phoneCode":"+599"},{"name":"Cayman Islands","code":"KY","phoneCode":"+1"},{"name":"Central African Republic","code":"CF","phoneCode":"+236"},{"name":"Chad","code":"TD","phoneCode":"+235"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"China","code":"CN","phoneCode":"+86"},{"name":"Christmas Island","code":"CX","phoneCode":"+61"},{"name":"Cocos (Keeling) Islands","code":"CC","phoneCode":"+61"},{"name":"Colombia","code":"CO","phoneCode":"+57"},{"name":"Comoros","code":"KM","phoneCode":"+269"},{"name":"Congo - Brazzaville","code":"CG","phoneCode":"+242"},{"name":"Congo - Kinshasa","code":"CD","phoneCode":"+243"},{"name":"Cook Islands","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"C\u00F4te d\u2019Ivoire","code":"CI","phoneCode":"+225"},{"name":"Croatia","code":"HR","phoneCode":"+385"},{"name":"Cuba","code":"CU","phoneCode":"+53"},{"name":"Cura\u00E7ao","code":"CW","phoneCode":"+599"},{"name":"Cyprus","code":"CY","phoneCode":"+357"},{"name":"Czechia","code":"CZ","phoneCode":"+420"},{"name":"Denmark","code":"DK","phoneCode":"+45"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominican Republic","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypt","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Equatorial Guinea","code":"GQ","phoneCode":"+240"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Estonia","code":"EE","phoneCode":"+372"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Ethiopia","code":"ET","phoneCode":"+251"},{"name":"Falkland Islands","code":"FK","phoneCode":"+500"},{"name":"Faroe Islands","code":"FO","phoneCode":"+298"},{"name":"Fiji","code":"FJ","phoneCode":"+679"},{"name":"Finland","code":"FI","phoneCode":"+358"},{"name":"France","code":"FR","phoneCode":"+33"},{"name":"French Guiana","code":"GF","phoneCode":"+594"},{"name":"French Polynesia","code":"PF","phoneCode":"+689"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Germany","code":"DE","phoneCode":"+49"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Greece","code":"GR","phoneCode":"+30"},{"name":"Greenland","code":"GL","phoneCode":"+299"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hong Kong SAR China","code":"HK","phoneCode":"+852"},{"name":"Hungary","code":"HU","phoneCode":"+36"},{"name":"Iceland","code":"IS","phoneCode":"+354"},{"name":"India","code":"IN","phoneCode":"+91"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Iraq","code":"IQ","phoneCode":"+964"},{"name":"Ireland","code":"IE","phoneCode":"+353"},{"name":"Isle of Man","code":"IM","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italy","code":"IT","phoneCode":"+39"},{"name":"Jamaica","code":"JM","phoneCode":"+1"},{"name":"Japan","code":"JP","phoneCode":"+81"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordan","code":"JO","phoneCode":"+962"},{"name":"Kazakhstan","code":"KZ","phoneCode":"+7"},{"name":"Kenya","code":"KE","phoneCode":"+254"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kyrgyzstan","code":"KG","phoneCode":"+996"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lebanon","code":"LB","phoneCode":"+961"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Lithuania","code":"LT","phoneCode":"+370"},{"name":"Luxembourg","code":"LU","phoneCode":"+352"},{"name":"Macao SAR China","code":"MO","phoneCode":"+853"},{"name":"Madagascar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malaysia","code":"MY","phoneCode":"+60"},{"name":"Maldives","code":"MV","phoneCode":"+960"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Marshall Islands","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Mexico","code":"MX","phoneCode":"+52"},{"name":"Micronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Morocco","code":"MA","phoneCode":"+212"},{"name":"Mozambique","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Netherlands","code":"NL","phoneCode":"+31"},{"name":"New Caledonia","code":"NC","phoneCode":"+687"},{"name":"New Zealand","code":"NZ","phoneCode":"+64"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolk Island","code":"NF","phoneCode":"+672"},{"name":"Northern Mariana Islands","code":"MP","phoneCode":"+1"},{"name":"North Korea","code":"KP","phoneCode":"+850"},{"name":"North Macedonia","code":"MK","phoneCode":"+389"},{"name":"Norway","code":"NO","phoneCode":"+47"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestinian Territories","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua New Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Philippines","code":"PH","phoneCode":"+63"},{"name":"Poland","code":"PL","phoneCode":"+48"},{"name":"Portugal","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"R\u00E9union","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Russia","code":"RU","phoneCode":"+7"},{"name":"Rwanda","code":"RW","phoneCode":"+250"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"S\u00E3o Tom\u00E9 & Pr\u00EDncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychelles","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Solomon Islands","code":"SB","phoneCode":"+677"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"South Africa","code":"ZA","phoneCode":"+27"},{"name":"South Korea","code":"KR","phoneCode":"+82"},{"name":"South Sudan","code":"SS","phoneCode":"+211"},{"name":"Spain","code":"ES","phoneCode":"+34"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"St. Barth\u00E9lemy","code":"BL","phoneCode":"+590"},{"name":"St. Helena","code":"SH","phoneCode":"+290"},{"name":"St. Kitts & Nevis","code":"KN","phoneCode":"+1"},{"name":"St. Lucia","code":"LC","phoneCode":"+1"},{"name":"St. Martin","code":"MF","phoneCode":"+590"},{"name":"St. Pierre & Miquelon","code":"PM","phoneCode":"+508"},{"name":"St. Vincent & Grenadines","code":"VC","phoneCode":"+1"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Svalbard & Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Sweden","code":"SE","phoneCode":"+46"},{"name":"Switzerland","code":"CH","phoneCode":"+41"},{"name":"Syria","code":"SY","phoneCode":"+963"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tajikistan","code":"TJ","phoneCode":"+992"},{"name":"Tanzania","code":"TZ","phoneCode":"+255"},{"name":"Thailand","code":"TH","phoneCode":"+66"},{"name":"Timor-Leste","code":"TL","phoneCode":"+670"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad & Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"T\u00FCrkiye","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks & Caicos Islands","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"U.S. Virgin Islands","code":"VI","phoneCode":"+1"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraine","code":"UA","phoneCode":"+380"},{"name":"United Arab Emirates","code":"AE","phoneCode":"+971"},{"name":"United Kingdom","code":"GB","phoneCode":"+44"},{"name":"United States","code":"US","phoneCode":"+1"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatican City","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Wallis & Futuna","code":"WF","phoneCode":"+681"},{"name":"Western Sahara","code":"EH","phoneCode":"+212"},{"name":"Yemen","code":"YE","phoneCode":"+967"},{"name":"Zambia","code":"ZM","phoneCode":"+260"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}],"initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"GB","labelLocale":"en-US","fields":[{"type":"FIELD","label":"1","identifier":"1","length":4,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"2","identifier":"2","length":16,"required":false,"metadata":{}}]}},"localizedStrings":{"validation":{"noValidSelection":"A valid selection must be made.","invalidUrl":"Must be a valid URL.","stringTooLong":"Value should have a length no longer than {0}.","containsInvalidKey":"{0} contains an invalid key.","invalidTwitterUsername":"Must be a valid Twitter username.","valueOutsideRange":"Value must be in the range {0} to {1}.","invalidPassword":"Passwords should not contain whitespace.","missingRequiredSubfields":"{0} is missing required subfields: {1}","invalidCurrency":"Currency value should be formatted like 1234 or 123.99.","invalidMapSize":"Value should contain exactly {0} elements.","subfieldsRequired":"All fields in {0} are required.","formSubmissionFailed":"Form submission failed. Review the following information: {0}.","invalidCountryCode":"Country code should have an optional plus and up to 4 digits.","invalidDate":"This is not a real date.","required":"{0} is required.","invalidStringLength":"Value should be {0} characters long.","invalidEmail":"Email addresses should follow the format user@domain.com.","invalidListLength":"Value should be {0} elements long.","allEmpty":"Please fill out at least one form field.","missingRequiredQuestion":"Missing a required question.","invalidQuestion":"Contained an invalid question.","captchaFailure":"Captcha validation failed. Please try again.","stringTooShort":"Value should have a length of at least {0}.","invalid":"{0} is not valid.","formErrors":"Form Errors","containsInvalidValue":"{0} contains an invalid value.","invalidUnsignedNumber":"Numbers must contain only digits and no other characters.","invalidName":"Valid names contain only letters, numbers, spaces, ', or - characters."},"submit":"Submit","status":{"title":"{@} Block","learnMore":"Learn more"},"name":{"firstName":"First Name","lastName":"Last Name"},"lightbox":{"openForm":"Open Form"},"likert":{"agree":"Agree","stronglyDisagree":"Strongly Disagree","disagree":"Disagree","stronglyAgree":"Strongly Agree","neutral":"Neutral"},"time":{"am":"AM","second":"Second","pm":"PM","minute":"Minute","amPm":"AM/PM","hour":"Hour"},"notFound":"Form not found.","date":{"yyyy":"YYYY","year":"Year","mm":"MM","day":"Day","month":"Month","dd":"DD"},"phone":{"country":"Country","number":"Number","prefix":"Prefix","areaCode":"Area Code","line":"Line"},"submitError":"Unable to submit form. Please try again later.","address":{"stateProvince":"State/Province","country":"Country","zipPostalCode":"Zip/Postal Code","address2":"Address 2","address1":"Address 1","city":"City"},"email":{"signUp":"Sign up for news and updates"},"required":"(required)","invalidData":"Invalid form data."}}};</script><script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/visitor-site-error-reporter-fdfb276a20173335-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-visitor_site_error_reporter');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/visitor-site-error-reporter-fdfb276a20173335-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-c1ecb2cfe64dc094-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-c1ecb2cfe64dc094-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-bdf89e58ccd909c7-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-bdf89e58ccd909c7-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-7809c22ce1c64b20-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-7809c22ce1c64b20-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-219c33e5378d8300-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-219c33e5378d8300-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-8725e5df33596ccb-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-8725e5df33596ccb-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-8062efc02e57630d-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-8062efc02e57630d-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-d79376c3cf52efea-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-d79376c3cf52efea-min.en-US.js" defer ></script><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.search/32aff286-a16d-47ed-84d6-36aa80a8beb4_366/website.components.search.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/56d23d96-c347-42f6-9041-a65954ce5616_703/website.components.code.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css"/><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-film-grain.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/748.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-liquid.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/9882.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-circles.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/56d23d96-c347-42f6-9041-a65954ce5616_703/website.components.code.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.search/32aff286-a16d-47ed-84d6-36aa80a8beb4_366/website.components.search.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.shared.constants.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-parallax.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-lines.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/8018.js"></script><script type="application/ld+json">{"url":"https://www.stjohnsharborne.org","name":"St John's Harborne","image":"//images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1597856243180-NZ5F52CZWRR0SZKG98U5/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/5c4aee72fcf7fd95eda6e3cb/t/5f3d59db819dfd53d775f24a/1781003863134/","openingHours":", , , , , , ","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/5c4aee72fcf7fd95eda6e3cb/378/5c5a519771c10ba3470d8101/687644ef18f6121499659506/1792/site.css?nocustom=true"/><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1780935891429-OUR0MV502M6QWSJM8DST/static.css"/><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/custom-css/5c4aee72fcf7fd95eda6e3cb/687644ef18f6121499659506/50/custom.css"/><script data-sqs-type="cookiepreferencesgetter">(function(){window.getSquarespaceCookies = function() {    const getCookiesAllowed = function(cookieName){ return ('; '+document.cookie).split('; ' + cookieName + '=').pop().split(';')[0] === 'true'};    return {      performance: getCookiesAllowed('ss_performanceCookiesAllowed') ? 'accepted' : 'declined',      marketing: getCookiesAllowed('ss_marketingCookiesAllowed') ? 'accepted' : 'declined'    }}})()</script><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!-- Secondary Navigation from Will-Myers.com -->
<link href="https://cdn.jsdelivr.net/gh/willmyerscode/secondary-nav@3/secondary-nav.min.css" rel="stylesheet">

 <SecondaryNav data-section-theme="lightest 1">
  <SecondaryLink href="/safeguarding">Safeguarding</SecondaryLink>
   <SecondaryLink href="/give">Give</SecondaryLink>
   <SecondaryLink href="https://stjohns.churchsuite.com/my/landing" target="_blank">My ChurchSuite</SecondaryLink>
  
  <!-- Elements Go In Here -->
</SecondaryNav><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
<!-- End of Squarespace Headers -->
    
    
  </head>

  <body
    id="collection-687644f220d97d6a306e3653"
    class="
      tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show image-block-poster-text-alignment-left image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left  form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label  tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-left tweak-blog-single-column-image-placement-below tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-below-excerpt tweak-blog-single-column-content-excerpt-and-title header-width-full   tweak-fixed-header-style-basic tweak-blog-item-width-wide tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-below-title tweak-blog-item-show-categories tweak-blog-item-show-date   tweak-blog-item-delimiter-bullet tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show primary-button-style-outline primary-button-shape-rounded secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill tweak-events-stacked-width-full tweak-events-stacked-height-large  tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-169-widescreen tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt  tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-169-widescreen tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade header-overlay-alignment-center tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-layout-default collection-687644f220d97d6a306e3653 homepage mobile-style-available sqs-seven-one
      
        
          
        
      
    "
    tabindex="-1"
  >
    <div
      id="siteWrapper"
      class="clearfix site-wrapper"
    >
      
        <div id="floatingCart" class="floating-cart hidden">
          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
            <span class="Cart-inner">
              



  <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
</svg>

              <div class="legacy-cart icon-cart-quantity">
                <span class="sqs-cart-quantity">0</span>
              </div>
            </span>
          </a>
        </div>
      

      












  <header
    data-test="header"
    id="header"
    
    class="
      
        
      
      header theme-col--primary
    "
    data-section-theme=""
    data-controller="Header"
    data-current-styles="{
&quot;layout&quot;: &quot;navLeft&quot;,
&quot;showSocial&quot;: false,
&quot;socialOptions&quot;: {
&quot;socialBorderShape&quot;: &quot;square&quot;,
&quot;socialBorderStyle&quot;: &quot;solid&quot;,
&quot;socialBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
}
},
&quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
&quot;cartStyle&quot;: &quot;text&quot;,
&quot;cartText&quot;: &quot;Cart&quot;,
&quot;showEmptyCartState&quot;: true,
&quot;cartOptions&quot;: {
&quot;iconType&quot;: &quot;solid-7&quot;,
&quot;cartBorderShape&quot;: &quot;none&quot;,
&quot;cartBorderStyle&quot;: &quot;outline&quot;,
&quot;cartBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;showButton&quot;: false,
&quot;showCart&quot;: false,
&quot;showAccountLogin&quot;: false,
&quot;headerStyle&quot;: &quot;solid&quot;,
&quot;languagePicker&quot;: {
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
},
&quot;iconOptions&quot;: {
&quot;desktopDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.35
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;none&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
},
&quot;mobileDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.15
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.5
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
}
},
&quot;mobileOptions&quot;: {
&quot;layout&quot;: &quot;logoLeftNavRight&quot;,
&quot;menuIconOptions&quot;: {
&quot;style&quot;: &quot;tripleLineHamburger&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
}
}
},
&quot;solidOptions&quot;: {
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
}
},
&quot;gradientOptions&quot;: {
&quot;gradientType&quot;: &quot;faded&quot;,
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 90.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
}
},
&quot;dropShadowOptions&quot;: {
&quot;enabled&quot;: false,
&quot;blur&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
},
&quot;spread&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;distance&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;borderOptions&quot;: {
&quot;enabled&quot;: false,
&quot;position&quot;: &quot;allSides&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 4.0
}
},
&quot;showPromotedElement&quot;: false,
&quot;buttonVariant&quot;: &quot;tertiary&quot;,
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
}
}"
    data-section-id="header"
    data-header-style="solid"
    data-language-picker="{
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
}"
    data-native-multilingual=""
    
    data-first-focusable-element
    tabindex="-1"
    style="
      
      
      
      
      
      
    "
  >
    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  <symbol id="circle" >
    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
  </symbol>

  <symbol id="circleFilled" >
    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
  </symbol>

  <symbol id="dash" >
    <path d="M11 11H19H3" />
  </symbol>

  <symbol id="squareFilled" >
    <rect x="6" y="6" width="11" height="11" />
  </symbol>

  <symbol id="square" >
    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  </symbol>
  
  <symbol id="plus" >
    <path d="M11 3V19" />
    <path d="M19 11L3 11"/>
  </symbol>
  
  <symbol id="closedArrow" >
    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  </symbol>
  
  <symbol id="closedArrowFilled" >
    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  </symbol>
  
  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  </symbol>
  
  
  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  </symbol>
  
  <symbol id="openArrow" >
    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  </symbol>
  
  <symbol id="openArrowHead" >
    <path d="M18 7L11 14L4 7" fill="none" />
  </symbol>

  <symbol id="pinchedArrow" >
    <path d="M11 17.3591L11 2" fill="none" />
    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  </symbol>

  <symbol id="pinchedArrowFilled" >
    <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
    <path d="M11 11L11 1" fill="none"/>
  </symbol>

  <symbol id="pinchedArrowHead" >
    <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091"  fill="none" />
  </symbol>
  
  <symbol id="pinchedArrowHeadFilled" >
    <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
  </symbol>

</svg>
    
<div class="sqs-announcement-bar-dropzone"></div>

    <div class="header-announcement-bar-wrapper">
      
      <a
        href="#page"
        class="header-skip-link sqs-button-element--primary"
      >
        Skip to Content
      </a>
      


<style>
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .header-blur-background {
            
                -webkit-backdrop-filter: blur(12px);
                backdrop-filter: blur(12px);
            
            
        }
    }
</style>
      <div
        class="header-border"
        data-header-style="solid"
        data-header-border="false"
        data-test="header-border"
        style="




"
      ></div>
      <div
        class="header-dropshadow"
        data-header-style="solid"
        data-header-dropshadow="false"
        data-test="header-dropshadow"
        style=""
      ></div>
      
      
        <div >
          <div
            class="header-background-solid"
            data-header-style="solid"
            data-test="header-background-solid"
            
            
            style="opacity: calc(100 * .01)"
          ></div>
        </div>
      

      <div class='header-inner container--fluid
        
        
        
         header-mobile-layout-logo-left-nav-right
        
        
        
        
        
        
        
         header-layout-nav-left
        
        
        
        
        
        
        
        '
        data-test="header-inner"
        >
        <!-- Background -->
        <div class="header-background theme-bg--primary"></div>

        <div class="header-display-desktop" data-content-field="site-title">
          

          

          

          

          

          
          
            
            <!-- Social -->
            
          
            
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              

              

              
                
                <!-- Title -->
                
                  <div
                    class="
                      header-title
                      
                    "
                    data-animation-role="header-element"
                  >
                    
                      <div class="header-title-logo">
                        <a href="/" data-animation-role="header-element">
                        
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1597856243180-NZ5F52CZWRR0SZKG98U5/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w" alt="St John&amp;#39;s Harborne" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">

                        </a>
                      </div>

                    
                    
                  </div>
                
              
                
                <!-- Nav -->
                <div class="header-nav">
                  <div class="header-nav-wrapper">
                    <nav class="header-nav-list">
                      


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/about-2"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="about"
        
      >
      <span class="header-nav-folder-title-text">
        About
      </span>
      </button>
      <div class="header-nav-folder-content" id="about">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/team" >Team &amp; Leadership</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/vision" >Vision &amp; Values</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/mps" >Mission Partner Support</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/contact" >Contact Us</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/church-online"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="gather"
        
      >
      <span class="header-nav-folder-title-text">
        Gather
      </span>
      </button>
      <div class="header-nav-folder-content" id="gather">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw"  target="_blank" >Church Online</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/sundays" >Sundays &amp; Thursdays</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/talks" >Talks</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw?view_as=subscriber"  target="_blank" >YouTube Channel</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/explore"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="explore"
        
      >
      <span class="header-nav-folder-title-text">
        Explore
      </span>
      </button>
      <div class="header-nav-folder-content" id="explore">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/alpha" >Alpha</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/baptism" >Baptism</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/eco" >Eco</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/teams" >Join a Team</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/marriage" >Marriage</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/connect"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="connect"
        
      >
      <span class="header-nav-folder-title-text">
        Connect
      </span>
      </button>
      <div class="header-nav-folder-content" id="connect">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/new" >I'm New</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/groups" >Small Groups</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/toddlers" >Babies &amp; Toddlers</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/children" >Children</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/youth" >Youth</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/students" >Students</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/seniors" >Older People</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/prayer" >Prayer</a>
            </div>
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/stories"
                
              >
                <span class="header-nav-folder-item-content">
                  St John's Stories
                </span>
              </a>
            </div>
          
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/churchsuite" >MyChurchSuite</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/whats-on"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="whats-on"
        
      >
      <span class="header-nav-folder-title-text">
        What's On?
      </span>
      </button>
      <div class="header-nav-folder-content" id="whats-on">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/calendar" >Calendar &amp; Events</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#cameo" >CAMEO</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#celebrate-recovery" >Celebrate Recovery</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#cafe" >Community Cafe</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#debt" >Debt Advice (The Crossway)</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#fnd" >Friday Night Dinner</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#hpc" >Healing Prayer Centre</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#warmwelcome" >Warm Welcome</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/roundup" >Weekly Email (The Roundup)</a>
            </div>
          
        
      </div>
    </div>
  
  



                    </nav>
                  </div>
                </div>
              
              
            </div>
          
            
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              
              

              

            
            

              
              <div class="showOnMobile">
                
              </div>

              
              <div class="showOnDesktop">
                
              </div>

              
            </div>
          
            


<style>
  .top-bun, 
  .patty, 
  .bottom-bun {
    height: 2px;
  }
</style>

<!-- Burger -->
<div class="header-burger

  menu-overlay-does-not-have-visible-non-navigation-items


  
  no-actions
  
" data-animation-role="header-element">
  <button class="header-burger-btn burger" data-test="header-burger">
    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
    <div class="burger-box">
      <div class="burger-inner header-menu-icon-tripleLineHamburger">
        <div class="top-bun"></div>
        <div class="patty"></div>
        <div class="bottom-bun"></div>
      </div>
    </div>
  </button>
</div>

          

        </div>
        <div class="header-display-mobile" data-content-field="site-title">
          
            
            <!-- Social -->
            
          
            
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              

              

              
                
                <!-- Title -->
                
                  <div
                    class="
                      header-title
                      
                    "
                    data-animation-role="header-element"
                  >
                    
                      <div class="header-title-logo">
                        <a href="/" data-animation-role="header-element">
                        
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1597856243180-NZ5F52CZWRR0SZKG98U5/LOGO+BLACK_st+johns+emblem_circile+line+logo-test-thin.png?format=1500w" alt="St John&amp;#39;s Harborne" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">

                        </a>
                      </div>

                    
                    
                  </div>
                
              
                
                <!-- Nav -->
                <div class="header-nav">
                  <div class="header-nav-wrapper">
                    <nav class="header-nav-list">
                      


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/about-2"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="about"
        
      >
      <span class="header-nav-folder-title-text">
        About
      </span>
      </button>
      <div class="header-nav-folder-content" id="about">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/team" >Team &amp; Leadership</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/vision" >Vision &amp; Values</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/mps" >Mission Partner Support</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/contact" >Contact Us</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/church-online"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="gather"
        
      >
      <span class="header-nav-folder-title-text">
        Gather
      </span>
      </button>
      <div class="header-nav-folder-content" id="gather">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw"  target="_blank" >Church Online</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/sundays" >Sundays &amp; Thursdays</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/talks" >Talks</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw?view_as=subscriber"  target="_blank" >YouTube Channel</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/explore"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="explore"
        
      >
      <span class="header-nav-folder-title-text">
        Explore
      </span>
      </button>
      <div class="header-nav-folder-content" id="explore">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/alpha" >Alpha</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/baptism" >Baptism</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/eco" >Eco</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/teams" >Join a Team</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/marriage" >Marriage</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/connect"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="connect"
        
      >
      <span class="header-nav-folder-title-text">
        Connect
      </span>
      </button>
      <div class="header-nav-folder-content" id="connect">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/new" >I'm New</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/groups" >Small Groups</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/toddlers" >Babies &amp; Toddlers</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/children" >Children</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/youth" >Youth</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/students" >Students</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/seniors" >Older People</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/prayer" >Prayer</a>
            </div>
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/stories"
                
              >
                <span class="header-nav-folder-item-content">
                  St John's Stories
                </span>
              </a>
            </div>
          
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/churchsuite" >MyChurchSuite</a>
            </div>
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/whats-on"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="whats-on"
        
      >
      <span class="header-nav-folder-title-text">
        What's On?
      </span>
      </button>
      <div class="header-nav-folder-content" id="whats-on">
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/calendar" >Calendar &amp; Events</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#cameo" >CAMEO</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#celebrate-recovery" >Celebrate Recovery</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#cafe" >Community Cafe</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#debt" >Debt Advice (The Crossway)</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#fnd" >Friday Night Dinner</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#hpc" >Healing Prayer Centre</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/community#warmwelcome" >Warm Welcome</a>
            </div>
          
        
          
          
            <div class="header-nav-folder-item header-nav-folder-item--external">
              <a href="/roundup" >Weekly Email (The Roundup)</a>
            </div>
          
        
      </div>
    </div>
  
  



                    </nav>
                  </div>
                </div>
              
              
            </div>
          
            
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              
              

              

            
            

              
              <div class="showOnMobile">
                
              </div>

              
              <div class="showOnDesktop">
                
              </div>

              
            </div>
          
            


<style>
  .top-bun, 
  .patty, 
  .bottom-bun {
    height: 2px;
  }
</style>

<!-- Burger -->
<div class="header-burger

  menu-overlay-does-not-have-visible-non-navigation-items


  
  no-actions
  
" data-animation-role="header-element">
  <button class="header-burger-btn burger" data-test="header-burger">
    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
    <div class="burger-box">
      <div class="burger-inner header-menu-icon-tripleLineHamburger">
        <div class="top-bun"></div>
        <div class="patty"></div>
        <div class="bottom-bun"></div>
      </div>
    </div>
  </button>
</div>

          
          
          
          
          
        </div>
      </div>
    </div>
    <!-- (Mobile) Menu Navigation -->
    <div class="header-menu header-menu--folder-list
      
      
      
      
      
      "
      data-section-theme=""
      data-current-styles="{
&quot;layout&quot;: &quot;navLeft&quot;,
&quot;showSocial&quot;: false,
&quot;socialOptions&quot;: {
&quot;socialBorderShape&quot;: &quot;square&quot;,
&quot;socialBorderStyle&quot;: &quot;solid&quot;,
&quot;socialBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
}
},
&quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
&quot;cartStyle&quot;: &quot;text&quot;,
&quot;cartText&quot;: &quot;Cart&quot;,
&quot;showEmptyCartState&quot;: true,
&quot;cartOptions&quot;: {
&quot;iconType&quot;: &quot;solid-7&quot;,
&quot;cartBorderShape&quot;: &quot;none&quot;,
&quot;cartBorderStyle&quot;: &quot;outline&quot;,
&quot;cartBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;showButton&quot;: false,
&quot;showCart&quot;: false,
&quot;showAccountLogin&quot;: false,
&quot;headerStyle&quot;: &quot;solid&quot;,
&quot;languagePicker&quot;: {
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
},
&quot;iconOptions&quot;: {
&quot;desktopDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.35
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;none&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
},
&quot;mobileDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.15
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.5
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
}
},
&quot;mobileOptions&quot;: {
&quot;layout&quot;: &quot;logoLeftNavRight&quot;,
&quot;menuIconOptions&quot;: {
&quot;style&quot;: &quot;tripleLineHamburger&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
}
}
},
&quot;solidOptions&quot;: {
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
}
},
&quot;gradientOptions&quot;: {
&quot;gradientType&quot;: &quot;faded&quot;,
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 90.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
}
},
&quot;dropShadowOptions&quot;: {
&quot;enabled&quot;: false,
&quot;blur&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
},
&quot;spread&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;distance&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;borderOptions&quot;: {
&quot;enabled&quot;: false,
&quot;position&quot;: &quot;allSides&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 4.0
}
},
&quot;showPromotedElement&quot;: false,
&quot;buttonVariant&quot;: &quot;tertiary&quot;,
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
}
}"
      data-section-id="overlay-nav"
      data-show-account-login="false"
      data-test="header-menu">
      <div class="header-menu-bg theme-bg--primary"></div>
      <div class="header-menu-nav">
        <nav class="header-menu-nav-list">
          <div data-folder="root" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <!-- Menu Navigation -->
<div class="header-menu-nav-wrapper">
  
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/about-2"
              href="/about-2"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Folder:</span>
                <span class="header-nav-folder-title-text">About</span>
              </div>
            </a>
          </div>
          <div data-folder="/about-2" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Back</span>
                </a>
              </div>
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/team" >Team &amp; Leadership</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/vision" >Vision &amp; Values</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/mps" >Mission Partner Support</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/contact" >Contact Us</a>
                  </div>
                
              
            </div>
          </div>
        
      
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/church-online"
              href="/church-online"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Folder:</span>
                <span class="header-nav-folder-title-text">Gather</span>
              </div>
            </a>
          </div>
          <div data-folder="/church-online" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Back</span>
                </a>
              </div>
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw"  target="_blank" >Church Online</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/sundays" >Sundays &amp; Thursdays</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/talks" >Talks</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="https://www.youtube.com/channel/UC0RiVEParCT4r-9hgUA7rmw?view_as=subscriber"  target="_blank" >YouTube Channel</a>
                  </div>
                
              
            </div>
          </div>
        
      
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/explore"
              href="/explore"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Folder:</span>
                <span class="header-nav-folder-title-text">Explore</span>
              </div>
            </a>
          </div>
          <div data-folder="/explore" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Back</span>
                </a>
              </div>
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/alpha" >Alpha</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/baptism" >Baptism</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/eco" >Eco</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/teams" >Join a Team</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/marriage" >Marriage</a>
                  </div>
                
              
            </div>
          </div>
        
      
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/connect"
              href="/connect"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Folder:</span>
                <span class="header-nav-folder-title-text">Connect</span>
              </div>
            </a>
          </div>
          <div data-folder="/connect" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Back</span>
                </a>
              </div>
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/new" >I'm New</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/groups" >Small Groups</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/toddlers" >Babies &amp; Toddlers</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/children" >Children</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/youth" >Youth</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/students" >Students</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/seniors" >Older People</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/prayer" >Prayer</a>
                  </div>
                
              
                
                  <div class="container header-menu-nav-item">
                    <a
                      href="/stories"
                      
                    >
                      <div class="header-menu-nav-item-content">
                        St John's Stories
                      </div>
                    </a>
                  </div>
                
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/churchsuite" >MyChurchSuite</a>
                  </div>
                
              
            </div>
          </div>
        
      
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/whats-on"
              href="/whats-on"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Folder:</span>
                <span class="header-nav-folder-title-text">What's On?</span>
              </div>
            </a>
          </div>
          <div data-folder="/whats-on" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Back</span>
                </a>
              </div>
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/calendar" >Calendar &amp; Events</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#cameo" >CAMEO</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#celebrate-recovery" >Celebrate Recovery</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#cafe" >Community Cafe</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#debt" >Debt Advice (The Crossway)</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#fnd" >Friday Night Dinner</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#hpc" >Healing Prayer Centre</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/community#warmwelcome" >Warm Welcome</a>
                  </div>
                
              
                
                
                  <div class="container header-menu-nav-item header-menu-nav-item--external">
                    <a href="/roundup" >Weekly Email (The Roundup)</a>
                  </div>
                
              
            </div>
          </div>
        
      
    
  
</div>

              
            </div>
            
            
            
          </div>
        </nav>
      </div>
    </div>
  </header>




      <main id="page" class="container" role="main">
        
          
            
<article class="sections" id="sections" data-page-sections="687644f320d97d6a306e3687">
  
  
    
    


  
  











<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section 
    
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white'
  
  data-section-id="687644f220d97d6a306e3675"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: null,
&quot;divider&quot;: null,
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  
   
  
    
  
  
  
  
  


  data-sqsp-section="classic-editor"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" data-updated-on="1708440197876" id="page-section-687644f220d97d6a306e3675"><div class="row sqs-row"><div class="col sqs-col-1 span-1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1554033660101_5958" id="block-yui_3_17_2_1_1554033660101_5958"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-10 span-10"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1553986751827_6358" id="block-yui_3_17_2_1_1553986751827_6358"><div class="sqs-block-content">&nbsp;</div></div><div class="sqs-block gallery-block sqs-block-gallery sqs-col-6 span-6 float float-right" data-block-json="&#123;&quot;hSize&quot;:6,&quot;floatDir&quot;:&quot;right&quot;,&quot;transientGalleryId&quot;:&quot;687644f220d97d6a306e3658&quot;,&quot;collectionId&quot;:&quot;687644f220d97d6a306e3658&quot;,&quot;design&quot;:&quot;slideshow&quot;,&quot;autoplay&quot;:true,&quot;controls&quot;:false,&quot;thumbnails&quot;:false,&quot;methodOption&quot;:&quot;transient&quot;,&quot;autoplay-duration&quot;:5,&quot;auto-crop&quot;:true,&quot;square-thumbs&quot;:true,&quot;show-meta-basic&quot;:true,&quot;show-meta&quot;:false,&quot;show-meta-only-title&quot;:false,&quot;show-meta-on-hover&quot;:false,&quot;meta-position&quot;:&quot;bottom&quot;&#125;" data-block-type="8" data-sqsp-block="gallery" id="block-yui_3_17_2_1_1553986751827_8493"><div class="sqs-block-content">


  

  


<div class="
  sqs-gallery-container
  sqs-gallery-block-slideshow
  
  
  
  

  
  sqs-gallery-block-show-meta
  
  

  
  

  
  
  clear"
  
  
>
  <div class="sqs-gallery">
    
      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151696866-YZNAQCU9W3LYQWXLWME9/IMG_3826.jpg" alt="IMG_3826.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151696866-YZNAQCU9W3LYQWXLWME9/IMG_3826.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151696866-YZNAQCU9W3LYQWXLWME9/IMG_3826.jpg" data-image-dimensions="6000x3376" data-image-focal-point="0.5,0.5" alt="IMG_3826.jpg" data-load="false" data-image-id="687644f220d97d6a306e365b" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151768125-O9OSUOWURWDZ63E2G82Q/IMG_3880.jpg" alt="IMG_3880.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151768125-O9OSUOWURWDZ63E2G82Q/IMG_3880.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151768125-O9OSUOWURWDZ63E2G82Q/IMG_3880.jpg" data-image-dimensions="6000x3376" data-image-focal-point="0.5,0.5" alt="IMG_3880.jpg" data-load="false" data-image-id="687644f220d97d6a306e365e" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151906269-87Q38J0ION7EAK1QVZAY/st-johns-harborne-sundays-3-jul-222864+copy.jpg" alt="st-johns-harborne-sundays-3-jul-222864 copy.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151906269-87Q38J0ION7EAK1QVZAY/st-johns-harborne-sundays-3-jul-222864+copy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151906269-87Q38J0ION7EAK1QVZAY/st-johns-harborne-sundays-3-jul-222864+copy.jpg" data-image-dimensions="6000x3376" data-image-focal-point="0.5,0.5" alt="st-johns-harborne-sundays-3-jul-222864 copy.jpg" data-load="false" data-image-id="687644f220d97d6a306e3662" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460945-H4W7PJUKFWC9PUM994G7/1.png" alt="1.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460945-H4W7PJUKFWC9PUM994G7/1.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460945-H4W7PJUKFWC9PUM994G7/1.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="1.png" data-load="false" data-image-id="687644f220d97d6a306e3665" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460871-1L75UFMHAGEESKLCS2QB/2.png" alt="2.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460871-1L75UFMHAGEESKLCS2QB/2.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152460871-1L75UFMHAGEESKLCS2QB/2.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="2.png" data-load="false" data-image-id="687644f220d97d6a306e3668" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151939845-VFYNIVB2JPBOWD3UUDFQ/IMG_3875+copy.jpg" alt="IMG_3875 copy.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151939845-VFYNIVB2JPBOWD3UUDFQ/IMG_3875+copy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677151939845-VFYNIVB2JPBOWD3UUDFQ/IMG_3875+copy.jpg" data-image-dimensions="6000x3376" data-image-focal-point="0.5,0.5" alt="IMG_3875 copy.jpg" data-load="false" data-image-id="687644f220d97d6a306e366b" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152703154-S5D2A7BXZ41ZRWG4QVWZ/Untitled+design+%284%29.png" alt="Untitled design (4).png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152703154-S5D2A7BXZ41ZRWG4QVWZ/Untitled+design+%284%29.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152703154-S5D2A7BXZ41ZRWG4QVWZ/Untitled+design+%284%29.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="Untitled design (4).png" data-load="false" data-image-id="687644f220d97d6a306e366e" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152471144-PKHZVMV9Q0QUYC3KB2OH/4.png" alt="4.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152471144-PKHZVMV9Q0QUYC3KB2OH/4.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152471144-PKHZVMV9Q0QUYC3KB2OH/4.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="4.png" data-load="false" data-image-id="687644f220d97d6a306e3671" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      

        
          
            <div class="slide content-fill" data-type="image" data-click-through-url="">
              
                <noscript><img src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152476227-9GX4JVCIWCS3QRV0IMZ0/5.png" alt="5.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-slideshow" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152476227-9GX4JVCIWCS3QRV0IMZ0/5.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1677152476227-9GX4JVCIWCS3QRV0IMZ0/5.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="5.png" data-load="false" data-image-id="687644f220d97d6a306e3674" data-type="image" />
              

              
              <div class="color-overlay"></div>
            </div>
          
          
        

        

        

      
    
  </div>

  

</div>






</div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1553986320275_11921" id="block-yui_3_17_2_1_1553986320275_11921"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="white-space:pre-wrap;">Welcome to St John’s</h2><p class="" style="white-space:pre-wrap;"><strong>We’re so glad you’re here! </strong></p><p class="" style="white-space:pre-wrap;">St John’s is an evangelical, charismatic Anglican church based in Harborne, just outside Birmingham City Centre. We have a heart for God, our city and the nations, this means we prioritise wholeheartedly loving and worshipping our Heavenly Father, and we seek to impact our city and the nations with the Good News of Jesus through the power of the Holy Spirit. </p><p class="" style="white-space:pre-wrap;">Whether you have been going to church for years, or you’ve never stepped into a church before, <strong>you are so welcome</strong> at St John’s - we can’t wait to meet you! </p></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1553986320275_11921"] {
    
    
    



  }

  [data-website-component-id="yui_3_17_2_1_1553986320275_11921"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-yui_3_17_2_1_1553986320275_11921 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-yui_3_17_2_1_1553986320275_11921 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-yui_3_17_2_1_1553986320275_11921 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1553986320275_11921"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1553986320275_11921"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1553986751827_10877" id="block-yui_3_17_2_1_1553986751827_10877"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1554033660101_7326" id="block-yui_3_17_2_1_1554033660101_7326"><div class="sqs-block-content">&nbsp;</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
    
    


  
  











<section
  data-test="page-section"
  
  data-section-theme="bright"
  class='page-section 
    
      layout-engine-section
    
    background-width--full-bleed
    
      
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    bright'
  
  data-section-id="687644f220d97d6a306e3677"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 50,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;bright&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: null,
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: null,
&quot;divider&quot;: null,
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  
   
  
     style="min-height: 50vh;" 
  
  
  
  
  


  data-sqsp-section="classic-editor"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          padding-top: calc(50vmax / 10); padding-bottom: calc(50vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" data-updated-on="1674495149361" id="page-section-687644f220d97d6a306e3677"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="row sqs-row"><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1620836992856_11519" id="block-yui_3_17_2_1_1620836992856_11519"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-8 span-8"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="5c7aba89a4222ff5341b693c" id="block-5c7aba89a4222ff5341b693c"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="text-align:center;white-space:pre-wrap;">&nbsp;What’s on?</h2></div>


  
<style id="container-styles">[data-website-component-id="5c7aba89a4222ff5341b693c"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="5c7aba89a4222ff5341b693c"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-5c7aba89a4222ff5341b693c {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-5c7aba89a4222ff5341b693c {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-5c7aba89a4222ff5341b693c {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="5c7aba89a4222ff5341b693c"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="5c7aba89a4222ff5341b693c"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1620836992856_13498" id="block-yui_3_17_2_1_1620836992856_13498"><div class="sqs-block-content">&nbsp;</div></div></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/56d23d96-c347-42f6-9041-a65954ce5616_703/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/56d23d96-c347-42f6-9041-a65954ce5616_703/website.components.code.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="yui_3_17_2_1_1620836992856_5566" id="block-yui_3_17_2_1_1620836992856_5566"><div class="sqs-block-content"><div
  class="sqs-code-container"
  
  
    data-localized="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
  
  
>
  
    <iframe frameborder="0" height="800" scrolling="no" src="https://stjohns.churchsuite.co.uk/embed/calendar/featured?preview=true&body_bgcolor=95beb8&categories=25,43,44,35,3,45,38,18,31,41,13,32,22,26,21,23,4,33,6,30,7,34,10&event_bgcolor=FFFFFF&event_border=CCCCCC&filters_bgcolor=FFFFFF&heading_color=444444&icon_color=BBBBBB&num_results=6&show_categories=0&text_color=666666" style="border-width:0" width="100%"></iframe>
  
</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
    
    


  
  











<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white'
  
  data-section-id="687648c48fc3724ea028f652"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
    
  
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-687648c48fc3724ea028f651 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(45,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-687648c48fc3724ea028f651 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-687648c48fc3724ea028f651 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(36,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-b7facfc3ab1ae5447cb0 {
    grid-area: 1/2/12/10;
    z-index: 0;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-b7facfc3ab1ae5447cb0 .sqs-block {
    justify-content: center;
  }

  .fe-block-b7facfc3ab1ae5447cb0 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-b7facfc3ab1ae5447cb0 {
      grid-area: 1/2/19/14;
      z-index: 4;

      

      
    }

    .fe-block-b7facfc3ab1ae5447cb0 .sqs-block {
      justify-content: center;
    }

    .fe-block-b7facfc3ab1ae5447cb0 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1752581384392_8459 {
    grid-area: 6/3/8/11;
    z-index: 6;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1752581384392_8459 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1752581384392_8459 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1752581384392_8459 {
      grid-area: 9/5/14/12;
      z-index: 5;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1752581384392_8459 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1752581384392_8459 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-e884a7c65c1d96a13d1d {
    grid-area: 12/2/23/10;
    z-index: 5;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-e884a7c65c1d96a13d1d .sqs-block {
    justify-content: center;
  }

  .fe-block-e884a7c65c1d96a13d1d .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-e884a7c65c1d96a13d1d {
      grid-area: 19/2/37/14;
      z-index: 3;

      

      
    }

    .fe-block-e884a7c65c1d96a13d1d .sqs-block {
      justify-content: center;
    }

    .fe-block-e884a7c65c1d96a13d1d .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-61c2d750df899391a7fd {
    grid-area: 16/3/21/11;
    z-index: 7;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-61c2d750df899391a7fd .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-61c2d750df899391a7fd .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-61c2d750df899391a7fd {
      grid-area: 26/5/31/12;
      z-index: 6;

      
        
      

      
    }

    .fe-block-61c2d750df899391a7fd .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-61c2d750df899391a7fd .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-9d8f1bc8a647435430a4 {
    grid-area: 23/2/34/10;
    z-index: 3;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-9d8f1bc8a647435430a4 .sqs-block {
    justify-content: center;
  }

  .fe-block-9d8f1bc8a647435430a4 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-9d8f1bc8a647435430a4 {
      grid-area: 19/14/37/26;
      z-index: 2;

      

      
    }

    .fe-block-9d8f1bc8a647435430a4 .sqs-block {
      justify-content: center;
    }

    .fe-block-9d8f1bc8a647435430a4 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-ccde97291d664670b6fd {
    grid-area: 28/3/30/11;
    z-index: 7;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-ccde97291d664670b6fd .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-ccde97291d664670b6fd .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-ccde97291d664670b6fd {
      grid-area: 27/18/32/25;
      z-index: 7;

      
        
      

      
    }

    .fe-block-ccde97291d664670b6fd .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-ccde97291d664670b6fd .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-bc144c0b977739981b76 {
    grid-area: 34/2/45/10;
    z-index: 2;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-bc144c0b977739981b76 .sqs-block {
    justify-content: center;
  }

  .fe-block-bc144c0b977739981b76 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-bc144c0b977739981b76 {
      grid-area: 1/14/19/26;
      z-index: 1;

      

      
    }

    .fe-block-bc144c0b977739981b76 .sqs-block {
      justify-content: center;
    }

    .fe-block-bc144c0b977739981b76 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-c3af5ed6c5d97cbe24e5 {
    grid-area: 38/3/43/11;
    z-index: 7;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-c3af5ed6c5d97cbe24e5 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-c3af5ed6c5d97cbe24e5 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-c3af5ed6c5d97cbe24e5 {
      grid-area: 8/17/13/24;
      z-index: 8;

      
        
      

      
    }

    .fe-block-c3af5ed6c5d97cbe24e5 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-c3af5ed6c5d97cbe24e5 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-687648c48fc3724ea028f651"><div class="fe-block fe-block-b7facfc3ab1ae5447cb0"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="59.068226981673654" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="b7facfc3ab1ae5447cb0" id="block-b7facfc3ab1ae5447cb0"><div class="sqs-block-content">
































  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="b7facfc3ab1ae5447cb0"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
          
  
      
        
        
        
  
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
      <a
        class="sqs-block-image-link js-content-mode-element content-fill"
        data-sqsp-image-block-link
        href="/calendar"
        
      >
        
  
  
  
  
  
  
  <img data-stretch="true"
  data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg"
  data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg"
  data-image-dimensions="1000x1000"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg" width="1000" height="1000" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/246aeb5d-455e-425b-8e29-1548e620134b/st-johns-harborne-homepage-full-square-calendar-web+v2.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
    
  
  <div class="fluidImageOverlay"></div>

      </a>
    
  </div>
  
  
  


      
    
      
         
      
    
  

        
      </div>
    </div>
    <style>
      
      
      
      #block-b7facfc3ab1ae5447cb0 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: cover;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 1000/1000;
  
  
  

      }
      #block-b7facfc3ab1ae5447cb0 .fluid-image-container.visitor-mode {
        
  
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;

      }
      #block-b7facfc3ab1ae5447cb0 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-b7facfc3ab1ae5447cb0 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
      
    </style>
    

  


  </div>

</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1752581384392_8459"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1752581384392_8459" id="block-yui_3_17_2_1_1752581384392_8459"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Calendar </span></h1></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1752581384392_8459"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="yui_3_17_2_1_1752581384392_8459"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-yui_3_17_2_1_1752581384392_8459 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
.fe-block-yui_3_17_2_1_1752581384392_8459 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  .fe-block-yui_3_17_2_1_1752581384392_8459 {
      --tweak-text-block-blend
  : normal;
    }
  

  .fe-block-yui_3_17_2_1_1752581384392_8459 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1752581384392_8459"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1752581384392_8459"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div><div class="fe-block fe-block-e884a7c65c1d96a13d1d"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="109.5152980759121" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="e884a7c65c1d96a13d1d" id="block-e884a7c65c1d96a13d1d"><div class="sqs-block-content">
































  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="e884a7c65c1d96a13d1d"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
          
  
      
        
        
        
  
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
      <a
        class="sqs-block-image-link js-content-mode-element content-fill"
        data-sqsp-image-block-link
        href="/321"
        
      >
        
  
  
  
  
  
  
  <img data-stretch="true"
  data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg"
  data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg"
  data-image-dimensions="1000x1000"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg" width="1000" height="1000" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/11a85a1e-b1ad-4666-912a-6cdf3d3c1821/st-johns-harborne-homepage-square2-alpha-web+%282%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
    
  
  <div class="fluidImageOverlay"></div>

      </a>
    
  </div>
  
  
  


      
    
      
         
      
    
  

        
      </div>
    </div>
    <style>
      
      
      
      #block-e884a7c65c1d96a13d1d {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: cover;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 1000/1000;
  
  
  

      }
      #block-e884a7c65c1d96a13d1d .fluid-image-container.visitor-mode {
        
  
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;

      }
      #block-e884a7c65c1d96a13d1d .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-e884a7c65c1d96a13d1d .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
      
    </style>
    

  


  </div>

</div></div></div><div class="fe-block fe-block-61c2d750df899391a7fd"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="61c2d750df899391a7fd" id="block-61c2d750df899391a7fd"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Explore </span></h1><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Faith </span></h1></div>


  
<style id="container-styles">[data-website-component-id="61c2d750df899391a7fd"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="61c2d750df899391a7fd"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-61c2d750df899391a7fd {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
.fe-block-61c2d750df899391a7fd {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  .fe-block-61c2d750df899391a7fd {
      --tweak-text-block-blend
  : normal;
    }
  

  .fe-block-61c2d750df899391a7fd {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="61c2d750df899391a7fd"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="61c2d750df899391a7fd"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div><div class="fe-block fe-block-9d8f1bc8a647435430a4"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="57.591181350355725" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="9d8f1bc8a647435430a4" id="block-9d8f1bc8a647435430a4"><div class="sqs-block-content">
































  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="9d8f1bc8a647435430a4"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
          
  
      
        
        
        
  
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
      <a
        class="sqs-block-image-link js-content-mode-element content-fill"
        data-sqsp-image-block-link
        href="/give"
        
      >
        
  
  
  
  
  
  
  <img data-stretch="true"
  data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg"
  data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg"
  data-image-dimensions="1000x1000"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg" width="1000" height="1000" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/7d76d900-d444-48a9-87b4-d10bd887ecec/st-johns-harborne-homepage-square2-giving-web+%282%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
    
  
  <div class="fluidImageOverlay"></div>

      </a>
    
  </div>
  
  
  


      
    
      
         
      
    
  

        
      </div>
    </div>
    <style>
      
      
      
      #block-9d8f1bc8a647435430a4 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: cover;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 1000/1000;
  
  
  

      }
      #block-9d8f1bc8a647435430a4 .fluid-image-container.visitor-mode {
        
  
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;

      }
      #block-9d8f1bc8a647435430a4 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-9d8f1bc8a647435430a4 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
      
    </style>
    

  


  </div>

</div></div></div><div class="fe-block fe-block-ccde97291d664670b6fd"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="ccde97291d664670b6fd" id="block-ccde97291d664670b6fd"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Giving </span></h1></div>


  
<style id="container-styles">[data-website-component-id="ccde97291d664670b6fd"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="ccde97291d664670b6fd"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-ccde97291d664670b6fd {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
.fe-block-ccde97291d664670b6fd {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  .fe-block-ccde97291d664670b6fd {
      --tweak-text-block-blend
  : normal;
    }
  

  .fe-block-ccde97291d664670b6fd {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="ccde97291d664670b6fd"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="ccde97291d664670b6fd"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div><div class="fe-block fe-block-bc144c0b977739981b76"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="59.88855009988434" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/0f82b2f0-7bfc-4a4a-a886-28d576adeb62_644/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="bc144c0b977739981b76" id="block-bc144c0b977739981b76"><div class="sqs-block-content">
































  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="bc144c0b977739981b76"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
          
  
      
        
        
        
  
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
      <a
        class="sqs-block-image-link js-content-mode-element content-fill"
        data-sqsp-image-block-link
        href="/groups"
        
      >
        
  
  
  
  
  
  
  <img data-stretch="true"
  data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg"
  data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg"
  data-image-dimensions="1000x1000"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg" width="1000" height="1000" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/df73333f-ec6a-4db0-b180-b1e299c56df1/st-johns-harborne-homepage-square2-small-groups-web+%282%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
    
  
  <div class="fluidImageOverlay"></div>

      </a>
    
  </div>
  
  
  


      
    
      
         
      
    
  

        
      </div>
    </div>
    <style>
      
      
      
      #block-bc144c0b977739981b76 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: cover;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 1000/1000;
  
  
  

      }
      #block-bc144c0b977739981b76 .fluid-image-container.visitor-mode {
        
  
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;

      }
      #block-bc144c0b977739981b76 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-bc144c0b977739981b76 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
      
    </style>
    

  


  </div>

</div></div></div><div class="fe-block fe-block-c3af5ed6c5d97cbe24e5"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="c3af5ed6c5d97cbe24e5" id="block-c3af5ed6c5d97cbe24e5"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Small </span></h1><h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">Groups </span></h1></div>


  
<style id="container-styles">[data-website-component-id="c3af5ed6c5d97cbe24e5"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="c3af5ed6c5d97cbe24e5"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-c3af5ed6c5d97cbe24e5 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
.fe-block-c3af5ed6c5d97cbe24e5 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  .fe-block-c3af5ed6c5d97cbe24e5 {
      --tweak-text-block-blend
  : normal;
    }
  

  .fe-block-c3af5ed6c5d97cbe24e5 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="c3af5ed6c5d97cbe24e5"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="c3af5ed6c5d97cbe24e5"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
</article>

          

          

          
            
          
        
      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
  
  
  
  
  
    
    


  
  











<section
  data-test="page-section"
  
  data-section-theme="dark-bold"
  class='page-section 
    
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    dark-bold'
  
  data-section-id="687644f018f6121499659531"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 19,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;dark-bold&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  
   
  
     style="min-height: 19vh;" 
  
  
  
  
  


  data-sqsp-section="classic-editor"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          padding-top: calc(19vmax / 10); padding-bottom: calc(19vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-687644f018f6121499659531"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block" data-aspect-ratio="1.3142174432497014" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1752586235195_18148" id="block-yui_3_17_2_1_1752586235195_18148"><div class="sqs-block-content">&nbsp;</div></div><div class="sqs-block newsletter-block sqs-block-newsletter" data-block-type="51" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1645028660908_9946"><div class="sqs-block-content">




















  
  




<div class="newsletter-form-wrapper
   newsletter-form-show-name
  newsletter-form-wrapper--layoutFloat
  newsletter-form-wrapper--alignCenter
  
  "
  >
  <form
     class="newsletter-form"
     data-form-id="620d25ea7ba02d66fee0f880"
     
     autocomplete="on"
     method="POST"
     novalidate
     onsubmit="return (function (form) {
    Y.use('squarespace-form-submit', 'node', function usingFormSubmit(Y) {
      (new Y.Squarespace.FormSubmit(form)).submit({
        formId: '620d25ea7ba02d66fee0f880',
        collectionId: '687644f220d97d6a306e3653',
        objectName: 'page-section-687644f018f6121499659531'
      });
    });
    return false;
  })(this);">
    <header class="newsletter-form-header">
      <h2 class="newsletter-form-header-title">Subscribe to The Roundup</h2>
      <div class="newsletter-form-header-description"><p class="" style="white-space:pre-wrap;">Sign up with your email address to receive weekly news and updates from St John’s.</p></div>
    </header>
    <div class="newsletter-form-body">
      <div class="newsletter-form-fields-wrapper form-fields" style="vertical-align: middle;">
        
          
            
          
            
              
              
              <fieldset id="name-yui_3_17_2_1_1645028660908_9952" class="newsletter-form-name-fieldset form-item fields name required" style="vertical-align: bottom;">
                
                  
                <div class="newsletter-form-field-wrapper field first-name">
                  <label class="newsletter-form-field-label title">First Name</label>
                  <input class="newsletter-form-field-element field-element field-control" name="fname" x-autocompletetype="given-name" type="text" spellcheck="false" placeholder="First Name" maxlength="30" data-title="First" />
                </div>
              
                  
                <div class="newsletter-form-field-wrapper field last-name">
                  <label class="newsletter-form-field-label title">Last Name</label>
                  <input class="newsletter-form-field-element field-element field-control" name="lname" x-autocompletetype="surname" type="text" spellcheck="false" placeholder="Last Name" maxlength="30" data-title="Last" />
                </div>
              
                
              </fieldset>
            
          
        
        
          
            <div id="email-yui_3_17_2_1_1645028660908_9951" class="newsletter-form-field-wrapper form-item field email required" style="vertical-align: bottom;">
              <label class="newsletter-form-field-label title" for="email-yui_3_17_2_1_1645028660908_9951-field">Email Address</label>
              <input id="email-yui_3_17_2_1_1645028660908_9951-field" class="newsletter-form-field-element field-element" name="email" x-autocompletetype="email" autocomplete="email" type="email" spellcheck="false" placeholder="Email Address" />
            </div>
          
        
          
        
      </div>
      <div data-animation-role="button" class="newsletter-form-button-wrapper submit-wrapper" style="vertical-align: middle;">
        <button
          class="
            newsletter-form-button
            sqs-system-button
            sqs-editable-button-layout
            sqs-editable-button-style
            sqs-editable-button-shape
            sqs-button-element--primary
          "
          type="submit"
          value="Sign Up"
        >
          <span class="newsletter-form-spinner sqs-spin light large"></span>
          <span class="newsletter-form-button-label">Sign Up</span>
          <span class="newsletter-form-button-icon"></span>
        </button>
      </div>
      
        
      
    </div>
    <div class="newsletter-form-footnote"><p>We respect your privacy.</p></div>
    <div class="hidden form-submission-text">Thank you!</div>
    <div class="hidden form-submission-html" data-submission-html=""></div>
  </form>
</div>
</div></div><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47" data-sqsp-block="line" id="block-yui_3_17_2_1_1548938507618_23086"><div class="sqs-block-content"><hr /></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1548940391562_42608" id="block-yui_3_17_2_1_1548940391562_42608"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;"><strong>Quick Links</strong></p><p class="" style="white-space:pre-wrap;"><a href="/electoralroll">Join our Electoral Roll</a><br><a href="/faq">FAQs</a><br><a href="/churchsuite">ChurchSuite</a><br><a href="/sundays">Our Gatherings</a><br><a href="/team">Our Team </a><br><a href="/vision">Vision &amp; Values</a><br><a href="/thechosen">Explore Faith</a><br><a href="/talks">Talks</a><br><a href="/toddlers">Toddler Group</a><br><a href="/calendar">Calendar</a><br><a href="/funerals">Funerals</a><br></p></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1548940391562_42608"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="yui_3_17_2_1_1548940391562_42608"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-yui_3_17_2_1_1548940391562_42608 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-yui_3_17_2_1_1548940391562_42608 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-yui_3_17_2_1_1548940391562_42608 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1548940391562_42608"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1548940391562_42608"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div><div class="row sqs-row"><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-search" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.search/32aff286-a16d-47ed-84d6-36aa80a8beb4_366/website.components.search.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.search/32aff286-a16d-47ed-84d6-36aa80a8beb4_366/website.components.search.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.search" data-sqsp-block="search" data-website-component-id="yui_3_17_2_1_1548935882151_18732" id="block-yui_3_17_2_1_1548935882151_18732"><div class="sqs-block-content"><div class="sqs-search-wrapper"
  component-data-strings="{&quot;inputLabel&quot;:&quot;Search&quot;,&quot;noCollectionSelected&quot;:&quot;You must select a collection to search on&quot;,&quot;noResults&quot;:&quot;No results found&quot;}"
>
  <div class="sqs-search-ui-text-input sqs-search-ui-button-wrapper color-light"
    data-source="block"
    data-preview="true"
    data-collection=""
    data-collectionfilter="false"
  >
  
  
    <div class="spinner-wrapper hide">
      <div class="sqs-spin dark default">
        <div class="sqs-spin-content"></div>
      </div>
    </div>
    <input
      type="search"
      class="search-input"
      value=""
      placeholder="Search"
      aria-label="Search"
    />
  
  </div>
  
    <style id="sqs-search-preview-styles">
      .sqs-search-preview-ui {
        position: absolute;
        z-index: 999999;
        background-color: #fff;
        width: 100%;
      }

      .sqs-search-preview-ui.hide {
        display: none;
      }

      .sqs-search-preview-ui .sqs-search-ui-result {
        border-top: none;
        border: 1px solid #ddd;
      }

      .sqs-search-preview-ui .search-result-notice {
        background-color: #fff;
        font-weight: 200;
        font-size: 12px;
        padding: 6px 12px;
        color: #333;
      }

      .sqs-search-preview-ui .search-result-notice.hide {
        display: none;
      }

      .sqs-search-preview-ui .sqs-search-ui-list {
        max-height: 500px;
        overflow-x: hidden;
        overflow-y: scroll;
      }

      .sqs-search-preview-ui .search-result {
        padding: 16px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        transition: background-color .2s ease-out;
      }

      .sqs-search-preview-ui .search-result:last-child {
        border-bottom: none;
      }

      .sqs-search-preview-ui .search-result.selected,
      .sqs-search-preview-ui .search-result:hover {
        background-color: #f5f5f5;
      }

      .sqs-search-preview-ui .search-result.selected {
        outline-color: #333;
      }

      .sqs-search-preview-ui .sqs-search-ui-item {
        border-top: none;
      }

      .sqs-search-preview-ui .sqs-search-ui-item em {
        color: #222;
        font-style: italic;
      }

      .sqs-search-preview-ui .sqs-main-image-container {
        width: 50px;
        float: right;
        margin-left: 5px;
        box-shadow: #ddd 1px -1px 5px;
      }

      .sqs-search-preview-ui .sqs-main-image-intrinsic {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
      }

      .sqs-search-preview-ui .sqs-main-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      .sqs-search-preview-ui .sqs-title {
        font-size: 16px;
        line-height: 1.2em;
        margin-bottom: 0.5em;
        color: #333;
      }

      .sqs-search-preview-ui .sqs-content {
        font-size: 12px;
        line-height: 1.4em;
        color: #333;
      }

      .sqs-search-preview-ui.no-image .sqs-main-image-container {
        display: none;
      }
    </style>
    <div class="sqs-search-preview-ui hide">
      <div class="sqs-search-ui-result">
        <div class="search-result-notice hide">No results found</div>
        <div class="sqs-search-ui-list"></div>
      </div>
    </div>
  
</div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548940391562_181929" id="block-yui_3_17_2_1_1548940391562_181929"><div class="sqs-block-content">&nbsp;</div></div></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548935882151_37730" id="block-yui_3_17_2_1_1548935882151_37730"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47" data-sqsp-block="line" id="block-yui_3_17_2_1_1548940391562_54805"><div class="sqs-block-content"><hr /></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1548940391562_52777" id="block-yui_3_17_2_1_1548940391562_52777"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;"><strong>Policies</strong></p><p class="" style="white-space:pre-wrap;"><a href="/safeguarding">Safeguarding</a><br><a href="/privacy">Privacy Statement</a><br><a href="/data-protection">Data Protection</a><br><a href="/cookies">Cookies Policy</a></p></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1548940391562_52777"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="yui_3_17_2_1_1548940391562_52777"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-yui_3_17_2_1_1548940391562_52777 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-yui_3_17_2_1_1548940391562_52777 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-yui_3_17_2_1_1548940391562_52777 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1548940391562_52777"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1548940391562_52777"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47" data-sqsp-block="line" id="block-yui_3_17_2_1_1548940391562_16319"><div class="sqs-block-content"><hr /></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1548940391562_14744" id="block-yui_3_17_2_1_1548940391562_14744"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;"><strong>St John’s Church Office</strong></p><p class="" style="white-space:pre-wrap;">5a Greenfield Road<br>Harborne<br>Birmingham<br>B17 0ED</p><p class="" style="white-space:pre-wrap;"><em>Office Opening Hours: 09.00 - 16.30</em></p></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1548940391562_14744"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="yui_3_17_2_1_1548940391562_14744"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-yui_3_17_2_1_1548940391562_14744 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-yui_3_17_2_1_1548940391562_14744 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-yui_3_17_2_1_1548940391562_14744 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1548940391562_14744"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1548940391562_14744"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div></div><div class="row sqs-row"><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548940391562_57892" id="block-yui_3_17_2_1_1548940391562_57892"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-6 span-6"><div class="row sqs-row"><div class="col sqs-col-2 span-2"><div class="sqs-block image-block sqs-block-image" data-block-type="5" data-sqsp-block="image-classic" id="block-yui_3_17_2_1_1548935882151_33189"><div class="sqs-block-content">










































  

    
  
    <div
        class="
          image-block-outer-wrapper
          layout-caption-below
          design-layout-inline
          combination-animation-none
          individual-animation-none
          individual-text-animation-none
        "
        data-test="image-block-inline-outer-wrapper"
        data-sqsp-image-classic-block-layout="inline"
    >

      

      
        <figure
            class="
              sqs-block-image-figure
              intrinsic
            "
            style="max-width:1515px;"
        >
          
        
        

        
          
            
          <div
              
              
              class="image-block-wrapper"
              data-animation-role="image"
              
  

          >
            <div data-sqsp-image-classic-block-image-container class="sqs-image-shape-container-element
              
          
        
              has-aspect-ratio
            " style="
                position: relative;
                
                  padding-bottom:33.069305419921875%;
                
                overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);
              "
              >
                
                
                
                
                
                
                
                <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png" data-image-dimensions="1515x501" data-image-focal-point="0.5,0.5" alt="c of e logo white.png" data-load="false" elementtiming="system-image-block" data-sqsp-image-classic-block-image src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png" width="1515" height="501" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add(&quot;loaded&quot;)" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548940202574-OUUI0F8VK2B20I67QA26/c+of+e+logo+white.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            </div>
          </div>
        
          
        

        
      
        </figure>
      

    </div>
  


  


</div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block image-block sqs-block-image" data-block-type="5" data-sqsp-block="image-classic" id="block-yui_3_17_2_1_1623221677847_11468"><div class="sqs-block-content">










































  

    
  
    <div
        class="
          image-block-outer-wrapper
          layout-caption-below
          design-layout-inline
          combination-animation-none
          individual-animation-none
          individual-text-animation-none
        "
        data-test="image-block-inline-outer-wrapper"
        data-sqsp-image-classic-block-layout="inline"
    >

      

      
        <figure
            class="
              sqs-block-image-figure
              intrinsic
            "
            style="max-width:621px;"
        >
          
        
        

        
          <a
              data-sqsp-image-classic-block-image-link
              class="
                sqs-block-image-link
                
          
        
              "
              href="https://ecochurch.arocha.org.uk"
              
          >
            
          <div
              
              
              class="image-block-wrapper"
              data-animation-role="image"
              
  

          >
            <div data-sqsp-image-classic-block-image-container class="sqs-image-shape-container-element
              
          
        
              has-aspect-ratio
            " style="
                position: relative;
                
                  padding-bottom:53.140098571777344%;
                
                overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);
              "
              >
                
                
                
                
                
                
                
                <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg" data-image-dimensions="621x330" data-image-focal-point="0.5,0.5" alt="BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg" data-load="false" elementtiming="system-image-block" data-sqsp-image-classic-block-image src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg" width="621" height="330" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add(&quot;loaded&quot;)" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1623221901272-OTSQRHDRPXOZTUKCYQ74/BUTTON-WEBSITE_eco-award-buttons-2021-bronze_v2.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            </div>
          </div>
        
          </a>
        

        
      
        </figure>
      

    </div>
  


  


</div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block image-block sqs-block-image" data-block-type="5" data-sqsp-block="image-classic" id="block-yui_3_17_2_1_1548940391562_117538"><div class="sqs-block-content">










































  

    
  
    <div
        class="
          image-block-outer-wrapper
          layout-caption-below
          design-layout-inline
          combination-animation-none
          individual-animation-none
          individual-text-animation-none
        "
        data-test="image-block-inline-outer-wrapper"
        data-sqsp-image-classic-block-layout="inline"
    >

      

      
        <figure
            class="
              sqs-block-image-figure
              intrinsic
            "
            style="max-width:1515px;"
        >
          
        
        

        
          
            
          <div
              
              
              class="image-block-wrapper"
              data-animation-role="image"
              
  

          >
            <div data-sqsp-image-classic-block-image-container class="sqs-image-shape-container-element
              
          
        
              has-aspect-ratio
            " style="
                position: relative;
                
                  padding-bottom:33.069305419921875%;
                
                overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);
              "
              >
                
                
                
                
                
                
                
                <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png" data-image-dimensions="1515x501" data-image-focal-point="0.5,0.5" alt="2evangelical alliance-member white logo.png" data-load="false" elementtiming="system-image-block" data-sqsp-image-classic-block-image src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png" width="1515" height="501" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add(&quot;loaded&quot;)" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/1548943618422-ZKTQS9EUHKP0ILU4YF7J/2evangelical+alliance-member+white+logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            </div>
          </div>
        
          
        

        
      
        </figure>
      

    </div>
  


  


</div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block image-block sqs-block-image" data-block-type="5" data-sqsp-block="image-classic" id="block-yui_3_17_2_1_1660557589956_10851"><div class="sqs-block-content">










































  

    
  
    <div
        class="
          image-block-outer-wrapper
          layout-caption-below
          design-layout-inline
          combination-animation-none
          individual-animation-none
          individual-text-animation-none
        "
        data-test="image-block-inline-outer-wrapper"
        data-sqsp-image-classic-block-layout="inline"
    >

      

      
        <figure
            class="
              sqs-block-image-figure
              intrinsic
            "
            style="max-width:561px;"
        >
          
        
        

        
          
            
          <div
              
              
              class="image-block-wrapper"
              data-animation-role="image"
              
  

          >
            <div data-sqsp-image-classic-block-image-container class="sqs-image-shape-container-element
              
          
        
              has-aspect-ratio
            " style="
                position: relative;
                
                  padding-bottom:29.946523666381836%;
                
                overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);
              "
              >
                
                
                
                
                
                
                
                <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png" data-image="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png" data-image-dimensions="561x168" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-classic-block-image src="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png" width="561" height="168" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add(&quot;loaded&quot;)" srcset="https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5c4aee72fcf7fd95eda6e3cb/8d11bf69-4f82-43a6-b8ce-471e019472ef/new-wine-white-logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            </div>
          </div>
        
          
        

        
      
        </figure>
      

    </div>
  


  


</div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548935882151_26252" id="block-yui_3_17_2_1_1548935882151_26252"><div class="sqs-block-content">&nbsp;</div></div></div></div><div class="row sqs-row"><div class="col sqs-col-1 span-1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548938507618_37566" id="block-yui_3_17_2_1_1548938507618_37566"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-10 span-10"><div class="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47" data-sqsp-block="line" id="block-yui_3_17_2_1_1548940391562_132379"><div class="sqs-block-content"><hr /></div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-spacer spacer-block sized vsize-1" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.spacer/ec1cbb7d-b964-4c29-a2df-d190a320d233_980/website.components.spacer.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.spacer" data-website-component-id="yui_3_17_2_1_1548938507618_39028" id="block-yui_3_17_2_1_1548938507618_39028"><div class="sqs-block-content">&nbsp;</div></div></div></div><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/e3ad8fa0-8b00-4667-8e15-9955e09b336a_657/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1548935465216_3871" id="block-yui_3_17_2_1_1548935465216_3871"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="">St John’s Church, High Street, Harborne, B17 9PT | <a href="tel:01214274601">0121 427 4601</a> | <a href="mailto:hello@stjohnsharborne.org">hello@stjohnsharborne.org</a><br>© 2019 St John’s Harborne. All Rights Reserved. | Registered in England and Wales. Charity No. 1132862</p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p></div>


  
<style id="container-styles">[data-website-component-id="yui_3_17_2_1_1548935465216_3871"] {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
      
      
      
    



  }

  [data-website-component-id="yui_3_17_2_1_1548935465216_3871"] .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  #block-yui_3_17_2_1_1548935465216_3871 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

  
  
#block-yui_3_17_2_1_1548935465216_3871 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }


  
  

  #block-yui_3_17_2_1_1548935465216_3871 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
            

[data-website-component-id="yui_3_17_2_1_1548935465216_3871"] {
            
            }
        }
    
  
    @media screen and (max-width: 767px) {
          [data-website-component-id="yui_3_17_2_1_1548935465216_3871"] .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
          

          
          
          
        }</style>

<style class="transform-overrides-vars">
      
    </style>

  


</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
</footer>

      
    </div>

    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.668778c9a4c24f7f1e0eff3fbf2cc25e.js" type="text/javascript"></script>
    <!-- Secondary Navigation from Will-Myers.com -->
<script src="https://cdn.jsdelivr.net/gh/willmyerscode/secondary-nav@3/secondary-nav.min.js"></script>

<!-- Dropdown column in header --><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="applepodcast-icon" viewBox="0 0 64 64"><circle cx="32" cy="29.624" r="3.128"/><path d="M35.276 35.851s-.358-1.848-3.309-1.848c-3.015 0-3.242 1.848-3.243 1.848-.173.117-.025 3.616.352 6.206.386 2.651.399 4.753 2.62 4.768h.607c2.222.027 2.235-2.117 2.62-4.768.378-2.59.526-6.089.353-6.206z"/><path d="M31.558 21.608c-4.346.206-8.352 4.153-8.62 8.495-.206 3.35 1.411 6.329 3.947 8.063.169.115.4-.011.4-.216v-1.563a.329.329 0 0 0-.115-.248 7.273 7.273 0 0 1-2.463-5.661c.1-3.786 3.207-6.939 6.991-7.091a7.296 7.296 0 0 1 7.598 7.29 7.267 7.267 0 0 1-2.367 5.368.25.25 0 0 0-.082.185v1.629c0 .206.234.334.402.215a9.056 9.056 0 0 0 3.83-7.398 9.08 9.08 0 0 0-9.52-9.068z"/><path d="M31.138 17.202c-6.831.424-12.342 6.067-12.617 12.905-.247 6.116 3.58 11.371 8.987 13.28a.241.241 0 0 0 .316-.26l-.194-1.461a.24.24 0 0 0-.146-.19c-4.207-1.76-7.172-5.894-7.204-10.731-.042-6.19 4.898-11.454 11.079-11.783 6.764-.36 12.362 5.018 12.362 11.703 0 4.85-2.949 9.008-7.15 10.79a.23.23 0 0 0-.137.174l-.252 1.486c-.03.18.145.331.317.27 5.238-1.852 8.992-6.847 8.992-12.72 0-7.736-6.512-13.95-14.353-13.463z"/></symbol><symbol id="applepodcast-mask" viewBox="0 0 64 64"><path d="M0 0v64h64V0H0zm34.926 42.175c-.386 2.683-.399 4.852-2.622 4.825h-.608c-2.223-.015-2.236-2.142-2.622-4.825-.377-2.62-.525-6.16-.352-6.278.001-.001.228-1.87 3.245-1.87 2.953 0 3.31 1.87 3.31 1.87.174.118.026 3.658-.351 6.278zm-7.759-5.987a.334.334 0 0 1 .114.25v1.582c0 .207-.23.335-.4.218a9.197 9.197 0 0 1-3.949-8.157c.268-4.394 4.277-8.387 8.626-8.596 5.218-.25 9.527 3.954 9.527 9.176a9.194 9.194 0 0 1-3.832 7.484c-.168.121-.403-.008-.403-.217v-1.649c0-.071.03-.138.082-.187a7.39 7.39 0 0 0 2.369-5.431c0-4.178-3.433-7.546-7.603-7.376-3.787.154-6.895 3.344-6.996 7.175a7.396 7.396 0 0 0 2.465 5.728zm7.963-6.592c0 1.747-1.401 3.164-3.13 3.164s-3.13-1.417-3.13-3.164c0-1.748 1.401-3.165 3.13-3.165s3.13 1.417 3.13 3.165zm1.372 13.924c-.172.061-.348-.092-.317-.274l.252-1.504a.232.232 0 0 1 .138-.175A11.86 11.86 0 0 0 43.73 30.65c0-6.765-5.602-12.206-12.37-11.842-6.185.333-11.129 5.66-11.088 11.922.033 4.894 3 9.078 7.21 10.858.079.033.135.106.146.192l.194 1.479c.024.178-.15.323-.316.263-5.411-1.932-9.24-7.25-8.994-13.437.276-6.92 5.79-12.628 12.626-13.058C38.984 16.534 45.5 22.822 45.5 30.65c0 5.942-3.756 10.995-8.998 12.87z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="spotify-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16 M39.3,39.1c-0.3,0.5-0.9,0.6-1.4,0.3c-3.8-2.3-8.5-2.8-14.1-1.5c-0.5,0.1-1.1-0.2-1.2-0.7c-0.1-0.5,0.2-1.1,0.8-1.2 c6.1-1.4,11.3-0.8,15.5,1.8C39.5,38,39.6,38.6,39.3,39.1 M41.3,34.7c-0.4,0.6-1.1,0.8-1.7,0.4c-4.3-2.6-10.9-3.4-15.9-1.9 c-0.7,0.2-1.4-0.2-1.6-0.8c-0.2-0.7,0.2-1.4,0.8-1.6c5.8-1.8,13-0.9,18,2.1C41.5,33.4,41.7,34.1,41.3,34.7 M41.5,30.2 c-5.2-3.1-13.7-3.3-18.6-1.9c-0.8,0.2-1.6-0.2-1.9-1c-0.2-0.8,0.2-1.6,1-1.9c5.7-1.7,15-1.4,21,2.1c0.7,0.4,0.9,1.3,0.5,2.1 C43.1,30.4,42.2,30.6,41.5,30.2"/></symbol><symbol id="spotify-unauth-mask" viewBox="0 0 64 64"><path d="M39,37.7c-4.2-2.6-9.4-3.2-15.5-1.8c-0.5,0.1-0.9,0.7-0.8,1.2c0.1,0.5,0.7,0.9,1.2,0.7c5.6-1.3,10.3-0.8,14.1,1.5 c0.5,0.3,1.1,0.1,1.4-0.3C39.6,38.6,39.5,38,39,37.7z M40.9,33c-4.9-3-12.2-3.9-18-2.1c-0.7,0.2-1,0.9-0.8,1.6 c0.2,0.7,0.9,1,1.6,0.8c5.1-1.5,11.6-0.8,15.9,1.9c0.6,0.4,1.4,0.2,1.7-0.4C41.7,34.1,41.5,33.4,40.9,33z M0,0v64h64V0H0z M32,48 c-8.8,0-16-7.2-16-16c0-8.8,7.2-16,16-16c8.8,0,16,7.2,16,16C48,40.8,40.8,48,32,48z M43,27.6c-5.9-3.5-15.3-3.9-21-2.1 c-0.8,0.2-1.2,1.1-1,1.9c0.2,0.8,1.1,1.2,1.9,1c4.9-1.5,13.4-1.2,18.6,1.9c0.7,0.4,1.6,0.2,2.1-0.5C43.9,29,43.7,28,43,27.6z"/></symbol></svg>

  </body>
</html>
