<!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">

		<!-- fix for woocommerce remove if not needed
			<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
			<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
			<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
		fix for woocommerce remove if not needed -->

		<?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=Roboto:wght@700;900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
		<script>
        conditionizr.config({
            assets: '<?php echo get_template_directory_uri(); ?>',
            tests: {}
        });
        </script>

	</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

		<div class="wrapper">

<div id="mobile_nav" uk-offcanvas="flip: true">
	<div class="uk-offcanvas-bar">
		<div class="uk-margin-top uk-margin-bottom uk-padding">
			Call for speedy service
			<h4 class="light-blue uk-margin-remove">(250) 575-3440</h4>
		</div>
		<?php html5blank_nav(); ?>
		<ul>
			<li><a href="<?php echo home_url(); ?>/contact-us">Contact Us</a></li>
		</ul>
	</div>
</div>

			<header class="header clear" role="banner" uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<div class="uk-margin-left uk-margin-right">
					<div class="uk-flex uk-flex-middle" uk-grid>
						<div class="uk-width-1-2 uk-width-1-4@m ">
							<a href="<?php echo home_url(); ?>">
								<img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/bc-gaskets-logo.webp" alt="Logo">
							</a>

						</div>
						<div class="uk-width-1-2 uk-width-3-4@m">
							<div>
								<div class="uk-flex uk-flex-middle" uk-grid>
									<div class="uk-width-expand@l  uk-visible@m">
										<h4 class="blue uk-margin-remove">Serving BC with over 20 years of industry experience</h4>
									</div>
									<div class="uk-width-auto@l uk-visible@l">
										<div class="uk-margin-top">
											Call for speedy service
											<h4 class="light-blue uk-margin-remove">(250) 575-3440</h4>
										</div>
									</div>
								</div>
							</div>
							<hr>
							<div uk-grid>
								<div class="uk-width-expand">
									<nav class="nav uk-visible@l" role="navigation">
										<?php html5blank_nav(); ?>
									</nav>
								</div>
								<div class="uk-width-auto">
									<a href="<?php echo home_url(); ?>/contact-us" class="yellow-btn uk-visible@l uk-margin-bottom">CONTACT US <i class="fa-solid fa-square-arrow-right uk-margin-small-left"></i></a>
								</div>
							</div>

							<a class="uk-float-right uk-hidden@l menu_pointer uk-margin-bottom" href="#mobile_nav" uk-toggle>
								<i class="far fa-bars fa-2x"></i>
							</a>
						</div>
					</div>
				</div>
			</header>
