<turbo-stream action="update" target="results"><template><article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-first-herald-angel"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The First Herald Angel John Donald O&#39;Shea Play Script" width="175" height="175" fetchpriority="high" loading="eager" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NzksInB1ciI6ImJsb2JfaWQifX0=--b5e4e6502754228a2578f25998612826d02081b3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/first-herald-angel.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-first-herald-angel">The First Herald Angel</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by John Donald O'Shea
</small>
</div>
<p class="mb-3">
On the first Christmas Eve, a shepherd meets an angel who states something miraculous is about to occur. The shepherd's wife has her doubts.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 25 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 2&nbsp;F + 2&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
15 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-first-herald-angel">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-first-herald-angel/pricing" data-modal="pricing" href="/products/the-first-herald-angel">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-first-herald-angel/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 25 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 2&nbsp;F + 2&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
15 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-first-herald-angel/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/building-blocks"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Building Blocks Jeffrey Harr Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTc1LCJwdXIiOiJibG9iX2lkIn19--4b25d95cc9b137cb6b2b07d60bc114a29c5b35a3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Building-Blocks.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/building-blocks">Building Blocks</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Jeffrey Harr
</small>
</div>
<p class="mb-3">
A boy and a girl share words of wisdom straight from their parents' mouths.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
11 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/building-blocks">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/building-blocks/pricing" data-modal="pricing" href="/products/building-blocks">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/building-blocks/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
11 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/building-blocks/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/not-going-anywhere"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Not Going Anywhere Emma Fonseca Halverson Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzA2LCJwdXIiOiJibG9iX2lkIn19--6aa84e991098f8e49526d46f8ba2566d58432f16/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Not-Going-Anywhere.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/not-going-anywhere">Not Going Anywhere</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Emma Fonseca Halverson
</small>
</div>
<p class="mb-3">
A Mexican family struggles to get by while ICE attempts to tear them apart.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
25 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/not-going-anywhere">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/not-going-anywhere/pricing" data-modal="pricing" href="/products/not-going-anywhere">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/not-going-anywhere/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
25 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/not-going-anywhere/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/labeled"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Labeled Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQyLCJwdXIiOiJibG9iX2lkIn19--8c1a520de4cfa1f04d75c5dd4bc0b7aac0efcbac/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Labeled.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/labeled">Labeled</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
We label people every day. We’ve done it in the past, we’ll do it in the future.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 6&nbsp;F + 15&nbsp;Any&nbsp;Gender + 1&nbsp;Trans&nbsp;Man, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
33 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/labeled">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/labeled/pricing" data-modal="pricing" href="/products/labeled">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/labeled/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 6&nbsp;F + 15&nbsp;Any&nbsp;Gender + 1&nbsp;Trans&nbsp;Man, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
33 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/labeled/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/moving-still-two-one-act-plays"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Moving / Still: Two One Act Plays Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NzYsInB1ciI6ImJsb2JfaWQifX0=--76b04019ac3068561caa0119b0dbdca4b440bb49/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/moving-still.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/moving-still-two-one-act-plays">Moving / Still: Two One Act Plays</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A girl moves too fast. A boy is still the same after a heartwrenching moment. Moving/Still looks at  those who want to grow up and those who don't.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
41 pages
</li>
</ul>
</div>
<div class="mb-2 text-gray-700 text-sm">
This collection contains
<em><a data-turbo-frame="_top" href="/products/moving">Moving</a></em> and <em><a data-turbo-frame="_top" href="/products/still">Still</a></em>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/moving-still-two-one-act-plays">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/moving-still-two-one-act-plays/pricing" data-modal="pricing" href="/products/moving-still-two-one-act-plays">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/moving-still-two-one-act-plays/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
41 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/moving-still-two-one-act-plays/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/tuna-fish-eulogy"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Tuna Fish Eulogy Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMsInB1ciI6ImJsb2JfaWQifX0=--fafdbcd9672b5ac649ea1890d6007322549886e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Tuna-Fish-Eulogy.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/tuna-fish-eulogy">Tuna Fish Eulogy</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
The tragedy of a young boy's death is examined. Written in the Ladder play format the text runs in vertical columns for fuller choral work.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 40 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 2&nbsp;F + 1&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
40 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/tuna-fish-eulogy">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/tuna-fish-eulogy/pricing" data-modal="pricing" href="/products/tuna-fish-eulogy">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/tuna-fish-eulogy/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 40 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 2&nbsp;F + 1&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
40 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/tuna-fish-eulogy/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/moonscape-to-treescape"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Moonscape to Treescape Craig Mason Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTUsInB1ciI6ImJsb2JfaWQifX0=--86cf4441409a799ba223c2fa822f1f629f6cc777/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Moonscape-to-Treescape.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/moonscape-to-treescape">Moonscape to Treescape</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Craig Mason<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
An environmental fable about a city that destroys its natural beauty in order to support its only industry.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 50 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
8&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
31 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/moonscape-to-treescape">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/moonscape-to-treescape/pricing" data-modal="pricing" href="/products/moonscape-to-treescape">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/moonscape-to-treescape/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 50 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
8&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
31 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/moonscape-to-treescape/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/hansel-and-gretel"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Hansel and Gretel Shirley Barrie Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcsInB1ciI6ImJsb2JfaWQifX0=--90d3d87be27224027bab5e3b5d8bdf6261e724eb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Hansel-and-Gretel.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/hansel-and-gretel">Hansel and Gretel</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Shirley Barrie<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
An inventive re-telling of the Grimms' fairy tale. Puppetry, percussive rhythms, twists in language, and unique characterizations.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 56 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 2&nbsp;Any&nbsp;Gender, Percussionists and Puppeteers
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
56 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/hansel-and-gretel">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/hansel-and-gretel/pricing" data-modal="pricing" href="/products/hansel-and-gretel">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/hansel-and-gretel/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 56 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 2&nbsp;Any&nbsp;Gender, Percussionists and Puppeteers
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
56 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/hansel-and-gretel/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Scarlet Expectations of a Drowned Maiden and Two Greek Queens Robert Wing Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3LCJwdXIiOiJibG9iX2lkIn19--5028b9cd40557bef5f842b7717a6ee6cd72d720d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Scarlet-Expectations-of-a-Drowned-Maiden-and-Two-Greek-Queens.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens">Scarlet Expectations of a Drowned Maiden and Two Greek Queens</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Robert Wing
</small>
</div>
<p class="mb-3">
A talk show welcomes some of literature's most memorable women who just can’t seem to get it right when it comes to men.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 40 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 7&nbsp;F + 4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
28 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens/pricing" data-modal="pricing" href="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 40 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 7&nbsp;F + 4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
28 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/scarlet-expectations-of-a-drowned-maiden-and-two-greek-queens/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/baalzebub"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Baalzebub Rachel Atkins Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjM5LCJwdXIiOiJibG9iX2lkIn19--b8cd359f239ded644edc07abb32280cf2f2c24a4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Baalzebub.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/baalzebub">Baalzebub</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Rachel Atkins
</small>
</div>
<p class="mb-3">
Will they establish civility or fall apart?
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 80 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 11&nbsp;F, Easily expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
71 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/baalzebub">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/baalzebub/pricing" data-modal="pricing" href="/products/baalzebub">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/baalzebub/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 80 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 11&nbsp;F, Easily expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
71 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/baalzebub/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-date"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Date Steven Stack Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg5LCJwdXIiOiJibG9iX2lkIn19--5b0ab32b1024f25760a208ad934f1e4957bf5370/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Date.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-date">The Date</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Steven Stack
</small>
</div>
<p class="mb-3">
Demons on a date are never good.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 10 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Virtual Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-date">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-date/pricing" data-modal="pricing" href="/products/the-date">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-date/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 10 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Virtual Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-date/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/rebootilization-competition-version"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Rebootilization: Competition Version Alan Haehnel Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcxNjAyLCJwdXIiOiJibG9iX2lkIn19--3b4c6f8e8daf8ba696692e424711aab54cbb46a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Rebootilization-Competition-Version.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/rebootilization-competition-version">Rebootilization: Competition Version</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Alan Haehnel
</small>
</div>
<p class="mb-3">
A competition-length version of <em>Rebootilization</em> by Alan Haehnel
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
9&nbsp;M + 12&nbsp;F + 6&nbsp;Any&nbsp;Gender, Plus Assorted Fairytale characters
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
32 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/rebootilization-competition-version">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/rebootilization-competition-version/pricing" data-modal="pricing" href="/products/rebootilization-competition-version">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/rebootilization-competition-version/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
9&nbsp;M + 12&nbsp;F + 6&nbsp;Any&nbsp;Gender, Plus Assorted Fairytale characters
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
32 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/rebootilization-competition-version/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/body-body"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Body Body Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzIsInB1ciI6ImJsb2JfaWQifX0=--984e12fc76a11af28d2dfe4420f97a5a89539691/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Body-Body.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/body-body">Body Body</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Madeline has body issues. So much so that her different body parts are coming to life and talking back. But Madeline is tired of feeling bad about her body.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
54 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/body-body">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/body-body/pricing" data-modal="pricing" href="/products/body-body">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/body-body/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
54 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/body-body/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-pregnancy-project"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Pregnancy Project Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NjksInB1ciI6ImJsb2JfaWQifX0=--55f7d12ace55e61992bf69e3cca9495196a64699/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Pregnancy-Project.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-pregnancy-project">The Pregnancy Project</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A pregnancy project turns real when Lucy's test turns pink. No statistics. No preaching. Just well-drawn characters and an engaging story.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 15&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
47 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-pregnancy-project">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-pregnancy-project/pricing" data-modal="pricing" href="/products/the-pregnancy-project">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-pregnancy-project/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 15&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
47 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-pregnancy-project/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/carrying-the-calf"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Carrying the Calf Shirley Barrie Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjc2NTQsInB1ciI6ImJsb2JfaWQifX0=--8b813be28f08f469b907ed9769075b8a6e3603ec/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/carrying-the-calf.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/carrying-the-calf">Carrying the Calf</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Shirley Barrie<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A teenager fed-up with being bullied drags her reluctant friend to a self-defence class.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 54 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/carrying-the-calf">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/carrying-the-calf/pricing" data-modal="pricing" href="/products/carrying-the-calf">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/carrying-the-calf/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 54 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/carrying-the-calf/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-waking-moment"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Waking Moment Bradley Hayward Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDksInB1ciI6ImJsb2JfaWQifX0=--67036002820a756b68ae6e9bab81edba556465cb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Waking-Moment.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-waking-moment">The Waking Moment</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Bradley Hayward<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Julie would do anything to be just like her best friend Rhonda. But she soon finds out Rhonda's perfect world is a nightmare. Deals with sexual abuse.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
27 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-waking-moment">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-waking-moment/pricing" data-modal="pricing" href="/products/the-waking-moment">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-waking-moment/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 4&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
27 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-waking-moment/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/discovering-rogue"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Discovering Rogue Christian Kiley Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ4LCJwdXIiOiJibG9iX2lkIn19--04c1999cb453d1959a9c3c658059b6096272acc6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Discovering-Rogue.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/discovering-rogue">Discovering Rogue</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Christian Kiley
</small>
</div>
<p class="mb-3">
Rogue lives in a cardboard box but she doesn’t mind. Others want Rogue to leave but she isn’t budging. It's a showdown of stereotypes and self-identity.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 4&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
29 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/discovering-rogue">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/discovering-rogue/pricing" data-modal="pricing" href="/products/discovering-rogue">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/discovering-rogue/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 4&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
29 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/discovering-rogue/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/you-re-cosplaying-my-song"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="You&#39;re Cosplaying My Song Jeffrey Harr Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcyLCJwdXIiOiJibG9iX2lkIn19--e2c8733cb045bc2a0e6b9e1cd5ca9a4621db639c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/you&#39;re-cosplaying-my-song.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/you-re-cosplaying-my-song">You&#39;re Cosplaying My Song</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Jeffrey Harr
</small>
</div>
<p class="mb-3">
Love conquers all, even for  a Queen Elf and a Jedi in Omega Six.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 1&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
9 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/you-re-cosplaying-my-song">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/you-re-cosplaying-my-song/pricing" data-modal="pricing" href="/products/you-re-cosplaying-my-song">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/you-re-cosplaying-my-song/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 1&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
9 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/you-re-cosplaying-my-song/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/c-mon-and-dance"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="C&#39;mon And Dance Jeffrey Harr Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTc3LCJwdXIiOiJibG9iX2lkIn19--cfa1910d4c111e53bf89b0d3be4fc324cefc7711/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/C&#39;Mon-and-Dance.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/c-mon-and-dance">C&#39;mon And Dance</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Jeffrey Harr
</small>
</div>
<p class="mb-3">
Dancer loves to dance. But she is shy and a little insecure. How does she work past her feelings and let go? How does she dance like no one’s watching?
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
8 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/c-mon-and-dance">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/c-mon-and-dance/pricing" data-modal="pricing" href="/products/c-mon-and-dance">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/c-mon-and-dance/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
8 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/c-mon-and-dance/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/to-kill-a-mocking-birdie"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="To Kill a Mocking Birdie Clint Snyder Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgwLCJwdXIiOiJibG9iX2lkIn19--1809da2efd5e071a7326bf7c05a3002808107c30/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/To-Kill-a-Mocking-Birdie.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/to-kill-a-mocking-birdie">To Kill a Mocking Birdie</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Clint Snyder
</small>
</div>
<p class="mb-3">
Birdie would like you to meet her parents: a goldfish and a moldy piece of bread. It's a perfectly crazy dinner party. Consider this your invitation.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 4&nbsp;F + 4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
23 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/to-kill-a-mocking-birdie">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/to-kill-a-mocking-birdie/pricing" data-modal="pricing" href="/products/to-kill-a-mocking-birdie">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/to-kill-a-mocking-birdie/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 4&nbsp;F + 4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
23 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/to-kill-a-mocking-birdie/order" type="button">
Add to Cart
</button>

</div>
</article>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/plays/high-school-plays?page=12" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/plays/high-school-plays?page=1" data-turbo-stream>1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/plays/high-school-plays?page=11" data-turbo-stream>11</a><a href="/plays/high-school-plays?page=12" data-turbo-stream rel="prev">12</a><a role="link" aria-disabled="true" aria-current="page">13</a><a href="/plays/high-school-plays?page=14" data-turbo-stream rel="next">14</a><a href="/plays/high-school-plays?page=15" data-turbo-stream>15</a><a href="/plays/high-school-plays?page=14" data-turbo-stream rel="next" aria-label="Next">&gt;</a></nav>
</div>

</template></turbo-stream><turbo-stream action="update" target="search_aggregations"><template><div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Play Length
</legend>
<div>
<input type="checkbox" value="One Act" name="a[length][]" id="a_length_one_act" />
<label for="a_length_one_act">One Act
<span class="badge badge-aggregation">239</span>
</label></div>

<div>
<input type="checkbox" value="Full-Length" name="a[length][]" id="a_length_full-length" />
<label for="a_length_full-length">Full-Length
<span class="badge badge-aggregation">29</span>
</label></div>

<div>
<input type="checkbox" value="Ten Minutes" name="a[length][]" id="a_length_ten_minutes" />
<label for="a_length_ten_minutes">Ten Minutes
<span class="badge badge-aggregation">16</span>
</label></div>

<div>
<input type="checkbox" value="Monologues &amp; Scenes" name="a[length][]" id="a_length_monologues__scenes" />
<label for="a_length_monologues__scenes">Monologues &amp; Scenes
<span class="badge badge-aggregation">10</span>
</label></div>

<div>
<input type="checkbox" value="Skits" name="a[length][]" id="a_length_skits" />
<label for="a_length_skits">Skits
<span class="badge badge-aggregation">1</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Cast Size
</legend>
<div>
<input type="checkbox" value="Large Cast (More than 15)" name="a[cast_size][]" id="a_cast_size_large_cast_more_than_15" />
<label for="a_cast_size_large_cast_more_than_15">Large Cast (More than 15)
<span class="badge badge-aggregation">114</span>
</label></div>

<div>
<input type="checkbox" value="Medium Cast (6-14)" name="a[cast_size][]" id="a_cast_size_medium_cast_6-14" />
<label for="a_cast_size_medium_cast_6-14">Medium Cast (6-14)
<span class="badge badge-aggregation">113</span>
</label></div>

<div>
<input type="checkbox" value="Small Cast (Less than 5)" name="a[cast_size][]" id="a_cast_size_small_cast_less_than_5" />
<label for="a_cast_size_small_cast_less_than_5">Small Cast (Less than 5)
<span class="badge badge-aggregation">37</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Genre
</legend>
<div>
<input type="checkbox" value="Comedy" name="a[genre][]" id="a_genre_comedy" />
<label for="a_genre_comedy">Comedy
<span class="badge badge-aggregation">140</span>
</label></div>

<div>
<input type="checkbox" value="Drama" name="a[genre][]" id="a_genre_drama" />
<label for="a_genre_drama">Drama
<span class="badge badge-aggregation">105</span>
</label></div>

<div>
<input type="checkbox" value="Character Study" name="a[genre][]" id="a_genre_character_study" />
<label for="a_genre_character_study">Character Study
<span class="badge badge-aggregation">70</span>
</label></div>

<div>
<input type="checkbox" value="Classical Adaptation" name="a[genre][]" id="a_genre_classical_adaptation" />
<label for="a_genre_classical_adaptation">Classical Adaptation
<span class="badge badge-aggregation">59</span>
</label></div>

<div>
<input type="checkbox" value="Issue-Based" name="a[genre][]" id="a_genre_issue-based" />
<label for="a_genre_issue-based">Issue-Based
<span class="badge badge-aggregation">57</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-genre" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-genre">
<div>
<input type="checkbox" value="Dramedy" name="a[genre][]" id="a_genre_dramedy" />
<label for="a_genre_dramedy">Dramedy
<span class="badge badge-aggregation">45</span>
</label></div>

<div>
<input type="checkbox" value="Vignettes" name="a[genre][]" id="a_genre_vignettes" />
<label for="a_genre_vignettes">Vignettes
<span class="badge badge-aggregation">36</span>
</label></div>

<div>
<input type="checkbox" value="Movement-based" name="a[genre][]" id="a_genre_movement-based" />
<label for="a_genre_movement-based">Movement-based
<span class="badge badge-aggregation">30</span>
</label></div>

<div>
<input type="checkbox" value="Shakespeare" name="a[genre][]" id="a_genre_shakespeare" />
<label for="a_genre_shakespeare">Shakespeare
<span class="badge badge-aggregation">30</span>
</label></div>

<div>
<input type="checkbox" value="Student Directors" name="a[genre][]" id="a_genre_student_directors" />
<label for="a_genre_student_directors">Student Directors
<span class="badge badge-aggregation">28</span>
</label></div>

<div>
<input type="checkbox" value="Experimental Form" name="a[genre][]" id="a_genre_experimental_form" />
<label for="a_genre_experimental_form">Experimental Form
<span class="badge badge-aggregation">23</span>
</label></div>

<div>
<input type="checkbox" value="Choral Work" name="a[genre][]" id="a_genre_choral_work" />
<label for="a_genre_choral_work">Choral Work
<span class="badge badge-aggregation">18</span>
</label></div>

<div>
<input type="checkbox" value="Holiday" name="a[genre][]" id="a_genre_holiday" />
<label for="a_genre_holiday">Holiday
<span class="badge badge-aggregation">17</span>
</label></div>

<div>
<input type="checkbox" value="Young Audiences" name="a[genre][]" id="a_genre_young_audiences" />
<label for="a_genre_young_audiences">Young Audiences
<span class="badge badge-aggregation">14</span>
</label></div>

<div>
<input type="checkbox" value="Black Comedy" name="a[genre][]" id="a_genre_black_comedy" />
<label for="a_genre_black_comedy">Black Comedy
<span class="badge badge-aggregation">13</span>
</label></div>

<div>
<input type="checkbox" value="Monologue-Friendly Plays" name="a[genre][]" id="a_genre_monologue-friendly_plays" />
<label for="a_genre_monologue-friendly_plays">Monologue-Friendly Plays
<span class="badge badge-aggregation">12</span>
</label></div>

<div>
<input type="checkbox" value="Mystery" name="a[genre][]" id="a_genre_mystery" />
<label for="a_genre_mystery">Mystery
<span class="badge badge-aggregation">11</span>
</label></div>

<div>
<input type="checkbox" value="Shakespeare in an Hour" name="a[genre][]" id="a_genre_shakespeare_in_an_hour" />
<label for="a_genre_shakespeare_in_an_hour">Shakespeare in an Hour
<span class="badge badge-aggregation">9</span>
</label></div>

<div>
<input type="checkbox" value="Backstage Comedy" name="a[genre][]" id="a_genre_backstage_comedy" />
<label for="a_genre_backstage_comedy">Backstage Comedy
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Melodrama" name="a[genre][]" id="a_genre_melodrama" />
<label for="a_genre_melodrama">Melodrama
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Musical" name="a[genre][]" id="a_genre_musical" />
<label for="a_genre_musical">Musical
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Reader&#39;s Theatre" name="a[genre][]" id="a_genre_readers_theatre" />
<label for="a_genre_readers_theatre">Reader&#39;s Theatre
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Commedia dell&#39;arte" name="a[genre][]" id="a_genre_commedia_dellarte" />
<label for="a_genre_commedia_dellarte">Commedia dell&#39;arte
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Romantic Comedy" name="a[genre][]" id="a_genre_romantic_comedy" />
<label for="a_genre_romantic_comedy">Romantic Comedy
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-genre" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Gender
</legend>
<div>
<input type="checkbox" value="Mostly Girls" name="a[gender][]" id="a_gender_mostly_girls" />
<label for="a_gender_mostly_girls">Mostly Girls
<span class="badge badge-aggregation">241</span>
</label></div>

<div>
<input type="checkbox" value="Mostly Boys" name="a[gender][]" id="a_gender_mostly_boys" />
<label for="a_gender_mostly_boys">Mostly Boys
<span class="badge badge-aggregation">154</span>
</label></div>

<div>
<input type="checkbox" value="Mostly Flexible" name="a[gender][]" id="a_gender_mostly_flexible" />
<label for="a_gender_mostly_flexible">Mostly Flexible
<span class="badge badge-aggregation">83</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Actor Experience Level
</legend>
<div>
<input type="checkbox" value="Moderate" name="a[actor_experience_level][]" id="a_actor_experience_level_moderate" />
<label for="a_actor_experience_level_moderate">Moderate
<span class="badge badge-aggregation">115</span>
</label></div>

<div>
<input type="checkbox" value="Moderate to Advanced" name="a[actor_experience_level][]" id="a_actor_experience_level_moderate_to_advanced" />
<label for="a_actor_experience_level_moderate_to_advanced">Moderate to Advanced
<span class="badge badge-aggregation">64</span>
</label></div>

<div>
<input type="checkbox" value="Advanced" name="a[actor_experience_level][]" id="a_actor_experience_level_advanced" />
<label for="a_actor_experience_level_advanced">Advanced
<span class="badge badge-aggregation">40</span>
</label></div>

<div>
<input type="checkbox" value="Minimal to Moderate" name="a[actor_experience_level][]" id="a_actor_experience_level_minimal_to_moderate" />
<label for="a_actor_experience_level_minimal_to_moderate">Minimal to Moderate
<span class="badge badge-aggregation">34</span>
</label></div>

<div>
<input type="checkbox" value="Minimal" name="a[actor_experience_level][]" id="a_actor_experience_level_minimal" />
<label for="a_actor_experience_level_minimal">Minimal
<span class="badge badge-aggregation">17</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Other Uses
</legend>
<div>
<input type="checkbox" value="Class work" name="a[other_uses][]" id="a_other_uses_class_work" />
<label for="a_other_uses_class_work">Class work
<span class="badge badge-aggregation">254</span>
</label></div>

<div>
<input type="checkbox" value="Scene work" name="a[other_uses][]" id="a_other_uses_scene_work" />
<label for="a_other_uses_scene_work">Scene work
<span class="badge badge-aggregation">219</span>
</label></div>

<div>
<input type="checkbox" value="Competition" name="a[other_uses][]" id="a_other_uses_competition" />
<label for="a_other_uses_competition">Competition
<span class="badge badge-aggregation">191</span>
</label></div>

<div>
<input type="checkbox" value="Audition material" name="a[other_uses][]" id="a_other_uses_audition_material" />
<label for="a_other_uses_audition_material">Audition material
<span class="badge badge-aggregation">167</span>
</label></div>

<div>
<input type="checkbox" value="Monologues" name="a[other_uses][]" id="a_other_uses_monologues" />
<label for="a_other_uses_monologues">Monologues
<span class="badge badge-aggregation">138</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Playwright
</legend>
<div>
<input type="checkbox" value="Price, Lindsay" name="a[playwright][]" id="a_playwright_price_lindsay" />
<label for="a_playwright_price_lindsay">Price, Lindsay
<span class="badge badge-aggregation">120</span>
</label></div>

<div>
<input type="checkbox" value="Harr, Jeffrey" name="a[playwright][]" id="a_playwright_harr_jeffrey" />
<label for="a_playwright_harr_jeffrey">Harr, Jeffrey
<span class="badge badge-aggregation">13</span>
</label></div>

<div>
<input type="checkbox" value="Kiley, Christian" name="a[playwright][]" id="a_playwright_kiley_christian" />
<label for="a_playwright_kiley_christian">Kiley, Christian
<span class="badge badge-aggregation">11</span>
</label></div>

<div>
<input type="checkbox" value="Haehnel, Alan" name="a[playwright][]" id="a_playwright_haehnel_alan" />
<label for="a_playwright_haehnel_alan">Haehnel, Alan
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="Stack, Steven" name="a[playwright][]" id="a_playwright_stack_steven" />
<label for="a_playwright_stack_steven">Stack, Steven
<span class="badge badge-aggregation">8</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-playwright" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-playwright">
<div>
<input type="checkbox" value="Shimano, Kirk" name="a[playwright][]" id="a_playwright_shimano_kirk" />
<label for="a_playwright_shimano_kirk">Shimano, Kirk
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Walton, Bradley" name="a[playwright][]" id="a_playwright_walton_bradley" />
<label for="a_playwright_walton_bradley">Walton, Bradley
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Williams, Allison" name="a[playwright][]" id="a_playwright_williams_allison" />
<label for="a_playwright_williams_allison">Williams, Allison
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Hayward, Bradley" name="a[playwright][]" id="a_playwright_hayward_bradley" />
<label for="a_playwright_hayward_bradley">Hayward, Bradley
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="Merritt, Mrs. Evelyn" name="a[playwright][]" id="a_playwright_merritt_mrs__evelyn" />
<label for="a_playwright_merritt_mrs__evelyn">Merritt, Mrs. Evelyn
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="Murphy, Dara" name="a[playwright][]" id="a_playwright_murphy_dara" />
<label for="a_playwright_murphy_dara">Murphy, Dara
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="Baring, Treanor" name="a[playwright][]" id="a_playwright_baring_treanor" />
<label for="a_playwright_baring_treanor">Baring, Treanor
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Dean, Laramie" name="a[playwright][]" id="a_playwright_dean_laramie" />
<label for="a_playwright_dean_laramie">Dean, Laramie
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Minigan, John" name="a[playwright][]" id="a_playwright_minigan_john" />
<label for="a_playwright_minigan_john">Minigan, John
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Webster, Matthew" name="a[playwright][]" id="a_playwright_webster_matthew" />
<label for="a_playwright_webster_matthew">Webster, Matthew
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Boehnert, Krista" name="a[playwright][]" id="a_playwright_boehnert_krista" />
<label for="a_playwright_boehnert_krista">Boehnert, Krista
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Broome, Claire" name="a[playwright][]" id="a_playwright_broome_claire" />
<label for="a_playwright_broome_claire">Broome, Claire
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Espeland, Todd" name="a[playwright][]" id="a_playwright_espeland_todd" />
<label for="a_playwright_espeland_todd">Espeland, Todd
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Evans, Christopher" name="a[playwright][]" id="a_playwright_evans_christopher" />
<label for="a_playwright_evans_christopher">Evans, Christopher
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Gauthier, Kristin" name="a[playwright][]" id="a_playwright_gauthier_kristin" />
<label for="a_playwright_gauthier_kristin">Gauthier, Kristin
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Mason, Craig" name="a[playwright][]" id="a_playwright_mason_craig" />
<label for="a_playwright_mason_craig">Mason, Craig
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="O&#39;Shea, John Donald" name="a[playwright][]" id="a_playwright_oshea_john_donald" />
<label for="a_playwright_oshea_john_donald">O&#39;Shea, John Donald
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Wing, Robert" name="a[playwright][]" id="a_playwright_wing_robert" />
<label for="a_playwright_wing_robert">Wing, Robert
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Atkins, Rachel" name="a[playwright][]" id="a_playwright_atkins_rachel" />
<label for="a_playwright_atkins_rachel">Atkins, Rachel
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Barrie, Shirley" name="a[playwright][]" id="a_playwright_barrie_shirley" />
<label for="a_playwright_barrie_shirley">Barrie, Shirley
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Cutalo, Amanda Murray" name="a[playwright][]" id="a_playwright_cutalo_amanda_murray" />
<label for="a_playwright_cutalo_amanda_murray">Cutalo, Amanda Murray
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Giessler, Scott" name="a[playwright][]" id="a_playwright_giessler_scott" />
<label for="a_playwright_giessler_scott">Giessler, Scott
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Halverson, Emma Fonseca" name="a[playwright][]" id="a_playwright_halverson_emma_fonseca" />
<label for="a_playwright_halverson_emma_fonseca">Halverson, Emma Fonseca
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Musselman, Forrest" name="a[playwright][]" id="a_playwright_musselman_forrest" />
<label for="a_playwright_musselman_forrest">Musselman, Forrest
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Rodgers, Gary" name="a[playwright][]" id="a_playwright_rodgers_gary" />
<label for="a_playwright_rodgers_gary">Rodgers, Gary
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Snyder, Clint" name="a[playwright][]" id="a_playwright_snyder_clint" />
<label for="a_playwright_snyder_clint">Snyder, Clint
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Stiles, Chris" name="a[playwright][]" id="a_playwright_stiles_chris" />
<label for="a_playwright_stiles_chris">Stiles, Chris
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Wehrli, Michael" name="a[playwright][]" id="a_playwright_wehrli_michael" />
<label for="a_playwright_wehrli_michael">Wehrli, Michael
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="White, Judith" name="a[playwright][]" id="a_playwright_white_judith" />
<label for="a_playwright_white_judith">White, Judith
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Wilkins, J. Robert" name="a[playwright][]" id="a_playwright_wilkins_j__robert" />
<label for="a_playwright_wilkins_j__robert">Wilkins, J. Robert
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Beardsley, Holly" name="a[playwright][]" id="a_playwright_beardsley_holly" />
<label for="a_playwright_beardsley_holly">Beardsley, Holly
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Borowka, Brian" name="a[playwright][]" id="a_playwright_borowka_brian" />
<label for="a_playwright_borowka_brian">Borowka, Brian
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Calderone, Michael" name="a[playwright][]" id="a_playwright_calderone_michael" />
<label for="a_playwright_calderone_michael">Calderone, Michael
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Cataluna, Lee" name="a[playwright][]" id="a_playwright_cataluna_lee" />
<label for="a_playwright_cataluna_lee">Cataluna, Lee
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Davenport-Veith, Sylvia" name="a[playwright][]" id="a_playwright_davenport-veith_sylvia" />
<label for="a_playwright_davenport-veith_sylvia">Davenport-Veith, Sylvia
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Derksen, Patrick" name="a[playwright][]" id="a_playwright_derksen_patrick" />
<label for="a_playwright_derksen_patrick">Derksen, Patrick
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Donnelly, Kathleen" name="a[playwright][]" id="a_playwright_donnelly_kathleen" />
<label for="a_playwright_donnelly_kathleen">Donnelly, Kathleen
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Gonzales, Jeyna Lynn" name="a[playwright][]" id="a_playwright_gonzales_jeyna_lynn" />
<label for="a_playwright_gonzales_jeyna_lynn">Gonzales, Jeyna Lynn
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Green, Allison" name="a[playwright][]" id="a_playwright_green_allison" />
<label for="a_playwright_green_allison">Green, Allison
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Gregg, Stephen" name="a[playwright][]" id="a_playwright_gregg_stephen" />
<label for="a_playwright_gregg_stephen">Gregg, Stephen
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Hammers, Dave" name="a[playwright][]" id="a_playwright_hammers_dave" />
<label for="a_playwright_hammers_dave">Hammers, Dave
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Harris, Janice" name="a[playwright][]" id="a_playwright_harris_janice" />
<label for="a_playwright_harris_janice">Harris, Janice
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Houck, Billy" name="a[playwright][]" id="a_playwright_houck_billy" />
<label for="a_playwright_houck_billy">Houck, Billy
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Marshall, Lea" name="a[playwright][]" id="a_playwright_marshall_lea" />
<label for="a_playwright_marshall_lea">Marshall, Lea
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Martin, Wendy-Marie" name="a[playwright][]" id="a_playwright_martin_wendy-marie" />
<label for="a_playwright_martin_wendy-marie">Martin, Wendy-Marie
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Neuman, Colleen" name="a[playwright][]" id="a_playwright_neuman_colleen" />
<label for="a_playwright_neuman_colleen">Neuman, Colleen
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Paulette, RS" name="a[playwright][]" id="a_playwright_paulette_rs" />
<label for="a_playwright_paulette_rs">Paulette, RS
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Preuss, Ken" name="a[playwright][]" id="a_playwright_preuss_ken" />
<label for="a_playwright_preuss_ken">Preuss, Ken
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Skoreyko, Johanna" name="a[playwright][]" id="a_playwright_skoreyko_johanna" />
<label for="a_playwright_skoreyko_johanna">Skoreyko, Johanna
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Wolpé, Sholeh" name="a[playwright][]" id="a_playwright_wolpé_sholeh" />
<label for="a_playwright_wolpé_sholeh">Wolpé, Sholeh
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-playwright" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>

</template></turbo-stream><turbo-stream action="update" target="searchStats"><template><div class="mt-4 text-gray-600 text-center mb-2 text-sm">
<span class="pagy info">Displaying items 241-260 of 282 in total</span>
</div>

</template></turbo-stream><turbo-stream action="scroll_to" target="pageContent"><template></template></turbo-stream>
<turbo-stream action="show_div" target="results"><template></template></turbo-stream>
<turbo-stream action="hide_div" target="loading"><template></template></turbo-stream>
