{% if COSMOSBANNER_SELECT %}
<div class="cosmos-header">
	{% if COSMOSBANNER_MOON %}
	<div id="moon">
		<a href="https://www.calendrier-lunaire.net/" target="_blank"><img id="phase" alt="{{ lang('MOON_ALT') }}" title="{{ lang('MOON_TITLE') }}"></a>
	</div>
	{% endif %}
	{% if COSMOSBANNER_SUN %}
	<div id="current_sunspot">
		<a href="https://sohowww.nascom.nasa.gov/sunspots/" target="_blank"><img id="cosmos-sunspots" alt="{{ lang('SUNSPOT_ALT') }}" title="{{ lang('SUNSPOT_TITLE') }}"></a>
	</div>
	{% endif %}
	{% if S_DISPLAY_SEARCH and COSMOSBANNER_SEARCH in [1, 2, 3, 4, 7] and COSMOSBANNER_SELECT %}
	<div id="search-overlay" class="cosmosbanner-search-{{ COSMOSBANNER_SEARCH }}">
		<div class="search-box responsive-hide">
			{% INCLUDE 'navbarsearch.html' %}
		</div>
	</div>
	{% endif %}
	{% if COSMOSBANNER_LOGO %}
	<a id="cosmosbanner_logo" class="logo" href="{{ U_SITE_HOME ? U_SITE_HOME : U_INDEX }}" title="{{ U_SITE_HOME ? lang('SITE_HOME') : lang('INDEX') }}"><span class="site_logo"></span></a>
	{% endif %}
	<div class="cosmos-banner">
		<a href="{{ U_SITE_HOME ? U_SITE_HOME : U_INDEX }}" title="{{ U_SITE_HOME ? lang('SITE_HOME') : lang('INDEX') }}"><img class="cosmos-banner" src="{{ COSMOSBANNER }}" alt="{{ lang('INDEX') }}"></a>
	</div>
	{% if COSMOSBANNER_MOBILE %}
	<div class="mobile-cosmos-banner">
		<a href="{{ U_SITE_HOME ? U_SITE_HOME : U_INDEX }}" title="{{ U_SITE_HOME ? lang('SITE_HOME') : lang('INDEX') }}"><img class="mobile-cosmos-banner" src="{{ COSMOSBANNER_RESPONSIVE }}" alt="{{ lang('INDEX') }}"></a>
	</div>
	{% endif %}
</div>
{% endif %}