<!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 rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">	</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">

		<a href="<?php echo home_url(); ?>/get-a-quote/" class="red-btn uk-width-1-1 uk-margin-medium-bottom">
			<div class="uk-grid-collapse" uk-grid>
				<div class="uk-width-auto">
					<div class="icon-bg"><i class="fa-sharp fa-solid fa-diamonds-4"></i></div>
				</div>
				<div class="uk-width-expand">
					<div class="btn-bg">GET A FREE QUOTE</div>
				</div>
			</div>
	 </a>

	 <?php html5blank_nav(); ?>


	</div>
</div>
<?php
/* THIS SCRIPT WILL MAKE THE SIDEBAR ITEMS THAT HAS DROPDOWNS COLLAPSE. USE THIS ON WEBSITES THAT HAVE LARGER MENUS AND MORE DROPDOWNS.
<script>
document.addEventListener('DOMContentLoaded', function() {
    var hasChildren = document.querySelectorAll('.menu-item-has-children');

    hasChildren.forEach(function(item) {
        var subMenu = item.querySelector('.sub-menu');
        if (subMenu) {
            subMenu.style.display = 'none'; // Ensure all sub-menus start closed
        }

        var anchor = item.querySelector('a'); // Get the first anchor tag

        anchor.addEventListener('click', function(event) {
            // Check if there's a sub-menu
            if (subMenu) {
                event.preventDefault(); // Prevent default only if there's a sub-menu

                // Toggle the display of the submenu
                if (subMenu.style.display === 'block') {
                    subMenu.style.display = 'none';
                } else {
                    subMenu.style.display = 'block';
                }

                // Close other open sub-menus (optional)
                hasChildren.forEach(function(otherItem) {
                    if (otherItem !== item) {
                        var otherSubMenu = otherItem.querySelector('.sub-menu');
                        if (otherSubMenu) {
                            otherSubMenu.style.display = 'none';
                        }
                    }
                });
            }
        });
    });
});
</script>
*/
?>
			<header class="header clear" role="banner" uk-sticky="start: 350; animation: uk-animation-slide-top" uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<div class="uk-container uk-container-expand">
					<div class="uk-flex uk-flex-middle" uk-grid>
						<div class="uk-width-1-2 uk-width-auto@l">
							<a href="<?php echo home_url(); ?>">
								<img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/the-tile-guy-flooring-renovations-logo@2x.webp" alt="Logo">
							</a>

						</div>
						<div class="uk-width-1-2 uk-width-expand@l">

							<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 red"></i>
							</a>
						</div>
						<div class="uk-visible@xl uk-width-auto@l">
							<nav class="nav reverse" role="navigation">
									<ul>
										<li><a class="uk-flex uk-flex-middle" href="https://www.financeit.ca/s/s4dTxg" target="_blank">We Offer Financing! <i class="financing fa-sharp fa-solid fa-diamonds-4"></i></a></li>
									</ul>
							</nav>
						</div>

						<div class="uk-visible@l uk-width-auto@l">
							<a href="<?php echo home_url(); ?>/get-a-quote" class="red-btn">
							  <div class="uk-grid-collapse" uk-grid>
								<div class="uk-width-auto">
								  <div class="icon-bg"><i class="fa-sharp fa-solid fa-diamonds-4"></i></div>
								</div>
								<div class="uk-width-expand">
								  <div class="btn-bg">GET A FREE QUOTE</div>
								</div>
							  </div>
						   </a>
						</div>
					</div>
				</div>
			</header>
