<?php

/**
 * The header for our theme.
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package cleanlogic
 */

?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>
	<meta charset="<?php echo esc_attr(get_bloginfo('charset')); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php echo esc_url(get_bloginfo('pingback_url')); ?>">
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<?php wp_body_open(); ?>
	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'cleanlogic'); ?></a>

		<header id="masthead" class="site-header" role="banner">

			<?php if (get_theme_mod('top_header', true)) : ?>
				<div class="top_header-con">
					<div class="top-header wrap">

						<div class="top_header_left">
							<?php
							$html = cleanlogic_get_top_header_contact_html();
							if (! empty($html)) {
								
								echo wp_kses_post($html);

							}
							?>
						</div>

						<!--Social Icons-->
						<div class="header-right top_header_right">
							<ul class="social-icons">
								<?php if (get_theme_mod('Facebook_header')) : ?>
									<a href="<?php echo esc_url(get_theme_mod('Facebook_header')); ?>" target="_blank">
										<i class="fa fa-facebook"></i>
									</a>
								<?php endif; ?>

								<?php if (get_theme_mod('Instagram_header')) : ?>
									<a href="<?php echo esc_url(get_theme_mod('Instagram_header')); ?>" target="_blank">
										<i class="fa fa-instagram"></i>
									</a>
								<?php endif; ?>

								<?php if (get_theme_mod('Linkedin_header')) : ?>
									<a href="<?php echo esc_url(get_theme_mod('Linkedin_header')); ?>" target="_blank">
										<i class="fa fa-linkedin"></i>
									</a>
								<?php endif; ?>

								<?php if (get_theme_mod('Twitter_header')) : ?>
									<a href="<?php echo esc_url(get_theme_mod('Twitter_header')); ?>" target="_blank">
										<i class="fa fa-twitter"></i>
									</a>
								<?php endif; ?>
							</ul>
						</div>
					</div>
				</div>
			<?php endif; ?>

			<div class="wrap">
				<div class="main-header">
					<div class="site-branding">
						<?php if (function_exists('the_custom_logo') && has_custom_logo()) : ?>
							<?php the_custom_logo(); ?>
						<?php else : ?>
							<?php
							$site_name = get_bloginfo('name');
							if (is_front_page() && is_home()) : ?>
								<h1 class="site-title">
									<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php echo esc_html($site_name); ?></a>
								</h1>
							<?php else : ?>
								<p class="site-title">
									<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php echo esc_html($site_name); ?></a>
								</p>
							<?php endif; ?>

							<?php
							$description = get_bloginfo('description', 'display');
							if ($description || is_customize_preview()) :
							?>
								<p class="site-description"><?php echo esc_html($description); ?></p>
							<?php endif; ?>
						<?php endif; ?>

					</div><!-- .site-branding -->
					<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"></button>
					<nav id="site-navigation" class="main-navigation" role="navigation">
						<?php wp_nav_menu(array('theme_location' => 'primary', 'menu_id' => 'primary-menu')); ?>
					</nav><!-- #site-navigation -->
				</div>
			</div>
		</header><!-- #masthead -->
		<div class="site-banner">
			<!-- #Header-image -->
			<?php if (get_header_image()) : ?>
				<?php
				$header_img = get_header_image();
				$height     = absint(get_custom_header()->height);
				$width      = absint(get_custom_header()->width);
				?>
				<a href="<?php echo esc_url(home_url('/')); ?>" rel="home">
					<img src="<?php echo esc_url($header_img); ?>" width="<?php echo esc_attr($width); ?>" height="<?php echo esc_attr($height); ?>" alt="">
				</a>
			<?php endif; ?>

		</div>
		<div id="content" class="site-content">
			<div class="wrap">