<!Doctype html>
<html <?php language_attributes(); ?> class="no-js">
	<head>
		<meta charset="<?php bloginfo('charset'); ?>">
		<title>
			<?php
			$seo_title = get_post_meta(get_the_ID(), '_seo_title', true);
			if (!empty($seo_title)) {echo esc_html($seo_title);} else {wp_title('');}
			?>
		</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="<?php echo esc_html(get_post_meta(get_the_ID(), '_seo_description', true)); ?>">
		<meta name="keywords" content="<?php echo esc_html(get_post_meta(get_the_ID(), '_seo_keywords', true)); ?>">
		<link href="//www.google-analytics.com" rel="dns-prefetch">
        <link href="<?php echo get_template_directory_uri(); ?>/favicon.png" rel="shortcut icon">
        <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+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
		<?php wp_head(); ?>
	</head>
	<body <?php body_class(); ?>>

	<div class="wrapper">
	<div class="sidez">
		<div class="sidebar">
			<!-- Logo -->
			<?php
				$custom_logo_id = get_theme_mod('custom_logo');
				$logo_url = wp_get_attachment_image_src($custom_logo_id, 'full');
				if ($logo_url) {
					echo '<a href="/"><img src="' . esc_url($logo_url[0]) . '" class="logo" alt="' . get_bloginfo('name') . '">';
				} else {
					echo '<a href="<?= get_template_directory_uri(); ?>"><h1>' . get_bloginfo('name') . '</h1></a>';
				}
			?>

			<!-- Menu -->
			<div class="col mbtn mt-3 mb-3">
				<a class="menuBtn" id="menuButton"><i class="bi bi-list"></i> MENU</a>
			</div>
			<div class="popoverz">
				<div class="menu-container">
					<?php
					$menu = wp_nav_menu(array(
						'theme_location' => 'primary', // Adjust to your registered menu location
						'container' => 'nav',
						'container_class' => 'menu',
					));
					?>
				</div>
			</div><!-- Menu !-->

			<!-- <button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover"  data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button> !-->

				
				<!-- Other sidebar content/widgets can go here -->
			<?php dynamic_sidebar('your_custom_sidebar_area'); ?>
			<div class="social-home">
				<ul>
					<li><a href="#"><i class="bi bi-search"></i></a></li>
					<li></li>
					<li><a href="https://twitter.com/AfiegoUg" target="_blank" title="X"><i class="bi bi-twitter-x"></i></a></li>
					<li><a href="https://web.facebook.com/AfricaInstituteForEnergyGovernance/" target="_blank" title="Facebook"><i class="bi bi-facebook"></i></a></li>
					<li><a href="https://www.youtube.com/channel/UCXIIc4xB5fZLAOT0zZB7kKQ" target="_blank" title="Youtube"><i class="bi bi-youtube"></i></a></li>
				</ul>
			</div>
			<div class="donate">
				<a href="/donate">DONATE</a>
			</div>
		</div><!-- Sidebar Fixed Div !-->
	</div><!-- sidebar !-->
	<div class="mainz">

     

            
