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

$podcast_streaming_header_button_link = get_theme_mod('podcast_streaming_header_button_link');
$podcast_streaming_header_button_text = get_theme_mod('podcast_streaming_header_button_text');

?>
<div class="main-header-box wow fadeInDown" data-wow-duration="2s">
	<header id="header" role="banner" class="nav-stick <?php echo esc_attr(podcast_streaming_sticky_header()); ?>">
		<div class="container">
			<div class="navbar-area" <?php if ( get_header_image() ) { ?> style="background-image: url( <?php header_image(); ?> ); background-size: 100%;" <?php } ?>>
				<div class="row">
					<div class="col-xl-2 col-lg-2 col-md-3 col-sm-5 col-12 pe-0 logo-box align-self-center">
						<div class="logo main">
							<?php if ( function_exists( 'podcast_streaming_logo_title_description' ) ) :podcast_streaming_logo_title_description(); endif; ?>
						</div>
					</div>
					<div class="col-xl-5 col-lg-4 col-md-1 col-sm-2 col-12 p-0 align-self-center">
						<div class="toggle-menu gb_menu text-md-start">
							<button onclick="podcast_streaming_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', 'podcast-streaming' ); ?>">
								<?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="podcast_streaming_navigation_close()">x<span class="screen-reader-text"><?php esc_html_e('Close Menu','podcast-streaming'); ?></span></a>
							</nav>
						</div>
					</div>
					<div class="col-xl-2 col-lg-2 col-md-4 col-sm-5 col-12 button-box align-self-center">
						<?php if ( ! empty( $podcast_streaming_header_button_link ) || ! empty( $podcast_streaming_header_button_text ) ): ?>
							<a class="header-button" href="<?php echo esc_url( $podcast_streaming_header_button_link ); ?>">
								<?php echo esc_html( $podcast_streaming_header_button_text ); ?>
							</a>
						<?php endif; ?>
					</div>
					<div class="col-xl-2 col-lg-2 col-md-2 col-sm-5 col-12 search-box align-self-center">
						<div class="search_form_area">
							<?php get_search_form(); ?>
						</div>
					</div>
					<div class="col-xl-1 col-lg-2 col-md-2 col-sm-5 col-12 translator-box align-self-center">
						<?php if ( shortcode_exists('google-translator') ) : ?>
						    <span>
						        <?php echo do_shortcode('[google-translator]'); ?>
						    </span>
						<?php endif; ?>
					</div>
				</div>
			</div>
		</div>
	</header>
</div>