{% extends 'base_template.html.twig' %}

{% block stylesheets %}
	{{ parent() }} 

		#breadcrumb
		{
			padding-left:5%;
			background-color:red;
			margin-top:0px;
			display:flex;
			flex-direction:row;
        	height:50px;
        	align-items:center;
		}
		
		#breadcrumb ul
		{
			list-style-type:none;
			display:flex;
			flex-direction:row;
			height:100%;
			align-items:center;
		}
		
		#breadcrumb ul li
		{
			display:flex;
			flex-direction:row;
			height:100%;
			align-items:center;
			margin-right:10px;
		}
		
        #breadcrumb a
        {
        	margin:5px;
        	text-decoration: none;
        }
        
	
		#breadcrumb a:visited
		{
			color:blue;
		}
		
		h1
		{
			width:100%;
			text-align:center;
			text-transform:capitalize;
		}

{% endblock %}

{% block main_content %}

	<div id="breadcrumb">
		<ul>
	{% block breadcrumb %}
	{% endblock %}
		</ul>
	</div>
	
	{% block content %}

	{% endblock %}

{% endblock %}

{% block javascript %}
	{{ parent() }}
{% endblock %}