{% extends app.request.isXmlHttpRequest ? '::baseAjax.html.twig' : app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':Search/BrowseCategory/browseCategoryLayout.html.twig' %}

{% block bread_crumb_after_home %}
	<li>{{ 'All Products'|trans({},"app") }}</li>
{% endblock bread_crumb_after_home %}

{% block category_listing_title %}{{ 'category_listing'| trans({},"app") }}{% endblock category_listing_title %}

{% use 'OfficeBrainSearchBundle:BrowseCategory:Banner/browseCategory.html.twig' %}
{% block category_top_banner %}{{ parent() }}{% endblock category_top_banner %}

{% block category_list_left_panel %}
	{% include 'OfficeBrainSearchBundle:BrowseCategory:browseCategoryListLeftPanel.html.twig' with {'category_list':parent_category_list, 'category_list_title':'parent_category'|trans({}, 'app')} %}
{% endblock category_list_left_panel %}

{% use 'OfficeBrainSearchBundle:BrowseCategory:Banner/browseCategoryLeftPanel.html.twig' %}
{% block category_left_banner %}{{ parent() }}{% endblock category_left_banner %}

{% block category_listing %}
	{% block ajax_body %}
		{% for category_list in  parent_category_list %}
	        {% if category_list.parent_id == 0 %}
	        	{% if category_list.status is defined and  category_list.status == "Active" %}
	            {% include ob_project_instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':Search/BrowseCategory/browseCategoryListRawLayout.html.twig' %}
	            {% endif %}
	        {% endif %}
	    {% endfor %}
	{% endblock ajax_body %}
	<style>
	.item-title.product-cat-title .category-text{
		    font-size: 14px
	}
	.blog-project {
	    background-color: #054365;
	    color: #fff;
	    margin-top: 30px;
	}
	.blog-project-inner {
	    display: flex;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 20px 0;
	}
	.blog-project figure {
    margin: 7px 37px 0 0;
    width: 274px;
    height: 156px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
	}
	.blog-project figure img {
    	vertical-align: middle;
	}

	.blog-project-text {
	    position: absolute;
	    width: 274px;
	    height: 156px;
	    top: 0;
	    left: 0;
	    background: rgba(45, 45, 45, .64);
	    font-size: 21px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    padding: 0 10px;
	    line-height: 1.2;
	}
	.blog-project-text p {
    	margin: 0;
	    color: #fff;
	    font-size: 17px;
	    line-height: 25px;
	    font-weight: bold;
	}
	.blog-project b {
    	 font-weight: bold;
	}

	.blog-project-title {
    	font-size: 15px;
    	line-height: 1;
	}

	.blog-project ul {
	    list-style-type: none;
	    padding: 0;
	    font-size: 14px;
	    max-width: 450px;
	    padding-right: 45px;
	}
	.blog-project li {
    	margin-top: 15px;
    	list-style: disc;
	}
	.blog-project li a {
    	color: #fff;
    	text-decoration: none;
	}
	</style>
{% endblock category_listing %}