<?php
/**
 * The header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Magazine Style
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

$navbar_type = get_theme_mod( 'magazinestyle_navbar_type', 'collapse' );
?>

	<header id="wrapper-navbar">

		<a class="skip-link <?php echo magazinestyle_get_screen_reader_class( true ); ?>" href="#content">
			<?php esc_html_e( 'Skip to content', 'magazine-style' ); ?>
		</a>

		<?php get_template_part( 'global-templates/header/navbar', $navbar_type . '-' . 'top' ); ?>

	</header><!-- #wrapper-navbar -->
	
	<div class="container">
		<div class="row g-0 overflow-hidden flex-md-row mt-4 mb-4 position-relative">
			<div class="col-auto d-lg-block logo">
				<?php get_template_part( 'global-templates/navbar','branding' ); ?>
			</div>
		 <div class="col d-flex flex-column position-static">
		 <?php get_template_part( 'sidebar-templates/sidebar', 'header' ); ?>
		</div>
		</div>
	</div>
	
		<div id="wrapper-navbar">

		<a class="skip-link <?php echo magazinestyle_get_screen_reader_class( true ); ?>" href="#content">
			<?php esc_html_e( 'Skip to content', 'magazine-style' ); ?>
		</a>

		<?php get_template_part( 'global-templates/header/navbar', $navbar_type . '-' . 'bootstrap5-master' ); ?>

	</div><!-- #wrapper-navbar -->
	<?php do_action( 'below_styleone_header' ); ?>