{# BLOCK Timeline #}
{% import 'blocks\\settings.default.html.twig' as styles %}
    {% set sectionClasses = 'block-33-timeline' %}
	{% if settings.extra_class|default %}
		{% set sectionClasses = sectionClasses ~ ' ' ~ settings.extra_class|default %}
	{% endif %}
	<section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="{{ sectionClasses }}" >
		<div class="container">
			<div class="row timeline">
				<div class="col-12 {% if (settings.offset|default) %}col-md-8 offset-md-2{% endif %}">
					<div class="slick-carousel" >
						{% for item in repeatable %}
							<div class="item">
								<div class="item_date">{{item.item_date|default|raw}}</div>
								<div class="item_line"></div>
								<div class="item_title">{{item.item_title|default|raw}}</div>
                                {% if item.item_image|default %}
                                    <img class="item_image" src="{{ item.item_image|imagine_filter('timeline')|urldecode }}" title="{{ item.item_image_title|default}}" alt="{{ item.item_image_alt|default}}">
                                {% endif %}
								<div class="item_text">{{item.item_text|default|raw}}</div>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</section>
{# @END BLOCK Timeline #}