{% if (categories) %}
	<div class="ocmp-list-group blog-group">
		<h3>{{ heading_title }}</h3>
		<div class="blog-content">
			{% for category in categories %} 
					{% if (category['blog_category_id'] == category_id) %} 
						<a class="ocmp-list-group-item active parent" href="{{ category['href'] }}">{{ category['name'] }}</a>
					{% else %} 
						<a class="ocmp-list-group-item parent" href="{{ category['href'] }}">{{ category['name'] }}</a>
					{% endif %} 	
				{% if (category['children']) %} 
					{% for child in category['children'] %} 
						{% if (child['blog_category_id'] == category_id) %} 
							<a class="ocmp-list-group-item active child" href="{{ child['href'] }}">{{ child['name'] }}</a>
						{% else %} 
							<a class="ocmp-list-group-item child" href="{{ child['href'] }}">{{ child['name'] }}</a>
						{% endif %}	
					{% endfor %} 
				{% endif %} 
			{% endfor %} 
		</div>	
	</div>
{% endif %} 
<style type="text/css">
.blog-group{background:#ffffff;}
.blog-content{ padding:0;}
.ocmp-list-group .ocmp-list-group-item{
    display: block;
    padding: 10px 0px;
    font-size: 13px;
    border-bottom: 1px solid #efefef;
}
.ocmp-list-group .ocmp-list-group-item:last-child{ border-bottom:0;}
.ocmp-list-group a.ocmp-list-group-item{
	{% if (blog_manager_alternative_link_color) %} 
	color: {{ blog_manager_alternative_link_color }};
	{% else %} {{ 'color:#62bf7c;' }} {% endif %} 
}
.ocmp-list-group a:hover{
	{% if (blog_manager_alternative_hover_color) %} 
	color: {{ blog_manager_alternative_hover_color }};
	{% else %} {{ 'color:#686868;' }} {% endif %} 
}
</style>