<?php
/**
 * The template for displaying header.
 *
 * @package HelloElementor
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

if ( ! hello_get_header_display() ) {
	return;
}

$is_editor = isset( $_GET['elementor-preview'] );
$site_name = get_bloginfo( 'name' );
$tagline   = get_bloginfo( 'description', 'display' );
$header_nav_menu = wp_nav_menu( [
	'theme_location' => 'menu-1',
	'fallback_cb' => false,
	'echo' => false,
] );
?>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" >
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<style>
.author {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #999;
}
.input-group.rounded {
    display: flex;
    align-items: center;
}
.forms-col input.form-control {
    border-top: unset;
    border-left: unset;
    border-right: unset;
    margin-left: 15px;
    box-shadow: unset !important;
    background: transparent;
}
.forms-col{
   padding:50px 0;
}
.author a {
	color: #777;
	text-decoration: none;
}

.author a:hover {
	color: blue;
}

header.dark blockquote {
	color: #fff;
}

header.light blockquote {
	color: #000;
}

blockquote {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 16px;
	border-left: 0px;
	padding: 20px;
}

blockquote h2 {
	padding-right: 40px;
	margin: 0px;
}
header{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
header.dark blockquote a {
	color: orange;
	text-decoration: underline;
}

header.light blockquote a {
	text-decoration: underline;
}

header.dark nav {
	background-color: #212C54;
	width: 100%;
}

/* Navigation Styles */
nav {
	position: relative;
}

.spaing-cls-divs{
	display: flex;
    justify-content: center;
    padding: 15px 0 0;
}
ul.main-nav{
list-style-type: none;
	padding: 0px;
	font-size: 0px;
}
ul.main-nav>li {
	display: inline-block;
	padding: 0;
}

ul.main-nav>li>a {
	display: block;
	padding: 20px 12px;
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
}

ul.main-nav>li:hover {
	background-color: trasnparent;
}

ul.main-nav>li:hover>a {
	color: #fff;
	font-weight: 400;
    text-decoration:unset;
}

ul.main-nav>li ul.sub-menu-lists {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

ul.main-nav>li ul.sub-menu-lists>li {
	padding: 8px 0;
}

ul.main-nav>li ul.sub-menu-lists>li>a {
    font-size: 16px;
    color: #555;
    font-weight: 500 !important;
    font-family: "Poppins", Sans-serif !important;
    text-decoration:unset;
}

.ic {
	position: fixed;
	cursor: pointer;
	display: inline-block;
	right: 25px;
	width: 32px;
	height: 24px;
	text-align: center;
	top: 0px;
	outline: none;
}
.bi.bi-search {
	color: #fff;
}
.ic.close {
	opacity: 0;
	font-size: 0px;
	font-weight: 300;
	color: #fff;
	top: 8px;
	height: 40px;
	display: block;
	outline: none;
}

/* Menu Icons for Devices*/
.ic.menu {
	top: 25px;
	z-index: 20;
}

.ic.menu .line {
	height: 4px;
	width: 100%;
	display: block;
	margin-bottom: 6px;
}

.ic.menu .line-last-child {
	margin-bottom: 0px;
}

.sub-menu-head {
	margin: 10px 0;
}

.banners-area {
	margin-top: 20px;
	padding-top: 15px;
}

.banners-area img {
	width: 150px;
}
.aligned-div {
  max-width: 970px;
  margin: 0 auto;
}

@media only screen and (max-width:768px) {
	.sub-menu-block{display:none;}
.selected ~ .sub-menu-block {
  display: block;
}
	.top-level-link a {
	padding: 5px 12px !important;
	font-size: 14px;
	color: #fff;
	text-decoration: unset;
}
	
.spaing-cls-divs{
	display: flex;
    justify-content: left;
    padding: 15px 0 0;
}
.spaing-cls-divs img {
	padding: 5px 25px 10px 25px;
}
#menu-btn {
  position: absolute;
  right: 1em;
  top: 2em;
  width: 40px;
  padding: 0;
  border-radius: 100%;
  transition: all .2s ease-out;
  z-index:2;
}
  /*Cursor on toggle button hover*/
  #menu-btn:hover{ cursor: pointer; }
  /*Changing color of hamburger lines on hover*/
  #menu-btn:hover .menu-line{ background-color: #999999; }

  #menu-btn:active{ box-shadow: 0 0 5px black; background-color: #524a88; }

  /*Styles for the hamburger lines*/
  .menu-btn-line{ 
    height: .25em; 
    background-color: #fff; 
    margin-bottom: .5em; 
  }
  /*No margin-bottom for last hamburger line.*/
  .menu-btn-line:last-child{ margin-bottom: 0; }
#menu {
  position: absolute;
  background-color: #212c54;
  top: 77px;
  width: 100%;
  z-index: 99999;
  display:none;
}
 .hide-class{
   display:none;
  }
	.sub-menu-head {
		color: orange;
	}

	.ic.menu {
		display: block;
	}

	header.dark .ic.menu .line {
		background-color: #fff;
	}

	header.light .ic.menu .line {
		background-color: #000;
	}

	.ic.menu .line {

		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
	}

	.ic.menu:focus .line {
		background-color: #fff !important;
	}

	.ic.menu:focus .line:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.ic.menu:focus .line:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -10px;
	}

	.ic.menu:focus .line:nth-child(3) {
		transform: translateY(15px);
		opacity: 0;
	}

	.ic.menu:focus {
		outline: none;
	}

	.ic.menu:focus~.ic.close {
		opacity: 1;
		z-index: 21;
		outline: none;
	}

	/*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
	.ic.menu:hover,
	.ic.menu:focus {
		opacity: 1;
	}


	nav {
		background-color: transparent;
	}

	/ Main Menu for Handheld Devices  /

	.ic.menu:focus~.main-nav {
		width: 300px;
		background-color: rgba(0, 0, 0, 1);
	}

	

	ul.main-nav>li>a:after {
		display: none;
	}

	ul.main-nav>li:first-child {
		border-radius: 0px;
	}

	ul.main-nav>li {
		display: block;
		border-bottom: 1px solid #444;
	}

	ul.main-nav>li>a {
		font-weight: 600;
	}

	ul.main-nav>li ul.sub-menu-lists>li a {
		color: #eee;
		font-size: 14px;
	}

	.sub-menu-head {
		font-size: 16px;
	}

	ul.main-nav>li:hover {
		background-color: transparent;
	}

	ul.main-nav>li:hover>a {
		color: #fff;
		text-decoration: none;
		font-weight: 600;
	}

	.ic.menu:focus~ul.main-nav>li>div. {
		border-left: 0px solid #ccc;
		border-right: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
		position: relative;
		visibility: visible;
		opacity: 1.0;
	}

	.sub-menu-block {
		padding: 0 30px;
	}

	.banners-area {
		padding-bottom: 0px;
	}

	.banners-area div {
		margin-bottom: 15px;
	}

	.banners-area {
		border-top: 1px solid #444;
	}
	
}
@media only screen and (max-width:767px) {
	.mega-menu .iconnav {
		display: block !important;
	}
}

@media only screen and (min-width:769px) {
	.sub-menu-block .dropdown-item {
	color: #000 ;
}
	.mega-menu .iconnav {
	display: none !important;
}
	
.aligned-div div {
	margin: 5px 0;
	border-bottom: dotted 1px #f3f3f3;
	text-transform: capitalize;
	font-size: 16px;
}
	.ic.menu {
		display: none;
	}

	/* Main Menu for Desktop Devices  */
	ul.main-nav {
		display: block;
		position: relative;
        padding-left:100px;
	}

	.sub-menu-block {
		padding: 15px;
	}

	/* Sub Menu */
	ul.main-nav>li>div.sub-menu-block {
		visibility: hidden;
		background-color: #f9f9f9;
		position: fixed;
		margin-top: 0px;
		width: 100%;
		color: #333;
		left: 0;
		box-sizing: border-box;
		z-index: 3;
		font-size: 16px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		opacity: 0;

		/*CSS animation applied for sub menu : Slide from Top */
		-webkit-transition: all 2.5s ease 0s;
		-o-transition: all 2.5s ease 0s;
		transition: all 2.5s ease 0s;
		-webkit-transform: rotateX(90deg);
		-moz-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		transform: rotateX(90deg);
		-webkit-transform-origin: top center;
		-ms-transform-origin: top center;
		transform-origin: top center;

	}

	ul.main-nav>li:hover>div.sub-menu-block {
		background-color: #f9f9f9;
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}

	ul.main-nav>li>div.sub-menu-block>* {
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
		opacity: 0;
	}

	ul.main-nav>li:hover>div.sub-menu-block>* {
		opacity: 1;
	}

	.sub-menu-head {
		font-size: 20px;
	}

	/* Drop Down/Up Arrow for Mega Menu */
	ul.main-nav>li>a.mega-menu>span {
		display: block;
		vertical-align: middle;
       color: #fff;
	}

	ul.main-nav>li>a.mega-menu>span:after {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #fff;
		/*content: '';*/
		background-color: transparent;
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
       color: #fff;
	}

	ul.main-nav>li:hover>a.mega-menu span:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 0px solid transparent;
		border-bottom: 5px solid #fff;
	}

	.banners-area {
		border-top: 1px solid #ccc;
	}
}
.searchpopdiv{
	display:flex;
	flex-wrap: wrap;
}
.searchpopdiv h6{
	font-weight:600;
}
.serchbar_box, .searchboxmenu {
	width: 100%;
	display: block;
}
.searchboxmenu ul{
	list-style: none;
	margin: 15px 0;
	padding:0;
}
.searchboxmenu ul li{
	text-decoration:none;
	font-size: 14px;
}
.page-header {
	padding-bottom: 0 !important;
	margin: 0 !important;
	border-bottom: 0px solid #eee!important;
}
 </style>

<?php 
	$menus = wp_get_nav_menus();	
	$menuname = $menus[0]->term_id;	
	$menuitems = wp_get_nav_menu_items( $menuname );
?>
<header id="site-header" class="site-header dynamic-header dark <?php echo esc_attr( hello_get_header_layout_class() ); ?>" role="banner">
	<div class="topbar-box">
		<div class="topbar_inner">
			<div class="topbar_inner_left">
				<?php dynamic_sidebar('topbarleft_sidebar');?>
			</div>
		</div>
		<div class="topbar_inner">
			<div class="topbar_inner_right">
				<?php dynamic_sidebar('topbarright_sidebar');?>
			</div>
		</div>
	</div>
	<nav role="navigation">
		<div id="menu-btn">
		  <div class="menu-btn-line"></div>
		  <div class="menu-btn-line"></div>
		  <div class="menu-btn-line"></div>
		</div>
		<div class="spaing-cls-divs">   
			<div class="imgs-sec">
				<a href="https://icspro.net">
				   <img width="263" height="62" src="https://icspro.net/wp-content/uploads/2023/06/ics-logo.png" class="attachment-medium size-medium wp-image-29" alt="" loading="lazy">	
				</a>
			</div>
			<?php
				$count = 0;
				$submenu = false;
				echo '<ul class="main-nav" id="menu">';
				foreach( $menuitems as $item ){
					$link = $item->url;
					$title = $item->title;
					if ( !$item->menu_item_parent ){
					$parent_id = $item->ID;?>
						<li class="top-level-link">
							<a href="<?php echo $link; ?>" class="mega-menu">
								<span class="menunavtitle">
									<?php echo $title; ?>
								</span>
								<span class="iconnav">
									<i class="fa fa-plus menuplus" aria-hidden="true" style="display:none;"></i>
									<i class="fa fa-minus menuminus" aria-hidden="true" style="display:none;"></i>
								</span>
							</a>							
					<?php } ?>
					<?php if ( $parent_id == $item->menu_item_parent ){
							if ( !$submenu ){ 
								$submenu = true; 
							?>
							<div class="sub-menu-block">
								<div class="row aligned-div">
								<?php } ?>
									<div class="col-md-4 col-lg-4 col-sm-12">
										<a href="<?php echo $link; ?>" class="dropdown-item" >
											<?php echo $title; ?>
										</a>
									</div>
								<?php if ( $menuitems[ $count + 1 ]->menu_item_parent != $parent_id && $submenu ){ ?>
								</div>
							</div>
							<?php $submenu = false; } 
							} ?>
					<?php if ( $menuitems[ $count + 1 ]->menu_item_parent != $parent_id ){ ?>
					</li>                           
					<?php $submenu = false; } ?>
					<?php $count++; 
				} 
			?>
				<li class="top-level-link">
					<a class="mega-menu">
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
						<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
						</svg>
					</a>
					<div class="sub-menu-block searchpop" style="display:none;">
						<div class="row aligned-div">
							<div class="col-md-12 col-lg-12 col-sm-12">
								<ul class="sub-menu-lists">
									<div class="input-group rounded forms-col searchpopdiv">
										<div class="serchbar_box">
											<?php echo do_shortcode('[wd_asp id=1]'); ?>
										</div>
										<div class="searchboxmenu">
											<h6>Quick Links</h6>
											<?php 
												$menui_tems_search = wp_get_nav_menu_items( 66 );
												echo '<ul class="serchbar_box_items">';
												foreach( $menui_tems_search as $item_search ){						
														$link = $item_search->url;
														$title = $item_search->title;
														echo '<li>
																<a href="'.$link.'">'.$title.'</a>
															  </li>';
													}
												echo '</ul>';
											?>
										</div>
									<!--
										<span class="input-group-text border-0" id="search-addon">
											<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
												<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
											</svg>
										</span>
										<input type="search" class="form-control rounded" placeholder="Search" aria-label="Search" aria-describedby="search-addon" />
									-->
									</div>
								</ul>           
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</nav>
	












	<!--<div class="header-inner">
		<div class="site-branding show-<?php /* echo esc_attr( hello_elementor_get_setting( 'hello_header_logo_type' ) ); ?>">
			<?php if ( has_custom_logo() && ( 'title' !== hello_elementor_get_setting( 'hello_header_logo_type' ) || $is_editor ) ) : ?>
				<div class="site-logo <?php echo esc_attr( hello_show_or_hide( 'hello_header_logo_display' ) ); ?>">
					<?php the_custom_logo(); ?>
				</div>
			<?php endif;

			if ( $site_name && ( 'logo' !== hello_elementor_get_setting( 'hello_header_logo_type' ) || $is_editor ) ) : ?>
				<h1 class="site-title <?php echo esc_attr( hello_show_or_hide( 'hello_header_logo_display' ) ); ?>">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr__( 'Home', 'hello-elementor' ); ?>" rel="home">
						<?php echo esc_html( $site_name ); ?>
					</a>
				</h1>
			<?php endif;

			if ( $tagline && ( hello_elementor_get_setting( 'hello_header_tagline_display' ) || $is_editor ) ) : ?>
				<p class="site-description <?php echo esc_attr( hello_show_or_hide( 'hello_header_tagline_display' ) ); ?>">
					<?php echo esc_html( $tagline ); ?>
				</p>
			<?php endif;  */?>
		</div>

		


		<?php /* if ( $header_nav_menu ) : ?>
			<nav class="site-navigation <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>">
				<?php
				// PHPCS - escaped by WordPress with "wp_nav_menu"
				echo $header_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
				?>
			</nav>
			<div class="site-navigation-toggle-holder <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>">
				<div class="site-navigation-toggle" role="button" tabindex="0">
					<i class="eicon-menu-bar" aria-hidden="true"></i>
					<span class="screen-reader-text"><?php echo esc_html__( 'Menu', 'hello-elementor' ); ?></span>
				</div>
			</div>
			<nav class="site-navigation-dropdown <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>">
				<?php
				// PHPCS - escaped by WordPress with "wp_nav_menu"
				echo $header_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
				?>
			</nav>
		<?php endif;   */?>
	</div> -->
</header>