{% extends "base.twig" %}

{% block content %}
	<article class="post-type-{{post.post_type}} article-content" id="post-{{post.ID}}">
		
		{% include "parts/page-thumbnail.twig" %}

		<div class="article-body">
			{% block main_container %}
				{{post.content}}
			{% endblock %}


		</div>
	</article>
{% endblock %}

{% block after_body_wrapper %}

{% if post.cmb_service_group or post.cmb_service_box_bottom_content %}
<div class="wrapper">
	<div id="subpage_service_boxes_container">
		{% if post.cmb_service_group %}
		{# <!-- Palstat --> #}
				{% for service_box in post.cmb_service_group %}
				{% if service_box.cmb_service_box_image or service_box.cmb_service_box_content %}
					<div class="half-lifts-content row no-margin flex flex-stretch flex-grow">
						<div class="col-xs-24 col-l-12 image-col no-margin-bottom relative">
							<div class="image-container relative" style="background-image: url('{% if service_box.cmb_service_box_image %}{{service_box.cmb_service_box_image|image}}{% else %}{{ theme.link }}/assets/img/placeholder.png{% endif %}');">
							<div class="background-image-overlay"></div>
							{% if service_box.cmb_service_box_link %}
							<div class="button-container from-l"><a class="link-button" href="{{service_box.cmb_service_box_link}}">{{service_box.cmb_service_box_link_text}}</a></div>
							{% endif %}
							</div>
						</div>
						<div class="col-xs-24 col-l-12 content-col no-margin-bottom flex flex-middle">
							<div class="content-container">
								{{service_box.cmb_service_box_content|wysiwyg}}
								{% if service_box.cmb_service_box_link %}
								<div class="button-container to-l"><a class="link-button" href="{{service_box.cmb_service_box_link}}">{{service_box.cmb_service_box_link_text}}</a></div>
								{% endif %}
							</div>
						</div>
					</div>
					{% endif %}
				{% endfor %}
		{% endif %}
		{% if post.cmb_service_box_bottom_content %}
			{{ post.cmb_service_box_bottom_content|wysiwyg }}
		{% endif %}
	</div>
</div>
{% endif %}


{% endblock %}