PageSourceSearch

https://harbourfrontcentre.com/

html harbourfrontcentre.com collected 2026-10-01 10:42:42 UTC 227,592 bytes, 3,311 lines download raw bytes

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 &raquo; Feed" href="https://harbourfrontcentre.com/feed/" />
70<link rel="alternate" type="application/rss+xml" title="Harbourfront Centre &raquo; 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&#038;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 &amp; 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 &amp 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">&#8593;</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">&#8593;</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">&#8593;</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">&#8593;</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 &amp; 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 &amp; 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 &amp 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&nbsp;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&nbsp;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&rsquo;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">&#8593;</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&rsquo;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">&#8593;</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&ndash;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">&#10094;</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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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 &bull; 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&amp;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 &bull; 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 &bull; 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 &bull; 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 &bull; 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">&#10095;</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">&#8593;</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">&#8593;</span>Wed, Dec 23</div>
2423                                            <h3 aria-hidden="true">A Christmas Carol</h3>
2424                                                                                                                                        <div class="card-body-excerpt">Dickens&#039;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">&#8593;</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&amp;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">&#8593;</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">&#8593;</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 &amp; 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 &amp; 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&nbsp;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">&#8593;</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&#039;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&#039;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;">&#8593;</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&rsquo;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 &#038; 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 &amp; 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>&copy; 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.