{% set source = top.header.media_thumbnail %}
{% if source != null%}
		{% set info = "url('"~top.url~"\/"~source~"')" %}
{% else %}
	{% set info = null %}
{% endif %}
{% set color = top.header.color %}
{% switch color %}
{% case "blue" %}
	{% set c1 = "rgba(59,109,125,1)" %}
	{% set c2 = "rgba(59,109,125,0)" %}
{% case "green" %}
	{% set c1 = "rgba(116,162,111,1)" %}
	{% set c2 = "rgba(116,162,111,0)" %}
{% case "red" %}
	{% set c1 = "rgba(216,98,100,1)" %}
	{% set c2 = "rgba(216,98,100,0)" %}
{% endswitch %}
		
		<div class="columns small-12 art_head">
				{% if page.template == "home" %}
				    <a style="background:{{ info }} {{c1}}" href="{{ top.url }}"> 
				    <div class="row align-bottom">
			 	{% else %}
					{# <a style="background:{{ info }} {{c1}}">  #}
					<div style="background:{{ info }} {{c1}}" class="row align-bottom">
				{% endif %}
			    
			    		<div style="z-index:0;background:linear-gradient(to right, {{c1}},{{c2}});" class=" cover_top"></div>
			    		{% if page.template == "home" %}
				        	<div  class="columns medium-8 medium-offset-2 small-8 small-offset-1 align-self-bottom info_top top_home">
				        {% else %}
							<div  class="columns medium-8 medium-offset-2 small-8 small-offset-1 align-self-bottom info_top">
						{% endif %}
								           
				            <span class="tag pinky" style="background:{{c1}}" ><span>{{ top.header.taxonomy.category|first }}</span></span>
				            <br>
				             <mark>{{ top.title }}</mark>
				             <br>
				             {% if page.template == "home" %}
					            {% if top.header.dlp != "" %}
					            	<span class="date" >{{ top.header.dlp }}</span>
					            {% else %}
					            	<span class="date" >
					            	{{top.header.date|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(top.header.date|date('n') - 1)}} {{top.header.date|date('Y')}}
					            	</span>
					            {% endif %}
				            {% endif %}

				    	</div>

			    	</div>
			    	{% if page.template == "home" %}
				    	</a>
			 		{% endif %}
					
		</div>