<header id="masthead" class="site-header header-two">
<div class="top-header">
<?php if( !get_theme_mod( 'disable_top_header_section', false ) ){ ?>
<?php if( ( !get_theme_mod( 'disable_header_social_links', false ) && gutener_has_social() ) || ( !get_theme_mod( 'disable_contact_detail', false ) && ( get_theme_mod( 'contact_phone', '' ) || get_theme_mod( 'contact_email', '' ) || get_theme_mod( 'contact_address', '' ) ) ) || !get_theme_mod( 'disable_search_icon', false ) || ( !get_theme_mod( 'disable_hamburger_menu_icon', false ) && is_active_sidebar( 'menu-sidebar' ) ) ){ ?>
<div class="top-header-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 d-none d-lg-block">
<?php get_template_part( 'template-parts/header', 'contact' ); ?>
</div>
<div class="col-lg-4">
<div class="header-icons">
<?php if( !get_theme_mod( 'disable_header_social_links', false ) && gutener_has_social() ){
echo '<div class="social-profile d-none d-lg-inline-block">';
gutener_social();
echo '</div>';
} ?>
<!-- Search form structure -->
<?php if( !get_theme_mod( 'disable_search_icon', false ) ): ?>
<div id="search-form" class="header-search-wrap d-none d-lg-inline-block">
<button class="search-icon">
<span class="fas fa-search"></span>
</button>
</div>
<?php endif; ?>
<?php if( !get_theme_mod( 'disable_hamburger_menu_icon', false ) && is_active_sidebar( 'menu-sidebar' ) ){ ?>
<div class="alt-menu-icon d-none d-lg-inline-block">
<a class="offcanvas-menu-toggler" href="#">
<span class="icon-bar-wrap">
<span class="icon-bar"></span>
</span>
</a>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<!-- header search form -->
<div class="header-search">
<div class="container">
<?php get_search_form(); ?>
<button class="close-button">
<span class="fas fa-times"></span>
</button>
</div>
</div>
<!-- header search form end-->
</div>
<?php } ?>
<?php } ?>
<?php if( !get_theme_mod( 'disable_mobile_top_header', true ) ){ ?>
<?php if( ( !get_theme_mod( 'disable_header_social_links', false ) && gutener_has_social() ) || ( !get_theme_mod( 'disable_contact_detail', false ) && ( get_theme_mod( 'contact_phone', '' ) || get_theme_mod( 'contact_email', '' ) || get_theme_mod( 'contact_address', '' ) ) ) || !get_theme_mod( 'disable_search_icon', false ) || ( !get_theme_mod( 'disable_header_button', false ) && get_theme_mod( 'header_button_text', '' ) ) || is_active_sidebar( 'menu-sidebar' ) ){ ?>
<div class="alt-menu-icon d-lg-none">
<a class="offcanvas-menu-toggler" href="#">
<span class="icon-bar-wrap">
<span class="icon-bar"></span>
</span>
<span class="iconbar-label d-lg-none"><?php echo esc_html( get_theme_mod( 'top_bar_name', 'TOP MENU' ) ); ?></span>
</a>
</div>
<?php } ?>
<?php } ?>
</div>
<?php get_template_part( 'template-parts/offcanvas', 'menu' ); ?>
<div class="bottom-header header-image-wrap fixed-header">
<?php if( gutener_has_header_media() ){ gutener_header_media(); } ?>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<?php get_template_part( 'template-parts/site', 'branding' ); ?>
</div>
<div class="col-lg-9">
<div class="main-navigation-wrap">
<nav id="site-navigation" class="main-navigation d-none d-lg-block">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'gutener' ); ?></button>
<?php if ( has_nav_menu( 'menu-1' ) ) :
wp_nav_menu(
array(
'container' => '',
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
'menu_class' => 'menu nav-menu',
)
);
?>
<?php else :
wp_page_menu(
array(
'menu_class' => 'menu-wrap',
'before' => '<ul id="primary-menu" class="menu nav-menu">',
'after' => '</ul>',
)
);
?>
<?php endif; ?>
</nav><!-- #site-navigation -->
<?php if( !get_theme_mod( 'disable_header_button', false ) && get_theme_mod( 'header_button_text', '' ) ){
echo '<div class="header-btn d-none d-lg-block">';
gutener_header_button();
echo '</div>';
} ?>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<div class="mobile-menu-container"></div>
</header><!-- #masthead -->