<?php
/**
 * The template for displaying the header
 *
 * Displays all of the head element and everything up until the "container" div.
 *
 * @package Biofriction
 * @since Biofriction 1.0.0
 */

?>
<!doctype html>
<html class="no-js" <?php language_attributes(); ?> >
	<head>
		<meta charset="<?php bloginfo( 'charset' ); ?>" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<?php wp_head(); ?>
	</head>
	<body <?php body_class(); ?>>

  <?php get_template_part( 'template-parts/mobile-off-canvas' ); ?>
	<header class="site-header-container">
		<content class="site-header-grid grid-x align-justify align-middle" role="banner">
			<div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-12 large-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
			<div class="site-name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></div>
			<div class="site-description"><h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2></div>
			<nav class="site-center-top-nav small-12 medium-6 grid-x align-center">
				<?php foundationpress_top_bar_c(); ?>
			</nav>
			<nav class="site-top-nav menu small-12 medium-6 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
		</content>

		    <?php if (is_category('peephole') || is_tag() ) : ?>
		<aside class="bfr_category_tags">
			<h6 class="button primary hollow">#tags</h6>
			<div class="bfr_all_tags bfr_toogled_tags">
		    <?php wp_tag_cloud( 'unit=rem&smallest=1&largest=1&number=0&orderby=name' ); ?>
      </div>
		</aside>
			  <?php endif; ?>

	</header>