<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
	<head>
		<meta charset="<?php bloginfo('charset'); ?>">
		<title><?php wp_title(''); ?></title>

		<link href="//www.google-analytics.com" rel="dns-prefetch">

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<?php wp_head(); ?>

		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

	</head>
<body <?php body_class(); ?> uk-scrollspy="target: .uk-section, .banner; cls: uk-animation-fade; delay: 200; repeat: false">

<?php wp_body_open(); ?>

		<div class="wrapper">

<div id="mobile_nav" uk-offcanvas="flip: true">
	<div class="uk-offcanvas-bar">
		<?php html5blank_nav(); ?>
	</div>
</div>
			<header class="header clear" role="banner">
				<div class="uk-container uk-container-expand">
					<div class="uk-flex uk-flex-middle uk-padding-small" uk-grid>
						<div class="uk-width-2-3 uk-width-1-4@m">
							<a href="<?php echo home_url(); ?>">
								<img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/michael-baragon-logo.webp" alt="Logo">
							</a>

						</div>
						<div class="uk-width-1-3 uk-width-expand@m ">

							<nav class="nav uk-visible@m hvr-underline-from-left uk-flex uk-flex-center" role="navigation">
								<?php html5blank_nav(); ?>
							</nav>

							<a class="uk-float-right uk-hidden@m menu_pointer" href="#mobile_nav" uk-toggle>
								<i class="far fa-bars fa-2x"></i>
							</a>
						</div>
						<div class="uk-width-1-2 uk-width-auto@m uk-flex uk-flex-middle uk-visible@m">
							
							<a class="header-btn uk-margin-right" href="<?php echo home_url(); ?>/contact/">CONTACT</a>

							<div>
								<p class="uk-margin-remove tight-leading uk-text-small">CALL MICHAEL</p>
								<h5 class="uk-margin-remove tight-leading "><a href="tel:2508601100" class=" ">
									250.860.1100
								</a></h5>
							</div>

						</div>
					</div>
				</div>
			</header>
