{% if (blogs) %} 
<div class="blog-group latest-blog">
	<h3>{{ heading_title }}</h3>
	<div class="blog-content">
		{% for blog in blogs %} 
			<div class="item-inner"> 
				<div class="images-container">
					<a href="{{ blog['href'] }}"><img src="{{ blog['image'] }}" alt="{{ blog['name'] }}" class="img-responsive img-radius" title="{{ blog['name'] }}" /></a>
				</div>	
				<div class="des-container">
					<div class="title"><a href="{{ blog['href'] }}">{{ blog['name'] }}</a></div>
					<div class="date-author"><i class="fa fa-calendar"></i> &nbsp;{{ blog['date_published'] }}</div>
				</div>
			</div>	
		{% endfor %} 
	</div>	
</div>
<style type="text/css">
.latest-blog .item-inner a{
	{% if (blog_manager_alternative_link_color) %} 
	color: {{ blog_manager_alternative_link_color }};
	{% else %} {{ 'color:#62bf7c;' }} {% endif %} 
}
.latest-blog .item-inner a:hover{
	{% if (blog_manager_alternative_hover_color) %} 
	color: {{ blog_manager_alternative_hover_color }};
	{% else %} {{ 'color:#686868;' }} {% endif %} 
}

.item-inner{
	display: inline-block; 
    width: 100%; 
    margin-bottom: 5px;
	{% if (blog_manager_alternative_text_color) %} 
	color: {{ blog_manager_alternative_text_color }};
	{% else %} {{ 'color:#686868;' }} {% endif %} 
}
.images-container{
	width: 65px;
    float: left;
}
.des-container{
	margin-left: 75px;
    margin-top: 0;
    text-align: left;
}
</style>
{% endif %}