{% assign product = "customer education" %}

{% include "header" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
  <div class="row" style="margin-bottom:32px;">
    <div class="col-xs-12">
      <div class="np-catalog-header-wrapper">
        <div class="np-catalog-header">
          <div class="np-resource-title">{{ custom_page.headline }}</div>
          <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
        </div>
      </div>
    </div>

  </div>
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-3">
      {% include "catalog_filter_sidebar"
        , product_name: product %}
    </div>
    <div class="col-xs-12 col-sm-6 col-md-9">
      {% include "catalog_product_courses"
        , product_name: product %}
      {% include "catalog_product_learning_paths"
        , product_name: product %}
    </div>
  </div>
</main>
{% include "footer" %}

<style>

  div[data-id="d939e877-04f8-4403-9c1d-817557d3cdbb"] {
    order: 0;
  }
  
  div[data-id="a44251cb-6f23-4347-8a74-dc3ccd43a89e"] {
    order: 1;
  }
  
  div[data-id="2b9a05cb-5c51-4f30-870f-ac8cf2357555"] {
    order: 2;
  }

  div[data-id="4e0b4af3-904f-470d-8782-43723914cfd2"] {
    order: 3;
  }

  @media (min-width: 768px) {
    .np-catalog-courses {
      margin-top: 0;
    }

    .filterable-card .np-card {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
</style>

{% include "catalog_page_scripts" %}
