{% block html_head_container %}
{% include 'components/head.twig' %}
	{% block head %}
	{% endblock %}
	</head>
{% endblock %}
	<body class="{{body_class}}">
        {{function('wp_body_open')}}
		<a class="skip-link hide-item hide-item--show-on-focus" href="#content">{{ _e( 'Skip to content') }}</a>
        {% if header_variation %}
        	{% include '@components/Header/header.twig' ignore missing %}
        {% else %}
        <header class="header" >
			{% block header %}
				<div class="container wrapper">
					<h1 class="hdr-logo">
						<a class="hdr-logo-link" href="{{site.url}}" rel="home">{{site.name}}</a>
					</h1>
					<nav id="nav-main" class="nav-main">
						{% include "components/menu.twig" with {'items': menu.get_items} %}
					</nav><!-- #nav -->
				</div>
			{% endblock %}
		</header>
		{% endif %}

		<main id="content">
			<div class="wrapper {{sidebar_class}}">
				{% block content %}
					Sorry, no content
				{% endblock %}
			</div>
			{% if sidebar %}
				<aside class="layout-sidebar">
					{{sidebar}}
				</aside>
			{% endif %}
		</main>

		{% block footer %}
			<footer class="footer">
				{% include '@components/Footer/footer.twig' ignore missing %}
			</footer>
			{{ function('wp_footer') }}
		{% endblock %}
	</body>
</html>
