<turbo-stream action="append" target="audio_clips_list"><template>
    <hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358298-corduroy"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30296626/75x75/c 75w, https://audioboom.com/i/30296626/150x150/c 150w, https://audioboom.com/i/30296626/300x300/c 300w, https://audioboom.com/i/30296626/600x600/c 600w, https://audioboom.com/i/30296626/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f62838; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296626/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Corduroy
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Don FreemanRead by: Jennifer Patterson
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507040050" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358240-cleo-s-counting-book"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30296378/75x75/c 75w, https://audioboom.com/i/30296378/150x150/c 150w, https://audioboom.com/i/30296378/300x300/c 300w, https://audioboom.com/i/30296378/600x600/c 600w, https://audioboom.com/i/30296378/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #385fa3; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296378/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Cleo&#39;s Counting Book
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Caroline MockfordRead by: Peg Giddings
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507039155" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358210-bear-on-a-bike"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30296243/75x75/c 75w, https://audioboom.com/i/30296243/150x150/c 150w, https://audioboom.com/i/30296243/300x300/c 300w, https://audioboom.com/i/30296243/600x600/c 600w, https://audioboom.com/i/30296243/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #bcb860; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296243/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Bear on a Bike
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Stella BlackstoneIllustrated by: Debbie HarterRead by: Rickey Dwyer
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507038612" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358188-bear-in-sunshine"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30296149/75x75/c 75w, https://audioboom.com/i/30296149/150x150/c 150w, https://audioboom.com/i/30296149/300x300/c 300w, https://audioboom.com/i/30296149/600x600/c 600w, https://audioboom.com/i/30296149/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dd5581; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296149/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Bear in Sunshine
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Stella BlackstoneIllustrated by: Debbie HarterRead by: Joanie Villeneuve
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
2m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507038067" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
2m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358152-andrew-s-loose-tooth"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30296001/75x75/c 75w, https://audioboom.com/i/30296001/150x150/c 150w, https://audioboom.com/i/30296001/300x300/c 300w, https://audioboom.com/i/30296001/600x600/c 600w, https://audioboom.com/i/30296001/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #817e87; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296001/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Andrew&#39;s Loose Tooth
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert MunschIllustrated by: Michael MartchenkoRead by: Jennifer Patterson
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507037498" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6358102-pete-the-cat-five-little-ducks"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30295782/75x75/c 75w, https://audioboom.com/i/30295782/150x150/c 150w, https://audioboom.com/i/30295782/300x300/c 300w, https://audioboom.com/i/30295782/600x600/c 600w, https://audioboom.com/i/30295782/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #93ca5c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30295782/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Pete the Cat Five Little Ducks
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: James DeanRead by: Joanie Villeneuve
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507036476" data-format="short_date">Oct 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6343430-one-hundred-hungry-ants"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30228227/75x75/c 75w, https://audioboom.com/i/30228227/150x150/c 150w, https://audioboom.com/i/30228227/300x300/c 300w, https://audioboom.com/i/30228227/600x600/c 600w, https://audioboom.com/i/30228227/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #cfd070; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30228227/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
One Hundred Hungry Ants
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Elinor J. PinczesIllustrated by: Bonnie MacKain
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506607517" data-format="short_date">Sep 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340911-noisy-nora"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30217066/75x75/c 75w, https://audioboom.com/i/30217066/150x150/c 150w, https://audioboom.com/i/30217066/300x300/c 300w, https://audioboom.com/i/30217066/600x600/c 600w, https://audioboom.com/i/30217066/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f3eee6; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30217066/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Noisy Nora
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Rosemary Wells
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506538838" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340814-stellaluna"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30216649/75x75/c 75w, https://audioboom.com/i/30216649/150x150/c 150w, https://audioboom.com/i/30216649/300x300/c 300w, https://audioboom.com/i/30216649/600x600/c 600w, https://audioboom.com/i/30216649/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #212159; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30216649/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Stellaluna
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Janell CannonRead by: Debbie Chakour
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506536689" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
11m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340761-ira-sleeps-over"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30216426/75x75/c 75w, https://audioboom.com/i/30216426/150x150/c 150w, https://audioboom.com/i/30216426/300x300/c 300w, https://audioboom.com/i/30216426/600x600/c 600w, https://audioboom.com/i/30216426/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #84916d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30216426/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Ira Sleeps Over
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Bernard WaberRead by: Debbie Chakour
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506535462" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
11m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340614-green-eggs-and-ham"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30215745/75x75/c 75w, https://audioboom.com/i/30215745/150x150/c 150w, https://audioboom.com/i/30215745/300x300/c 300w, https://audioboom.com/i/30215745/600x600/c 600w, https://audioboom.com/i/30215745/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fc4418; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30215745/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Green Eggs and Ham
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Dr. SeussRead by: Kate Nadeau
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506531688" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340505-goodnight-you"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30215295/75x75/c 75w, https://audioboom.com/i/30215295/150x150/c 150w, https://audioboom.com/i/30215295/300x300/c 300w, https://audioboom.com/i/30215295/600x600/c 600w, https://audioboom.com/i/30215295/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #85899a; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30215295/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Goodnight, You
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Geneviève CôtéRead by: Kate Nadeau
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506529566" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6340304-farmer-joe-baby-sits"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/30214459/75x75/c 75w, https://audioboom.com/i/30214459/150x150/c 150w, https://audioboom.com/i/30214459/300x300/c 300w, https://audioboom.com/i/30214459/600x600/c 600w, https://audioboom.com/i/30214459/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e0b088; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30214459/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Farmer Joe Baby-Sits
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Werner ZimmermannRead by: Kate Nadeau
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1506527078" data-format="short_date">Sep 27, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034427-thomas-snowsuit"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28854566/75x75/c 75w, https://audioboom.com/i/28854566/150x150/c 150w, https://audioboom.com/i/28854566/300x300/c 300w, https://audioboom.com/i/28854566/600x600/c 600w, https://audioboom.com/i/28854566/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4e79f; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28854566/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Thomas&#39; Snowsuit
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert MunschIllustrated by: Michael MartchenkoRead by: Jeanne Chambers
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497981981" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034406-the-detective-dog"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28854471/75x75/c 75w, https://audioboom.com/i/28854471/150x150/c 150w, https://audioboom.com/i/28854471/300x300/c 300w, https://audioboom.com/i/28854471/600x600/c 600w, https://audioboom.com/i/28854471/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e2e1d5; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28854471/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Detective Dog
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Julia DonaldsonIllustrated by: Sara OgilvieRead by: Huge Corston
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497981539" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034383-ten-on-a-sled"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28854376/75x75/c 75w, https://audioboom.com/i/28854376/150x150/c 150w, https://audioboom.com/i/28854376/300x300/c 300w, https://audioboom.com/i/28854376/600x600/c 600w, https://audioboom.com/i/28854376/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #599fce; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28854376/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Ten on a Sled
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Kim NormanIllustrated by: Liza WoodruffRead by: Kari Shillington
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497981195" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034347-starring-me-and-you"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28854210/75x75/c 75w, https://audioboom.com/i/28854210/150x150/c 150w, https://audioboom.com/i/28854210/300x300/c 300w, https://audioboom.com/i/28854210/600x600/c 600w, https://audioboom.com/i/28854210/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f16e60; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28854210/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Starring Me and You
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Geneviève CôtéRead by:  Huge Corston
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497980509" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034270-reading-makes-you-feel-good"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28853823/75x75/c 75w, https://audioboom.com/i/28853823/150x150/c 150w, https://audioboom.com/i/28853823/300x300/c 300w, https://audioboom.com/i/28853823/600x600/c 600w, https://audioboom.com/i/28853823/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #3f8356; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28853823/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Reading Makes You Feel Good
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Todd ParrRead by: Kari Shillington
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497979429" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034254-this-is-not-a-picture-book"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28853708/75x75/c 75w, https://audioboom.com/i/28853708/150x150/c 150w, https://audioboom.com/i/28853708/300x300/c 300w, https://audioboom.com/i/28853708/600x600/c 600w, https://audioboom.com/i/28853708/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fbfbfb; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28853708/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
This is Not a Picture Book!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Sergio RuzzierRead by: Huge Corston
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
2m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497978963" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
2m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6034208-i-love-you-stinky-face"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28853530/75x75/c 75w, https://audioboom.com/i/28853530/150x150/c 150w, https://audioboom.com/i/28853530/300x300/c 300w, https://audioboom.com/i/28853530/600x600/c 600w, https://audioboom.com/i/28853530/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #69767b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28853530/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
I Love You, Stinky Face
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Lisa McCourtIllustrated by: Cyd Moore
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497978038" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6033881-the-biggest-best-snowman"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28852129/75x75/c 75w, https://audioboom.com/i/28852129/150x150/c 150w, https://audioboom.com/i/28852129/300x300/c 300w, https://audioboom.com/i/28852129/600x600/c 600w, https://audioboom.com/i/28852129/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f1f1f2; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28852129/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Biggest, Best Snowman
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Margery CuylerIllustrated by: Will Hillenbrand
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497971959" data-format="short_date">Jun 20, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
9m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6016688-i-have-to-go"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28773014/75x75/c 75w, https://audioboom.com/i/28773014/150x150/c 150w, https://audioboom.com/i/28773014/300x300/c 300w, https://audioboom.com/i/28773014/600x600/c 600w, https://audioboom.com/i/28773014/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #d8d6da; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28773014/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
I Have to Go!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert MunschIllustrated by: Michael MartchenkoRead by: Kari Shillington
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497461921" data-format="short_date">Jun 14, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6016435-how-to-catch-a-star"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28771960/75x75/c 75w, https://audioboom.com/i/28771960/150x150/c 150w, https://audioboom.com/i/28771960/300x300/c 300w, https://audioboom.com/i/28771960/600x600/c 600w, https://audioboom.com/i/28771960/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #3e4e9c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28771960/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
How To Catch a Star
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Oliver JeffersRead by: Martin Trager
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497457222" data-format="short_date">Jun 14, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6016361-the-highway-rat"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28771594/75x75/c 75w, https://audioboom.com/i/28771594/150x150/c 150w, https://audioboom.com/i/28771594/300x300/c 300w, https://audioboom.com/i/28771594/600x600/c 600w, https://audioboom.com/i/28771594/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #505144; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28771594/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Highway Rat
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Julia DonaldsonIllustrated by: Axel SchefflerRead by: Martin Treger
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497456303" data-format="short_date">Jun 14, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
9m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6016250-blackflies"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28771145/75x75/c 75w, https://audioboom.com/i/28771145/150x150/c 150w, https://audioboom.com/i/28771145/300x300/c 300w, https://audioboom.com/i/28771145/600x600/c 600w, https://audioboom.com/i/28771145/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #4d5749; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28771145/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Blackflies
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert MunschIllustrated by: Jay OdjickRead by: Jeanne Chambers
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497454400" data-format="short_date">Jun 14, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6009153-the-emperor-s-egg"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28739705/75x75/c 75w, https://audioboom.com/i/28739705/150x150/c 150w, https://audioboom.com/i/28739705/300x300/c 300w, https://audioboom.com/i/28739705/600x600/c 600w, https://audioboom.com/i/28739705/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6f7b87; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28739705/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Emperor&#39;s Egg
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Marin JenkinsIllustrated by: Jane Chapman
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497290264" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008917-the-cow-that-went-oink"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28738619/75x75/c 75w, https://audioboom.com/i/28738619/150x150/c 150w, https://audioboom.com/i/28738619/300x300/c 300w, https://audioboom.com/i/28738619/600x600/c 600w, https://audioboom.com/i/28738619/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #9d8f72; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28738619/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Cow That Went OINK
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Bernard Most
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497283791" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008837-green-wilma"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28738253/75x75/c 75w, https://audioboom.com/i/28738253/150x150/c 150w, https://audioboom.com/i/28738253/300x300/c 300w, https://audioboom.com/i/28738253/600x600/c 600w, https://audioboom.com/i/28738253/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e29da2; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28738253/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Green Wilma
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Tedd Arnold
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497282473" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008829-pigsty"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28738213/75x75/c 75w, https://audioboom.com/i/28738213/150x150/c 150w, https://audioboom.com/i/28738213/300x300/c 300w, https://audioboom.com/i/28738213/600x600/c 600w, https://audioboom.com/i/28738213/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #59463b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28738213/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Pigsty
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Mark Teague
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497282125" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008738-jamberry"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28737766/75x75/c 75w, https://audioboom.com/i/28737766/150x150/c 150w, https://audioboom.com/i/28737766/300x300/c 300w, https://audioboom.com/i/28737766/600x600/c 600w, https://audioboom.com/i/28737766/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #889169; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28737766/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Jamberry
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Bruce Degen
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497280971" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008719-pigs-aplenty-pigs-galore"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28737693/75x75/c 75w, https://audioboom.com/i/28737693/150x150/c 150w, https://audioboom.com/i/28737693/300x300/c 300w, https://audioboom.com/i/28737693/600x600/c 600w, https://audioboom.com/i/28737693/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #8a869b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28737693/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Pigs Aplenty, Pigs Galore!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: David McPhail
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497280646" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008699-big-pumpkin"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28737606/75x75/c 75w, https://audioboom.com/i/28737606/150x150/c 150w, https://audioboom.com/i/28737606/300x300/c 300w, https://audioboom.com/i/28737606/600x600/c 600w, https://audioboom.com/i/28737606/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #4d4d47; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28737606/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Big Pumpkin
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Erica SilvermanIullustrated by: S. D. Schindler
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497280354" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008661-there-was-an-old-lady-who-swallowed-a-shell"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28737447/75x75/c 75w, https://audioboom.com/i/28737447/150x150/c 150w, https://audioboom.com/i/28737447/300x300/c 300w, https://audioboom.com/i/28737447/600x600/c 600w, https://audioboom.com/i/28737447/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #deded1; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28737447/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
There Was An Old Lady Who Swallowed a Shell!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Lucille ColandroIllustrated by: Jared Lee
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497280027" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/6008511-the-apple-pie-tree"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28736692/75x75/c 75w, https://audioboom.com/i/28736692/150x150/c 150w, https://audioboom.com/i/28736692/300x300/c 300w, https://audioboom.com/i/28736692/600x600/c 600w, https://audioboom.com/i/28736692/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #81715c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28736692/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Apple Pie Tree
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Zoe HallIllustrated by: Shari Halpern
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1497277463" data-format="short_date">Jun 12, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5982296-good-night-moon"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28616380/75x75/c 75w, https://audioboom.com/i/28616380/150x150/c 150w, https://audioboom.com/i/28616380/300x300/c 300w, https://audioboom.com/i/28616380/600x600/c 600w, https://audioboom.com/i/28616380/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #579746; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28616380/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Good Night Moon
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Margaret Wise Brown
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496493971" data-format="short_date">Jun 03, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964217-class-clown"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533944/75x75/c 75w, https://audioboom.com/i/28533944/150x150/c 150w, https://audioboom.com/i/28533944/300x300/c 300w, https://audioboom.com/i/28533944/600x600/c 600w, https://audioboom.com/i/28533944/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #2c9e70; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533944/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Class Clown
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert Munsch
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496011737" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964204-roar"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533891/75x75/c 75w, https://audioboom.com/i/28533891/150x150/c 150w, https://audioboom.com/i/28533891/300x300/c 300w, https://audioboom.com/i/28533891/600x600/c 600w, https://audioboom.com/i/28533891/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #df9b6b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533891/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Roar
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert Munsch
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496011407" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964187-five-little-penguins-slipping-on-the-ice"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533830/75x75/c 75w, https://audioboom.com/i/28533830/150x150/c 150w, https://audioboom.com/i/28533830/300x300/c 300w, https://audioboom.com/i/28533830/600x600/c 600w, https://audioboom.com/i/28533830/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dce5eb; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533830/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Five Little Penguins Slipping on the Ice
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Steve Metzger
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496011143" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964156-make-way-for-ducklings"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533731/75x75/c 75w, https://audioboom.com/i/28533731/150x150/c 150w, https://audioboom.com/i/28533731/300x300/c 300w, https://audioboom.com/i/28533731/600x600/c 600w, https://audioboom.com/i/28533731/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fcfaa0; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533731/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Make Way for Ducklings
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Robert McCloskey
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
10m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496010682" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
10m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964124-over-in-the-meadow"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533607/75x75/c 75w, https://audioboom.com/i/28533607/150x150/c 150w, https://audioboom.com/i/28533607/300x300/c 300w, https://audioboom.com/i/28533607/600x600/c 600w, https://audioboom.com/i/28533607/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #a4647a; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533607/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Over In the Meadow
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Ezra Jack Keats
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496009912" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5964115-up-and-down"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28533584/75x75/c 75w, https://audioboom.com/i/28533584/150x150/c 150w, https://audioboom.com/i/28533584/300x300/c 300w, https://audioboom.com/i/28533584/600x600/c 600w, https://audioboom.com/i/28533584/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f7eeab; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28533584/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Up and Down
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Oliver Jeffers
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1496009355" data-format="short_date">May 28, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950344-droo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468418/75x75/c 75w, https://audioboom.com/i/28468418/150x150/c 150w, https://audioboom.com/i/28468418/300x300/c 300w, https://audioboom.com/i/28468418/600x600/c 600w, https://audioboom.com/i/28468418/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dae3d6; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468418/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Droo
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Barbara Hill
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495595077" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950323-little-blue-ben"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468328/75x75/c 75w, https://audioboom.com/i/28468328/150x150/c 150w, https://audioboom.com/i/28468328/300x300/c 300w, https://audioboom.com/i/28468328/600x600/c 600w, https://audioboom.com/i/28468328/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #949894; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468328/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Little Blue Ben
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Phoebe Gilman
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495594464" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
9m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950314-jillian-jiggs"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468287/75x75/c 75w, https://audioboom.com/i/28468287/150x150/c 150w, https://audioboom.com/i/28468287/300x300/c 300w, https://audioboom.com/i/28468287/600x600/c 600w, https://audioboom.com/i/28468287/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fbf9a9; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468287/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Jillian Jiggs
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Phoebe Gilman
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495594019" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950311-more-spaghetti-i-say"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468260/75x75/c 75w, https://audioboom.com/i/28468260/150x150/c 150w, https://audioboom.com/i/28468260/300x300/c 300w, https://audioboom.com/i/28468260/600x600/c 600w, https://audioboom.com/i/28468260/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #eceb33; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468260/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
More Spaghetti, I Say!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Rita Golden Gelman
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495593753" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950296-click-clack-moo-cows-that-type"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468176/75x75/c 75w, https://audioboom.com/i/28468176/150x150/c 150w, https://audioboom.com/i/28468176/300x300/c 300w, https://audioboom.com/i/28468176/600x600/c 600w, https://audioboom.com/i/28468176/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #ded4db; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468176/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Click, Clack, MOO:  Cows that Type
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Doreen Cronin
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495593247" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950287-the-teeny-tiny-teacher"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468143/75x75/c 75w, https://audioboom.com/i/28468143/150x150/c 150w, https://audioboom.com/i/28468143/300x300/c 300w, https://audioboom.com/i/28468143/600x600/c 600w, https://audioboom.com/i/28468143/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #9cdd66; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468143/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
The Teeny Tiny Teacher
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Stephanie Calmenson
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495592570" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
6m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950264-franklin-s-halloween"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28468049/75x75/c 75w, https://audioboom.com/i/28468049/150x150/c 150w, https://audioboom.com/i/28468049/300x300/c 300w, https://audioboom.com/i/28468049/600x600/c 600w, https://audioboom.com/i/28468049/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #8d9787; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28468049/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Franklin&#39;s Halloween
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Paulette Bourgeois
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495591743" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
11m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950222-no-moon-no-milk"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28467848/75x75/c 75w, https://audioboom.com/i/28467848/150x150/c 150w, https://audioboom.com/i/28467848/300x300/c 300w, https://audioboom.com/i/28467848/600x600/c 600w, https://audioboom.com/i/28467848/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6d759e; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28467848/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
No Moon, No Milk!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Chris Babcock
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495590935" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/5950204-mike-mulligan-and-his-steam-shovel"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/28467744/75x75/c 75w, https://audioboom.com/i/28467744/150x150/c 150w, https://audioboom.com/i/28467744/300x300/c 300w, https://audioboom.com/i/28467744/600x600/c 600w, https://audioboom.com/i/28467744/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #d64946; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/28467744/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Mike Mulligan and His Steam Shovel
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Virginia Lee Burton
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
14m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1495590278" data-format="short_date">May 24, 2017</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
14m
</div>
</div>
</div>
</a></div>

</template></turbo-stream>
  <turbo-stream action="replace" target="audio_clips_pagination"><template><turbo-frame loading="lazy" id="audio_clips_pagination" src="/channels/4932295-cqsbreadwithme.turbo_stream?page=7"><div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div class="visually-hidden">
<a href="/channels/4932295-cqsbreadwithme?page=7">next page</a>
</div>
</turbo-frame></template></turbo-stream>
