<!-- Start: Header
============================= -->
<?php

$coupon_flash_deals_header_wishlist_link = get_theme_mod('coupon_flash_deals_header_wishlist_link');

$coupon_flash_deals_header_phone_number = get_theme_mod('coupon_flash_deals_header_phone_number');
$coupon_flash_deals_header_email_address = get_theme_mod('coupon_flash_deals_header_email_address');
$coupon_flash_deals_header_location = get_theme_mod('coupon_flash_deals_header_location');

?>
<div class="main-header-box wow fadeInDown" data-wow-duration="2s">
	<div id="top-header">
		<div class="container">
			<div class="row top-header-box">
				<div class="col-lg-3 col-md-4 col-sm-4 align-self-center text-center text-md-start contact-box">
					<?php if ( ! empty( $coupon_flash_deals_header_email_address ) ): ?>
						<span class="me-3"><i class="fa fa-envelope me-3" aria-hidden="true"></i><?php echo esc_html( $coupon_flash_deals_header_email_address ); ?></span>
					<?php endif; ?>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 align-self-center text-center text-md-start contact-box">
					<?php if ( ! empty( $coupon_flash_deals_header_phone_number ) ): ?>
						<span class="me-3"><i class="fa fa-phone me-3" aria-hidden="true"></i><?php echo esc_html( $coupon_flash_deals_header_phone_number ); ?></span>
					<?php endif; ?>
				</div>
				<div class="col-lg-4 col-md-5 col-sm-5 align-self-center text-center text-md-start contact-box">
					<?php if ( ! empty( $coupon_flash_deals_header_location ) ): ?>
						<span><i class="fas fa-map-marker me-3" aria-hidden="true"></i><?php echo esc_html( $coupon_flash_deals_header_location ); ?></span>
					<?php endif; ?>
				</div>
				<div class="col-lg-2 align-self-center text-center text-md-start empty-box">
				</div>
			</div>
		</div>
	</div>
	<header id="header" role="banner" class="nav-stick <?php echo esc_attr(coupon_flash_deals_sticky_header()); ?>" <?php if ( get_header_image() ) { ?> style="background-image: url( <?php header_image(); ?> ); background-size: 100%;" <?php } ?>>
		<div class="container">
			<div class="navbar-area" >
				<div class="row">
					<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-12 pe-0 logo-box align-self-center">
						<div class="logo main">
							<?php if ( function_exists( 'coupon_flash_deals_logo_title_description' ) ) :coupon_flash_deals_logo_title_description(); endif; ?>
						</div>
					</div>
					<div class="col-xl-9 col-lg-8 col-md-4 col-sm-4 col-12 p-0 align-self-center">
						<div class="toggle-menu gb_menu text-md-start">
							<button onclick="coupon_flash_deals_navigation_open()" class="gb_toggle p-2"><i class="fa fa-bars" aria-hidden="true"></i></button>
						</div>
						<div id="gb_responsive" class="nav side_gb_nav">
							<nav id="top_gb_menu" class="gb_nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'coupon-flash-deals' ); ?>">
								<?php 
								    wp_nav_menu( array( 
										'theme_location' => 'primary_menu',
										'container_class' => 'gb_navigation clearfix' ,
										'menu_class' => 'clearfix',
										'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav mb-0 px-0">%3$s</ul>',
										'fallback_cb' => 'wp_page_menu',
								    ) ); 
								?>
								<a href="javascript:void(0)" class="closebtn gb_menu" onclick="coupon_flash_deals_navigation_close()">x<span class="screen-reader-text"><?php esc_html_e('Close Menu','coupon-flash-deals'); ?></span></a>
							</nav>
						</div>
					</div>
					<div class="col-xl-1 col-lg-1 col-md-4 col-sm-4 col-12 header-search-box align-self-center text-md-end">
						<span class="search-container">
							<button id="search-icon" class="search-icon">
								<i class="fa fa-search"></i>
							</button>
							<div id="search-popup" class="search-popup">
								<div class="search-popup-content">
									<button id="close-search-popup" class="close-popup">&times;</button>
									<form method="get" class="search-form" action="<?php home_url('/'); ?>">
										<input type="search" class="search-field" placeholder="Search…" value="" name="s" />
										<button type="submit" class="search-submit">
											<i class="fa fa-search"></i>
										</button>
									</form>
								</div>
							</div>
						</span>
					</div>
				</div>
			</div>
		</div>
	</header>
</div>