<!doctype html>

<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->

	<head>
		<meta charset="<?php bloginfo( 'charset' ); ?>" />

		<?php // force Internet Explorer to use the latest rendering engine available ?>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<?php // mobile meta (hooray!) ?>
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
		
		<?php wp_head(); ?>
	</head>

	<body <?php body_class(); ?> >

		<div id="container">
			
			<header class="header" role="banner" id="main-header">
				<div class="top-area">
					<div class="wrap">
						<div class="left-area top-search-form">
							<?php get_search_form(); ?>
						</div>
						<div class="right-area">
							<?php 
					           	if(function_exists('thefashblog_social_icons')) :
					           		echo thefashblog_social_icons(); 
					           	endif;
					        ?>
						</div>
						<span class="clear"></span>
					</div>
				</div>
				<div id="inner-header">
					<div class="head-logo">
						<div class="wrap">
							<?php if ( function_exists( 'the_custom_logo' ) && has_custom_logo() )  : ?>
							<p id="logo" class="h1"><?php the_custom_logo(); ?></p>
							 <?php else : ?>
							<p id="logo" class="h1"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name'); ?><span><?php bloginfo('description'); ?></span></a></p>
							<?php endif; ?>
						</div>
					</div>

					<div class="head-nav">
						<div class="wrap">
							<nav role="navigation" id="main-navigation">
								<?php if ( has_nav_menu('main-nav') ): ?>
									<?php wp_nav_menu(array(
										'container' => false,                           // remove nav container
										'menu_class' => 'nav top-nav',               // adding custom nav class
										'theme_location' => 'main-nav',                 // where it's located in the theme
										'before' => '',                                 // before the menu
										'after' => '',                                  // after the menu
										'link_before' => '',                            // before each link
										'link_after' => '',                             // after each link
										'depth' => 0,                                   // limit the depth of the nav
										'fallback_cb' => ''                             // fallback function (if there is one)
									)); ?>
								<?php else: ?>
									<ul class="nav top-nav cf">
										<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
									</ul>
								<?php endif; ?>
							</nav>

			                <div class="mobile-menu">
					                <div id="main-navigation">
						            <div id="close"><span class="fa fa-times"></span> <?php _e( 'Close','the-fash-blog' ); ?></div>
						            <div class="clear"></div>
						            <!-- social icons -->
							        <div class="social-icons">
							            <?php 
								           	if(function_exists('thefashblog_social_icons')) :
								           		echo thefashblog_social_icons(); 
								           	endif;
								        ?>
				                	</div>
				                	<nav role="navigation" id="">
										<?php if ( has_nav_menu('main-nav') ): ?>
											<?php wp_nav_menu(array(
												'container' => false,                           // remove nav container
												'menu_class' => 'nav top-nav cf',               // adding custom nav class
												'theme_location' => 'main-nav',                 // where it's located in the theme
												'before' => '',                                 // before the menu
												'after' => '',                                  // after the menu
												'link_before' => '',                            // before each link
												'link_after' => '',                             // after each link
												'depth' => 0,                                   // limit the depth of the nav
												'fallback_cb' => ''                             // fallback function (if there is one)
											)); ?>
										<?php else: ?>
											<ul class="nav top-nav cf">
												<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
											</ul>
										<?php endif; ?>
									</nav>
			        			</div>
								<div class="side-nav" id="push"><span class="fa fa-bars"></span></div>
							</div>
						</div>
	            	</div>
	                <span class="clear"></span>
				</div>

			</header>