{% if not page %}
	{% set blog_style_temp = 'style'|get_path_param %}
	{% if blog_style_temp %}
		{% set blog_style = blog_style_temp %}
	{% endif %}
	{% if blog_style is empty %}
		{% set blog_style = 'sidebar_right' %}
	{% endif %}
	{% if blog_style == 'grid' %}
	<div class="col-md-4 col-sm-6 col-xs-12 margin-bottom">
		<img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_600x370') }}" alt="{{ node.title.value }}" class="img-responsive" />
		<div class="section-light padding-top-2 padding-right-3 padding-bottom-3 padding-left-3">
		<h5 class="font-weight-7 uppercase less-mar-4"><a href="#" class="dark-primary">{{ node.title.value }}</a></h5>
		<span class="small"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span class="small"><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span>
		<p class="margin-top-1 margin-bottom-2">{{ node.body.summary|trim_text(100) }}</p>
		<a class="btn btn-dark-3 btn-small uppercase" href="{{ path('entity.node.canonical', {'node': node.id}) }}">{{ 'Read More'|t }}</a>
		</div>
	</div>
	<!--end col-->
	{% elseif blog_style == 'standard' %}
	<div class="col-md-6 col-sm-6 col-xs-12 margin-bottom">
		<h3 class="font-weight-7 less-mar-4"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}" class="dark-primary">{{ node.title.value }}</a></h3>
		<span class="small"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span class="small"><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span>
		<div class="clearfix margin-bottom-2"></div>
		<img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_600x370') }}" alt="{{ node.title.value }}" class="img-responsive" />
		<p class="margin-top-2 margin-bottom-1">{{ node.body.summary|trim_text(150) }}</p>
		<a class="small primary uppercase font-weight-6" href="{{ path('entity.node.canonical', {'node': node.id}) }}">{{ 'Read More'|t }} &nbsp;<i class="fa fa-caret-right" aria-hidden="true"></i></a>
	</div>
	<!--end col-->
	{% elseif blog_style == 'classic' %}
	<div class="col-md-6 col-sm-6 col-xs-12 margin-bottom">
        <img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_600x370') }}" alt="{{ node.title.value }}" class="img-responsive margin-bottom-2"/>
        <h5 class="font-weight-5 less-mar-4"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}" class="dark-primary">{{ node.title.value }}</a></h5>
        <span class="small"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span class="small"><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span>
        <p class="margin-top-1 margin-bottom-1">{{ node.body.summary|trim_text(150) }} <a class="small primary" href="{{ path('entity.node.canonical', {'node': node.id}) }}">{{ 'Read More'|t }} &nbsp;<i class="fa fa-caret-right" aria-hidden="true"></i></a></p>
    </div><!--end col-->
    {% elseif blog_style == 'big_text' %}
	<div class="col-md-12 col-sm-12 col-xs-12 margin-bottom">
		<h1 class="big-text font-weight-7 less3"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}" class="dark-primary">{{ node.title.value }}</a></h1>
		<div class="clearfix margin-bottom-2"></div>
		<span><a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span> &nbsp; <span>{{ node.getCreatedTime|date('d F y') }}</span>
		<div class="clearfix margin-bottom-4"></div>
		<div class="text-left less5"><img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_1000x468') }}" alt="{{ node.title.value }}" class="img-responsive"/>
		<p class="margin-top-3 margin-bottom-1">{{ node.body.summary }}</p></div>
	</div><!--end col-->
	{% else %}
	<div class="col-md-12 col-sm-12 col-xs-12 margin-bottom">
        <img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_900x550') }}" alt="{{ node.title.value }}" class="img-responsive margin-bottom-2">
        <h4 class="font-weight-5 less-mar-4"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}" class="dark-primary">{{ node.title.value }}</a></h4>
        <span class="small"><a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span class="small"><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span>
        <p class="margin-top-2 margin-bottom-1">{{ node.body.summary }} <a class="small primary" href="{{ path('entity.node.canonical', {'node': node.id}) }}">{{ 'Read More'|t }} &nbsp;<i class="fa fa-caret-right" aria-hidden="true"></i></a></p>
    </div><!--end col-->
	{% endif %}
{% else %}
	<div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12 margin-bottom">
	        <img src="{{ node.field_image.0.entity.fileuri|image_style_url('image_900x550') }}" alt="{{ node.title.value }}" class="img-responsive margin-bottom-2">
	        <span class="small"><span><i class="fa fa-calendar"></i> {{ node.getCreatedTime|date('F d, Y') }}</span> &nbsp; <a href="{{ path('entity.node.canonical', {'node': node.id}) }}"><i class="fa fa-comments-o"></i> {{ node.comment.comment_count }} {{ 'Comments'|t }}</a></span> &nbsp; <span class="small"><i class="fa fa-folder"></i> {{ content.field_categories|render|strip_tags('<a>')|raw }}</span>
	        <div class="margin-top-2 margin-bottom-1">
	        	{{ content.body }}
	        </div>
	        <div class="margin-bottom-2"><strong>{{ 'Tags'|t }}</strong>:&nbsp;{{ content.field_tags }}</div>
	        <div class="margin-bottom-2">
				<p>{{ 'Share This Article'|t }}</p>
				<ul class="social-icons h-anim-rotate socila-sm">
					<li class="hover-facebook">
						<a href="https://www.facebook.com/sharer/sharer.php?u={{ url('<current>') }}" target="_blank">
							<i class="fa fa-facebook" aria-hidden="true"></i>
						</a>
					</li>
					<li class="hover-twitter">
						<a href="https://twitter.com/home?status={{ url('<current>') }}" target="_blank">
							<i class="fa fa-twitter" aria-hidden="true"></i>
						</a>
					</li>
					<li class="hover-linkedin">
						<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ url('<current>') }}&title={{ product.title['#object'].title.value }}&summary={{ product.body|render|strip_tags|trim_text(100) }}&source=" target="_blank">
							<i class="fa fa-linkedin" aria-hidden="true"></i>
						</a>
					</li>
					<li class="hover-google-plus">
						<a href="https://plus.google.com/share?url={{ url('<current>') }}" target="_blank">
							<i class="fa fa-google-plus" aria-hidden="true"></i>
						</a>
					</li>
				</ul>
	        </div>
	    </div><!--end col-->
	    <!-- Comments -->
		{{ content.comment }}
	</div>
{% endif %}