<header class="main-header">
  <div class="upper-header-area">
  	<div class="container">
    	<?php
				$expert_gamer_topheader_facebook = get_theme_mod( 'expert_gamer_topheader_facebook' );
    		$expert_gamer_topheader_twitter = get_theme_mod( 'expert_gamer_topheader_twitter' );
    		$expert_gamer_topheader_pintrest = get_theme_mod( 'expert_gamer_topheader_pintrest' );
    		$expert_gamer_topheader_linkdin = get_theme_mod( 'expert_gamer_topheader_linkdin' );

    		$expert_gamer_topheader_book_btn_text = get_theme_mod( 'expert_gamer_topheader_book_btn_text' );
				$expert_gamer_topheader_book_btn_link = get_theme_mod( 'expert_gamer_topheader_book_btn_link' );
				
				$expert_gamer_topheader_phone_number = get_theme_mod( 'expert_gamer_topheader_phone_number' );
			?>
			<div class="row">
				<div class="col-lg-7 col-md-7 text-lg-start text-center mt-lg-0 mt-md-0 mt-2">
					<?php if( $expert_gamer_topheader_phone_number != ''){?>
						<span><?php esc_html_e('CALL - ','expert-gamer'); ?></span> <span><?php echo apply_filters('expert_gamer_topheader', $expert_gamer_topheader_phone_number); ?></span>
					<?php }?>
				</div>
				<div class="col-lg-5 col-md-5 contact text-lg-end text-center">
					<?php if( $expert_gamer_topheader_pintrest != '' || $expert_gamer_topheader_facebook != '' || $expert_gamer_topheader_twitter != '' || $expert_gamer_topheader_linkdin != '' ){?>
						<span class="me-3"><?php esc_html_e('CONNECT WITH US - ','expert-gamer'); ?></span>
					<?php }?>
					<?php if( $expert_gamer_topheader_pintrest != ''){?>
						<a href="<?php echo apply_filters('expert_gamer_topheader', $expert_gamer_topheader_pintrest); ?>" class="me-3"><i class="fab fa-pinterest-p"></i></a>
					<?php }?>
					<?php if( $expert_gamer_topheader_facebook != ''){?>
						<a href="<?php echo apply_filters('expert_gamer_topheader', $expert_gamer_topheader_facebook); ?>" class="me-3"><i class="fab fa-facebook-f"></i></a>
					<?php }?>
					<?php if( $expert_gamer_topheader_twitter != ''){?>
						<a href="<?php echo apply_filters('expert_gamer_topheader', $expert_gamer_topheader_twitter); ?>" class="me-3"><i class="fab fa-twitter"></i></a>
					<?php }?>
					<?php if( $expert_gamer_topheader_linkdin != ''){?>
						<a href="<?php echo apply_filters('expert_gamer_topheader', $expert_gamer_topheader_linkdin); ?>" class="me-3"><i class="fab fa-linkedin-in"></i></a>
					<?php }?>
				</div>
			</div>
		</div>
	</div>
	<div class="lower-header-area">	
		<div class="container">
    	<div class="row">
    		<div class="col-lg-3 col-md-3 align-self-center text-lg-start text-center">
					<div class="logo">
						<?php if(has_custom_logo()) {	
							the_custom_logo();
						} else { 
							$expert_gamer_site_title = get_theme_mod('expert_gamer_site_title_setting','1');
									if($expert_gamer_site_title == '1') { ?>
							<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
								<h1 class="site-title">
									<?php 
										echo esc_html(bloginfo('name'));
									?>
								</h1>
							</a>
							<?php }
									$expert_gamer_tagline = get_theme_mod('expert_gamer_tagline_setting' );
									if($expert_gamer_tagline  ) { ?>	
							<?php
								$expert_gamer_site_desc = get_bloginfo( 'description'); ?>
								<p class="site-description"><?php echo esc_html($expert_gamer_site_desc); ?></p>
							<?php } ?>
						<?php }?>
					</div>
				</div>
  			<div class="col-lg-6 col-md-6 align-self-center">
  				<nav class="navbar navbar-expand-lg navbaroffcanvase">
		  			<div class="navbar-menubar left-menu">
		  				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-menu"  aria-label="<?php echo esc_attr_e('Toggle navigation','expert-gamer'); ?>"> 
		          	<i class="fa fa-bars"></i>
		          </button>
		          <div class="collapse navbar-collapse navbar-menu">
		          	<button class="navbar-toggler navbar-toggler-close" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-menu"  aria-label="<?php echo esc_attr_e('Toggle navigation','expert-gamer'); ?>"> 
		              <i class="fa fa-times"></i>
		          	</button>
								<?php
		              wp_nav_menu( array( 
		                'theme_location' => 'primary',
		                'container_class' => 'main-menu clearfix' ,
		                'menu_class' => 'clearfix',
		                'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav">%3$s</ul>',
		                'fallback_cb' => 'wp_page_menu',
		              ) );
		          	?>
		          </div>
		        </div>
					</nav>
  			</div>
				<div class="col-lg-3 col-md-3 align-self-center text-lg-end text-center">
					<?php if( $expert_gamer_topheader_book_btn_text != '' || $expert_gamer_topheader_book_btn_link != '' ){?>
						<div class="upper-header-btn">
							<a href="<?php echo apply_filters('expert_gamer_topheader', $topheader_book_btn_link); ?>"><?php echo apply_filters('expert_gamer_topheader', $topheader_book_btn_text); ?></a>
						</div>
					<?php }?>
        </div>
    	</div>
    </div>
  </div> 
</header>