<?php
/**
 * Template part for displaying header layout v5.
 *
 * @package Sober
 */
?>

<div class="row">
	<div class="mobile-nav-toggle col-xs-3 col-sm-3 col-md-3 hidden-lg">
		<span class="toggle-nav" data-target="mobile-menu"><span class="icon-nav"></span></span>
	</div>

	<div class="site-branding col-xs-6 col-sm-6 col-md-6 col-lg-12">
		<?php get_template_part( 'template-parts/logo' ); ?>
	</div><!-- .site-branding -->

	<div class="header-icon header-icon-left col-lg-3 hidden-xs hidden-sm hidden-md">
		<ul class="menu-icon">
			<?php sober_header_icons( 'v5', 'left' ) ?>
		</ul>
	</div><!-- .header-icon -->

	<nav id="site-navigation" class="main-navigation site-navigation col-lg-6 hidden-xs hidden-sm hidden-md">
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => false, 'menu_class' => 'nav-menu' ) ); ?>
	</nav><!-- #site-navigation -->

	<div class="header-icon header-icon-right col-xs-3 col-sm-3 col-md-3 col-lg-3">
		<ul class="hidden-xs hidden-sm hidden-md">
			<?php sober_header_icons( 'v5', 'right' ) ?>
		</ul>

		<?php sober_mobile_header_icon() ?>
	</div><!-- .header-icon -->
</div>