<main class="outer-container">

	{# <section class="relative pt-16 pb-32 bg-white">

		<div class="container relative mx-auto mb-8">
			<div class="text-gray-500">

				{% block breadcrumbs %}
					{% include 'partials/breadcrumbs' with { crumbs: seomatic.jsonLd.get('breadcrumbList').itemListElement|default } %}
				{% endblock %}

			</div>
		</div>

		<div class="container relative flex items-center mx-auto mb-12">
			<h1 class="h1">{{ entry.title }}</h1>
		</div>

	</section> #}

	{% block internal %}
		<section class="relative pb-32 bg-white">

			<div class="container">

				<article class="w-full" id="main-content"{# for skip-to-content button #}>
					{% block featureImage %}
						{% import "macros/images" as imageMacros %}

						{% if entry.featureImage|default %}
							<div class="relative mb-12 overflow-hidden rounded-lg pb-2/5">
								{{ imageMacros.imagerSrcset(
									entry.featureImage[0],
									'internalBanner',
									{ classes: "absolute h-full w-full", isBackground: true })
								}}
							</div>
						{% endif %}
					{% endblock %}
					{% block article %}

						{% block breadcrumbs %}
							<div class="mb-10 lg:mb-20" data-swiftype-index="false">
								{% include "partials/breadcrumbs" with { crumbs: seomatic.jsonLd.get('breadcrumbList').itemListElement|default } %}
							</div>
						{% endblock %}
						{% include 'partials/contentBlocks' with { contentBlocks: entry.contentBlocks } %}

					{% endblock %}
				</article>

			</div>

		</section>
	{% endblock %}

</main>
