<?php
/** Theme Header */
?><!doctype html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<header class="mg-header" role="banner">
  <div class="mg-header__inner">
    <a class="mg-brand" href="<?php echo esc_url( home_url('/') ); ?>">
      <?php if ( has_custom_logo() ) {
        the_custom_logo();
      } else {
        bloginfo('name');
      } ?>
    </a>

    <button class="mg-burger" aria-controls="primary-menu" aria-expanded="false">
      <span class="mg-burger__bar"></span>
      <span class="mg-burger__bar"></span>
      <span class="mg-burger__bar"></span>
      <span class="mg-burger__label">Menu</span>
    </button>

    <nav id="primary-menu" class="mg-navwrap" role="navigation" aria-label="Primary">
      <?php
        wp_nav_menu([
          'theme_location' => 'primary',
          'menu_class'     => 'mg-nav',
          'container'      => false,
          'fallback_cb'    => false,
        ]);
      ?>
      <a class="mg-cta" href="<?php echo esc_url( home_url('/enroll') ); ?>">Enroll</a>
    </nav>
  </div>
</header>

<main id="content" class="mg-main">
