<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/roshambo"><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="Roshambo Brian Borowka 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/eyJfcmFpbHMiOnsiZGF0YSI6MTkyLCJwdXIiOiJibG9iX2lkIn19--9d996a0f2da5d53e6f6f6bf5319d99aa1e26f006/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Roshambo.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/roshambo">Roshambo</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Brian Borowka
</small>
</div>
<p class="mb-3">
Some people take Rock-Paper-Scissors (aka Roshambo) seriously. Very seriously.
</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>
2&nbsp;M + 11&nbsp;F + 3&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>
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/roshambo">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/roshambo/pricing" data-modal="pricing" href="/products/roshambo">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/roshambo/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>
2&nbsp;M + 11&nbsp;F + 3&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>
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/roshambo/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-legend-of-sleepy-hollow"><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 Legend of Sleepy Hollow 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/eyJfcmFpbHMiOnsiZGF0YSI6ODEsInB1ciI6ImJsb2JfaWQifX0=--891d0fe65db74ca839c1bb6d3f09664d847fb684/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/legend-of-sleepy-hollow.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-legend-of-sleepy-hollow">The Legend of Sleepy Hollow</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from Washington Irving
</small>
</div>
<p class="mb-3">
What will happen when Icabod Crane comes face to face with the headless horseman? An adaptation of the Washington Irving 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 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 7&nbsp;F, Plus Ensemble
</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/the-legend-of-sleepy-hollow">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-legend-of-sleepy-hollow/pricing" data-modal="pricing" href="/products/the-legend-of-sleepy-hollow">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-legend-of-sleepy-hollow/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>
5&nbsp;M + 7&nbsp;F, Plus Ensemble
</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/the-legend-of-sleepy-hollow/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/smarty-pants"><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="Smarty Pants 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/eyJfcmFpbHMiOnsiZGF0YSI6MTIyLCJwdXIiOiJibG9iX2lkIn19--0e18fd80bdb2695d8e27c04e7860c6517edd8301/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Smarty-Pants.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/smarty-pants">Smarty Pants</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">
Dallas is a real smarty pants and can't wait to show off. But he's in for a shock. His new class is very different. A fantastic competition piece.
</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>
8&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>
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/smarty-pants">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/smarty-pants/pricing" data-modal="pricing" href="/products/smarty-pants">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/smarty-pants/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>
8&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>
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/smarty-pants/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/agatha-rex-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="Agatha Rex: Competition Version 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/eyJfcmFpbHMiOnsiZGF0YSI6MTcxNTkyLCJwdXIiOiJibG9iX2lkIn19--1c366e8b3e2abfb0fdd6995ee3d854bd285d1861/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Agatha-Rex-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/agatha-rex-competition-version">Agatha Rex: Competition Version</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from <em>Antigone</em> by Sophocles
</small>
</div>
<p class="mb-3">
A competition-length adaptation of <em>Agatha Rex</em> by Lindsay Price
</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>
4&nbsp;M + 5&nbsp;F + 10&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>
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/agatha-rex-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/agatha-rex-competition-version/pricing" data-modal="pricing" href="/products/agatha-rex-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/agatha-rex-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>
4&nbsp;M + 5&nbsp;F + 10&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>
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/agatha-rex-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/the-super-non-heroes"><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 Super Non-Heroes Taryn Temple 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/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--8ea71b82716d832d62296217acd492407c8e0544/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Super-Non-Heroes.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-super-non-heroes">The Super Non-Heroes</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Taryn Temple
</small>
</div>
<p class="mb-3">
Charlie may not be a superhero, but when she digs deep she discovers her unique talents to save the day.
</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>
3&nbsp;M + 7&nbsp;F + 13&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 Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
50 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-super-non-heroes">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-super-non-heroes/pricing" data-modal="pricing" href="/products/the-super-non-heroes">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-super-non-heroes/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>
3&nbsp;M + 7&nbsp;F + 13&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 Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
50 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-super-non-heroes/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-shadow-stories-a-cursed-play"><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 Shadow Stories - A Cursed Play Matthew Webster 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/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDE5LCJwdXIiOiJibG9iX2lkIn19--e215759a8e2b77e0d0e044548b6ac179d52dffde/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Shadow-Stories.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-shadow-stories-a-cursed-play">The Shadow Stories - A Cursed Play</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Matthew Webster
</small>
</div>
<p class="mb-3">
Five very old, very dangerous stories from around the world...
</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>
8&nbsp;M + 8&nbsp;F + 15&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>
45 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-shadow-stories-a-cursed-play">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-shadow-stories-a-cursed-play/pricing" data-modal="pricing" href="/products/the-shadow-stories-a-cursed-play">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-shadow-stories-a-cursed-play/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>
8&nbsp;M + 8&nbsp;F + 15&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>
45 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-shadow-stories-a-cursed-play/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/much-ado-about-nothing"><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="Much Ado About Nothing John Minigan 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/eyJfcmFpbHMiOnsiZGF0YSI6NDEsInB1ciI6ImJsb2JfaWQifX0=--3ccad4fd65fb3268389d4266d222a219591e366c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Much-Ado-About-Nothing.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/much-ado-about-nothing">Much Ado About Nothing</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
cutting and notes by John Minigan from the original by Shakespeare
</small>
</div>
<p class="mb-3">
This one act annotated version of Shakespeare's comedy brims with wordplay, romance, and deceit.
</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 45 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 4&nbsp;F + 7&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
26 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/much-ado-about-nothing">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/much-ado-about-nothing/pricing" data-modal="pricing" href="/products/much-ado-about-nothing">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/much-ado-about-nothing/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 45 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 4&nbsp;F + 7&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
26 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/much-ado-about-nothing/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/we-open-tomorrow-night-one-act-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="We Open Tomorrow Night?! (One Act Version) Michael Wehrli 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/eyJfcmFpbHMiOnsiZGF0YSI6MTk1LCJwdXIiOiJibG9iX2lkIn19--562d7dcb2213578e8ffffca0d5d3aa3d936d9c6d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/We-Open-Tomorrow-Night---One-Act-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/we-open-tomorrow-night-one-act-version">We Open Tomorrow Night?! (One Act Version)</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Michael Wehrli
</small>
</div>
<p class="mb-3">
A competition-length version of We Open Tomorrow Night?!
</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>
4&nbsp;M + 6&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>
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/we-open-tomorrow-night-one-act-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/we-open-tomorrow-night-one-act-version/pricing" data-modal="pricing" href="/products/we-open-tomorrow-night-one-act-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/we-open-tomorrow-night-one-act-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>
4&nbsp;M + 6&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>
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/we-open-tomorrow-night-one-act-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/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur"><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="Ariadne&#39;s Thread, The Adventures of Theseus and the Minotaur Judith White 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/eyJfcmFpbHMiOnsiZGF0YSI6MTg1LCJwdXIiOiJibG9iX2lkIn19--06786fd920eb0843c7c9af0e5f64f3dcef242476/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/ariadnes-thread.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/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur">Ariadne&#39;s Thread, The Adventures of Theseus and the Minotaur</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Judith White
</small>
</div>
<p class="mb-3">
Theseus is a young man on an adventure. As he makes his way to Athens to meet his father he must fight bandits, carnivorous pigs, and travel the underworld.
</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>
4&nbsp;M + 5&nbsp;F + 9&nbsp;Any&nbsp;Gender, Plus Chorus
</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>
30 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur">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/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur/pricing" data-modal="pricing" href="/products/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur">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/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur/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>
4&nbsp;M + 5&nbsp;F + 9&nbsp;Any&nbsp;Gender, Plus Chorus
</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>
30 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/ariadne-s-thread-the-adventures-of-theseus-and-the-minotaur/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/pandora-s-fire"><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="Pandora&#39;s Fire Judith White 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE4LCJwdXIiOiJibG9iX2lkIn19--4c88118d919e20d255b2ac731da386211ad79f63/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Pandora&#39;s-Fire.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/pandora-s-fire">Pandora&#39;s Fire</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Judith White
</small>
</div>
<p class="mb-3">
Pandora's curiosity gets the better of her in this theatrical retelling of the Greek myth.
</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>
3&nbsp;M + 4&nbsp;F + 3&nbsp;Any&nbsp;Gender, Plus chorus
</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>
24 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/pandora-s-fire">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/pandora-s-fire/pricing" data-modal="pricing" href="/products/pandora-s-fire">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/pandora-s-fire/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>
3&nbsp;M + 4&nbsp;F + 3&nbsp;Any&nbsp;Gender, Plus chorus
</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>
24 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/pandora-s-fire/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/patience-chose-a-party"><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="Patience Chose A Party 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/eyJfcmFpbHMiOnsiZGF0YSI6MTc4Mjk4LCJwdXIiOiJibG9iX2lkIn19--55aded579f0f7389a6d9dcbff13f2f3c0ba5b80a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Patience-Chose-a-Party.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/patience-chose-a-party">Patience Chose A Party</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 sharp, comedic glimpse into the chaos of high school life, where every choice feels like the end of the world—but might just be the start of self-discovery.
</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>
5&nbsp;M + 6&nbsp;F + 10&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>
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/patience-chose-a-party">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/patience-chose-a-party/pricing" data-modal="pricing" href="/products/patience-chose-a-party">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/patience-chose-a-party/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>
5&nbsp;M + 6&nbsp;F + 10&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>
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/patience-chose-a-party/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/betweenity"><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="betweenity 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/eyJfcmFpbHMiOnsiZGF0YSI6MTUxLCJwdXIiOiJibG9iX2lkIn19--a26238fa36e4dea28b6130c45cb4112873b5a6e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/betweenity.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/betweenity">betweenity</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">
This vignette play explores the beats, pauses, and neverending silences in conversation. An excellent class project with parts for everyone.
</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>
4&nbsp;M + 4&nbsp;F + 4&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>
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/betweenity">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/betweenity/pricing" data-modal="pricing" href="/products/betweenity">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/betweenity/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>
4&nbsp;M + 4&nbsp;F + 4&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>
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/betweenity/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/she-wrote-died-then-wrote-some-more"><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="She Wrote, Died, Then Wrote Some More 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/eyJfcmFpbHMiOnsiZGF0YSI6MTY5LCJwdXIiOiJibG9iX2lkIn19--f4caee6071483c276214015cd228251bd6636e0f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/She-Wrote-Died-Then-Wrote-Some-More.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/she-wrote-died-then-wrote-some-more">She Wrote, Died, Then Wrote Some More</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">
Tonight was going to be writer Alina Deveraux’s most important night, the unveiling of her memoirs. Until she ended up dead. Or not dead.
</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 + 2&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>
43 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/she-wrote-died-then-wrote-some-more">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/she-wrote-died-then-wrote-some-more/pricing" data-modal="pricing" href="/products/she-wrote-died-then-wrote-some-more">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/she-wrote-died-then-wrote-some-more/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 + 2&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>
43 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/she-wrote-died-then-wrote-some-more/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-snow-show"><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 Snow Show 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/eyJfcmFpbHMiOnsiZGF0YSI6MTAwLCJwdXIiOiJibG9iX2lkIn19--d410a1fc517cf7dbc9482b62fcadac2f12baea58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Snow-Show.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-snow-show">The Snow Show</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 character driven toboggan ride through every experience you've ever had with snow. Wish for a snow day, make a snow angel, catch the first snowflake.
</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>
4&nbsp;M + 8&nbsp;F, Expandable to 7M 13F
</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>
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/the-snow-show">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-snow-show/pricing" data-modal="pricing" href="/products/the-snow-show">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-snow-show/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>
4&nbsp;M + 8&nbsp;F, Expandable to 7M 13F
</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>
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/the-snow-show/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/oddball"><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="Oddball 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/eyJfcmFpbHMiOnsiZGF0YSI6MTMyLCJwdXIiOiJibG9iX2lkIn19--971c2024ab95185276ea4b84dce8c9e4b29049cd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Oddball.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/oddball">Oddball</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 vignette play that embraces the odd. Odd jobs, odd socks, odd one out, odd reactions and odd boyfriends.
</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>
7&nbsp;M + 20&nbsp;F + 5&nbsp;Any&nbsp;Gender, 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 &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
38 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/oddball">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/oddball/pricing" data-modal="pricing" href="/products/oddball">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/oddball/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>
7&nbsp;M + 20&nbsp;F + 5&nbsp;Any&nbsp;Gender, 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 &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
38 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/oddball/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/letters"><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="Letters Mrs. Evelyn Merritt 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/eyJfcmFpbHMiOnsiZGF0YSI6MTIzLCJwdXIiOiJibG9iX2lkIn19--38617d7a834a80e8877b085a2fd02ffecc23bae8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/letters.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/letters">Letters</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Mrs. Evelyn Merritt<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">
For many wars, letters home were the only form of communication between soldiers and their loved ones. This play brings those letters to life.
</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>
9&nbsp;M + 12&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>
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/letters">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/letters/pricing" data-modal="pricing" href="/products/letters">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/letters/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>
9&nbsp;M + 12&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>
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/letters/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/romeo-and-juliet-modern-english"><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="Romeo and Juliet (Modern English) 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/eyJfcmFpbHMiOnsiZGF0YSI6MTgsInB1ciI6ImJsb2JfaWQifX0=--fb48ca09ee13ab69679dc5bcd718d8ad513680ad/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Romeo-and-Juliet.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/romeo-and-juliet-modern-english">Romeo and Juliet (Modern English)</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Craig Mason<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from Shakespeare
</small>
</div>
<p class="mb-3">
A modern English one act version of Shakespeare's tragic tale of star-crossed lovers.
</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>
7&nbsp;M + 2&nbsp;F + 3&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
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/romeo-and-juliet-modern-english">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/romeo-and-juliet-modern-english/pricing" data-modal="pricing" href="/products/romeo-and-juliet-modern-english">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/romeo-and-juliet-modern-english/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>
7&nbsp;M + 2&nbsp;F + 3&nbsp;Any&nbsp;Gender, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
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/romeo-and-juliet-modern-english/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/mmmbeth-competition-length-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="Mmmbeth: Competition Length Version Allison Williams 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/eyJfcmFpbHMiOnsiZGF0YSI6MTI3LCJwdXIiOiJibG9iX2lkIn19--6e8fe4cbd4dc235bc48dac2884c27b0f8e6ec101/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/mmmbeth.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/mmmbeth-competition-length-version">Mmmbeth: Competition Length Version</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Allison Williams
</small>
</div>
<p class="mb-3">
A shorter version of our hilarious gender-bending take on the Scottish play. Updated version.
</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>
5&nbsp;F + 5&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>
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/mmmbeth-competition-length-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/mmmbeth-competition-length-version/pricing" data-modal="pricing" href="/products/mmmbeth-competition-length-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/mmmbeth-competition-length-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 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;F + 5&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>
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/mmmbeth-competition-length-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/the-scarlet-heart"><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 Scarlet Heart Allison Williams 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/eyJfcmFpbHMiOnsiZGF0YSI6MTI5LCJwdXIiOiJibG9iX2lkIn19--661cfb3ca7a78ff012c5ffe86467f100ffa7d1ca/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Scarlet-Heart.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-scarlet-heart">The Scarlet Heart</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Allison Williams
</small>
</div>
<p class="mb-3">
Join commedia dell'arte characters in a  hungry, thirsty, bungling, quest for the Scarlet Heart. An excellent introduction  for any student performer.
</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>
4&nbsp;M + 3&nbsp;F + 3&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>
59 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-scarlet-heart">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-scarlet-heart/pricing" data-modal="pricing" href="/products/the-scarlet-heart">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-scarlet-heart/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>
4&nbsp;M + 3&nbsp;F + 3&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>
59 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-scarlet-heart/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/romeo-and-juliet-one-hour"><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="Romeo and Juliet (One Hour) 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/eyJfcmFpbHMiOnsiZGF0YSI6MTksInB1ciI6ImJsb2JfaWQifX0=--57da2e379fa7bab7f3d55e7bd3a5384226ab8e8b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Romeo-and-Juliet.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/romeo-and-juliet-one-hour">Romeo and Juliet (One Hour)</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
cutting and notes by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from the original by Shakespeare
</small>
</div>
<p class="mb-3">
A one act annotated version of Shakespeare's tragic tale of star-crossed lovers.
</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>
18&nbsp;M + 4&nbsp;F, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
39 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/romeo-and-juliet-one-hour">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/romeo-and-juliet-one-hour/pricing" data-modal="pricing" href="/products/romeo-and-juliet-one-hour">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/romeo-and-juliet-one-hour/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>
18&nbsp;M + 4&nbsp;F, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Interior and Exterior
</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>
39 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/romeo-and-juliet-one-hour/order" type="button">
Add to Cart
</button>

</div>
</article>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/plays/middle-school-plays?page=2" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/plays/middle-school-plays?page=1" data-turbo-stream>1</a><a href="/plays/middle-school-plays?page=2" data-turbo-stream rel="prev">2</a><a role="link" aria-disabled="true" aria-current="page">3</a><a href="/plays/middle-school-plays?page=4" data-turbo-stream rel="next">4</a><a href="/plays/middle-school-plays?page=5" data-turbo-stream>5</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/plays/middle-school-plays?page=10" data-turbo-stream>10</a><a href="/plays/middle-school-plays?page=4" 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">161</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">19</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">12</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">7</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">87</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">74</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">17</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">125</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">49</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">36</span>
</label></div>

<div>
<input type="checkbox" value="Dramedy" name="a[genre][]" id="a_genre_dramedy" />
<label for="a_genre_dramedy">Dramedy
<span class="badge badge-aggregation">32</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">31</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="Shakespeare" name="a[genre][]" id="a_genre_shakespeare" />
<label for="a_genre_shakespeare">Shakespeare
<span class="badge badge-aggregation">29</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">20</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">20</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">19</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">16</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">15</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">13</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">12</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="Black Comedy" name="a[genre][]" id="a_genre_black_comedy" />
<label for="a_genre_black_comedy">Black Comedy
<span class="badge badge-aggregation">8</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">8</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">6</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="Experimental Form" name="a[genre][]" id="a_genre_experimental_form" />
<label for="a_genre_experimental_form">Experimental Form
<span class="badge badge-aggregation">4</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">2</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 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">157</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">110</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">56</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">81</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">32</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">29</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>

<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">15</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">171</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">142</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">117</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">100</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">78</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">82</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">12</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">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="Stack, Steven" name="a[playwright][]" id="a_playwright_stack_steven" />
<label for="a_playwright_stack_steven">Stack, Steven
<span class="badge badge-aggregation">6</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="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="Shimano, Kirk" name="a[playwright][]" id="a_playwright_shimano_kirk" />
<label for="a_playwright_shimano_kirk">Shimano, Kirk
<span class="badge badge-aggregation">5</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">5</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">4</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">4</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="Murphy, Dara" name="a[playwright][]" id="a_playwright_murphy_dara" />
<label for="a_playwright_murphy_dara">Murphy, Dara
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Temple, Taryn" name="a[playwright][]" id="a_playwright_temple_taryn" />
<label for="a_playwright_temple_taryn">Temple, Taryn
<span class="badge badge-aggregation">4</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="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="Kiley, Christian" name="a[playwright][]" id="a_playwright_kiley_christian" />
<label for="a_playwright_kiley_christian">Kiley, Christian
<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="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="Dean, Laramie" name="a[playwright][]" id="a_playwright_dean_laramie" />
<label for="a_playwright_dean_laramie">Dean, Laramie
<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="Webster, Matthew" name="a[playwright][]" id="a_playwright_webster_matthew" />
<label for="a_playwright_webster_matthew">Webster, Matthew
<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="Barrie, Shirley" name="a[playwright][]" id="a_playwright_barrie_shirley" />
<label for="a_playwright_barrie_shirley">Barrie, Shirley
<span class="badge badge-aggregation">1</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="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="Giessler, Scott" name="a[playwright][]" id="a_playwright_giessler_scott" />
<label for="a_playwright_giessler_scott">Giessler, Scott
<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="Kilpatrick, Kate" name="a[playwright][]" id="a_playwright_kilpatrick_kate" />
<label for="a_playwright_kilpatrick_kate">Kilpatrick, Kate
<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="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="Rodgers, Gary" name="a[playwright][]" id="a_playwright_rodgers_gary" />
<label for="a_playwright_rodgers_gary">Rodgers, Gary
<span class="badge badge-aggregation">1</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">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 41-60 of 190 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>
