{% block html_head_container %}
    {% include 'structure/html-header.twig' %}
    {% block head %}
    {% endblock %}
    </head>
{% endblock %}
<body class="{{body_class}}">
	<div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{{ fb_lang|default('en_GB')}}/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
	<div class="off-canvas-wrapper">
		<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
			{% include 'components/structure/off-canvas.twig' %}
			<div class="off-canvas-content" data-off-canvas-content>
				{% include 'components/structure/header.twig' %}
				<div id="main-content" class="container">
					{% block content %}
					{% endblock %}
				</div>
			</div>
		</div>
	</div>
	{% block footer %}
		{% include 'components/structure/footer.twig' %}
		{{function('wp_footer')}}
	{% endblock %}
</body>
</html>