1<!doctype html> 2<html lang="en-US"> 3 4<head> 5 <!-- Google Tag Manager --> 6
6<script>
vendor: 538 bytes, lines 6-19
6 7 (function(w, d, s, l, i) { 8 w[l] = w[l] || []; 9 w[l].push({ 10 'gtm.start': new Date().getTime(), 11 event: 'gtm.js' 12 }); 13 var f = d.getElementsByTagName(s)[0], 14 j = d.createElement(s), 15 dl = l != 'dataLayer' ? '&l=' + l : ''; 16 j.async = true; 17 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 18 f.parentNode.insertBefore(j, f); 19 })(window, document, 'script', 'dataLayer', '
19GTM-PMCSXMLZ
vendor: 8 bytes, lines 19-20
19'); 20
20</script>
20 <!-- End Google Tag Manager --> 21 <meta charset="UTF-8"> 22 <meta name="viewport" content="width=device-width, initial-scale=1"> 23 <link rel="profile" href="https://gmpg.org/xfn/11"> 24 <!-- Favicons --> 25 <link rel="apple-touch-icon" sizes="180x180" href="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/favicon/apple-touch-icon.png?v=20252"> 26 <link rel="icon" type="image/png" sizes="32x32" href="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/favicon/favicon-32x32.png?v=20252"> 27 <link rel="icon" type="image/png" sizes="16x16" href="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/favicon/favicon-16x16.png?v=20252"> 28 <link rel="manifest" href="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/favicon/site.webmanifest?v=20252"> 29 <link rel="mask-icon" href="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/favicon/safari-pinned-tab.svg?v=20252" color="#0d6efd"> 30 31 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"> 32 33
33<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
33 34 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 35 36 37 <meta name="msapplication-TileColor" content="#ffffff"> 38 <meta name="theme-color" content="#ffffff"> 39 <title>Home - Harbourfront Centre</title> 40 <!-- Loads the internal WP jQuery. Required if a 3rd party plugin loads jQuery in header instead in footer --> 41 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 42 <link rel="preconnect" href="https://fonts.googleapis.com"> 43 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 44 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" onload="this.onload=null;this.rel='stylesheet'"> 45 <noscript> 46 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"> 47 </noscript> 48 49 <!-- This site is optimized with the Yoast SEO plugin v28.2 - https://yoast.com/product/yoast-seo-wordpress/ --> 50 <title>Home - Harbourfront Centre</title> 51 <meta name="description" content="We are Torontoâs waterfront community campus for arts, culture, learning and recreation." /> 52 <link rel="canonical" href="https://harbourfrontcentre.com/" /> 53 <meta property="og:locale" content="en_US" /> 54 <meta property="og:type" content="website" /> 55 <meta property="og:title" content="Home - Harbourfront Centre" /> 56 <meta property="og:description" content="We are Torontoâs waterfront community campus for arts, culture, learning and recreation." /> 57 <meta property="og:url" content="https://harbourfrontcentre.com/" /> 58 <meta property="og:site_name" content="Harbourfront Centre" /> 59 <meta property="article:modified_time" content="2026-09-29T20:14:30+00:00" /> 60 <meta property="og:image" content="https://harbourfrontcentre.com/wp-content/uploads/2026/04/Summer-2026.jpg" /> 61 <meta property="og:image:width" content="1800" /> 62 <meta property="og:image:height" content="900" /> 63 <meta property="og:image:type" content="image/jpeg" /> 64 <meta name="twitter:card" content="summary_large_image" /> 65
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/harbourfrontcentre.com\/","url":"https:\/\/harbourfrontcentre.com\/","name":"Home - Harbourfront Centre","isPartOf":{"@id":"https:\/\/harbourfrontcentre.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harbourfrontcentre.com\/#primaryimage"},"image":{"@id":"https:\/\/harbourfrontcentre.com\/#primaryimage"},"thumbnailUrl":"https:\/\/harbourfrontcentre.com\/wp-content\/uploads\/2026\/04\/Summer-2026.jpg","datePublished":"2021-09-11T04:59:33+00:00","dateModified":"2026-09-29T20:14:30+00:00","description":"We are Torontoâs waterfront community campus for arts, culture, learning and recreation.","breadcrumb":{"@id":"https:\/\/harbourfrontcentre.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harbourfrontcentre.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harbourfrontcentre.com\/#primaryimage","url":"https:\/\/harbourfrontcentre.com\/wp-content\/uploads\/2026\/04\/Summer-2026.jpg","contentUrl":"https:\/\/harbourfrontcentre.com\/wp-content\/uploads\/2026\/04\/Summer-2026.jpg","width":1800,"height":900,"caption":"A crowd interacting with an outdoor mist during the summer"},{"@type":"BreadcrumbList","@id":"https:\/\/harbourfrontcentre.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/harbourfrontcentre.com\/#website","url":"https:\/\/harbourfrontcentre.com\/","name":"Harbourfront Centre","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harbourfrontcentre.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
65 66 <!-- / Yoast SEO plugin. --> 67 68 69<link rel="alternate" type="application/rss+xml" title="Harbourfront Centre » Feed" href="https://harbourfrontcentre.com/feed/" /> 70<link rel="alternate" type="application/rss+xml" title="Harbourfront Centre » Comments Feed" href="https://harbourfrontcentre.com/comments/feed/" /> 71<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://harbourfrontcentre.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fharbourfrontcentre.com%2F" /> 72<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://harbourfrontcentre.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fharbourfrontcentre.com%2F&format=xml" /> 73<style id="wp-img-auto-sizes-contain-inline-css"> 74img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 75/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 76</style> 77<style id="wp-emoji-styles-inline-css"> 78 79 img.wp-smiley, img.emoji { 80 display: inline !important; 81 border: none !important; 82 box-shadow: none !important; 83 height: 1em !important; 84 width: 1em !important; 85 margin: 0 0.07em !important; 86 vertical-align: -0.1em !important; 87 background: none !important; 88 padding: 0 !important; 89 } 90/*# sourceURL=wp-emoji-styles-inline-css */ 91</style> 92<link rel='stylesheet' id='wp-block-library-css' href='https://harbourfrontcentre.com/wp-includes/css/dist/block-library/common.min.css?ver=7.0.5' media='all' /> 93<style id="classic-theme-styles-inline-css"> 94/*! This file is auto-generated */ 95.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 96/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 97</style> 98<style id="wp-block-accordion-inline-css"> 99.wp-block-accordion{box-sizing:border-box} 100/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/accordion/style.min.css */ 101</style> 102<style id="wp-block-accordion-item-inline-css"> 103.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.wp-block-accordion-item{transition:grid-template-rows .3s ease-out}.wp-block-accordion-item>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transition:transform .2s ease-in-out}} 104/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/accordion-item/style.min.css */ 105</style> 106<style id="wp-block-archives-inline-css"> 107.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block} 108/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/archives/style.min.css */ 109</style> 110<style id="wp-block-avatar-inline-css"> 111.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center} 112/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/avatar/style.min.css */ 113</style> 114<style id="wp-block-breadcrumbs-inline-css"> 115.wp-block-breadcrumbs{box-sizing:border-box}.wp-block-breadcrumbs ol{flex-wrap:wrap;list-style:none}.wp-block-breadcrumbs li,.wp-block-breadcrumbs ol{align-items:center;display:flex;margin:0;padding:0}.wp-block-breadcrumbs li:not(:last-child):after{content:var(--separator,"/");margin:0 .5em;opacity:.7}.wp-block-breadcrumbs span{color:inherit} 116/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/breadcrumbs/style.min.css */ 117</style> 118<style id="wp-block-button-inline-css"> 119.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} 120/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/button/style.min.css */ 121</style> 122<style id="wp-block-calendar-inline-css"> 123.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}.wp-block-calendar :where(table:not(.has-text-color)){color:#40464d}.wp-block-calendar :where(table:not(.has-text-color)) td,.wp-block-calendar :where(table:not(.has-text-color)) th{border-color:#ddd}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd} 124/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/calendar/style.min.css */ 125</style> 126<style id="wp-block-categories-inline-css"> 127.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label:not(.screen-reader-text){display:block;width:100%} 128/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/categories/style.min.css */ 129</style> 130<style id="wp-block-comment-author-name-inline-css"> 131.wp-block-comment-author-name{box-sizing:border-box} 132/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-author-name/style.min.css */ 133</style> 134<style id="wp-block-comment-content-inline-css">
135.comment-awaiting-moderation{display:block;font-size:.875em;line-height:1.5}.wp-block-comment-content{box-sizing:border-box} 136/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-content/style.min.css */ 137</style> 138<style id="wp-block-comment-date-inline-css"> 139.wp-block-comment-date{box-sizing:border-box} 140/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-date/style.min.css */ 141</style> 142<style id="wp-block-comment-edit-link-inline-css"> 143.wp-block-comment-edit-link{box-sizing:border-box} 144/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-edit-link/style.min.css */ 145</style> 146<style id="wp-block-comment-reply-link-inline-css"> 147.wp-block-comment-reply-link{box-sizing:border-box} 148/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-reply-link/style.min.css */ 149</style> 150<style id="wp-block-comment-template-inline-css"> 151.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:fit-content}.wp-block-comment-template.alignright{float:right} 152/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comment-template/style.min.css */ 153</style> 154<style id="wp-block-comments-inline-css"> 155.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}
155.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments{box-sizing:border-box} 156/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comments/style.min.css */ 157</style> 158<style id="wp-block-comments-pagination-inline-css"> 159.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{font-size:inherit}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center} 160/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/comments-pagination/style.min.css */ 161</style> 162<link rel='stylesheet' id='wp-block-cover-css' href='https://harbourfrontcentre.com/wp-includes/blocks/cover/style.min.css?ver=7.0.5' media='all' /> 163<style id="wp-block-details-inline-css"> 164.wp-block-details{box-sizing:border-box}.wp-block-details summary{cursor:pointer} 165/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/details/style.min.css */ 166</style> 167<style id="wp-block-file-inline-css"> 168.wp-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):where(a):active,:where(.wp-block-file__button):where(a):focus,:where(.wp-block-file__button):where(a):hover,:where(.wp-block-file__button):where(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none} 169/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/file/style.min.css */ 170</style> 171<style id="wp-block-footnotes-inline-css"> 172.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0} 173/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/footnotes/style.min.css */ 174</style> 175<link rel='stylesheet' id='wp-block-gallery-css' href='https://harbourfrontcentre.com/wp-includes/blocks/gallery/style.min.css?ver=7.0.5' media='all' /> 176<style id="wp-block-heading-inline-css"> 177h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 178/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/heading/style.min.css */ 179</style> 180<style id="wp-block-icon-inline-css"> 181.wp-block-icon{line-height:0}.wp-block-icon.aligncenter{display:flex;justify-content:center}.wp-block-icon svg{fill:currentColor;box-sizing:border-box}:where(.wp-block-icon) svg{height:100%;width:100%} 182/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/icon/style.min.css */ 183</style> 184<link rel='stylesheet' id='wp-block-image-css' href='https://harbourfrontcentre.com/wp-includes/blocks/image/style.min.css?ver=7.0.5' media='all' /> 185<style id="wp-block-latest-comments-inline-css"> 186ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit} 187/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/latest-comments/style.min.css */ 188</style> 189<style id="wp-block-latest-posts-inline-css"> 190.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}
190.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} 191/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/latest-posts/style.min.css */ 192</style> 193<style id="wp-block-list-inline-css"> 194ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} 195/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/list/style.min.css */ 196</style> 197<style id="wp-block-loginout-inline-css"> 198.wp-block-loginout{box-sizing:border-box} 199/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/loginout/style.min.css */ 200</style> 201<link rel='stylesheet' id='wp-block-media-text-css' href='https://harbourfrontcentre.com/wp-includes/blocks/media-text/style.min.css?ver=7.0.5' media='all' /> 202<link rel='stylesheet' id='wp-block-navigation-css' href='https://harbourfrontcentre.com/wp-includes/blocks/navigation/style.min.css?ver=7.0.5' media='all' /> 203<style id="wp-block-navigation-link-inline-css"> 204.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase} 205/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/navigation-link/style.min.css */ 206</style> 207<style id="wp-block-navigation-overlay-close-inline-css"> 208.wp-block-navigation-overlay-close{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:.5em;justify-content:center;padding:0;text-decoration:none}.wp-block-navigation-overlay-close:focus{outline-offset:2px}.wp-block-navigation-overlay-close svg{fill:currentColor;display:block;flex-shrink:0;height:24px;width:24px}.wp-block-navigation-overlay-close .wp-block-navigation-overlay-close__text{align-items:center;display:inline-flex} 209/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/navigation-overlay-close/style.min.css */ 210</style> 211<style id="wp-block-page-list-inline-css"> 212.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box} 213/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/page-list/style.min.css */ 214</style> 215<style id="wp-block-paragraph-inline-css"> 216.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 217/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/paragraph/style.min.css */ 218</style> 219<style id="wp-block-post-author-inline-css"> 220.wp-block-post-author{box-sizing:border-box;display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0} 221/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-author/style.min.css */ 222</style> 223<style id="wp-block-post-author-biography-inline-css"> 224.wp-block-post-author-biography{box-sizing:border-box} 225/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-author-biography/style.min.css */ 226</style> 227<style id="wp-block-post-author-name-inline-css"> 228.wp-block-post-author-name{box-sizing:border-box} 229/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-author-name/style.min.css */ 230</style> 231<style id="wp-block-post-comments-count-inline-css"> 232.wp-block-post-comments-count{box-sizing:border-box} 233/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-comments-count/style.min.css */ 234</style> 235<style id="wp-block-post-comments-form-inline-css"> 236:where(.wp-block-post-comments-form input:not([type=submit])),:where(.wp-block-post-comments-form textarea){border:1px solid #949494;font-family:inherit;font-size:1em}
236:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))),:where(.wp-block-post-comments-form textarea){padding:calc(.667em + 2px)}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form :where(input[type=submit]){box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em} 237/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-comments-form/style.min.css */ 238</style> 239<style id="wp-block-buttons-inline-css"> 240.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center} 241/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/buttons/style.min.css */ 242</style> 243<style id="wp-block-post-comments-link-inline-css"> 244.wp-block-post-comments-link{box-sizing:border-box} 245/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-comments-link/style.min.css */ 246</style> 247<style id="wp-block-post-content-inline-css"> 248.wp-block-post-content{display:flow-root} 249/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-content/style.min.css */ 250</style> 251<style id="wp-block-post-date-inline-css"> 252.wp-block-post-date{box-sizing:border-box} 253/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-date/style.min.css */ 254</style> 255<style id="wp-block-post-excerpt-inline-css"> 256:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block} 257/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-excerpt/style.min.css */ 258</style> 259<style id="wp-block-post-featured-image-inline-css"> 260.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}
260.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%} 261/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-featured-image/style.min.css */ 262</style> 263<style id="wp-block-post-navigation-link-inline-css"> 264.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg} 265/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-navigation-link/style.min.css */ 266</style> 267<style id="wp-block-post-template-inline-css"> 268.wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto} 269/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-template/style.min.css */ 270</style> 271<style id="wp-block-post-terms-inline-css"> 272.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} 273/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-terms/style.min.css */ 274</style> 275<style id="wp-block-post-time-to-read-inline-css"> 276.wp-block-post-time-to-read{box-sizing:border-box} 277/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-time-to-read/style.min.css */ 278</style> 279<style id="wp-block-post-title-inline-css"> 280.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} 281/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/post-title/style.min.css */ 282</style> 283<style id="wp-block-query-pagination-inline-css"> 284.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scale
284X(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center} 285/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/query-pagination/style.min.css */ 286</style> 287<style id="wp-block-query-title-inline-css"> 288.wp-block-query-title{box-sizing:border-box} 289/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/query-title/style.min.css */ 290</style> 291<style id="wp-block-query-total-inline-css"> 292.wp-block-query-total{box-sizing:border-box} 293/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/query-total/style.min.css */ 294</style> 295<style id="wp-block-read-more-inline-css"> 296.wp-block-read-more{display:block;width:fit-content}.wp-block-read-more:where(:not([style*=text-decoration])){text-decoration:none}.wp-block-read-more:where(:not([style*=text-decoration])):active,.wp-block-read-more:where(:not([style*=text-decoration])):focus{text-decoration:none} 297/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/read-more/style.min.css */ 298</style> 299<style id="wp-block-rss-inline-css"> 300ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}
300ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-rss{box-sizing:border-box;list-style:none;padding:0} 301/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/rss/style.min.css */ 302</style> 303<style id="wp-block-search-inline-css"> 304.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right} 305/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/search/style.min.css */ 306</style> 307<style id="wp-block-site-logo-inline-css"> 308.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px} 309/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/site-logo/style.min.css */ 310</style> 311<style id="wp-block-site-tagline-inline-css"> 312.wp-block-site-tagline{box-sizing:border-box} 313/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/site-tagline/style.min.css */ 314</style> 315<style id="wp-block-site-title-inline-css"> 316.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} 317/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/site-title/style.min.css */ 318</style> 319<style id="wp-block-tag-cloud-inline-css"> 320.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}
320.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important} 321/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/tag-cloud/style.min.css */ 322</style> 323<style id="wp-block-term-count-inline-css"> 324.wp-block-term-count{box-sizing:border-box} 325/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/term-count/style.min.css */ 326</style> 327<style id="wp-block-term-description-inline-css"> 328:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0} 329/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/term-description/style.min.css */ 330</style> 331<style id="wp-block-term-name-inline-css"> 332.wp-block-term-name{box-sizing:border-box} 333/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/term-name/style.min.css */ 334</style> 335<style id="wp-block-term-template-inline-css"> 336.wp-block-term-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0} 337/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/term-template/style.min.css */ 338</style> 339<style id="wp-block-video-inline-css"> 340.wp-block-video{box-sizing:border-box}.wp-block-video video{height:auto;vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em} 341/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/video/style.min.css */ 342</style> 343<style id="wp-block-accordion-heading-inline-css"> 344.wp-block-accordion-heading__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--wp--preset--spacing--20,1em) 0;text-align:inherit;text-decoration:inherit;text-transform:inherit;width:100%;word-spacing:inherit}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:underline}.wp-block-accordion-heading__toggle-title{flex:1}.wp-block-accordion-heading__toggle-icon{align-items:center;display:flex;height:1.2em;justify-content:center;width:1.2em} 345/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/accordion-heading/style.min.css */ 346</style> 347<style id="wp-block-accordion-panel-inline-css"> 348.wp-block-accordion-panel[aria-hidden=true],.wp-block-accordion-panel[inert]{display:none;margin-block-start:0} 349/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/accordion-panel/style.min.css */ 350</style> 351<style id="wp-block-audio-inline-css"> 352.wp-block-audio{box-sizing:border-box}.wp-block-audio :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%} 353/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/audio/style.min.css */ 354</style> 355<style id="wp-block-code-inline-css"> 356.wp-block-code{box-sizing:border-box}.wp-block-code code{direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap} 357/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/code/style.min.css */ 358</style> 359<style id="wp-block-columns-inline-css"> 360.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} 361/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/columns/style.min.css */ 362</style> 363<style id="wp-block-embed-inline-css"> 364.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-group.is-layout-flex .wp-block-embed{flex:1 1 0%;min-width:0}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%} 365/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/embed/style.min.css */ 366</style> 367<style id="wp-block-group-inline-css"> 368.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 369/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/group/style.min.css */ 370</style> 371<style id="wp-block-math-inline-css"> 372.wp-block-math{overflow-x:auto;overflow-y:hidden} 373/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/math/style.min.css */ 374</style> 375<style id="wp-block-preformatted-inline-css"> 376.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em} 377/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/preformatted/style.min.css */ 378</style> 379<style id="wp-block-pullquote-inline-css"> 380.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:4em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote p{color:inherit}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{margin-top:0}.wp-block-pullquote p:last-child{margin-bottom:0}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.has-text-align-center blockquote{text-align:center}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote :where(cite){color:inherit;display:block} 381/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/pullquote/style.min.css */ 382</style> 383<style id="wp-block-quote-inline-css"> 384.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}
384.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block} 385/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/quote/style.min.css */ 386</style> 387<style id="wp-block-separator-inline-css"> 388@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important} 389/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/separator/style.min.css */ 390</style> 391<link rel='stylesheet' id='wp-block-social-links-css' href='https://harbourfrontcentre.com/wp-includes/blocks/social-links/style.min.css?ver=7.0.5' media='all' /> 392<style id="wp-block-spacer-inline-css"> 393.wp-block-spacer{clear:both} 394/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/spacer/style.min.css */ 395</style> 396<link rel='stylesheet' id='wp-block-table-css' href='https://harbourfrontcentre.com/wp-includes/blocks/table/style.min.css?ver=7.0.5' media='all' /> 397<style id="wp-block-text-columns-inline-css"> 398.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.3333333333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%} 399/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/text-columns/style.min.css */ 400</style> 401<style id="wp-block-verse-inline-css"> 402pre.wp-block-verse{box-sizing:border-box;min-width:1em;overflow:auto;white-space:pre-wrap;word-break:break-word}:where(pre.wp-block-verse){font-family:inherit} 403/*# sourceURL=https://harbourfrontcentre.com/wp-includes/blocks/verse/style.min.css */ 404</style> 405<style id="global-styles-inline-css"> 406:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
406--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
406.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 407:root :where(.wp-block-icon svg){width: 24px;} 408:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 409:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} 410:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 411:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 412/*# sourceURL=global-styles-inline-css */ 413</style> 414<link rel='stylesheet' id='pb-accordion-blocks-style-css' href='https://harbourfrontcentre.com/wp-content/plugins/accordion-blocks/build/index.css?ver=1.5.0' media='all' /> 415<link rel='stylesheet' id='baguette-css-css' href='https://harbourfrontcentre.com/wp-content/plugins/bs-gutenberg-gallery-lightbox-main/css/baguetteBox.min.css?ver=7.0.5' media='all' /> 416<link rel='stylesheet' id='pitch-booking-public-css' href='https://harbourfrontcentre.com/wp-content/plugins/pitch-booking/assets/css/pitch-booking-public.css?ver=1790107380' media='all' /> 417<link rel='stylesheet' id='bootscore-style-css' href='https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/css/styles.css?ver=7.0.5' media='all' /> 418<link rel='stylesheet' id='bootstrap-css' href='https://harbourfrontcentre.com/wp-content/themes/bootscore-5/css/lib/bootstrap.min.css?ver=7.0.5' media='all' /> 419<link rel='stylesheet' id='fontawesome-css' href='https://harbourfrontcentre.com/wp-content/themes/bootscore-5/css/lib/fontawesome.min.css?ver=7.0.5' media='all' />
420<script id="jquery-core-js" src="https://harbourfrontcentre.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 420
420
421<script id="jquery-migrate-js" src="https://harbourfrontcentre.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
421 422<link rel="https://api.w.org/" href="https://harbourfrontcentre.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://harbourfrontcentre.com/wp-json/wp/v2/pages/272" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://harbourfrontcentre.com/xmlrpc.php?rsd" /> 423<link rel='shortlink' href='https://harbourfrontcentre.com/' /> 424<link rel="icon" href="https://harbourfrontcentre.com/wp-content/uploads/2025/04/cropped-favicon-roundelle-32x32.png" sizes="32x32" /> 425<link rel="icon" href="https://harbourfrontcentre.com/wp-content/uploads/2025/04/cropped-favicon-roundelle-192x192.png" sizes="192x192" /> 426<link rel="apple-touch-icon" href="https://harbourfrontcentre.com/wp-content/uploads/2025/04/cropped-favicon-roundelle-180x180.png" /> 427<meta name="msapplication-TileImage" content="https://harbourfrontcentre.com/wp-content/uploads/2025/04/cropped-favicon-roundelle-270x270.png" /> 428 429 <style> 430 /* SKIP CONTENT */ 431 432 a.skip-main { 433 left: -999px; 434 position: absolute; 435 top: auto; 436 width: 1px; 437 height: 1px; 438 overflow: hidden; 439 z-index: -999; 440 } 441 442 a.skip-main:focus, 443 a.skip-main:active { 444 color: #fff; 445 background-color: #000; 446 left: auto; 447 top: auto; 448 width: 30%; 449 height: auto; 450 overflow: auto; 451 margin: 10px 35%; 452 padding: 5px; 453 border-radius: 15px; 454 border: 4px solid #fff; 455 text-align: center; 456 font-size: 1.2em; 457 z-index: 100000; 458 } 459 460 #nav-main .nav-link { 461 font-size: 1.4rem; 462 font-weight: bold; 463 padding-left: 1rem; 464 padding-right: 1rem; 465 padding-bottom: 1rem; 466 text-align: center; 467 white-space: nowrap; 468 469 } 470 471 .menu-24>ul#bootscore-navbar a.nav-link { 472 color: #ffffff; 473 } 474 475 .menu-24>#nav-main { 476 border-bottom: none; 477 } 478 479 .btn-link .fa-search { 480 font-size: 1.4rem; 481 } 482 483 #bootscore-navbar, 484 .nav-brand, 485 .nav-search { 486 /* flex: 1 1 auto; */ 487 } 488 489 #offcanvas-navbar .nav-link { 490 font-size: 1.2rem; 491 line-height: 1.5rem; 492 padding-bottom: 0; 493 } 494 495 #offcanvas-navbar li.menu-item { 496 padding-bottom: .75rem; 497 } 498 499 #offcanvas-navbar.show #menu-item-9273 { 500 margin-top: 0; 501 } 502 503 .nav-search { 504 justify-content: center; 505 } 506 507 #nav-main .menu-item:last-child .nav-link { 508 padding-right: .9rem; 509 } 510 511 #offcanvas-navbar { 512 flex: 2; 513 } 514 515 #mainSearch .form-control { 516 border: none; 517 } 518 519 #mainSearch .form-control::placeholder { 520 /* Chrome, Firefox, Opera, Safari 10.1+ */ 521 color: #595959; 522 opacity: 1; 523 /* Firefox */ 524 } 525 526 #mainSearch .form-control:-ms-input-placeholder { 527 /* Internet Explorer 10-11 */ 528 color: #595959; 529 } 530 531 #mainSearch .form-control::-ms-input-placeholder { 532 /* Microsoft Edge */ 533 color: #595959; 534 } 535
536 .modal-dialog-scrollable { 537 height: auto; 538 } 539 540 .modal-backdrop { 541 z-index: 1050; 542 } 543 544 .modal-dialog { 545 z-index: 1055; 546 background-color: #fff; 547 display: flex; 548 flex-direction: row; 549 text-align: center; 550 min-width: 100%; 551 width: auto; 552 position: fixed; 553 margin: 0; 554 top: 0; 555 left: 0; 556 border: none; 557 } 558 559 .modal-content { 560 border: none; 561 border-radius: none; 562 } 563 564 .modal-header { 565 border: none; 566 border-bottom: 1px solid #dee2e6; 567 } 568 569 .modal-header .btn-close { 570 margin: -.5rem .5rem .4rem 1.5rem; 571 } 572 573 .modal-body { 574 border: none; 575 } 576 577 .logo { 578 max-width: 225px; 579 } 580 581 .donate-link-desktop { 582 display: none; 583 } 584 585 586 .hf-bold { 587 text-align: left; 588 padding-top: .75rem; 589 } 590 591 .social-media-mobile .fab { 592 color: #000; 593 } 594 595 ul.program-matrix { 596 list-style-type: none; 597 padding: 0; 598 } 599 600 ul.top-featured-list { 601 list-style-type: none; 602 padding: 0; 603 font-size: 1rem; 604 } 605 606 ul.top-featured-list li { 607 text-align: left; 608 margin-top: 6px; 609 font-size: 1rem; 610 padding-bottom: 1rem; 611 line-height: 150%; 612 } 613 614 .popular-event a, 615 a:hover { 616 text-decoration: none !important; 617 } 618 619 .popular-event:hover .popular-title { 620 text-decoration: underline; 621 } 622 623 .popular-event:hover a.popular-date { 624 text-decoration: none; 625 } 626 627 .popular-title { 628 font-weight: bold; 629 } 630 631 .top-featured a:hover { 632 text-decoration: underline !important; 633 } 634 635 /* Footer Signup Form #15 */ 636 637 #field_15_6 { 638 text-align: center 639 } 640 641 #gform_submit_button_15 { 642 color: #212529; 643 font-weight: normal; 644 background-color: transparent; 645 line-height: 1.5; 646 margin: 0 auto; 647 width: auto; 648 border: 1px solid #000; 649 border-radius: .25rem; 650 651 } 652 653 #gform_submit_button_15:hover { 654 color: #ffffff; 655 background-color: #212529; 656 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 657 658 } 659 660 #input_15_1_3, 661 #input_15_1_6, 662 #input_15_2 { 663 background-color: transparent; 664 border: none; 665 border-bottom: 1px solid black; 666 color: #000; 667 } 668 669 #gform_confirmation_message_15 { 670 text-align: center; 671 font-size: 1.5rem; 672 } 673 674 /* Gravity Forms styling */ 675 .gform_wrapper h2.gform_title { 676 display: none !important; 677 } 678 679 #gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder { 680 /* Chrome/Opera/Safari */ 681 color: black; 682 } 683 684 #gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder { 685 /* Firefox 19+ */ 686 color: black; 687 } 688 689 #gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder { 690 /* IE 10+ */ 691 color: black; 692 } 693 694 #gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder { 695 /* Firefox 18- */ 696 color: black; 697 } 698 699 /* remove default Gutenberg embed aspect ratio padding */ 700 .wp-embed-responsive .wp-embed-aspect-16-9 .no-padding .wp-block-embed__wrapper::before { 701 padding-top: 0 !important; 702 } 703 704 #announce-banner { 705 background-color: ; 706 color: ; 707 width: 100%; 708 height: 25px; 709 /* margin-top: 55px; */ 710 display: block; 711 height: auto; 712 } 713 714 #announce-banner a { 715 color: #000; 716 } 717 718 #announce-banner a:hover { 719 color: #000; 720 text-decoration: none; 721 } 722 723 /* Seasonal Link Color */ 724 #nav-main .nav-item-20835 a.nav-link { 725 color: #8B0304 !important; 726 } 727 728 @media (min-width: 576px) { 729 .logo { 730 max-width: 270px; 731 } 732 } 733 734 @media (min-width: 768px) { 735 736 #nav-main .nav-link { 737 font-size: 1.1rem; 738 padding-bottom: 0; 739 } 740 741 .btn-link .fa-search { 742 font-size: 1.1rem; 743 } 744 745 746 } 747 748 749 @media (min-width: 992px) { 750 751 .nav-search { 752 justify-content: flex-end; 753 } 754 755 .donate-link-desktop { 756 display: block; 757 } 758 759 .donate-link-mobile { 760 display: none; 761 } 762 763 .social-media-mobile { 764 display: none !important; 765 } 766 767 #bootscore-navbar li.menu-item { 768 padding-bottom: 0; 769 } 770 771 .li#menu-item-9273 { 772 margin-top: 0; 773 } 774 775 #nav-item-9273 a { 776 padding-top: .5rem; 777 } 778 779 780 } 781 782 .form-main { 783 padding: .375rem .15rem; 784 background-color: rgba(219, 77, 61, 0); 785 border: none; 786 border-bottom: 1px solid #212529; 787 border-radius: 0; 788 } 789 790 .form-main:focus { 791 background-color: rgba(0, 0, 0, 1); 792 border: 1px solid rgba(40, 167, 69); 793 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 794 } 795 796 .footer_widget .widget-title { 797 font-size: 20px; 798 line-height: 32px; 799 color: #fff; 800 801 } 802 803 .fab { 804 color: #fff; 805 } 806 807 808 809 .footer-logo { 810 filter: invert(97%) sepia(3%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(105%); 811 } 812 813 .social-logo { 814 max-height: 20px; 815 } 816 817 .sponsor-foot { 818 width: 110px; 819 } 820 821 h2#footer-brand { 822 padding: 0; 823 font-size: 1.25rem; 824 } 825 826 @media (min-width: 1200px) { 827 .sponsor-foot { 828 width: 90px; 829 } 830 } 831 832 @media (min-width: 992px) { 833 .sponsor-foot { 834 width: 80px !important; 835 } 836 837 } 838 839 @media (min-width: 576px) { 840 .sponsor-foot { 841 width: 110px; 842 padding: .75rem 0; 843 } 844 845 .footer-social { 846 justify-content: flex-end; 847 text-align: end; 848 } 849 } 850 </style> 851 852</head> 853 854 855 856<body class="home wp-singular page-template page-template-tmp-new-homepage page-template-tmp-new-homepage-php page page-id-272 wp-embed-responsive wp-theme-bootscore-5 wp-child-theme-bootscore-5-child" style="background-color:#FDFDFC;"> 857 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 857
857 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
857GTM-PMCSXMLZ
vendor: 83 bytes, line 857
857" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
857<!-- End Google Tag Manager (noscript) --> 858 859 <div role="region" aria-labelledby="skiplinks"> 860 <div id="skiplinks"> 861 <a class="skip-main" href="#main">Skip to main content</a> 862 <a class="skip-main" href="#footer">Skip to footer menu</a> 863 </div> 864 </div> 865 866 <!-- <a class="skip-main" href="#main">Skip to main content</a> 867<a class="skip-main" href="#footer">Skip to footer menu</a> --> 868 869 <div id="to-top"></div> 870 871 <div id="page" class="site" style="background-color:#ffffff;"> 872 873 <div id="announce-banner" class="container-fluid px-4 py-4" style="background-color:#fee58e;"><p class="pb-0 mb-0" style="color:#000;"><strong>Planned Building Closure | October 5â18:</strong> 874 875Our main building at 235 Queens Quay West will be temporarily closed for essential infrastructure upgrades. <a href="https://harbourfrontcentre.com/plan-your-visit/">Learn more</a>. 876 877<!-- notionvc: d3cd631f-f335-41bd-ad98-5df00cf2e76b --> 878<!-- notionvc: 56e9a180-2316-4ba1-ac3b-740847d21768 --></p></div> 879 880 881 882 883 <header id="masthead" class="site-header"> 884 885 <nav id="nav-main" class="navbar navbar-expand-lg"> 886 887 <div class="container-fluid"> 888 889 <!-- Navbar Brand --> 890 <div class="nav-item nav-brand"> 891 <a class="navbar-brand" href="https://harbourfrontcentre.com" aria-label="Go to homepage"><img src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/logo/hc_roundelle_logo_website_bl.svg" alt="Harbourfront Centre logo" class="logo"></a> 892 </div> 893 894 <!-- Offcanvas Navbar --> 895 <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-navbar"> 896 <div class="offcanvas-header"> 897 <h5 class="mb-0 pb-0">Menu</h5> 898 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> 899 <!-- Main Search Modal Desktop --> 900 </div> 901 <div class="offcanvas-body justify-content-end bg-light"> 902 903 <!-- Bootstrap 5 Nav Walker Main Menu --> 904 <ul id="bootscore-navbar" class="navbar-nav justify-content-end "><li id="menu-item-9944" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-9944"><a href="https://harbourfrontcentre.com/whats-on/" class="nav-link ">Whatâs On</a></li> 905<li id="menu-item-23094" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-23094"><a href="https://harbourfrontcentre.com/plan-your-visit/" class="nav-link ">Plan Your Visit</a></li> 906<li id="menu-item-11028" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-11028"><a href="https://harbourfrontcentre.com/about-us/" class="nav-link ">About Us</a></li> 907<li id="menu-item-9273" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-9273"><a href="https://harbourfrontcentre.com/donate/" class="nav-link ">Donate</a></li> 908</ul> <!-- Bootstrap 5 Nav Walker Main Menu End --> 909 910 <div class="" region="search-site"> 911 <button aria-label="Open Search" type="button" class="d-none d-lg-block open-dialog btn btn-link" data-bs-toggle="modal" data-bs-target="#mainSearch"><span class='fa fa-search form-control-feedback' role="search"></span></button> 912 <a aria-label="Open Search" type="button" class="d-block d-lg-none open-dialog nav-link" data-bs-toggle="modal" data-bs-target="#mainSearch">Search</a> 913 </div> 914 <div class="col d-block d-lg-none mt-3"> 915 <ul class="row program-matrix aria-label="shortcuts"> 916 917 <li class="col-12 col-sm-6 py-2"> 918 <a href="https://harbourfrontcentre.com/program/camps/" class="card card-body h-100 justify-content-center justify-content-center px-0"> 919 <p class="text-center mb-0 button">Camps</p> 920 </a> 921 </li> 922 <li class="col-12 col-sm-6 py-2"> 923 <a href="https://harbourfrontcentre.com/series/courses/" class="card card-body h-100 justify-content-center px-0"> 924 <p class="text-center mb-0 button">Craft & Design Workshops</p> 925 </a> 926 </li> 927 <li class="col-12 col-sm-6 py-2"> 928 <a href="https://harbourfrontcentre.com/program/craft-design/" class="card card-body h-100 justify-content-center px-0"> 929 <p class="text-center mb-0 button">Craft & Design Program</p> 930 </a> 931 </li> 932 <li class="col-12 col-sm-6 py-2"> 933 <a href="https://harbourfrontcentre.com/exhibitions/" class="card card-body h-100 justify-content-center px-0"> 934 <p class="text-center mb-0 button">Exhibitions</p> 935 </a> 936 </li> 937 <li class="col-12 col-sm-6 py-2"> 938 <a href="https://harbourfrontcentre.com/festivals/" class="card card-body h-100 justify-content-center px-0"> 939 <p class="text-center mb-0 button">Festivals</p> 940 </a> 941 </li> 942 <li class="col-12 col-sm-6 py-2"> 943 <a href="https://harbourfrontcentre.com/program/harbourfront-centre-marine/" class="card card-body h-100 justify-content-center px-0"> 944 <p class="text-center mb-0 button">Marinas</p> 945 </a> 946 </li> 947 <li class="col-12 col-sm-6 py-2"> 948 <a href="https://harbourfrontcentre.com/program/music/" class="card card-body h-100 justify-content-center px-0"> 949 <p class="text-center mb-0 button">Music</p> 950 </a> 951 </li> 952 <li class="col-12 col-sm-6 py-2"> 953 <a href="https://harbourfrontcentre.com/program/performing-arts/" class="card card-body h-100 justify-content-center px-0"> 954 <p class="text-center mb-0 button">Performing Arts</p> 955 </a> 956 </li> 957 <li class="col-12 col-sm-6 py-2"> 958 <a href="https://www.thepowerplant.org/" target="_blank" class="card card-body h-100 justify-content-center px-0"> 959 <p class="text-center mb-0 button">The Power Plant</p> 960 </a> 961 </li> 962 <li class="col-12 col-sm-6 py-2"> 963 <a href="https://harbourfrontcentre.com/program/school-visits/" class="card card-body h-100 justify-content-center px-0"> 964 <p class="text-center mb-0 button">School Visits</p> 965 </a> 966 </li> </div> 967 </div> 968 </div> 969 970 <div class="header-actions"> 971 972 <!-- Navbar Toggler --> 973 <button class="btn btn-outline-secondary d-lg-none ms-1 ms-md-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-navbar" aria-controls="offcanvas-navbar" aria-label="Open menu"> 974 <i class="fas fa-bars"></i> 975 </button> 976 977 </div><!-- .header-actions --> 978 979 <!-- Modal --> 980 <div class="modal fade" id="mainSearch" data-bs-keyboard="false" tabindex="-1" aria-labelledby="mainSearch" aria-hidden="true"> 981 <div class="modal-dialog modal-dialog-scrollable"> 982 <div class="modal-content"> 983 <div class="modal-header" style="background-color:#f0f0f0;"> 984 <div class="w-100"> 985 <form id="site-search-top" method="get" class="search-form w-100 mr-2" action="https://harbourfrontcentre.com/"> <label for="search-nb-site" style="display:block;" class="screen-reader-text">Enter your search here...</label> <input id="search-nb-site" aria-labelledby="mainSearch" type="text" class="search-field form-control" placeholder="Enter your search here..." value="" name="s" title="Search for:"> 986 </form> 987 </div> 988 989 <div class="col justify-content-end"> 990 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close search"></button> 991 </div> 992 993 </div> 994 995 <div class="modal-body d-sm-flex flex-row flex-wrap d-none"> 996 <div class="col-md-6 d-none d-md-block"> 997 <h2 id="popular-events" class="hf-bold">Featured Programming</h2> 998 999 <style> 1000 ul.top-featured-list { 1001 padding-right: 5rem; 1002 } 1003 1004 ul.top-featured-list li a { 1005 text-decoration: none; 1006 } 1007 1008 ul.top-featured-list li a .title { 1009 text-decoration: underline; 1010 font-weight: 600; 1011 font-size: 1.1rem; 1012 margin-bottom: .5rem; 1013 } 1014 1015 ul.top-featured-list li a:hover .title { 1016 text-decoration: none; 1017 } 1018 1019 .btn-primary:hover { 1020 color: #fff !important; 1021 } 1022 </style> 1023 1024 <ul class="top-featured-list" aria-label="featured-events"><li><a href="https://harbourfrontcentre.com/event/sleuth/"><div class="title">Sleuth</div><div></div></a></li><li><a href="https://harbourfrontcentre.com/event/a-christmas-carol/"><div class="title">A Christmas Carol</div><div></div></a></li><li><a href="https://harbourfrontcentre.com/event/ribbons-of-reconciliation/"><div class="title">Ribbons of (Re)Conciliation</div><div>On now<span class="rotate-45 mx-2">↑</span>Tue, Aug 31</div></a></li><li><a href="https://harbourfrontcentre.com/series/music-garden-concerts/"><div class="title">Music Garden Concerts</div><div>On now<span class="rotate-45 mx-2">↑</span>Sun, Oct 4</div></a></li><li><a href="https://harbourfrontcentre.com/series/public-pier/"><div class="title">Public Pier</div><div>On now<span class="rotate-45 mx-2">↑</span>Sat, Oct 3</div></a></li><li><a href="https://harbourfrontcentre.com/series/toronto-biennial-of-art-2
1024026/"><div class="title">Toronto Biennial of Art 2026: Things Fall Apart</div><div>On now<span class="rotate-45 mx-2">↑</span>Thu, Dec 31</div></a></li><li><a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/"><div class="title">Jumpstart Community Pitch</div><div></div></a></li><li><a href="https://harbourfrontcentre.com/series/ontario-science-centre/"><div class="title">Ontario Science Centre</div><div>Ongoing</div></a></li><li><a href="https://harbourfrontcentre.com/series/courses/"><div class="title">Craft & Design Workshops</div><div>Ongoing</div></a></li></ul> 1025 <div class="d-flex justify-content-start mb-5"> 1026 <a href="/whats-on/" class="btn btn-primary" style="font-size:1.1rem;">SHOW ME EVERYTHING</a> 1027 </div> 1028 </div> 1029 1030 <div class="col-md-6"> 1031 <h2 id="shortcuts" class="hf-bold">Shortcuts</h2> 1032 <ul class="row program-matrix aria-label="shortcuts"> 1033 1034 <li class="col-12 col-sm-6 py-2"> 1035 <a href="https://harbourfrontcentre.com/program/camps/" class="card card-body h-100 justify-content-center justify-content-center px-0"> 1036 <p class="text-center mb-0 button">Camps</p> 1037 </a> 1038 </li> 1039 <li class="col-12 col-sm-6 py-2"> 1040 <a href="https://harbourfrontcentre.com/series/courses/" class="card card-body h-100 justify-content-center px-0"> 1041 <p class="text-center mb-0 button">Craft & Design Workshops</p> 1042 </a> 1043 </li> 1044 <li class="col-12 col-sm-6 py-2"> 1045 <a href="https://harbourfrontcentre.com/program/craft-design/" class="card card-body h-100 justify-content-center px-0"> 1046 <p class="text-center mb-0 button">Craft & Design Program</p> 1047 </a> 1048 </li> 1049 <li class="col-12 col-sm-6 py-2"> 1050 <a href="https://harbourfrontcentre.com/exhibitions/" class="card card-body h-100 justify-content-center px-0"> 1051 <p class="text-center mb-0 button">Exhibitions</p> 1052 </a> 1053 </li> 1054 <li class="col-12 col-sm-6 py-2"> 1055 <a href="https://harbourfrontcentre.com/festivals/" class="card card-body h-100 justify-content-center px-0"> 1056 <p class="text-center mb-0 button">Festivals</p> 1057 </a> 1058 </li> 1059 <li class="col-12 col-sm-6 py-2"> 1060 <a href="https://harbourfrontcentre.com/program/harbourfront-centre-marine/" class="card card-body h-100 justify-content-center px-0"> 1061 <p class="text-center mb-0 button">Marinas</p> 1062 </a> 1063 </li> 1064 <li class="col-12 col-sm-6 py-2"> 1065 <a href="https://harbourfrontcentre.com/program/music/" class="card card-body h-100 justify-content-center px-0"> 1066 <p class="text-center mb-0 button">Music</p> 1067 </a> 1068 </li> 1069 <li class="col-12 col-sm-6 py-2"> 1070 <a href="https://harbourfrontcentre.com/program/performing-arts/" class="card card-body h-100 justify-content-center px-0"> 1071 <p class="text-center mb-0 button">Performing Arts</p> 1072 </a> 1073 </li> 1074 <li class="col-12 col-sm-6 py-2"> 1075 <a href="https://www.thepowerplant.org/" target="_blank" class="card card-body h-100 justify-content-center px-0"> 1076 <p class="text-center mb-0 button">The Power Plant</p> 1077 </a> 1078 </li> 1079 <li class="col-12 col-sm-6 py-2"> 1080 <a href="https://harbourfrontcentre.com/program/school-visits/" class="card card-body h-100 justify-content-center px-0"> 1081 <p class="text-center mb-0 button">School Visits</p> 1082 </a> 1083 </li> </div> 1084 1085 <div class="col justify-content-end d-none d-md-flex"> 1086 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close search"></button> 1087 </div> 1088 </div> 1089 1090 1091 </div> 1092 </div> 1093 </div> 1094 1095 1096 1097 </div><!-- .container --> 1098 1099 </nav><!-- .navbar --> 1100 1101 </header><!-- #masthead --> 1102 1103 </div><!-- .fixed-top .bg-light --> 1104 1105 1106 1107 <div class="dialog-overlay desktop-only" tabindex="-1"></div> 1108<style> 1109 .scrollable-wrapper { 1110 position: relative; 1111 } 1112 1113 .scrollable-row { 1114 overflow-x: auto; 1115 display: flex; 1116 flex-direction: row; 1117 scroll-behavior: smooth; 1118 scrollbar-width: none; 1119 } 1120 1121 .scrollable-row::-webkit-scrollbar {
1122 display: none; 1123 } 1124 1125 .scroll-arrow { 1126 position: absolute; 1127 top: 50%; 1128 transform: translateY(-50%); 1129 width: 5rem; 1130 height: 5rem; 1131 background: rgba(0, 0, 0, 0.3); 1132 color: #fff; 1133 font-size: 4rem; 1134 text-align: center; 1135 line-height: 5rem; 1136 cursor: pointer; 1137 z-index: 10; 1138 display: none; 1139 border-radius: 50%; 1140 user-select: none; 1141 } 1142 1143 .scrollable-wrapper:hover .scroll-arrow { 1144 display: block; 1145 } 1146 1147 .scroll-arrow.left { 1148 left: 0.5rem; 1149 } 1150 1151 .scroll-arrow.right { 1152 right: 0.5rem; 1153 } 1154 1155 .date-event-group { 1156 flex-shrink: 0; 1157 margin-right: 1rem; 1158 } 1159 1160 .date-label { 1161 position: -webkit-sticky; 1162 position: sticky; 1163 left: 0; 1164 z-index: 3; 1165 background: #E2EEEA; 1166 padding: 0.75rem; 1167 margin-bottom: 1.25rem; 1168 min-width: 140px; 1169 display: flex; 1170 align-items: center; 1171 border: none; 1172 } 1173 1174 .date-label-date { 1175 position: sticky; 1176 left: 0; 1177 z-index: 3; 1178 padding: 0.75rem; 1179 white-space: nowrap; 1180 min-width: 140px; 1181 font-weight: bold; 1182 font-size: 1.25rem; 1183 } 1184 1185 a.date-label-link { 1186 color: #000; 1187 } 1188 1189 a.date-label-link:hover .date-label { 1190 border: 2px solid #F49B43; 1191 background-color: #F49B43; 1192 color: #000; 1193 } 1194 1195 a.date-label-link:hover .date-label-date { 1196 background-color: #F49B43; 1197 color: #000; 1198 } 1199 1200 /* -------------------------------------------------- 1201 FIXED WIDTH WHAT'S ON EVENT CARD 1202 ----------------------------------------------------*/ 1203 1204 .wo-event-card { 1205 width: 300px; 1206 background: #f1f1f1; 1207 border-radius: 0; 1208 margin-bottom: 1rem; 1209 position: relative; 1210 } 1211 1212 .wo-event-card>a, 1213 .date-banner>a { 1214 color: #000; 1215 border: none; 1216 text-decoration: none; 1217 box-shadow: 1px 0 5px -5px rgba(0, 0, 0, 0.15), 0 3px 8px 0px rgba(0, 0, 0, 0.15), -1px 0 5px -5px rgba(0, 0, 0, 0.15); 1218 } 1219 1220 .wo-event-card>a:hover, 1221 .wo-event-card>a:focus, 1222 .wo-date-banner>a:hover, 1223 .date-banner>a:focus { 1224 color: #000; 1225 -webkit-box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.33); 1226 box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.33); 1227 } 1228 1229 .wo-event-card .image-container { 1230 position: relative; 1231 overflow: hidden; 1232 } 1233 1234 .wo-event-card .pricing-filter { 1235 position: absolute; 1236 top: 0; 1237 left: 0; 1238 border-radius: 0; 1239 } 1240 1241 .wo-event-card .term-tags { 1242 position: absolute; 1243 bottom: 0; 1244 left: 0; 1245 border-radius: 0; 1246 } 1247 1248 .wo-event-card .term-tags .tag-one { 1249 font-size: .7rem; 1250 line-height: .7rem; 1251 padding: .3rem .7rem .3rem .7rem; 1252 background: #000; 1253 color: #fff; 1254 border-top-right-radius: 2px; 1255 z-index: 2; 1256 font-weight: 600; 1257 text-transform: uppercase; 1258 } 1259 1260 .wo-event-card .term-tags .tag-two { 1261 font-size: .7rem; 1262 line-height: .7rem; 1263 padding: .3rem .4rem .3rem 1rem; 1264 background: #eee; 1265 color: #000; 1266 border-top-right-radius: 2px; 1267 z-index: 1; 1268 margin-left: -10px; 1269 font-weight: 600; 1270 text-transform: uppercase; 1271 } 1272 1273 .wo-event-card .card-body { 1274 padding: 1rem .75rem 1.5rem .75rem; 1275 } 1276 1277 .wo-event-card .card-body-date { 1278 font-size: .9rem; 1279 line-height: 1; 1280 color: #191919; 1281 margin-bottom: .7rem; 1282 } 1283 1284 .wo-event-card .card-body h3 { 1285 font-size: 1.5rem; 1286 line-height: 1; 1287 font-weight: 700; 1288 letter-spacing: 0.02em; 1289 padding: 0; 1290 color: #191919; 1291 margin-bottom: .75rem; 1292 } 1293 1294 .wo-event-card .card-body-excerpt { 1295 font-size: .875rem; 1296 line-height: 1.1rem; 1297 color: #595959; 1298 } 1299 1300 /* -------------------------------------------------- 1301 FLEX EVENT CARD 1302 ----------------------------------------------------*/ 1303 1304 .event-card { 1305 margin-bottom: 1rem; 1306 position: relative; 1307 } 1308 1309 .event-card>a, 1310 .date-banner>a { 1311 color: #000; 1312 border: none; 1313 text-decoration: none; 1314 box-shadow: 1px 0 5px -5px rgba(0, 0, 0, 0.15), 0 3px 8px 0px rgba(0, 0, 0, 0.15), -1px 0 5px -5px rgba(0, 0, 0, 0.15); 1315 } 1316 1317 .event-card>a:hover, 1318 .event-card>a:focus, 1319 .date-banner>a:hover, 1320 .date-banner>a:focus { 1321 color: #000; 1322 -webkit-box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.33); 1323 box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.33); 1324 } 1325 1326 .event-card .image-container { 1327 position: relative; 1328 overflow: hidden; 1329 } 1330 1331 .event-card .term-tags { 1332 position: absolute; 1333 bottom: 0; 1334 left: 0; 1335 border-radius: 0; 1336 } 1337 1338 .event-card .term-tags .tag-one { 1339 font-size: .7rem; 1340 line-height: .7rem; 1341 padding: .3rem .7rem .3rem .7rem; 1342 background: #000; 1343 color: #fff; 1344 border-top-right-radius: 2px; 1345 z-index: 2; 1346 font-weight: 600; 1347 text-transform: uppercase; 1348 } 1349 1350 .event-card .term-tags .tag-two { 1351 font-size: .7rem; 1352 line-height: .7rem; 1353 padding: .3rem .4rem .3rem 1rem; 1354 background: #eee; 1355 color: #000; 1356 border-top-right-radius: 2px; 1357 z-index: 1; 1358 margin-left: -10px; 1359 font-weight: 600; 1360 text-transform: uppercase; 1361 } 1362 1363 .event-card .card-body { 1364 padding: 1rem .75rem 1.5rem .75rem; 1365 } 1366 1367 .event-card .card-body-date { 1368 font-size: .9rem; 1369 line-height: 1; 1370 color: #191919; 1371 margin-bottom: .7rem; 1372 } 1373 1374 .event-card .card-body h3 { 1375 font-size: 1.5rem; 1376 line-height: 1; 1377 font-weight: 700; 1378 letter-spacing: 0.02em; 1379 padding: 0; 1380 color: #191919; 1381 margin-bottom: .75rem; 1382 } 1383 1384 .event-card .card-body-excerpt { 1385 font-size: .875rem; 1386 line-height: 1.1rem; 1387 color: #595959; 1388 } 1389 1390 a.card p.see-everything { 1391 font-weight: bold; 1392 font-size: 1.3rem; 1393 text-decoration: underline; 1394 } 1395 1396 a.card:hover p.see-everything { 1397 text-decoration: none; 1398 } 1399 1400 a.card .last-in-row { 1401 background-color: #E2EEEA; 1402 } 1403 1404 a.card:hover .last-in-row { 1405 background-color: #55b38c; 1406 } 1407 1408 .rotate-45 { 1409 display: inline-block; 1410 transform: rotate(90deg); 1411 } 1412 1413 /* HEADER */ 1414 1415 .btn.btn-homepage-header { 1416 background-color: #c42f2f !important; 1417 border: 1px solid #c42f2f; 1418 color: #fff; 1419 font-size: 1.1rem; 1420 text-transform: uppercase; 1421 font-weight: bold; 1422 } 1423 1424 .btn.btn-homepage-header:hover { 1425 background-color: transparent !important; 1426 border: 1px solid #c42f2f; 1427 color: #c42f2f !important; 1428 } 1429 1430 .btn.btn-homepage-everything { 1431 background-color: #000 !important; 1432 border: 1px solid #000; 1433 color: #fff; 1434 font-size: 1.1rem; 1435 text-transform: uppercase; 1436 } 1437 1438 .btn.btn-homepage-everything:hover { 1439 background-color: transparent !important; 1440 border: 1px solid #000; 1441 color: #000 !important; 1442 } 1443 1444 p.homepage-intro { 1445 font-weight: 500; 1446 } 1447 1448 /*------------------- 1449VIDEO CONTAINER 1450---------------*/ 1451 1452 .video-container { 1453 position: relative; 1454 padding-bottom: 56.25%; 1455 /* 16:9 aspect ratio */ 1456 height: 0; 1457 overflow: hidden; 1458 max-width: 100%; 1459 } 1460 1461 .video-container iframe { 1462 position: absolute; 1463 top: 0; 1464 left: 0; 1465 width: 100%; 1466 height: 100%; 1467 } 1468 1469 /* SIGN UP FORM */ 1470 1471 .custom-button { 1472 appearance: none; 1473 background: none; 1474 border: 2px solid #000; 1475 padding: 0; 1476 font: inherit; 1477 color: inherit; 1478 cursor: pointer; 1479 text-align: left; 1480 background-color: #000; 1481 color: #fff; 1482 line-height: 2rem; 1483 } 1484 1485 .custom-button:hover { 1486 outline: none; 1487 } 1488 1489 .custom-button:focus { 1490 outline: auto; 1491 } 1492 1493 .custom-button:hover, 1494 .custom-button:focus { 1495 background-color: #fff; 1496 color: #000; 1497 border: 2px solid #fff; 1498 } 1499 1500 .custom-button { 1501 line-height: 3rem; 1502 width: 100%; 1503 border-radius: 4px; 1504 text-align: center; 1505 font-size: 1.25rem; 1506 } 1507 1508 input.signup-input { 1509 appearance: none; 1510 background-color: #fff; 1511 color: #000; 1512 border: 2px solid #fff; 1513 padding: 0.5rem 1rem; 1514 font-family: inherit; 1515 font-size: inherit; 1516 outline: none; 1517 width: 100%; 1518 height: 100%; 1519 min-height: 3rem; 1520 border-radius: 4px; 1521 font-size: 1.25rem; 1522 } 1523 1524 input.signup-input:focus { 1525 outline: auto; 1526 } 1527</style> 1528 1529<style> 1530 /* Only target welcomeModal */ 1531 1532 #mainSearch.modal, 1533 #welcomeModal.modal { 1534 z-index: 1055 !important; 1535 } 1536
1537 .modal-backdrop { 1538 z-index: 1050 !important; 1539 } 1540 1541 #welcomeModal .modal-dialog.modal-custom { 1542 background-color: transparent; 1543 } 1544 1545 #welcomeModal .modal-content { 1546 width: 80vw; 1547 margin: 0 auto; 1548 top: 100px; 1549 } 1550 1551 #welcomeModal .modal-body { 1552 overflow-y: auto; 1553 /* only the body scrolls */ 1554 } 1555</style> 1556 1557<!-- Signup Modal --> 1558<div class="modal fade" id="welcomeModal" tabindex="-1" aria-labelledby="welcomeModalLabel" aria-hidden="true"> 1559 <div class="modal-dialog modal-custom"> 1560 <div class="modal-content" style="background-color: #FDB913;color:#fff;"> 1561 <div class="modal-body d-flex" style="padding:1rem 0 2rem 0;"> 1562 1563 <form method="GET" action="https://pages.wordfly.com/harbourfrontcentre/pages/Subscribe/" target="_blank" class="container d-flex flex-wrap justify-content-between"> 1564 1565 <style> 1566 .modal-button { 1567 appearance: none; 1568 background: none; 1569 border: 2px solid #000; 1570 padding: 0; 1571 font: inherit; 1572 color: inherit; 1573 cursor: pointer; 1574 text-align: left; 1575 background-color: #000; 1576 color: #000; 1577 line-height: 2rem; 1578 color: #fff; 1579 } 1580
1581 .modal-button:hover { 1582 outline: none; 1583 } 1584 1585 .modal-button:focus { 1586 outline: auto; 1587 } 1588 1589 .modal-button:hover, 1590 .modal-button:focus { 1591 background-color: #FDB913; 1592 color: #000; 1593 border: 1px solid #000; 1594 } 1595 1596 .modal-button { 1597 height: 4rem; 1598 line-height: 3rem; 1599 width: 100%; 1600 border-radius: 4px; 1601 text-align: center; 1602 font-size: 1.25rem; 1603 } 1604 1605 .modal-signup-copy { 1606 font-size: 1rem; 1607 font-weight: 700; 1608 line-height: 160%; 1609 color: #000; 1610 } 1611 1612 input.modal-signup-input { 1613 appearance: none; 1614 background-color: #fff; 1615 color: #000; 1616 padding: 0.5rem 1rem; 1617 font-family: inherit; 1618 font-size: inherit; 1619 outline: none; 1620 width: 100%; 1621 height: 4rem; 1622 min-height: 3rem; 1623 border-radius: 4px; 1624 font-size: 1.25rem; 1625 border: none; 1626 } 1627 1628 input.modal-signup-input:focus { 1629 outline: auto; 1630 } 1631 1632 @media (min-width: 992px) { 1633 .signup-copy { 1634 margin-bottom: 0; 1635 } 1636 } 1637 1638 .rotate-90 { 1639 display: inline-block; 1640 transform: rotate(90deg); 1641 } 1642
1643 .modal-signup-copy input[type="checkbox"] { 1644 transform: scale(1.5); 1645 margin-right: 0.5rem; 1646 } 1647 </style> 1648 1649 <div class="modal-signup-copy d-flex w-auto"> 1650 <div class="d-flex flex-row flex-wrap"> 1651 <div class="col-12 d-flex justify-content-end"> 1652 <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> 1653 </div> 1654 <div class="col-12"> 1655 <div style="font-size:2rem;font-weight:600;margin-bottom:1rem;">Be the First to Know!</div> 1656 <div style="font-size: 1.1rem; margin-bottom:1.5rem;font-weight:normal;">From arts and culture to learning and recreation, get exclusive updates and event news delivered to your inbox.</div> 1657 </div> 1658 <div class="col-12 col-md-6 col-lg-8 px-2 mb-3 mb-md-0"> 1659 <input class="modal-signup-input" type="email" id="wordfly-email" name="email" placeholder="Email" required /> 1660 </div> 1661 <div class="col-12 col-md-6 col-lg-4 px-2 d-inline-block"> 1662 <button class="modal-button" type="submit" data-bs-dismiss="modal"> 1663 Subscribe Now <div class="d-inline-block rotate-90" style="margin-left:.3rem;">â</div> 1664 </button> 1665 </div> 1666 </div> 1667 </div> 1668 </form> 1669 1670 </div> 1671 </div> 1672 </div> 1673</div> 1674 1675<!-- Reset button (for testing only) --> 1676<!-- <button id="resetModalTimer" class="btn btn-sm btn-warning mt-3">Reset Modal Timer</button> --> 1677
1678<script> 1679 document.addEventListener("DOMContentLoaded", function() { 1680 const modalId = "welcomeModal"; 1681 const storageKey = modalId + "_lastClosed"; 1682 const days = 14; 1683 const now = Date.now(); 1684 1685 const lastClosed = localStorage.getItem(storageKey); 1686 1687 if (!lastClosed || (now - parseInt(lastClosed, 10)) > days * 24 * 60 * 60 * 1000) { 1688 const myModal = new bootstrap.Modal(document.getElementById(modalId)); 1689 myModal.show(); 1690 1691 document.getElementById(modalId).addEventListener("hidden.bs.modal", function() { 1692 localStorage.setItem(storageKey, Date.now()); 1693 }); 1694 } 1695 1696 const resetBtn = document.getElementById("resetModalTimer"); 1697 if (resetBtn) { 1698 resetBtn.addEventListener("click", function() { 1699 localStorage.removeItem(storageKey); 1700 alert("Modal timer has been reset. Refresh the page to see it auto-open again."); 1701 }); 1702 } 1703 }); 1704</script>
1704 1705 1706<header id="homepage-splash" class="container-fluid px-3" style="background-color:#f2ebd9; color:#000000;"> 1707 <div class="row container align-items-center px-0 px-sm-3" style="max-width:1320px; margin:0 auto;"> 1708 <div class="col-12 col-lg-5 px-0 px-lg-3 py-5"> 1709 <h1 style="font-size:1.8rem;">Shaw Festival at Harbourfront Centre is Toronto’s New Stage for World Class Theatre.</h1> 1710 <a href="https://harbourfrontcentre.com/shaw" class="btn btn-primary btn-homepage-header">SEE IT LIVE <span class="rotate-45">↑</span></a> 1711 </div> 1712 <div class="col-12 col-lg-7 px-0"> 1713 <div class="video-container d-none d-lg-block"> 1714 <iframe 1715 width="560" 1716 height="315" 1717 src="https://www.youtube.com/embed/OArC_oHt3mM?autoplay=1&mute=1&loop=1&playlist=OArC_oHt3mM&rel=0&cc_load_policy=0" 1718 title="YouTube video player" 1719 frameborder="0" 1720 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 1721 referrerpolicy="strict-origin-when-cross-origin" 1722 allowfullscreen> 1723 </iframe> 1724 <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/xVErM9GWN7s?si=C1GEn_9pBCdPrhFq&autoplay=1&mute=1&loop=1&playlist=xVErM9GWN7s&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> --> 1725 1726 </div> 1727 </div> 1728 </div> 1729</header> 1730 1731<div class="video-container d-lg-none"> 1732 <iframe 1733 width="560" 1734 height="315" 1735 src="https://www.youtube.com/embed/OArC_oHt3mM?autoplay=1&mute=1&loop=1&playlist=OArC_oHt3mM&rel=0&cc_load_policy=0" 1736 title="YouTube video player" 1737 frameborder="0" 1738 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 1739 referrerpolicy="strict-origin-when-cross-origin" 1740 allowfullscreen> 1741 </iframe> 1742</div> 1743 1744<div id="content" class="site-content container-fluid px-0"> 1745 1746 <section id="whats-on"> 1747 <div class="container-fluid px-3 mx-0"> 1748 <div class="container px-0" style="max-width:1320px;"> 1749 <div class="row align-items-center justify-content-between mt-4"> 1750 <div class="col-auto"> 1751 <h2 class="pt-2">What’s On</h2> 1752 </div> 1753 <div class="col-auto pb-3"> 1754 <a href="https://harbourfrontcentre.com/whats-on/" class="col rounded-0 btn btn-homepage-everything" aria-label="Click for All What's On">SHOW ME EVERYTHING <span class="rotate-45">↑</span></a> 1755 </div> 1756 </div> 1757 1758 <div class="row mx-0 mb-3"> 1759 <div class="col-12 p-3" style="background-color:#fee58e;"> 1760 <p class="mb-2"><strong>Planned Building Closure: October 5–18</strong></p> 1761 <p class="mb-0">Our main building at 235 Queens Quay West will be temporarily closed for essential infrastructure upgrades. <a href="/plan-your-visit/">Learn more</a>.</p> 1762 </div> 1763 </div> 1764 1765 <div class="scrollable-wrapper mt-33"> 1766 <div class="fade-left"></div> 1767 <div class="fade-right"></div> 1768 <div class="scroll-arrow left" aria-hidden="true">❮</div> 1769 1770 <div class="scrollable-row"> 1771 <div class="date-event-group d-flex flex-column" 1772 style="min-width: 900px;"> 1773 1774 <div class="date-label-link"> 1775 <div class="date-label"> 1776 <div class="date-label-date"> 1777 Thursday, October 1 </div> 1778 </div> 1779 </div> 1780 1781 <!-- Cards --> 1782 <div class="d-flex flex-row flex-nowrap gap-3"> 1783 1784 1785 1786 <div class="wo-event-card d-flex flex-column"> 1787 <a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/" class="card h-100 rounded-0" aria-label="Click for details"> 1788 <div class="image-container"> 1789 1790 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1791 FREE </div> 1792 1793 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/05/jumpstart-pitch-upload-2-600x400.jpg" alt="A girl kicking a soccer ball on an outdoor pitch with the CN tower in the background" class="" width="300" /> 1794 <div class="overlay-text"> 1795 <div class="term-tags row gx-0"> 1796 <div class="col-auto tag-one">Recreation</div> 1797 <div class="col-auto tag-two">Soccer</div> 1798 </div> 1799 </div> 1800 </div> 1801 <div class="card-body p-3"> 1802 <div class="card-body-date">Thu, Oct 1, 2026 • 8:00am</div> <h3 aria-hidden="true">Jumpstart Community Pitch</h3> 1803 1804 <div class="card-body-excerpt">An accessible space for kids and families to come together through play. Bookings now open!</div> 1805 1806 </div> 1807 </a> 1808 1809 </div> 1810 1811 1812 <div class="wo-event-card d-flex flex-column"> 1813 <a href="https://harbourfrontcentre.com/series/ontario-science-centre/" class="card h-100 rounded-0" aria-label="Click for details"> 1814 <div class="image-container"> 1815 1816 1817 <img src="https://harbourfrontcentre.com/wp-content/uploads/2024/11/Health-Hub-600x400.jpg" alt="Kids exploring at Ontario Science Centre" class="" width="300" /> 1818 <div class="overlay-text"> 1819 <div class="term-tags row gx-0"> 1820 <div class="col-auto tag-one">Kids</div> 1821 <div class="col-auto tag-two">Immersive Experiences</div> 1822 </div> 1823 </div> 1824 </div> 1825 <div class="card-body p-3"> 1826 <div class="card-body-date">Thu, Oct 1, 2026 • 10:00am</div> <h3 aria-hidden="true">Ontario Science Centre</h3> 1827 1828 <div class="card-body-excerpt">Wonder, discover and play at the Ontario Science Centre!</div> 1829 1830 </div> 1831 </a> 1832 1833 </div> 1834 1835 1836 <div class="wo-event-card d-flex flex-column"> 1837 <a href="https://harbourfrontcentre.com/event/exhibitions-at-harbourfront/" class="card h-100 rounded-0" aria-label="Click for details"> 1838 <div class="image-container"> 1839 1840 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1841 FREE </div> 1842 1843 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Coco-Fusco-600x400.jpg" alt="" class="" width="300" /> 1844 <div class="overlay-text"> 1845 <div class="term-tags row gx-0"> 1846 <div class="col-auto tag-one">Art</div> 1847 <div class="col-auto tag-two">Exhibitions</div> 1848 </div> 1849 </div> 1850 </div> 1851 <div class="card-body p-3"> 1852 <div class="card-body-date">Every Day • Hours Vary</div> <h3 aria-hidden="true">Exhibitions at Harbourfront</h3> 1853 1854 <div class="card-body-excerpt">Get inspired and visit our bold, thought-provoking art exhibitionsâfree and on view now.</div> 1855 1856 </div> 1857 </a> 1858 1859 </div> 1860 1861 </div> 1862 </div> 1863 <div class="date-event-group d-flex flex-column" 1864 style="min-width: 1800px;"> 1865 1866 <div class="date-label-link"> 1867 <div class="date-label"> 1868 <div class="date-label-date"> 1869 Friday, October 2 </div> 1870 </div> 1871 </div> 1872 1873 <!-- Cards --> 1874 <div class="d-flex flex-row flex-nowrap gap-3"> 1875 1876 1877 1878 <div class="wo-event-card d-flex flex-column"> 1879 <a href="https://harbourfrontcentre.com/series/public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 1880 <div class="image-container"> 1881 1882 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1883 FREE </div> 1884 1885 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Public-Pier-lead-image-600x400.jpg" alt="Night time crowd shot with bright lights" class="" width="300" /> 1886 <div class="overlay-text"> 1887 <div class="term-tags row gx-0"> 1888 <div class="col-auto tag-one">Recreation</div> 1889 <div class="col-auto tag-two">Festival</div> 1890 </div> 1891 </div> 1892 </div> 1893 <div class="card-body p-3"> 1894 <div class="card-body-date">Fri, Oct 2, 2026 • Hours Vary</div> <h3 aria-hidden="true">Public Pier</h3> 1895 1896 <div class="card-body-excerpt">
1896Marina Quay West transforms into a community waterfront hub.</div> 1897 1898 </div> 1899 </a> 1900 1901 </div> 1902 1903 1904 <div class="wo-event-card d-flex flex-column"> 1905 <a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/" class="card h-100 rounded-0" aria-label="Click for details"> 1906 <div class="image-container"> 1907 1908 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1909 FREE </div> 1910 1911 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/05/jumpstart-pitch-upload-2-600x400.jpg" alt="A girl kicking a soccer ball on an outdoor pitch with the CN tower in the background" class="" width="300" /> 1912 <div class="overlay-text"> 1913 <div class="term-tags row gx-0"> 1914 <div class="col-auto tag-one">Recreation</div> 1915 <div class="col-auto tag-two">Soccer</div> 1916 </div> 1917 </div> 1918 </div> 1919 <div class="card-body p-3"> 1920 <div class="card-body-date">Fri, Oct 2, 2026 • 8:00am</div> <h3 aria-hidden="true">Jumpstart Community Pitch</h3> 1921 1922 <div class="card-body-excerpt">An accessible space for kids and families to come together through play. Bookings now open!</div> 1923 1924 </div> 1925 </a> 1926 1927 </div> 1928 1929 1930 <div class="wo-event-card d-flex flex-column"> 1931 <a href="https://harbourfrontcentre.com/series/ontario-science-centre/" class="card h-100 rounded-0" aria-label="Click for details"> 1932 <div class="image-container"> 1933 1934 1935 <img src="https://harbourfrontcentre.com/wp-content/uploads/2024/11/The-Pond-1-600x400.jpg" alt="Kids exploring at Ontario Science Centre" class="" width="300" /> 1936 <div class="overlay-text"> 1937 <div class="term-tags row gx-0"> 1938 <div class="col-auto tag-one">Kids</div> 1939 <div class="col-auto tag-two">Immersive Experiences</div> 1940 </div> 1941 </div> 1942 </div> 1943 <div class="card-body p-3"> 1944 <div class="card-body-date">Fri, Oct 2, 2026 • 10:00am</div> <h3 aria-hidden="true">Ontario Science Centre</h3> 1945 1946 <div class="card-body-excerpt">Wonder, discover and play at the Ontario Science Centre!</div> 1947 1948 </div> 1949 </a> 1950 1951 </div> 1952 1953 1954 <div class="wo-event-card d-flex flex-column"> 1955 <a href="https://harbourfrontcentre.com/event/super-yummy-market-public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 1956 <div class="image-container"> 1957 1958 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1959 FREE* </div> 1960 1961 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Super-Yummy-updated-600x400.jpg" alt="A market vendor serving skewers to a customer outside at night" class="" width="300" /> 1962 <div class="overlay-text"> 1963 <div class="term-tags row gx-0"> 1964 <div class="col-auto tag-one">Public Pier</div> 1965 <div class="col-auto tag-two">Market</div> 1966 </div> 1967 </div> 1968 </div> 1969 <div class="card-body p-3"> 1970 <div class="card-body-date">Fri, Oct 2, 2026 • 6:00pm</div> <h3 aria-hidden="true">Super Yummy Market at Public Pier</h3> 1971 1972 <div class="card-body-excerpt">Discover fresh flavours, waterfront energy and Torontoâs harbour all in one place.</div> 1973 1974 <div class="mt-3" style="min-height:1rem; margin-bottom:.5rem;color:#595959;font-size:.7rem;">*Free Admission. Related events, may not be free.</div> 1975 </div> 1976 </a> 1977 1978 </div> 1979 1980 1981 <div class="wo-event-card d-flex flex-column"> 1982 <a href="https://harbourfrontcentre.com/event/dance-workshops-public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 1983 <div class="image-container"> 1984 1985 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 1986 FREE </div> 1987 1988 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Dance-Workshops-600x400.jpg" alt="A crowd dancing with dance instructors outdoors" class="" width="300" /> 1989 <div class="overlay-text"> 1990 <div class="term-tags row gx-0"> 1991 <div class="col-auto tag-one">Public Pier</div> 1992 <div class="col-auto tag-two">Dance Workshop</div> 1993 </div> 1994 </div> 1995 </div> 1996 <div class="card-body p-3"> 1997 <div class="card-body-date">Fri, Oct 2, 2026 • 6:30pm</div> <h3 aria-hidden="true">Dance Workshops</h3> 1998 1999 <div class="card-body-excerpt">A beginner friendly line dancing workshop by the water led by SPURS Night and Soul2Sole.</div> 2000 2001 </div> 2002 </a> 2003 2004 </div> 2005 2006 2007 <div class="wo-event-card d-flex flex-column"> 2008 <a href="https://harbourfrontcentre.com/event/exhibitions-at-harbourfront/" class="card h-100 rounded-0" aria-label="Click for details"> 2009 <div class="image-container"> 2010 2011 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2012 FREE </div> 2013 2014 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Simranpreet-Anand-600x400.jpg" alt="" class="" width="300" /> 2015 <div class="overlay-text"> 2016 <div class="term-tags row gx-0"> 2017 <div class="col-auto tag-one">Art</div> 2018 <div class="col-auto tag-two">Exhibitions</div> 2019 </div> 2020 </div> 2021 </div> 2022 <div class="card-body p-3"> 2023 <div class="card-body-date">Every Day • Hours Vary</div> <h3 aria-hidden="true">Exhibitions at Harbourfront</h3> 2024 2025 <div class="card-body-excerpt">Get inspired and visit our bold, thought-provoking art exhibitionsâfree and on view now.</div> 2026 2027 </div> 2028 </a> 2029 2030 </div> 2031 2032 </div> 2033 </div> 2034 <div class="date-event-group d-flex flex-column" 2035 style="min-width: 1800px;"> 2036 2037 <div class="date-label-link"> 2038 <div class="date-label"> 2039 <div class="date-label-date"> 2040 Saturday, October 3 </div> 2041 </div> 2042 </div> 2043 2044 <!-- Cards --> 2045 <div class="d-flex flex-row flex-nowrap gap-3"> 2046 2047 2048 2049 <div class="wo-event-card d-flex flex-column"> 2050 <a href="https://harbourfrontcentre.com/series/public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 2051 <div class="image-container"> 2052 2053 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2054 FREE </div> 2055 2056 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Public-Pier-lead-image-600x400.jpg" alt="Night time crowd shot with bright lights" class="" width="300" /> 2057 <div class="overlay-text"> 2058 <div class="term-tags row gx-0"> 2059 <div class="col-auto tag-one">Recreation</div> 2060 <div class="col-auto tag-two">Festival</div> 2061 </div> 2062 </div> 2063 </div> 2064 <div class="card-body p-3"> 2065 <div class="card-body-date">Sat, Oct 3, 2026 • Hours Vary</div> <h3 aria-hidden="true">Public Pier</h3> 2066 2067 <div class="card-body-excerpt">
2067Marina Quay West transforms into a community waterfront hub.</div> 2068 2069 </div> 2070 </a> 2071 2072 </div> 2073 2074 2075 <div class="wo-event-card d-flex flex-column"> 2076 <a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/" class="card h-100 rounded-0" aria-label="Click for details"> 2077 <div class="image-container"> 2078 2079 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2080 FREE </div> 2081 2082 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/05/jumpstart-pitch-upload-2-600x400.jpg" alt="A girl kicking a soccer ball on an outdoor pitch with the CN tower in the background" class="" width="300" /> 2083 <div class="overlay-text"> 2084 <div class="term-tags row gx-0"> 2085 <div class="col-auto tag-one">Recreation</div> 2086 <div class="col-auto tag-two">Soccer</div> 2087 </div> 2088 </div> 2089 </div> 2090 <div class="card-body p-3"> 2091 <div class="card-body-date">Sat, Oct 3, 2026 • 8:00am</div> <h3 aria-hidden="true">Jumpstart Community Pitch</h3> 2092 2093 <div class="card-body-excerpt">An accessible space for kids and families to come together through play. Bookings now open!</div> 2094 2095 </div> 2096 </a> 2097 2098 </div> 2099 2100 2101 <div class="wo-event-card d-flex flex-column"> 2102 <a href="https://harbourfrontcentre.com/series/ontario-science-centre/" class="card h-100 rounded-0" aria-label="Click for details"> 2103 <div class="image-container"> 2104 2105 2106 <img src="https://harbourfrontcentre.com/wp-content/uploads/2024/11/Town-Country-600x400.jpg" alt="Kids exploring at Ontario Science Centre" class="" width="300" /> 2107 <div class="overlay-text"> 2108 <div class="term-tags row gx-0"> 2109 <div class="col-auto tag-one">Kids</div> 2110 <div class="col-auto tag-two">Immersive Experiences</div> 2111 </div> 2112 </div> 2113 </div> 2114 <div class="card-body p-3"> 2115 <div class="card-body-date">Sat, Oct 3, 2026 • 10:00am</div> <h3 aria-hidden="true">Ontario Science Centre</h3> 2116 2117 <div class="card-body-excerpt">Wonder, discover and play at the Ontario Science Centre!</div> 2118 2119 </div> 2120 </a> 2121 2122 </div> 2123 2124 2125 <div class="wo-event-card d-flex flex-column"> 2126 <a href="https://harbourfrontcentre.com/event/super-yummy-market-public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 2127 <div class="image-container"> 2128 2129 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2130 FREE* </div> 2131 2132 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Super-Yummy-updated-600x400.jpg" alt="A market vendor serving skewers to a customer outside at night" class="" width="300" /> 2133 <div class="overlay-text"> 2134 <div class="term-tags row gx-0"> 2135 <div class="col-auto tag-one">Public Pier</div> 2136 <div class="col-auto tag-two">Market</div> 2137 </div> 2138 </div> 2139 </div> 2140 <div class="card-body p-3"> 2141 <div class="card-body-date">Sat, Oct 3, 2026 • 1:00pm</div> <h3 aria-hidden="true">Super Yummy Market at Public Pier</h3> 2142 2143 <div class="card-body-excerpt">Discover fresh flavours, waterfront energy and Torontoâs harbour all in one place.</div> 2144 2145 <div class="mt-3" style="min-height:1rem; margin-bottom:.5rem;color:#595959;font-size:.7rem;">*Free Admission. Related events, may not be free.</div> 2146 </div> 2147 </a> 2148 2149 </div> 2150 2151 2152 <div class="wo-event-card d-flex flex-column"> 2153 <a href="https://harbourfrontcentre.com/event/dance-workshops-public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 2154 <div class="image-container"> 2155 2156 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2157 FREE </div> 2158 2159 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Dance-Workshops-600x400.jpg" alt="A crowd dancing with dance instructors outdoors" class="" width="300" /> 2160 <div class="overlay-text"> 2161 <div class="term-tags row gx-0"> 2162 <div class="col-auto tag-one">Public Pier</div> 2163 <div class="col-auto tag-two">Dance Workshop</div> 2164 </div> 2165 </div> 2166 </div> 2167 <div class="card-body p-3"> 2168 <div class="card-body-date">Sat, Oct 3, 2026 • 1:30pm</div> <h3 aria-hidden="true">Dance Workshops</h3> 2169 2170 <div class="card-body-excerpt">A beginner friendly line dancing workshop by the water led by SPURS Night and Soul2Sole.</div> 2171 2172 </div> 2173 </a> 2174 2175 </div> 2176 2177 2178 <div class="wo-event-card d-flex flex-column"> 2179 <a href="https://harbourfrontcentre.com/event/exhibitions-at-harbourfront/" class="card h-100 rounded-0" aria-label="Click for details"> 2180 <div class="image-container"> 2181 2182 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2183 FREE </div> 2184 2185 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Marissa-Magneson-1-1-600x400.jpg" alt="" class="" width="300" /> 2186 <div class="overlay-text"> 2187 <div class="term-tags row gx-0"> 2188 <div class="col-auto tag-one">Art</div> 2189 <div class="col-auto tag-two">Exhibitions</div> 2190 </div> 2191 </div> 2192 </div> 2193 <div class="card-body p-3"> 2194 <div class="card-body-date">Every Day • Hours Vary</div> <h3 aria-hidden="true">Exhibitions at Harbourfront</h3> 2195 2196 <div class="card-body-excerpt">Get inspired and visit our bold, thought-provoking art exhibitionsâfree and on view now.</div> 2197 2198 </div> 2199 </a> 2200 2201 </div> 2202 2203 </div> 2204 </div> 2205 <div class="date-event-group d-flex flex-column" 2206 style="min-width: 1500px;"> 2207 2208 <div class="date-label-link"> 2209 <div class="date-label"> 2210 <div class="date-label-date"> 2211 Sunday, October 4 </div> 2212 </div> 2213 </div> 2214 2215 <!-- Cards --> 2216 <div class="d-flex flex-row flex-nowrap gap-3"> 2217 2218 2219 2220 <div class="wo-event-card d-flex flex-column"> 2221 <a href="https://harbourfrontcentre.com/series/music-garden-concerts/" class="card h-100 rounded-0" aria-label="Click for details"> 2222 <div class="image-container"> 2223 2224 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2225 FREE </div> 2226 2227 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Music-Garden-Concerts-lead-image-600x400.jpg" alt="Outdoor music garden performance in front of a crowd" class="" width="300" /> 2228 <div class="overlay-text"> 2229 <div class="term-tags row gx-0"> 2230 <div class="col-auto tag-one">Music</div> 2231 <div class="col-auto tag-two">Festival</div> 2232 </div> 2233 </div> 2234 </div> 2235 <div class="card-body p-3"> 2236 <div class="card-body-date">Sun, Oct 4, 2026 • Hours Vary</div> <h3 aria-hidden="true">Music Garden Concerts</h3> 2237 2238 <div class="card-body-excerpt">Free live music across three weekends, featuring R&B, soul, jazz, folk and modern boogie.</div> 2239 2240
2240 </div> 2241 </a> 2242 2243 </div> 2244 2245 2246 <div class="wo-event-card d-flex flex-column"> 2247 <a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/" class="card h-100 rounded-0" aria-label="Click for details"> 2248 <div class="image-container"> 2249 2250 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2251 FREE </div> 2252 2253 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/05/jumpstart-pitch-upload-2-600x400.jpg" alt="A girl kicking a soccer ball on an outdoor pitch with the CN tower in the background" class="" width="300" /> 2254 <div class="overlay-text"> 2255 <div class="term-tags row gx-0"> 2256 <div class="col-auto tag-one">Recreation</div> 2257 <div class="col-auto tag-two">Soccer</div> 2258 </div> 2259 </div> 2260 </div> 2261 <div class="card-body p-3"> 2262 <div class="card-body-date">Sun, Oct 4, 2026 • 8:00am</div> <h3 aria-hidden="true">Jumpstart Community Pitch</h3> 2263 2264 <div class="card-body-excerpt">An accessible space for kids and families to come together through play. Bookings now open!</div> 2265 2266 </div> 2267 </a> 2268 2269 </div> 2270 2271 2272 <div class="wo-event-card d-flex flex-column"> 2273 <a href="https://harbourfrontcentre.com/series/ontario-science-centre/" class="card h-100 rounded-0" aria-label="Click for details"> 2274 <div class="image-container"> 2275 2276 2277 <img src="https://harbourfrontcentre.com/wp-content/uploads/2024/11/KidSpark-header-updated-600x400.jpg" alt="Kids exploring at Ontario Science Centre" class="" width="300" /> 2278 <div class="overlay-text"> 2279 <div class="term-tags row gx-0"> 2280 <div class="col-auto tag-one">Kids</div> 2281 <div class="col-auto tag-two">Immersive Experiences</div> 2282 </div> 2283 </div> 2284 </div> 2285 <div class="card-body p-3"> 2286 <div class="card-body-date">Sun, Oct 4, 2026 • 10:00am</div> <h3 aria-hidden="true">Ontario Science Centre</h3> 2287 2288 <div class="card-body-excerpt">Wonder, discover and play at the Ontario Science Centre!</div> 2289 2290 </div> 2291 </a> 2292 2293 </div> 2294 2295 2296 <div class="wo-event-card d-flex flex-column"> 2297 <a href="https://harbourfrontcentre.com/courses-workshops/bead-embroidery/" class="card h-100 rounded-0" aria-label="Click for details"> 2298 <div class="image-container"> 2299 2300 2301 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/03/Bead-Embroidery-600x400.jpg" alt="Close-up shot of colourful bread embroidery" class="" width="300" /> 2302 <div class="overlay-text"> 2303 <div class="term-tags row gx-0"> 2304 <div class="col-auto tag-one">Art</div> 2305 <div class="col-auto tag-two">Course</div> 2306 </div> 2307 </div> 2308 </div> 2309 <div class="card-body p-3"> 2310 <div class="card-body-date">Sun, Oct 4, 2026 • 1:00pm</div> <h3 aria-hidden="true">Bead Embroidery</h3> 2311 2312 <div class="card-body-excerpt">Explore patterns, textures and colours in this decorative bead embroidery workshop.</div> 2313 2314 </div> 2315 </a> 2316 2317 </div> 2318 2319 2320 <div class="wo-event-card d-flex flex-column"> 2321 <a href="https://harbourfrontcentre.com/event/exhibitions-at-harbourfront/" class="card h-100 rounded-0" aria-label="Click for details"> 2322 <div class="image-container"> 2323 2324 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2325 FREE </div> 2326 2327 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Mapping-Notes-updated-600x400.jpg" alt="" class="" width="300" /> 2328 <div class="overlay-text"> 2329 <div class="term-tags row gx-0"> 2330 <div class="col-auto tag-one">Art</div> 2331 <div class="col-auto tag-two">Exhibitions</div> 2332 </div> 2333 </div> 2334 </div> 2335 <div class="card-body p-3"> 2336 <div class="card-body-date">Every Day • Hours Vary</div> <h3 aria-hidden="true">Exhibitions at Harbourfront</h3> 2337 2338 <div class="card-body-excerpt">Get inspired and visit our bold, thought-provoking art exhibitionsâfree and on view now.</div> 2339 2340 </div> 2341 </a> 2342 2343 </div> 2344 2345 </div> 2346 </div> 2347 2348 <div class="d-flex flex-column"> 2349 <div class="date-label-link"> 2350 <div class="date-label"> 2351 <div class="date-label-date"> 2352 Even More 2353 </div> 2354 </div> 2355 </div> 2356 2357 <div class="wo-event-card d-flex flex-column"> 2358 <a href="https://harbourfrontcentre.com/whats-on" class="card h-100 rounded-0" aria-label="Click for details"> 2359 <div class="card-body last-in-row p-3 d-flex align-items-center justify-content-center"> 2360 <p class="see-everything">Show me everything</p> 2361 </div> 2362 </a> 2363 </div> 2364 </div> 2365 2366 <div class="scroll-arrow right" aria-hidden="true">❯</div> 2367 </div> 2368 </div> 2369 </div> 2370 </div> 2371 </section> 2372 2373 <section id="featured-programming" class="mt-4 mb-5" style="background-color:#E8F7FC;"> 2374 <div class="container-fluid px-3 pb-4"> 2375 2376 <div class="container px-0" style="max-width:1320px;"> 2377 <h2>Featured Programming</h2> 2378 2379 2380 <div class="row d-flex flex-wrap"> 2381 2382 2383 2384 2385 <div class="event-card col-12 col-sm-6 col-xl-4"> 2386 <a href="https://harbourfrontcentre.com/event/sleuth/" class="card h-100 rounded-0" aria-label="Click for details"> 2387 2388 <div class="image-container"> 2389 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/07/Sleuth-updated-600x400.jpg" alt="Two actors on stage holding glasses." class="img-fluid w-100" /> 2390 <div class="overlay-text"> 2391 <div class="term-tags row gx-0"> 2392 <div class="col-auto tag-one">Shaw Festival</div> 2393 <div class="col-auto tag-two">Theatre</div> 2394 </div> 2395 </div> 2396 </div> 2397 2398 <div class="card-body"> 2399 <div class="card-body-date">Fri, Oct 16<span class="rotate-45 mx-2">↑</span>Sun, Nov 1</div> 2400 <h3 aria-hidden="true">Sleuth</h3> 2401 <div class="card-body-excerpt">Experience the Tony Award-winning classic that transformed the modern crime thriller, as part of Shaw Festival at Harbourfront Centre.</div> 2402 </div> 2403 </a> 2404 </div> 2405 2406 2407 2408 <div class="event-card col-12 col-sm-6 col-xl-4"> 2409 <a href="https://harbourfrontcentre.com/event/a-christmas-carol/" class="card h-100 rounded-0" aria-label="Click for details"> 2410 2411 <div class="image-container"> 2412 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/07/A-Christmas-Carol_D1_DC_0448-1800x900-1-600x400.jpg" alt="A stage of people in costumes performing a play" class="img-fluid w-100" /> 2413 <div class="overlay-text"> 2414 <div class="term-tags row gx-0"> 2415 <div class="col-auto tag-one">Shaw Festival</div> 2416 <div class="col-auto tag-two">Theatre</div> 2417 </div> 2418 </div> 2419 </div> 2420 2421 <div class="card-body"> 2422 <div class="card-body-date">
2422Thu, Nov 12<span class="rotate-45 mx-2">↑</span>Wed, Dec 23</div> 2423 <h3 aria-hidden="true">A Christmas Carol</h3> 2424 <div class="card-body-excerpt">Dickens's timeless holiday story of transformation, kindness and human connection, as part of Shaw Festival at Harbourfront Centre.</div> 2425 </div> 2426 </a> 2427 </div> 2428 2429 2430 2431 <div class="event-card col-12 col-sm-6 col-xl-4"> 2432 <a href="https://harbourfrontcentre.com/event/ribbons-of-reconciliation/" class="card h-100 rounded-0" aria-label="Click for details"> 2433 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2434 FREE </div> 2435 2436 <div class="image-container"> 2437 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Marissa-Magneson-1-1-600x400.jpg" alt="An artist holding a bright orange textile material in a studio" class="img-fluid w-100" /> 2438 <div class="overlay-text"> 2439 <div class="term-tags row gx-0"> 2440 <div class="col-auto tag-one">Art</div> 2441 <div class="col-auto tag-two">Installation</div> 2442 </div> 2443 </div> 2444 </div> 2445 2446 <div class="card-body"> 2447 <div class="card-body-date"></div> 2448 <h3 aria-hidden="true">Ribbons of (Re)Conciliation</h3> 2449 <div class="card-body-excerpt">A mixed-media textile installation visualizing the 94 Calls to Action from the Truth and Reconciliation Commission.</div> 2450 </div> 2451 </a> 2452 </div> 2453 2454 2455 2456 <div class="event-card col-12 col-sm-6 col-xl-4"> 2457 <a href="https://harbourfrontcentre.com/series/music-garden-concerts/" class="card h-100 rounded-0" aria-label="Click for details"> 2458 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2459 FREE </div> 2460 2461 <div class="image-container"> 2462 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Music-Garden-Concerts-lead-image-600x400.jpg" alt="Outdoor music garden performance in front of a crowd" class="img-fluid w-100" /> 2463 <div class="overlay-text"> 2464 <div class="term-tags row gx-0"> 2465 <div class="col-auto tag-one">Music</div> 2466 <div class="col-auto tag-two">Concerts</div> 2467 </div> 2468 </div> 2469 </div> 2470 2471 <div class="card-body"> 2472 <div class="card-body-date">On now<span class="rotate-45 mx-2">↑</span>Sun, Oct 4</div> 2473 <h3 aria-hidden="true">Music Garden Concerts</h3> 2474 <div class="card-body-excerpt">Free live music across three weekends, featuring R&B, soul, jazz, folk and modern boogie.</div> 2475 </div> 2476 </a> 2477 </div> 2478 2479 2480 2481 <div class="event-card col-12 col-sm-6 col-xl-4"> 2482 <a href="https://harbourfrontcentre.com/series/public-pier/" class="card h-100 rounded-0" aria-label="Click for details"> 2483 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2484 FREE </div> 2485 2486 <div class="image-container"> 2487 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/09/Public-Pier-lead-image-600x400.jpg" alt="Night time crowd shot with bright lights" class="img-fluid w-100" /> 2488 <div class="overlay-text"> 2489 <div class="term-tags row gx-0"> 2490 <div class="col-auto tag-one">Recreation</div> 2491 <div class="col-auto tag-two">Waterfront Space</div> 2492 </div> 2493 </div> 2494 </div> 2495 2496 <div class="card-body"> 2497 <div class="card-body-date">On now<span class="rotate-45 mx-2">↑</span>Sat, Oct 3</div> 2498 <h3 aria-hidden="true">Public Pier</h3> 2499 <div class="card-body-excerpt">
2499Marina Quay West transforms into a community waterfront hub.</div> 2500 </div> 2501 </a> 2502 </div> 2503 2504 2505 2506 <div class="event-card col-12 col-sm-6 col-xl-4"> 2507 <a href="https://harbourfrontcentre.com/series/toronto-biennial-of-art-2026/" class="card h-100 rounded-0" aria-label="Click for details"> 2508 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2509 FREE </div> 2510 2511 <div class="image-container"> 2512 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/08/Toronto-Biennial-updated-image-600x400.jpg" alt="A window of neon signs" class="img-fluid w-100" /> 2513 <div class="overlay-text"> 2514 <div class="term-tags row gx-0"> 2515 <div class="col-auto tag-one">Art</div> 2516 <div class="col-auto tag-two">City-wide Exhibition</div> 2517 </div> 2518 </div> 2519 </div> 2520 2521 <div class="card-body"> 2522 <div class="card-body-date">On now<span class="rotate-45 mx-2">↑</span>Thu, Dec 31</div> 2523 <h3 aria-hidden="true">Toronto Biennial of Art 2026: Things Fall Apart</h3> 2524 <div class="card-body-excerpt">Harbourfront Centre joins the Toronto Biennial of Art 2026, a city-wide celebration of contemporary art.</div> 2525 </div> 2526 </a> 2527 </div> 2528 2529 2530 2531 <div class="event-card col-12 col-sm-6 col-xl-4"> 2532 <a href="https://harbourfrontcentre.com/program/jumpstart-community-pitch/" class="card h-100 rounded-0" aria-label="Click for details"> 2533 <div class="pricing-filter" style="z-index:2;position: absolute; top: 0.5rem; left: .5rem; padding: 2px 5px; border-radius: 2px; font-weight:bold;font-size:.7rem;background-color:#fff; color:#191919; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);"> 2534 FREE </div> 2535 2536 <div class="image-container"> 2537 <img src="https://harbourfrontcentre.com/wp-content/uploads/2026/05/jumpstart-pitch-upload-2-600x400.jpg" alt="A girl kicking a soccer ball on an outdoor pitch with the CN tower in the background" class="img-fluid w-100" /> 2538 <div class="overlay-text"> 2539 <div class="term-tags row gx-0"> 2540 <div class="col-auto tag-one">Recreation</div> 2541 <div class="col-auto tag-two">Soccer</div> 2542 </div> 2543 </div> 2544 </div> 2545 2546 <div class="card-body"> 2547 <div class="card-body-date"></div> 2548 <h3 aria-hidden="true">Jumpstart Community Pitch</h3> 2549 <div class="card-body-excerpt">An accessible space for kids and families to come together through play. Bookings now open!</div> 2550 </div> 2551 </a> 2552 </div> 2553 2554 2555 2556 <div class="event-card col-12 col-sm-6 col-xl-4"> 2557 <a href="https://harbourfrontcentre.com/series/ontario-science-centre/" class="card h-100 rounded-0" aria-label="Click for details"> 2558 2559 <div class="image-container"> 2560 <img src="https://harbourfrontcentre.com/wp-content/uploads/2024/11/Bones_Kid_R2-rev2
2560-OSC-29-June-600x400.jpg" alt="A young girl playing with a science activity indoors" class="img-fluid w-100" /> 2561 <div class="overlay-text"> 2562 <div class="term-tags row gx-0"> 2563 <div class="col-auto tag-one">Kids</div> 2564 <div class="col-auto tag-two">Immersive Experiences</div> 2565 </div> 2566 </div> 2567 </div> 2568 2569 <div class="card-body"> 2570 <div class="card-body-date">Ongoing</div> 2571 <h3 aria-hidden="true">Ontario Science Centre</h3> 2572 <div class="card-body-excerpt">Wonder, discover and play at the Ontario Science Centre!</div> 2573 </div> 2574 </a> 2575 </div> 2576 2577 2578 2579 <div class="event-card col-12 col-sm-6 col-xl-4"> 2580 <a href="https://harbourfrontcentre.com/series/courses/" class="card h-100 rounded-0" aria-label="Click for details"> 2581 2582 <div class="image-container"> 2583 <img src="https://harbourfrontcentre.com/wp-content/uploads/2023/10/Fix-Introduction-to-Sculptural-Pottery-1-600x400.jpg" alt="intro to sculptural potter" class="img-fluid w-100" /> 2584 <div class="overlay-text"> 2585 <div class="term-tags row gx-0"> 2586 <div class="col-auto tag-one">Art</div> 2587 <div class="col-auto tag-two">Courses & Workshops</div> 2588 </div> 2589 </div> 2590 </div> 2591 2592 <div class="card-body"> 2593 <div class="card-body-date">Ongoing</div> 2594 <h3 aria-hidden="true">Craft & Design Workshops</h3> 2595 <div class="card-body-excerpt">Taught by our Artists-in-Residence, these sessions provide you with the tools for hands-on creative expression.</div> 2596 </div> 2597 </a> 2598 </div> 2599 2600 </div> 2601 2602 2603 </div> 2604 </div> 2605 2606 </section> 2607 2608 <style> 2609 #eat-and-shop a { 2610 text-decoration: none; 2611 } 2612 2613 .food-adbox-title { 2614 font-size: 1.5rem; 2615 line-height: 1.7rem; 2616 font-weight: 700; 2617 letter-spacing: 0.02em; 2618 padding: 0; 2619 color: #000; 2620 } 2621 2622 .food-adbox-copy { 2623 font-weight: normal; 2624 } 2625 2626 .food-adbox-cta { 2627 width: auto; 2628 padding: .375rem .75rem; 2629 background-color: #000; 2630 color: #fff; 2631 font-weight: normal; 2632 border-radius: 0; 2633 display: inline-block; 2634 cursor: pointer; 2635 text-transform: uppercase; 2636 } 2637 2638 #eat-and-shop a:hover .food-adbox-cta { 2639 background-color: #fff; 2640 color: #000; 2641 } 2642 2643 #food-adbox-img { 2644 background: url('https://harbourfrontcentre.com/wp-content/uploads/2025/02/Hot-and-Sweet.jpg'); 2645 background-repeat: no-repeat; 2646 background-size: cover; 2647 background-position: center center; 2648 min-height: 200px; 2649 } 2650 </style> 2651 2652 2653 2654 <section id="eat-and-shop" class="mt-4 mb-0"> 2655 <div class="container-fluid mx-0 px-3"> 2656 <div class="container px-0" style="max-width:1320px;"> 2657 <div class="row gx-3 gy-0"> 2658 2659 <h2 class="col-12 pt-0">On Our Campus</h2> 2660 2661 <div class="col-12 col-md-6 d-flex"> 2662 <div class="event-card col-12 px-0 d-flex"> 2663 <a href="/program/eat-and-shop-harbourfront-centre/" class="card h-100 rounded-0 w-100 text-decoration-none" aria-label="Click for details" style="border:0; overflow:hidden;"> 2664 2665 <div class="image-container position-relative" style="height:300px; overflow:hidden;"> 2666 <div id="foodAdboxCarousel1" class="carousel slide carousel-fade w-100 h-100 position-absolute top-0 start-0" data-bs-ride="carousel" data-bs-interval="4000"> 2667 <div class="carousel-item active h-100"> 2668 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/05/Boxcar-Social.jpg" class="d-block w-100 h-100" alt="Amsterdam Bridge" style="object-fit:cover;"> 2669 </div> 2670 </div> 2671 </div> 2672 2673 <div class="card-body" style="background-color:#E2EEEA; color:#000; padding:1.25rem;"> 2674 2675 <h3 aria-hidden="true" style="color:#000; margin-bottom:1rem;"> 2676 Eat and Shop @ Harbourfront Centre 2677 </h3> 2678 2679 <div class="card-body-excerpt" style="color:#000;"> 2680 Bring your friends, family and appetite for bold flavours, markets and more. 2681 </div> 2682 2683 <div class="mt-3 d-none" style="min-height:1rem; margin-bottom:.5rem; color:#000; font-size:.7rem; opacity:.95;"> 2684 Learn more 2685 </div> 2686 </div> 2687 2688 </a> 2689 </div> 2690 </div> 2691 2692 <div class="col-12 col-md-6 d-flex"> 2693 <div class="event-card col-12 px-0 d-flex"> 2694 <a href="https://createto.ca/projects/amsterdam-bridge-rehabilitation" target="_blank" class="card h-100 rounded-0 w-100 text-decoration-none" aria-label="Click for details" style="border:0; overflow:hidden;"> 2695 2696 <div class="image-container position-relative" style="height:300px; overflow:hidden;"> 2697 <div id="foodAdboxCarousel2" class="carousel slide carousel-fade w-100 h-100 position-absolute top-0 start-0" data-bs-ride="carousel" data-bs-interval="4000"> 2698 <div class="carousel-inner h-100"> 2699 <div class="carousel-item active h-100"> 2700 <img src="https://a-us.storyblok.com/f/1017201/5712x4284/2642412648/amsterdam-2.jpg/m/1080x0/smart" class="d-block w-100 h-100" alt="Amsterdam Bridge" style="object-fit:cover;"> 2701 </div> 2702 </div> 2703 </div> 2704 </div> 2705 2706 <div class="card-body" style="background-color:#E2EEEA; color:#000; padding:1.25rem;"> 2707 2708 <h3 aria-hidden="true" style="color:#000; margin-bottom:1rem;"> 2709 Amsterdam Bridge Rehabilitation 2710 </h3> 2711 2712 <div class="card-body-excerpt" style="color:#000;"> 2713 Our iconic footbridge has been repaired! Learn more about the project at CreateTO. 2714 </div> 2715 2716 <div class="mt-3 d-none" style="min-height:1rem; margin-bottom:.5rem; color:#000; font-size:.7rem; opacity:.95;"> 2717 Learn more 2718 </div> 2719 </div> 2720 2721 </a> 2722 </div> 2723 </div> 2724 2725 </div> 2726 </div> 2727 </div> 2728 </section> 2729 2730 2731 2732 <section id="eat-and-shop" class="mt-4 mb-0 d-none"> 2733 <div class="container-fluid mx-0 px-3"> 2734 <a href="/program/eat-and-shop-harbourfront-centre/"> 2735 <div class="container px-0" style="max-width:1320px;"> 2736 <div class="row d-flex flex-wrap px-0 mx-0 w-100"> 2737 <div class="col-12 col-md-5 p-3 p-md-5" style="background-color: #FDB913; color: #000;"> 2738 <div class="food-adbox-title pt-0 pt-md-3">Eat and Shop <span style="font-size:1.2rem;display:inline-block;padding-bottom:2px;">@</span> Harbourfront Centre</div> 2739 <div class="food-adbox-copy pt-4">Bring your friends, family and appetite for bold flavours, markets and more.</div> 2740 <div class="food-adbox-cta mt-4">Learn more <span class="rotate-45">↑</span></div> 2741 </div> 2742 <div id="food-adbox-img" class="col-12 col-md-7 position-relative overflow-hidden" style="min-height: 300px;"> 2743 <div id="foodAdboxCarousel" class="carousel slide carousel-fade w-100 h-100 position-absolute top-0 start-0" data-bs-ride="carousel" data-bs-interval="4000"> 2744 <div class="carousel-inner h-100"> 2745 2746 <div class="carousel-item h-100 active"> 2747 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/11/amsterdam-brewhouse-2025-800x500.jpg" class="d-block w-100 h-100 object-fit-cover" alt="Amsterdam Brewhouse Waterfront interior"> 2748 </div> 2749 2750 <div class="carousel-item h-100 "> 2751 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/05/Boxcar-Social-800x500.jpg" class="d-block w-100 h-100 object-fit-cover" alt="The interior of a restaurant with tables and chairs"> 2752 </div> 2753 2754 <div class="carousel-item h-100 "> 2755 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/05/queens-harbour-v1-2025-800x500.jpg" class="d-block w-100 h-100 object-fit-cover" alt="Queens Harbour Restaurant rendering"> 2756 </div> 2757 2758 <div class="carousel-item h-100 "> 2759 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/05/Lisas-Ice-Cream-image-800x500.jpg" class="d-block w-100 h-100 object-fit-cover" alt="An exterior shot of Lisa's ice cream store"> 2760 </div> 2761 2762 <div class="carousel-item h-100 "> 2763 <img src="https://harbourfrontcentre.com/wp-content/uploads/2025/10/Bobby-Bermudas-Sunset-Sp
2763ot-800x500.jpg" class="d-block w-100 h-100 object-fit-cover" alt="An outdoor bar called Bobby Bermuda's Sunset Spot"> 2764 </div> 2765 </div> 2766 </div> 2767 </div> 2768 2769 </div> 2770 </div> 2771 </a> 2772 </div> 2773 </section> 2774 2775 <section id="homepage-social"> 2776 <div class="container-fluid px-3"> 2777 <div class="container px-0" style="max-width:1320px;"> 2778 <div class="row d-flex flex-wrap align-items-stretch py-5"> 2779 <div class="col-12"> 2780 <a href="https://www.instagram.com/harbourfrontcentre/" style="color:#000;text-decoration:none;" target="_blank"> 2781 <h2 class="pt-0">Follow Us <img src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/instagram-logo-colour.png" style="height:2rem;padding-bottom:.4rem;padding-left:.5rem;"></h2> 2782 </a> 2783 </div> 2784 <div class="col-12 d-flex align-items-center px-sm-2"> 2785
2785<script src="https://static.elfsight.com/platform/platform.js" async></script>
2785 2786 <div class="elfsight-app-f3f46e5e-51c9-413f-961c-d9df5f99a99e" data-elfsight-app-lazy></div> 2787 </div> 2788 </div> 2789 </div> 2790 </div> 2791 </section> 2792 2793</div> 2794 2795
2796<script> 2797 function equalizeEventCardHeights() { 2798 const cards = document.querySelectorAll(".wo-event-card"); 2799 let maxHeight = 0; 2800 2801 cards.forEach(card => { 2802 card.style.height = 'auto'; 2803 }); 2804 2805 cards.forEach(card => { 2806 if (card.offsetHeight > maxHeight) { 2807 maxHeight = card.offsetHeight; 2808 } 2809 }); 2810 2811 cards.forEach(card => { 2812 card.style.height = maxHeight + 'px'; 2813 }); 2814 } 2815 2816 document.addEventListener("DOMContentLoaded", equalizeEventCardHeights); 2817 window.addEventListener("resize", equalizeEventCardHeights); 2818</script>
2818 2819
2820<script> 2821 document.addEventListener("DOMContentLoaded", function() { 2822 const wrapper = document.querySelector(".scrollable-wrapper"); 2823 if (!wrapper) return; 2824 2825 const row = wrapper.querySelector(".scrollable-row"); 2826 const leftArrow = wrapper.querySelector(".scroll-arrow.left"); 2827 const rightArrow = wrapper.querySelector(".scroll-arrow.right"); 2828 const scrollAmount = 315; 2829 2830 if (!row || !leftArrow || !rightArrow) return; 2831 2832 function updateArrowVisibility() { 2833 const scrollLeft = row.scrollLeft; 2834 const maxScrollLeft = row.scrollWidth - row.clientWidth; 2835 2836 leftArrow.style.display = scrollLeft > 10 ? 'block' : 'none'; 2837 rightArrow.style.display = scrollLeft < maxScrollLeft - 10 ? 'block' : 'none'; 2838 } 2839 2840 leftArrow.addEventListener("click", () => { 2841 row.scrollBy({ 2842 left: -scrollAmount, 2843 behavior: "smooth" 2844 }); 2845 }); 2846 2847 rightArrow.addEventListener("click", () => { 2848 row.scrollBy({ 2849 left: scrollAmount, 2850 behavior: "smooth" 2851 }); 2852 }); 2853 2854 row.addEventListener("scroll", updateArrowVisibility); 2855 updateArrowVisibility(); 2856 }); 2857</script>
2857 2858
2859<script> 2860 document.addEventListener("DOMContentLoaded", function() { 2861 document.querySelectorAll('.modal').forEach((modalEl) => { 2862 modalEl.addEventListener('show.bs.modal', function() { 2863 document.querySelectorAll('.modal.show').forEach((openModal) => { 2864 if (openModal !== modalEl) { 2865 const instance = bootstrap.Modal.getInstance(openModal); 2866 if (instance) instance.hide(); 2867 } 2868 }); 2869 }); 2870 }); 2871 }); 2872</script>
2872 2873 2874 2875<style> 2876 #hc-50-signup { 2877 background-color: #9F8DC3; 2878 background-image: url('/wp-content/themes/bootscore-5-child/img/bg/Email Background Narrow.jpg'); 2879 background-size: cover; 2880 background-repeat: none; 2881 background-position: center; 2882 } 2883 2884 /* Footer Signup Form #15 */ 2885 2886 #hc-50-form { 2887 margin: 0 1.5rem; 2888 } 2889 2890 #hc-50-signup #input_15_1_3, 2891 #hc-50-signup #input_15_2 { 2892 margin-bottom: 1rem; 2893 } 2894 2895 #hc-50-signup .gform_wrapper.gravity-theme .gform_footer { 2896 margin: 0; 2897 padding: .5rem 0; 2898 } 2899 2900 #hc-50-signup #gform_submit_button_15 { 2901 background-color: #000; 2902 color: #fff; 2903 border: 1px solid #000; 2904 border-radius: 0px; 2905 font-weight: 500; 2906 font-size: 1.25rem; 2907 padding: 1rem; 2908 width: 100%; 2909 box-shadow: 0 1px 4px 0 #000; 2910 } 2911 2912 #hc-50-signup #gform_submit_button_15:hover { 2913 background-color: transparent; 2914 color: #fff; 2915 border: 1px solid #fff; 2916 box-shadow: none; 2917 } 2918 2919 2920 2921 #hc-50-signup #field_15_6 { 2922 text-align: center 2923 } 2924 2925 #hc-50-signup #input_15_1_3, 2926 #hc-50-signup #input_15_1_6, 2927 #hc-50-signup #input_15_2 { 2928 background-color: #fff; 2929 border: none; 2930 color: #000; 2931 padding: 1rem; 2932 } 2933 2934 2935 2936 #hc-50-signup #gform_confirmation_message_15 { 2937 text-align: center; 2938 font-size: 1.5rem; 2939 } 2940 2941 @media (min-width: 641px) { 2942 2943 #hc-50-signup #input_15_1_3, 2944 #hc-50-signup #input_15_2 { 2945 margin-bottom: 0; 2946 } 2947 2948 #hc-50-signup .gform_wrapper.gravity-theme .gform_footer { 2949 margin: .5rem 0; 2950 } 2951 2952 } 2953 2954 @media (min-width: 768px) { 2955 2956 #unity-50-copy { 2957 padding-right: 2rem; 2958 } 2959 2960 #unity-50-cta img { 2961 margin-bottom: 0; 2962 } 2963 2964 } 2965 2966 @media (min-width: 992px) { 2967 2968 #hc-50-signup { 2969 background-color: #A8CBDB; 2970 background-image: url('/wp-content/themes/bootscore-5-child/img/bg/Email Background Wide.png'); 2971 background-size: cover; 2972 background-repeat: repeat-y; 2973 background-position: center; 2974 2975 } 2976 2977 } 2978</style> 2979 2980 2981 <aside role="region" aria-label="signup-form" class="signup-section w-100" id="signup" style="border:none !important;margin-top:0 !important;"> 2982 2983 2984 2985 <div class="wf-signup-footer py-5"> 2986 <form method="GET" action="https://pages.wordfly.com/harbourfrontcentre/pages/Subscribe/" target="_blank" class="container d-flex flex-wrap justify-content-between"> 2987 2988 <style> 2989 .wf-signup-footer { 2990 background-color: #55b38c; 2991 color: #000; 2992 border-bottom: 2px solid #55b38c; 2993 } 2994 2995 .custom-button { 2996 /* Remove default styling */ 2997 appearance: none; 2998 background: none; 2999 border: 2px solid #000; 3000 padding: 0; 3001 font: inherit; 3002 color: inherit; 3003 cursor: pointer; 3004 text-align: left; 3005 background-color: #000; 3006 color: #fff; 3007 line-height: 2rem; 3008 } 3009 3010 .custom-button:hover { 3011 outline: none; 3012 3013 } 3014 3015 .custom-button:focus { 3016 outline: auto; 3017 } 3018 3019 3020 .custom-button:hover, 3021 .custom-button:focus { 3022 background-color: #fff; 3023 color: #000; 3024 border: 2px solid #fff; 3025 } 3026 3027 /* Custom styles if needed */ 3028 .custom-button { 3029 line-height: 3rem; 3030 width: 100%; 3031 border-radius: 4px; 3032 text-align: center; 3033 font-size: 1.25rem; 3034 } 3035 3036 3037 3038 .signup-copy { 3039 font-size: 2rem; 3040 font-weight: 700; 3041 line-height: 2.1rem; 3042 margin-bottom: 2.5rem; 3043 } 3044 3045 input.signup-input { 3046 appearance: none; 3047 background-color: #fff; 3048 color: #000; 3049 border: 2px solid #fff; 3050 padding: 0.5rem 1rem; 3051 font-family: inherit; 3052 font-size: inherit; 3053 outline: none; 3054 width: 100%; 3055 height: 100%; 3056 min-height: 3rem; 3057 border-radius: 4px; 3058 font-size: 1.25rem; 3059 } 3060 3061 input.signup-input:focus { 3062 outline: auto; 3063 } 3064 3065 @media (min-width: 992px) { 3066 .signup-copy { 3067 margin-bottom: 0; 3068 } 3069 } 3070 3071 .rotate-90 { 3072 display: inline-block; 3073 transform: rotate(90deg); 3074 } 3075 3076 3077 /* @media (min-width: 768px) { 3078 .button-container button { 3079 width: auto; 3080 } 3081 } */ 3082 </style> 3083 3084 <div class="signup-copy col-12 col-lg-6 d-flex align-items-center"> 3085 <label for="wordfly-email">
3086 <span style="white-space: nowrap;">Subscribe to</span> 3087 <span style="white-space: nowrap;">our newsletter</span> 3088 </label> 3089 </div> 3090 3091 <div class="col-12 col-lg-6 d-flex flex-wrap" style="gap: 1rem;"> 3092 <div class="col-12 col-sm-7"> 3093 <input class="signup-input" type="email" id="wordfly-email" name="email" placeholder="Email" required /> 3094 </div> 3095 <div class="col-12 col-sm-4 button-container d-flex align-items-center flex-grow-1"> 3096 <button class="custom-button" type="submit"> 3097 Sign me up <div class="d-inline-block rotate-90" style="margin-left:.3rem;">↑</div> 3098 </button> 3099 </div> 3100 </div> 3101 </form> 3102 </div> 3103 3104 <!-- <div class="container justify-content-center pt-5 pb-5"> 3105 <h2 class="text-center">Don’t miss updates from us.</h2> 3106 <p class="text-center">Receive updates about events, news and special offers.</p> 3107 3108 3109 </div> --> 3110 </aside> 3111 <!--/ signup form --> 3112 3113 3114 <footer id="footer" aria-label="footer" class="w-100"> 3115 3116 <div class="bootscore-footer bg-dark pt-5 pb-3"> 3117 <nav class="container" aria-label="Site"> 3118 3119 <div class="row p-2"> 3120 3121 <!-- Footer 1 Widget --> 3122 <div class="col-md-6 col-lg-3"> 3123 <div> 3124 <div class="footer_widget mb-4"><h2 class="widget-title h4">Programming</h2><nav class="menu-footer-programming-container" aria-label="Programming"><ul id="menu-footer-programming" class="menu"><li id="menu-item-600" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-600"><a href="https://harbourfrontcentre.com/program/camps/">Camps</a></li> 3125<li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-601"><a href="https://harbourfrontcentre.com/program/craft-design/">Craft & Design</a></li> 3126<li id="menu-item-612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-612"><a href="https://harbourfrontcentre.com/exhibitions/">Exhibitions</a></li> 3127<li id="menu-item-613" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-613"><a href="https://harbourfrontcentre.com/festivals/">Festivals & Series</a></li> 3128<li id="menu-item-602" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-602"><a href="https://harbourfrontcentre.com/program/music/">Music at Harbourfront</a></li> 3129<li id="menu-item-603" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-603"><a href="https://harbourfrontcentre.com/program/performing-arts/">Performing Arts</a></li> 3130<li id="menu-item-606" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-606"><a href="https://harbourfrontcentre.com/program/the-power-plant/">The Power Plant</a></li> 3131<li id="menu-item-604" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-604"><a href="https://harbourfrontcentre.com/program/school-visits/">School Visits</a></li> 3132</ul></nav></div> </div> 3133 </div> 3134 3135 <!-- Footer 2 Widget --> 3136 <div class="col-md-6 col-lg-3"> 3137 <div class="text-white"> 3138 <div class="footer_widget mb-4"><h2 class="widget-title h4">Campus</h2><nav class="menu-footer-campus-container" aria-label="Campus"><ul id="menu-footer-campus" class="menu"><li id="menu-item-1172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1172"><a href="https://harbourfrontcentre.com/land-acknowledgement/">Land Acknowledgement</a></li> 3139<li id="menu-item-23095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23095"><a href="https://harbourfrontcentre.com/plan-your-visit/">Plan Your Visit</a></li> 3140<li id="menu-item-3339" class="menu-item menu-item-type-post_type menu-item-object-program menu-item-3339"><a href="https://harbourfrontcentre.com/program/harbourfront-centre-marine/">Marine/Marinas</a></li> 3141<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="https://harbourfrontcentre.com/venue-rentals/">Venue Rentals</a></li> 3142<li id="menu-item-3364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3364"><a href="https://harbourfrontcentre.com/vendors/">Vendor Opportunities</a></li> 3143<li id="menu-item-8944" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8944"><a href="https://harbourfrontcentre.com/activation-opportunities/">Activation Opportunities</a></li> 3144</ul></nav></div><div class="footer_widget mb-4"><h2 class="widget-title h4">Tickets</h2><nav class="menu-footer-box-office-container" aria-label="Tickets"><ul id="menu-footer-box-office" class="menu"><li id="menu-item-1041" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1041"><a href="https://harbourfrontcentre.com/tickets/">Ticket Information</a></li> 3145</ul></nav></div> </div> 3146 </div> 3147 3148 <!-- Footer 3 Widget --> 3149 <div class="col-md-6 col-lg-3"> 3150 <div> 3151 <div class="footer_widget mb-4"><h2 class="widget-title h4">About Us</h2><nav class="menu-footer-about-container" aria-label="About Us"><ul id="menu-footer-about" class="menu"><li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="https://harbourfrontcentre.com/about-us/">About Us</a></li> 3152<li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://harbourfrontcentre.com/volunteer/">Volunteer</a></li> 3153<li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="https://harbourfrontcentre.com/careers/">Careers</a></li> 3154<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="https://harbourfrontcentre.com/media/">Media</a></li> 3155<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="https://harbourfrontcentre.com/accessibility/">Accessibility</a></li> 3156<li id="menu-item-23555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23555"><a href="https://harbourfrontcentre.com/safety-and-security/">Safety and Security</a></li> 3157<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="https://harbourfrontcentre.com/contact-us/">Contact Us</a></li> 3158<li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-115"><a rel="privacy-policy" href="https://harbourfrontcentre.com/privacy-policy/">Privacy Policy</a></li> 3159</ul></nav></div> </div> 3160 </div> 3161 3162 <!-- Footer 4 Widget --> 3163 <div class="col-md-6 col-lg-3"> 3164 <div> 3165 <div class="footer_widget mb-4"><h2 class="widget-title h4">Support Us</h2><nav class="menu-footer-support-us-container" aria-label="Support Us"><ul id="menu-footer-support-us" class="menu"><li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="https://harbourfrontcentre.com/donate/">Donate Today</a></li> 3166<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="https://harbourfrontcentre.com/corporate-sponsors/">Corporate Partnerships</a></li> 3167</ul></nav></div> </div> 3168 </div> 3169 3170 <!-- Footer Widgets End --> 3171 </div> 3172 </nav> 3173 3174 <div class="container-fluid"> 3175 3176 <div class="row d-flex flex-wrap border-top border-light mt-5 pt-4 justify-content-between"> 3177 3178 <!-- Footer HC Contact --> 3179 <div class="col-auto px-3 mb-3"> 3180 <h2 id="footer-brand"><a class="navbar-brand" href="https://harbourfrontcentre.com"><img src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/img/logo/hc_roundelle_logo_website_bl.svg" alt="Harbourfront homepage" class="logo xs footer-logo"></a></h2> 3181 <address class="my-2 lh-lg" style="font-size:.8rem"> 3182 <p>235 Queens Quay West<br />Toronto ON M5J 2G8<br />(416) 973-4000</p> 3183 <p>© 2026 Harbourfront Centre. All Rights Reserved.<br /> 3184 Charitable Registration Number: 10746 6575 RR0003</p> 3185 </address> 3186 </div> 3187 3188 <style> 3189 .navbar-brand { 3190 font-size: 1.75rem !important; 3191 } 3192 </style> 3193 3194 <!-- Footer Social Media --> 3195 <div class="footer-social d-flex col-auto pl-5 text-end"> 3196 <nav class="footer-social pl-5 w-100 pb-4"> 3197 <a class="navbar-brand" href="https://www.instagram.com/harbourfrontcentre/" aria-label="Instagram"><i class="fab fa-instagram"></i></a> 3198 <a class="navbar-brand" href="https://www.linkedin.com/company/31128/" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 3199 <a class="navbar-brand" href="https://www.youtube.com/user/harbourfrontcentre" aria-label="YouTube"><i class="fab fa-youtube"></i></a> 3200 <a class="navbar-brand" href="https://www.facebook.com/HarbourfrontCentre" aria-label="Facebook"><i class="fab fa-facebook-square"></i></a> 3201 </nav> 3202 3203 </div> 3204 3205 <div class="row border-top mt-4"> 3206 3207 <!-- Footer Partners --> 3208 <div class="container-fluid mt-5 px-3" role="region" aria-label="OurPartners"> 3209<div class="row d-flex flex-wrap justify-content-between"> 3210<div class="col-12"> 3211<h2 id="SitePartners" class=" h6 mx-0 pt-0">Site Partners</h2> 3212<ul class="d-flex flex-row flex-wrap my-3" aria-labelledby="SitePartners"> 3213 <li class="mb-5 col-6 col-md-4 text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2021/08/Government-of-Canada-white.svg" alt="Logo of Canada" /></li> 3214 <li class="mb-5 col-6 col-md-4 text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2022/02/City-of-Toronto-white.svg" alt="City of Toronto logo" /></li> 3215</ul> 3216</div> 3217<div class="col-12 flex-grow-1"> 3218<h2 id="ProgrammingPartners" class="flex-row h6 mx-0 pt-0">Programming Partners</h2> 3219<ul class="d-flex flex-row flex-wrap my-3 justify-content-around" aria-labelledby="ProgrammingPartners"> 3220 <li class="mb-5 col-6 col-md-4 col-lg-auto text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2025/05/Funded-by-Canada-white.svg" alt="Funded by the Government of Canada / Financé par le gouvernement du Canada logo" /></li> 3221 <li class="mb-5 col-6 col-md-4 col-lg-auto text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2022/01/Canad
3221a-Council-Arts-white.svg" alt="Canada Council for the Arts logo" /></li> 3222 <li class="mb-5 col-6 col-md-4 col-lg-auto text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2021/08/Ontario-Arts-Council-white-1.svg" alt="Ontario Arts Council Logo" /></li> 3223 <li class="mb-5 col-6 col-md-4 col-lg-auto text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2021/08/Government-of-Ontario-white.svg" alt="Province of Ontario logo" /></li> 3224 <li class="mb-5 col-6 col-md-4 col-lg-auto text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2022/02/City-of-Toronto-white.svg" alt="City of Toronto logo" /></li> 3225</ul> 3226</div> 3227<div class="col-12"> 3228<h2 id="CorporateSitePartners" class="h6 mx-0 pt-0">Corporate Site Partner</h2> 3229<ul class="d-flex flex-row my-3" aria-labelledby="CorporateSitePartners"> 3230 <li class="mb-5 col-12 text-center"><img class="px-3" src="https://harbourfrontcentre.com/wp-content/uploads/2021/08/Labatt-white.svg" alt="Labatt logo" /></li> 3231</ul> 3232</div> 3233</div> 3234</div> 3235 </div> 3236 </div> 3237 3238 3239 </footer> 3240 3241 <div class="top-button position-fixed zi-3021"> 3242 <a href="#to-top" class="btn btn-primary shadow" aria-label="Go to top of page"><i class="fas fa-chevron-up"></i></a> 3243 </div> 3244 3245 </div><!-- #page --> 3246 3247
3247<script> 3248 document.addEventListener('DOMContentLoaded', function () { 3249 const searchModal = document.getElementById('mainSearch'); 3250 3251 if (searchModal) { 3252 searchModal.addEventListener('hidden.bs.modal', function () { 3253 // Force-remove any leftover backdrops 3254 document.querySelectorAll('.modal-backdrop, .offcanvas-backdrop') 3255 .forEach(el => el.remove()); 3256 3257 // Also remove "modal-open" class from <body> if still stuck 3258 document.body.classList.remove('modal-open'); 3259 }); 3260 } 3261}); 3262</script>
3262 3263 3264
3264<script type="speculationrules"> 3265{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bootscore-5-child/*","/wp-content/themes/bootscore-5/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3266</script>
3266 3267 <!-- Start of Async HubSpot Analytics Code --> 3268
3268<script type="text/javascript"> 3269 (function(d,s,i,r) { 3270 if (d.getElementById(i)){return;} 3271 var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; 3272 n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/21672858.js'; 3273 e.parentNode.insertBefore(n, e); 3274 })(document,"script","hs-analytics",300000); 3275 </script>
3275 3276 <!-- End of Async HubSpot Analytics Code --> 3277
3277<script id="pb-accordion-blocks-frontend-script-js" src="https://harbourfrontcentre.com/wp-content/plugins/accordion-blocks/js/accordion-blocks.min.js?ver=1.5.0"></script>
vendor: 1 bytes, line 3277
3277
3278<script id="baguette-js-js" src="https://harbourfrontcentre.com/wp-content/plugins/bs-gutenberg-gallery-lightbox-main/js/baguetteBox.min.js?ver=1.0"></script>
vendor: 1 bytes, line 3278
3278
3279<script id="custom-js-js" src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5-child/js/custom.js?ver=7.0.5"></script>
vendor: 1 bytes, line 3279
3279
3280<script id="bootstrap-js" src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5/js/lib/bootstrap.bundle.min.js?ver=20151215"></script>
vendor: 1 bytes, line 3280
3280
3281<script defer id="bootscore-script-js" src="https://harbourfrontcentre.com/wp-content/themes/bootscore-5/js/theme.js?ver=1668636852"></script>
3281 3282
3282<script type="text/javascript"> 3283 /* <![CDATA[ */ 3284 document.querySelectorAll("ul.nav-menu").forEach( 3285 ulist => { 3286 if (ulist.querySelectorAll("li").length == 0) { 3287 ulist.style.display = "none"; 3288 3289 } 3290 } 3291 ); 3292 /* ]]> */ 3293 </script>
3293 3294
3294<script id="wp-emoji-settings" type="application/json"> 3295{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://harbourfrontcentre.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.5"}} 3296</script>
vendor: 1 bytes, line 3296
3296
3297<script type="module"> 3298/*! This file is auto-generated */ 3299var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 3300//# sourceURL=https://harbourfrontcentre.com/wp-includes/js/wp-emoji-loader.min.js 3301</script>
3301 3302 <!-- Start of HubSpot Embed Code --> 3303
3303<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/21672858.js"></script>
3303 3304 <!-- End of HubSpot Embed Code --> 3305 3306 <!-- Bootstrap JavaScript library --> 3307
3307<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
3307 3308 3309
3309<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43adcb15fc8127b',t:'MTc5MDg1MTM2MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3309</body> 3310 3311 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.