<!DOCTYPE html>
<html lang="en">
	<head>
		<title><?php echo wp_title(); ?></title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="icon"  type="image/png" href="<?php echo get_template_directory_uri(); ?>/favicon.ico" />
		<?php wp_head();?>   <!--WP HEADER-->
	</head>

	<body <?php body_class(); ?>>   <!--WP BODY CLASS-->
		<div class="no-scroll">
			<div class="w-full h-auto bg-white py-10">
				<div class="container">
					<div class="flex justify-between items-center">
						<div class="flex justify-start items-center">
							<p class="text-blue mb-0 mr-20"><a href="tel:+38765055000">065 055 000</a></p>
							<p class="text-blue mb-0 mr-20"><a href="mailto:info@newconcept.ba">info@newconcept.ba</a></p>
						</div>
						<div class="w-max h-auto">
							<?php wp_nav_menu(array('theme_location' => 'lang-menu', 'menu_class' => 'lang-menu' )); ?>
						</div>
					</div>
				</div>
			</div>
			<header id="header" class="w-full h-auto absolute z-9">
				<div class="container relative flex justify-between items-center mt-20 mb-20">
					<div class="w-max mr-20">
						<div class="w-auto h-auto relative">
							<a href="<?php echo get_home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="<?php echo get_bloginfo('name'); ?> logo" title="This is a logo for <?php echo get_bloginfo('name'); ?>" class="w-full w-max h-auto"></a>
						</div>
					</div>
					<div class="w-max w-max-1200 flex items-center justify-between mt-5">
						<div class="hidden-1080 flex justify-end items-center">
							<div class="mr-20">
								<?php wp_nav_menu(array('theme_location' => 'header-menu', 'menu_class' => 'header-menu' )); ?>
							</div>
						</div>
						<div class="flex items-end hidden-1080-min">
								<div class="pointer" onclick="toggleNav()" onkeydown="handleSearchKeyDown(event)" tabindex="0" aria-label="Menu button">
									<div class="w-45 w-30-567 h-45 h-30-567 flex items-center mr-20 mr-0-567">
										<div class="w-full">
											<div class="w-full h-6 bg-white br-6"></div>
											<div class="w-full h-6 bg-white br-6 my-10 my-5-567"></div>
											<div class="w-full h-6 bg-white br-6"></div>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			
				<!-- MOBILE Drawer -->
			
				<div id="menuDrawer" class="sidenav">
					<div class="container relative">
						<div class="flex justify-end mb-40">
							<a href="javascript:;" onclick="toggleNav()" aria-label="Close menu button">
								<div class="w-45 w-30-567 h-45 h-30-567 flex items-center mr-20 mr-0-567">
									<div class="w-full">
										<div class="w-full h-6 bg-white br-6 r-45deg"></div>
										<div class="w-full h-6 bg-white br-6 r-minus-45deg mt-minus-7"></div>
									</div>
								</div>
							</a>
						</div>
						<div id="mobileMenu" class="">
							<?php wp_nav_menu(array('theme_location' => 'mobile-menu', 'menu_class' => 'mobile-menu' )); ?>
						</div>
					</div>
				</div>
			
			</header>
	
			<!--
			<a href="#top" id="backToTopBtn" class="hidden btn btn-primary">POČETAK</a>
			-->
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
