<?php
/**
 * The header for our theme
 * This is the template that displays all of the <head> section and everything up.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 * @since Blogto 1.0.0
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<?php do_action( 'wp_body_open' ); ?>

	<div id="site-loader">
		<div class="site-loader-inner">
			<?php
				$src = get_theme_file_uri( 'assets/images/placeholder/loader.gif' );
				
				echo apply_filters( 'blogto_preloader',
				sprintf( '<img src="%s" alt="%s">',
					esc_url( $src ), 
					esc_html__( 'Site Loader','blogto' )
				)); 
			?>
		</div>
	</div>

	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#content">
			<?php echo esc_html__( 'Skip to content', 'blogto' ); ?>
		</a>
		<?php get_template_part( 'template-parts/header/offcanvas', 'menu' ); ?>
		<?php
			if( !blogto_get_option( 'disable_top_header' ) ):
		?>
		<header class="wrapper top-header">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="top-header-left">
							<div class="top-header-menu">
								<?php blogto_get_menu( 'topheader' ); ?>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="top-header-right">
						<div class="socialgroup">
							<?php blogto_get_menu( 'social' ); ?>
						</div>
						<?php if( !blogto_get_option( 'disable_search_icon' ) ): ?>
							<span class="search-icon">
								<a href="#">
									<button aria-expanded="false">
										<span class="kfi kfi-search" aria-hidden="true"></span>
									</button>
								</a>
								<div id="search-form">
									<?php get_search_form(); ?>
								</div><!-- /#search-form -->
							</span>
						<?php endif; ?>
						<?php if( class_exists( 'WooCommerce' ) ): ?>
							<span class="cart-icon">
								<a href="<?php echo esc_url( wc_get_cart_url() ); ?>">
									<span class="kfi kfi-cart-alt"></span>
									<span class="count">
										<?php echo absint( WC()->cart->get_cart_contents_count() ); ?>
									</span>
								</a>
							</span>
						<?php endif; ?>
						</div>
					</div>
				</div>
			</div>
		</header>
		<?php
		endif;
		?>
		<?php
			if( blogto_get_option( 'enable_alternate_header' ) ){
		?>
			<header id="masthead" class="wrapper site-header site-alternate-header" role="banner">
				<div class="container">
					<div class="row">
						<div class="col-xs-9 col-sm-7 col-md-12">
							<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
						</div>
						<div class="hidden-xs hidden-sm" id="primary-nav-container">
							<div class="wrap-nav main-navigation">
								<div id="navigation">
								    <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'blogto' ); ?>">
										<?php echo blogto_get_menu( 'primary' ); ?>
								    </nav>
								</div>
							</div>
						</div>
						<div class="col-xs-3 col-sm-5 visible-xs visible-sm" id="header-bottom-right-outer">
							<div class="header-bottom-right">
								<span class="alt-menu-icon visible-sm">
									<a class="offcanvas-menu-toggler" href="#">
										<span class="kfi kfi-menu"></span>
									</a>
								</span>
							</div>
						</div>
					</div>
				</div>
			</header><!-- alternate-header -->

		<?php } else{

			?>
			<header id="masthead" class="wrapper site-header" role="banner">
				<div class="container">
					<div class="row">
						<div class="col-xs-9 col-sm-9 col-md-3">
							<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
						</div>
						<div class="hidden-xs hidden-sm col-md-9" id="primary-nav-container">
							<div class="wrap-nav main-navigation">
								<div id="navigation" class="hidden-xs hidden-sm">
								    <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'blogto' ); ?>">
										<?php echo blogto_get_menu( 'primary' ); ?>
								    </nav>
								</div>
							</div>
						</div>
						<div class="col-xs-3 col-sm-3 visible-xs visible-sm" id="header-bottom-right-outer">
							<div class="header-bottom-right">
								<span class="alt-menu-icon visible-sm">
									<a class="offcanvas-menu-toggler" href="#">
										<span class="kfi kfi-menu"></span>
									</a>
								</span>
							</div>
						</div>
					</div>
				</div>
			</header><!-- primary header -->
		<?php } ?>

		<div id="content" class="wrapper site-main">


