{% include "header" %}
{% include "sub_navigation" %}

<main class="np-main np-learning-paths np-subpage-container np-max-width">
  <div class="np-learning-paths-main">
    <div class="page-title">
      Explore all learning paths
    </div>
    <p style="text-align: center;">All learning paths contain short lessons.</p>
  {% include "subheader_search" %}
    {% include "learning_paths_index", items: learning_paths.available %}
  </div>
</main>
{% include "footer" %}


<style>
.page-title {
    color: #1b3e4f !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    line-height: 1.5rem !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }
</style>