{{ define "main" }}
  <article class="pa3 pa4-ns nested-copy-line-height no-text">
    {{ with .Content }}
      <section id="content"
               class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy {{ $.Param "text_color" | default "mid-gray" }}">
        {{- . -}}
      </section>
    {{ end }}

    {{ range .Pages }}
      {{ $featured_image := partial "func/GetFeaturedImage.html" . }}
      <article class="bb b--black-10 w-100 mb4 bg-white pa3-ns flex flex-column flex-row-ns relative">
        {{ if $featured_image }}
          <div class="mb4 mb0-ns w-100 w-40-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }}">
            <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
          </div>

        {{ else }}
          <a class="hero-pill fl w-10-ns bg-black" href="{{.RelPermalink}}"></a>
        {{ end }}

        <h1 class="f3 fw1 athelas lh-title mh3">
          {{ .Title }}
        </h1>

        {{ range .RegularPagesRecursive }}
          {{ .Title }}
        {{ end }}
      </article>
    {{ end }}
  </article>
{{ end }}