<header id="masthead" class="site-header header-one <?php echo esc_attr( get_theme_mod('pixel_transport_sticky_header', false) ? 'sticky-header' : '' ); ?>">
	<?php if (get_theme_mod('pixel_transport_header_section_on_off_setting', true)) { ?>
		<div class="top-header py-2">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6">
						<?php
							$pixel_transport_phone_number = get_theme_mod( 'pixel_transport_phone_number', '1(868)225-6155' );
							if ( ! empty( $pixel_transport_phone_number ) ) { ?>
							<span><i class="fas fa-phone"></i><?php echo esc_html( $pixel_transport_phone_number ); ?></span>
						<?php } ?>
						<?php
							$pixel_transport_email_address = get_theme_mod( 'pixel_transport_email_address', 'info@example.com' );
							if ( ! empty( $pixel_transport_email_address ) ) { ?>
							<span><i class="fas fa-envelope"></i><?php echo esc_html( $pixel_transport_email_address ); ?></span>
						<?php } ?>
					</div>
					<div class="col-lg-6 col-md-6 text-md-right text-center">
						<?php
							$pixel_transport_facebook_link = get_theme_mod( 'pixel_transport_facebook_link', '#' );
							if ( ! empty( $pixel_transport_facebook_link ) ) { ?>
							<a href="<?php echo esc_url( $pixel_transport_facebook_link ); ?>"><i class="fab fa-facebook-f"></i></a>
						<?php } ?>
						<?php
							$pixel_transport_twitter_link = get_theme_mod( 'pixel_transport_twitter_link', '#' );
							if ( ! empty( $pixel_transport_twitter_link ) ) { ?>
							<a href="<?php echo esc_url( $pixel_transport_twitter_link ); ?>"><i class="fab fa-twitter"></i></a>
						<?php } ?>
						<?php
							$pixel_transport_instagram_link = get_theme_mod( 'pixel_transport_instagram_link', '#' );
							if ( ! empty( $pixel_transport_instagram_link ) ) { ?>
							<a href="<?php echo esc_url( $pixel_transport_instagram_link ); ?>"><i class="fab fa-instagram"></i></a>
						<?php } ?>
						<?php
							$pixel_transport_youtube_link = get_theme_mod( 'pixel_transport_youtube_link', '#' );
							if ( ! empty( $pixel_transport_youtube_link ) ) { ?>
							<a href="<?php echo esc_url( $pixel_transport_youtube_link ); ?>"><i class="fab fa-youtube"></i></a>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
	<?php } ?>

	<?php 
	$pixel_transport_has_header_image = has_header_image();
	$pixel_transport_header_image_url = $pixel_transport_has_header_image ? esc_url(get_header_image()) : '';
	$pixel_transport_header_style = '';
	if ($pixel_transport_has_header_image) {
		$pixel_transport_header_style = sprintf(
			'background-image: url(%s); background-position: center; background-attachment: fixed; background-size: cover;',
			$pixel_transport_header_image_url
		);
	}
	?>
	<div class="bottom-header header-image-wrap" <?php if ($pixel_transport_header_style) echo 'style="' . esc_attr($pixel_transport_header_style) . '";'; ?>>
		<?php if( pixel_transport_has_header_media() ){ pixel_transport_header_media(); } ?>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3 col-md-3">
					<?php get_template_part( 'template-parts/site', 'branding' ); ?>
				</div>
				<div class="col-lg-7 col-md-5">
					<div class="toggle-menu menu text-center text-md-left">
						<button onclick="pixel_transport_mobile_menu_open()" class="toggle p-2"><i class="fa-solid fa-bars"></i></button>
					</div>
					<div id="responsive" class="nav side_nav">
						<nav id="top_menu" class="nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'pixel-transport' ); ?>">
							<?php 
							    wp_nav_menu( array( 
									'theme_location' => 'menu-1',
									'container_class' => 'navigation clearfix' ,
									'menu_class' => 'clearfix',
									'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav m-0 px-0">%3$s</ul>',
									'fallback_cb' => 'wp_page_menu',
							    ) ); 
							?>
							<a href="javascript:void(0)" class="closebtn menu" onclick="pixel_transport_mobile_menu_close()"><i class="fa-solid fa-xmark"></i></a>
						</nav>
					</div>
				</div>
				<div class="col-lg-2 col-md-4 phone_box text-center text-md-right my-4">
					<?php
						$pixel_transport_button_url = get_theme_mod( 'pixel_transport_button_url', '#' );
					 	if ( ! empty( $pixel_transport_button_url ) ) { ?>
				 		<a href="<?php echo esc_url( $pixel_transport_button_url ); ?>"><?php esc_html_e('LETS TALK','pixel-transport'); ?></a>
                    <?php } ?>
				</div>
			</div>
		</div>
	</div>
</header>