<!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=Oswald:wght@200..700&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Oswald:wght@200..700&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">
		<?php html5blank_nav(); ?>
	</div>
</div>

			<header class="header clear" role="banner" uk-sticky="start: 200; animation: uk-animation-slide-top">
				<div class="top-header">
					<div class="uk-container">
						<div class="uk-text-center uk-text-right@m">
						<strong><a class="white" href="tel:250-808-PUMP">250-808-PUMP</a> | <a href="tel:250-808-7867" class="white">250-808-7867</a></strong>
						</div>
					</div>
				</div>
				<div class="bottom-header">
					<div class="uk-container">
						<div class="uk-flex uk-flex-middle" 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 home_url(); ?>/wp-content/uploads/2024/04/action-septic-rgb-colour.png" alt="Logo">
								</a>

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

								<nav class="nav uk-visible@l" role="navigation">
									<?php html5blank_nav(); ?>
								</nav>

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