<!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 href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

		<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=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&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(); ?>

	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QS4YTKJMC7"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QS4YTKJMC7');
</script>
	
		<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-large">
					<div class="uk-flex uk-flex-middle uk-grid-small" uk-grid  uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
						<div class="uk-width-1-1 uk-hidden@l">

								<div class="top-card uk-text-center uk-inline-block">
									<h5 class="uk-margin-remove-bottom uk-margin-small-top">CALL TO ORDER!</h5>
									<h4 class="uk-margin-remove-top uk-margin-small-bottom">250 860 4149</h4>
									<a class="uk-position-cover" href="tel:2508604149"></a>
								</div>

						</div>
						<div class="uk-width-expand@m">
							<div class="uk-flex uk-flex-middle " uk-grid>
								<div class="uk-width-1-2 uk-width-1-5@m uk-padding-small">
									<a href="<?php echo home_url(); ?>">
										<img class="logo " src="<?php echo get_template_directory_uri(); ?>/images/pizza-factory-logo.webp" alt="Logo">
									</a>

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

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

									<a class="uk-float-right red uk-hidden@l menu_pointer" href="#mobile_nav" uk-toggle>
										<i class="far fa-bars red-primary fa-2x"></i>
									</a>
								</div>
							</div>
						</div>
						<div  class="uk-width-auto@m uk-visible@l uk-flex uk-flex-center ">
							<a class="" href="tel:2508604149">
								<div class="top-card ">
									<h5 class=" uk-margin-remove-bottom s-padding">CALL TO ORDER!</h5>
									<h4 class=" uk-margin-remove">250 860 4149</h4>
									<p class=" uk-margin-remove-top uk-margin-remove uk-text-normal uk-visible@m">Sun - Thur: 4pm - 10pm</p>
									<p class=" uk-margin-remove-top uk-text-normal  uk-visible@m">Fri - Sat: 4pm - 12am</p>

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

			<script>
			document.addEventListener("DOMContentLoaded", function () {
				const body = document.body; // Reference the <body> element
				const bottomHeading = document.getElementById("bottom-heading"); // Bottom H3
				const contactHeading = document.getElementById("contact-heading"); // Second H2
				const defaultHeading = document.getElementById("default-heading"); // Default H2

				// Check if the <body> contains the class "page-id-56"
				if (body.classList.contains("page-id-56")) {
					if (defaultHeading) defaultHeading.style.display = "none"; // Hide the default heading
					if (contactHeading) contactHeading.style.display = "block"; // Show the contact heading
					if (bottomHeading) bottomHeading.style.display = "block"; // Show the bottom heading
				}
			});
			</script>
