<main class="">

	<section class="relative pt-16 pb-32 outer-container">

		<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 mb-32 -mt-32 outer-container">

			<div class="container flex flex-wrap items-start justify-between">

				<article class="w-full lg:w-7/12" 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 %}

						{% include 'partials/contentBlocks' with { contentBlocks: entry.contentBlocks } %}

					{% endblock %}
				</article>

				<aside class="px-12 pt-10 pb-8 mt-16 text-gray-800 bg-white rounded-lg shadow-lg lg:mt-0 md:w-full lg:w-4/12 lg:sticky top-4">
					{% block aside %}

						{% set parent = parent is defined ? parent : entry.parent|default(entry) %}
						{% set pages = pages is defined ? pages : parent.children.all()|default([]) %}
						{% set isTopLevel = entry.id == parent.id %}

						{% if entry.hasDescendants and not isTopLevel %}
							{% set pages = entry.getChildren().all()|default([]) %}

						{% elseif entry.section.handle in ["miscPages"] %}
							{% set pages = craft.entries.section("miscPages").all()|default([]) %}

						{% endif %}

						<nav class="internal__subnav">
							{% include "partials/sideMenu" with {
								self: {
									headingText: not isTopLevel ? parent.title,
									headingUrl: not isTopLevel ? parent.url,
									pages: pages,
								}
							} %}
						</nav>

					{% endblock %}
				</aside>

			</div>

		</section>
	{% endblock %}

</main>
