{% extends "main.html" %}

<!-- Disable search -->
{% block site_nav %}
  <!-- Navigation - hide on desktop but show on mobile -->
  {% if nav %}
    <div
      class="md-sidebar md-sidebar--primary"
      data-md-component="sidebar"
      data-md-type="navigation"
      style="display: none;"
    >
      <div class="md-sidebar__scrollwrap">
        <div class="md-sidebar__inner">
          {% include "partials/nav.html" %}
        </div>
      </div>
    </div>
  {% endif %}
  <style>
    /* Hide sidebar on desktop (screen size and above) */
    @media (min-width: 1220px) {
      .md-sidebar--primary {
        display: none !important;
      }
    }
    /* Show sidebar on mobile/tablet when drawer is active */
    @media (max-width: 1219px) {
      .md-sidebar--primary {
        display: block !important;
      }
    }
  </style>
{% endblock %}

<!-- Content -->
{% block content %}
  <div class="md-content__inner fractum-style">
    {{ page.content }}
  </div>
{% endblock %}

<!-- No application footer -->
{% block footer %}
  <footer class="md-footer">
    <div class="md-footer-meta md-typeset">
      <div class="md-footer-meta__inner md-grid">
        <div class="md-copyright">
          {% if config.copyright %}
            <div class="md-copyright__highlight">
              {{ config.copyright }}
            </div>
          {% endif %}
        </div>
        {% include "partials/social.html" %}
      </div>
    </div>
  </footer>
{% endblock %}