{% include "hero_header" %}
{% include "dashboard_hero" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
  {% if features.training_events? %}
    <div class="dashboard-events dashboard-section">
      <div class="np-dashboard-resources-title">
        My Events
      </div>
      {% include "training_events_dashboard" %}
    </div>
  {% endif %}
  {% if features.learning_paths? %}
    <div class="np-dashboard-resources-title">
      My Paths
    </div>
    {% include "learning_paths_index", items: learning_paths.enrolled %}
  {% endif %}
  {% assign courses_type = 'enrolled' %}
  {% include 'courses_with_filter' %}
</main>
{% include "footer" %}

<style>
  .np-dashboard {
    background: none;
    max-width: none;
  }
  .np-dashboard-resources-container {
    width: 100%;
  }
  .np-dashboard-resources-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    color: black;
    font-size: 2.5rem;
    font-weight: 400;
    text-transform: none;
    margin: 48px 0;
    line-height: 3rem;
  }
  .np-learning-paths-resources-container {
    width: 100%;
  }
  .dashboard-resources-subtitle {
    font-size: 1rem;
    font-family: 'Gilroy', sans-serif;
  }
</style>