{{{ if (brand:logo || (config.showSiteTitle || widgets.brand-header.length)) }}}
<div class="container-lg px-md-4 brand-container">
	<div class="westgate-brand-hero">
		<div class="westgate-brand-hero__veil"></div>
		<div class="d-flex westgate-brand-hero__inner justify-content-start">
			{{{ if config.showSiteTitle }}}
			<div component="brand/wrapper" class="d-flex align-items-center justify-content-start align-content-stretch westgate-brand-hero__brand">
				<a component="siteTitle" class="align-self-stretch align-items-center d-flex justify-content-start westgate-brand-hero__title-shell" href="{{{ if title:url }}}{title:url}{{{ else }}}{relative_path}/{{{ end }}}">
					<span class="westgate-brand-hero__title-block">
						<h1 class="fs-6 fw-bold text-body mb-0">{config.siteTitle}</h1>
						<span class="westgate-brand-hero__subtitle">Forums</span>
					</span>
				</a>
			</div>
			{{{ end }}}
			{{{ if widgets.brand-header.length }}}
			<div data-widget-area="brand-header" class="flex-fill gap-3 align-self-center westgate-brand-hero__widgets">
				{{{each widgets.brand-header}}}
				{{./html}}
				{{{end}}}
			</div>
			{{{ end }}}
		</div>
	</div>
</div>
{{{ end }}}