<!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 href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<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>
	</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">
		<ul>
			<li><a href="<?= home_url(); ?>">Home</a></li>
		</ul>
		<?php html5blank_nav(); ?>
	</div>
</div>


        <header class="main-header" uk-sticky uk-scrollspy="cls: uk-animation-fade; delay: 200">
                    <div class="uk-container">
                        <div class="uk-grid uk-flex-middle" uk-grid>
                            <div class="uk-width-1-4 site-logo">
                                <a href="<?php echo home_url(); ?>">
    								<img class="logo-img" src="<?php echo home_url(); ?>/wp-content/uploads/2025/05/ovcslogo-col.png" alt="Logo">
                                </a>
                            </div>

                            <div class="uk-width-expand">

                                <div uk-navbar class="uk-visible@m">
                                    <?php
                                    wp_nav_menu([
                                        'theme_location' => 'header-menu',
                                        'container' => false,
                                        'menu_class' => 'uk-navbar-nav',
                                        'walker' => new UIkit_Navwalker(), // Custom walker handles UIkit dropdowns
                                    ]);
                                    ?>
                                </div>

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

                            </div>


                            <div class="uk-width-auto@m uk-text-right uk-visible@l">
                                <a class="top-right-phone" href="#">236-361-0043</a>
                            </div>

                        </div>

                    </div>
            </header>
