<?php
/**
 * Displays overlay navigation type
 *
 * @package WordPress
 * @subpackage Tattoopress
 * @version 3.3.4
 */
?>
<div id="<?php echo apply_filters( 'tattoopress_overlay_menu_nav_bar_id', 'nav-bar' ); ?>" class="nav-bar" data-menu-layout="overlay">
	<div class="flex-wrap">
		<?php
			if ( 'left' === tattoopress_get_inherit_mod( 'side_panel_position' ) && tattoopress_can_display_sidepanel() ) {
				?>
				<div class="hamburger-container hamburger-container-side-panel">
					<?php
						/**
						 * Menu hamburger icon
						 */
						tattoopress_hamburger_icon( 'toggle-side-panel' );
					?>
				</div><!-- .hamburger-container -->
				<?php
			}
		?>
		<div class="logo-container">
			<?php
				/**
				 * Logo
				 */
				tattoopress_logo();
			?>
		</div><!-- .logo-container -->
		<div class="cta-container"><?php
				/**
				 * Secondary menu hook
				 */
				do_action( 'tattoopress_secondary_menu', 'desktop' );
		?></div><!-- .cta-container -->
		<div class="hamburger-container">
			<?php
				/**
				 * Menu hamburger icon
				 */
				tattoopress_hamburger_icon( 'toggle-overlay-menu' );
			?>
		</div><!-- .hamburger-container -->
	</div><!-- .flex-wrap -->
</div><!-- #navbar-container -->
<div class="overlay-menu-panel <?php echo esc_attr( apply_filters( 'tattoopress_overlay_menu_panel_class', '' ) ); ?>">
	<?php
		/**
		 * overlay_menu_panel_start hook
		 */
		do_action( 'tattoopress_overlay_menu_panel_start' );
	?>
	<div class="overlay-menu-table">
		<div class="overlay-menu-panel-inner">
			<div class="menu-container overlay-menu-container" itemscope="itemscope"  itemtype="https://schema.org/SiteNavigationElement">
				<?php
					/**
					 * Menu
					 */
					tattoopress_primary_vertical_navigation();
				?>
			</div>
		</div><!-- .overlay-menu-panel-inner -->
	</div>
	<?php
		/**
		 * overlay_menu_panel_end hook
		 */
		do_action( 'tattoopress_overlay_menu_panel_end' );
	?>
</div><!-- .overlay-menu-panel -->
