
<!-- NAVMAIN BEGIN -->

<div class="menubar clearfix">
  <input id="menu-toggle" type="checkbox" />
  <label class="menu-label" for="menu-toggle">
    <span class="menu-icon">
      <span></span>
    </span>
    <span class="menu-text">
      Menu
    </span>
  </label>
  <!--
  <label class="menu__btn" for="menu__toggle">
    <span></span>
  </label>
  -->
  
  <div class="searchBox">
    <form method="get" class="searchBox-form" id="searchForm" action="https://duckduckgo.com/" role="search">
      <input id="searchQuery" class="searchBox-query" type="search" value="" name="q" maxlength="255" role="searchbox">
      <input type="hidden" name="kl" value="us-en" /><!-- language -->
      <input type="hidden" name="kh" value="1" /><!-- force https -->
      <input type="hidden" name="kae" value="r" /><!-- theme = retri -->
      <input type="hidden" name="k1" value="1" /><!-- tracker-less ads -->
      <input type="hidden" name="sites" value="<%= site.search_uri %>" />
      <input aria-label="Search" type="submit" class="searchBox-go" value="🔍">
    </form>
  </div>

  <nav class="navMenu" role="navigation">

    <ul>
      <li><a href="/bestiary/">Bestiary</a></li>
      <li><a href="/classes/">Classes</a></li>
      <li><a href="/deities/">Deities</a></li>

      <!--
      <li class="hasSubMenu"><a href="/equipment/" aria-haspopup="true">Equipment</a>
        <ul class="dropdown" aria-label="submenu">
          <li><a href="/weapons/">Weapons</a></li>
        </ul>
      </li>
      -->
      <li class="hasSubMenu">
        <details open>
          <summary><a href="/magic/" aria-haspopup="true">Magic</a></summary>
          <ul class="dropdown" aria-label="submenu">
            <li><a href="/magic-items/">Items</a></li>
            <li><a href="/spells/">Spells</a></li>
          </ul>
        </details>
      </li>

      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/planes/" aria-haspopup="true">Planes</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li class="hasSubMenu">
              <details open>
                <summary>
                  <a href="/astral/" aria-haspopup="true">Astral Plane</a>
                </summary>
                <ul class="dropdown" aria-label="submenu">
                  <li><a href="/astral/adventuring.html">Adventuring</a></li>
                  <li><a href="/astral/calendar.html">Calendar</a></li>
                  <li><a href="/astral/factions/">Factions</a></li>
                  <li><a href="/bestiary/">Monsters</a></li>
                  <li><a href="/astral/timeline.html">Timeline</a></li>
                  <li><a href="/astral/travel.html">Travel</a></li>
                  <li><a href="/astral/vessels.html">Vessels</a></li>
                </ul>
              </details>
            </li>
            <li><a href="/planes/elemental/">Elemental Planes</a></li>
            <li><a href="/planes/material/">Material Planes</a></li>
            <li><a href="/planes/near/">Near Planes</a></li>
            <li><a href="/planes/transcendental/">Transcendental Planes</a></li>
          </ul>
        </details>
      </li>

      <li><a href="/races/">Races</a></li>


      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/rules/" aria-haspopup="true">Rules</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li><a href="/rules/basics.html">Basics</a></li>
            <li><a href="/rules/combat.html">Combat</a></li>
            <li><a href="/rules/adventuring.html">Adventuring</a></li>
            <li><a href="/rules/magic.html">Magic</a></li>
            <li><a href="/rules/referees.html">Referees Only</a></li>
          </ul>
        </details>
      </li>

      <li><a href="/tools/">Tools</a></li>

      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/campaigns/" aria-haspopup="true">Campaigns</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li><a href="/campaigns/mini-campaigns/">Mini-Campaigns</a></li>
            <li><a href="/campaigns/one-night/">One Night One-Shots</a></li>
            <li><a href="/campaign/">Astral Jam</a></li>
          </ul>
        </details>
      </li>

      <li><a href="/about.html" aria-haspopup="true">About</a></li>

      <li><a href="/licenses/">Licenses</a></li>
    </ul>
  </nav>

  <nav class="navBar" role="navigation">
    <ul>
      <li><a href="/bestiary/">Bestiary</a></li>

      <li><a href="/classes/">Classes</a></li>

      <li><a href="/deities/">Deities</a></li>

      <li><a href="/magic/">Magic</a></li>

      <li><a href="/planes/">Planes</a></li>

      <li><a href="/races/">Races</a></li>

      <li><a href="/rules/">Rules</a></li>

      <li><a href="/tools/">Tools</a></li>

      <li><a href="/campaigns/">Campaigns</a></li>
    </ul>
  </nav>

</div>

<!-- NAVMAIN END -->
