{{ theme:partial src="audio/now-playing" }}

<div class="sermon-background">
  <div class="w-container sermon-container">
    {{ theme:partial src="audio/player-controls" }}

    {{ theme:partial src="audio/side-nav"}}

    <div class="sermon-content-scroll">
      <div class="sermon-sorting">
          <div class="breadcrumbs sermon-crumb">
            {{ nav:breadcrumbs include_home="no" }}
              {{ if is_current }}
                  <a class="sermon-crumb" href="/sermons/speaker/{{ speaker:0|slugify }}">{{ speaker:0|title }}</a>
                   >
                  {{ title }}
              {{ else }}
                  <a class="sermon-crumb" href="{{ url }}">{{ title }}</a>
                  >
              {{ endif }}
            {{ /nav:breadcrumbs }}
          </div>
        <div class="current-category-title">{{ title }}</div>
        <div class="breadcrumbs">{{ speaker:0|title }} - {{ overview }}</div>
      </div>
      <div class="w-tabs" data-duration-in="300" data-duration-out="100">
        <div class="w-tab-menu sermon-subcat-tabs">
          <a class="w-tab-link w--current" style="display:none" data-w-tab="all">
            <div> </div>
          </a>
        </div>
        <div class="w-tab-content minfix">
          <div class="w-tab-pane" data-w-tab="all">
            <ul class="w-list-unstyled sermon-listing">
              <li class="sermon-list-titles">
                <div class="w-row">
                  <!-- <div class="w-col w-col-1 w-col-small-1 w-col-tiny-1">
                    <div>Date</div>
                  </div> -->
                  <div class="w-col w-col-6 w-col-small-6 w-col-tiny-6">
                    <div>Sermon Name</div>
                  </div>
                  <div class="w-col w-col-3 w-col-small-3 w-col-tiny-3">
                    <div>Chapter/Verse</div>
                  </div>
                  <div class="w-col w-col-3 w-col-small-3 w-col-tiny-3">
                    <div>Save/Read/Share</div>
                  </div>
                </div>
              </li>
              <li>{{ theme:partial src="audio/playlist" }}</li>
            </ul>
          </div>

        </div>
      </div>
      <a href="#top" class="backtoplink">Back To Top</a>
    </div>
  </div>
</div>