<turbo-stream action="update" target="results"><template><article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-butterfly-queen"><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 Butterfly Queen Christian Kiley 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/eyJfcmFpbHMiOnsiZGF0YSI6MjAzLCJwdXIiOiJibG9iX2lkIn19--b47c015d7ea3960ebf80cb5584e860aff7dddded/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Butterfly-Queen.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-butterfly-queen">The Butterfly Queen</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Christian Kiley
</small>
</div>
<p class="mb-3">
A touching ensemble piece where sacrifice is as simple as a pair of wings.
</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>
3&nbsp;M + 4&nbsp;F + 12&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
19 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-butterfly-queen">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-butterfly-queen/pricing" data-modal="pricing" href="/products/the-butterfly-queen">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-butterfly-queen/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>
3&nbsp;M + 4&nbsp;F + 12&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
19 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-butterfly-queen/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/finding-jo-march"><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="Finding Jo March Laramie Dean 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/eyJfcmFpbHMiOnsiZGF0YSI6MTMwNjcyLCJwdXIiOiJibG9iX2lkIn19--177e7837fbcc797beda92f17548f27d497312e87/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Finding-Jo-March.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/finding-jo-march">Finding Jo March</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Laramie Dean
</small>
</div>
<p class="mb-3">
You should know right away that this is not a traditional adaptation of <em>Little Women</em>.
</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 120 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 5&nbsp;F + 1&nbsp;Any&nbsp;Gender + 3&nbsp;F&nbsp;or&nbsp;NB
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
85 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/finding-jo-march">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/finding-jo-march/pricing" data-modal="pricing" href="/products/finding-jo-march">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/finding-jo-march/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 120 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 5&nbsp;F + 1&nbsp;Any&nbsp;Gender + 3&nbsp;F&nbsp;or&nbsp;NB
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
85 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/finding-jo-march/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-pretty-princess-dollhouse-for-pretty-princesses"><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 Pretty Princess Dollhouse for Pretty Princesses Emma Fonseca Halverson Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTMwODgsInB1ciI6ImJsb2JfaWQifX0=--639154059ece43074deb3761de1eb5ee12ddf5bd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Pretty-Princess-Dollhouse-for-Pretty-Princesses.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-pretty-princess-dollhouse-for-pretty-princesses">The Pretty Princess Dollhouse for Pretty Princesses</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Emma Fonseca Halverson
</small>
</div>
<p class="mb-3">
Gabi is suffering from metaphoric asthma. The walls are closing in and she can’t breathe.
</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 20 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
16 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-pretty-princess-dollhouse-for-pretty-princesses">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-pretty-princess-dollhouse-for-pretty-princesses/pricing" data-modal="pricing" href="/products/the-pretty-princess-dollhouse-for-pretty-princesses">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-pretty-princess-dollhouse-for-pretty-princesses/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 20 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
16 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-pretty-princess-dollhouse-for-pretty-princesses/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-factory"><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 Factory 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/eyJfcmFpbHMiOnsiZGF0YSI6MjIyLCJwdXIiOiJibG9iX2lkIn19--8ccd265cb8bbc2443d49a0fb294e790e4ca8cce2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Factory.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-factory">The Factory</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">
Robots will always do their jobs better than real people. And rules are what make the Factory productive.
</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>
16&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>
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/the-factory">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-factory/pricing" data-modal="pricing" href="/products/the-factory">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-factory/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>
16&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>
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/the-factory/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/wenceslas"><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="Wenceslas 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/eyJfcmFpbHMiOnsiZGF0YSI6MjQsInB1ciI6ImJsb2JfaWQifX0=--ae97eb485cf28636d9c71ec2d0a4cef6f1bc5517/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Wenceslas.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/wenceslas">Wenceslas</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 moving interpretation of the classic carol Good King Wenceslas. With music, song, a touching message and great roles for actors of all levels.
</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>
2&nbsp;M + 2&nbsp;F + 14&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>
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/wenceslas">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/wenceslas/pricing" data-modal="pricing" href="/products/wenceslas">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/wenceslas/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>
2&nbsp;M + 2&nbsp;F + 14&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>
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/wenceslas/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-virtual-support-group-from-hell"><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 Virtual Support Group from Hell Jeffrey Harr Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg3LCJwdXIiOiJibG9iX2lkIn19--cf721495cbd4a605bbdf4dd3f7387ab33fcd66c5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Virtual-Support-Group-from-Hell.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-virtual-support-group-from-hell">The Virtual Support Group from Hell</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Jeffrey Harr
</small>
</div>
<p class="mb-3">
Wendy joins an online teen support group. However, she quickly discovers that the others are anything but typical.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 5&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Virtual Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-virtual-support-group-from-hell">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-virtual-support-group-from-hell/pricing" data-modal="pricing" href="/products/the-virtual-support-group-from-hell">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-virtual-support-group-from-hell/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 5&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Virtual Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-virtual-support-group-from-hell/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-revolting-cheerleaders"><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 Revolting Cheerleaders John Donald O&#39;Shea 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/eyJfcmFpbHMiOnsiZGF0YSI6OTYsInB1ciI6ImJsb2JfaWQifX0=--0d76680a34aad8be6dbc8ca8cc185c9ac358d5c7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Revolting-Cheerleaders.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-revolting-cheerleaders">The Revolting Cheerleaders</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by John Donald O'Shea
</small>
</div>
<p class="mb-3">
When cheerleaders raise their fists in revolt, you never know what's going to happen next!
</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>
6&nbsp;M + 6&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>
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/the-revolting-cheerleaders">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-revolting-cheerleaders/pricing" data-modal="pricing" href="/products/the-revolting-cheerleaders">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-revolting-cheerleaders/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>
6&nbsp;M + 6&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>
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/the-revolting-cheerleaders/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/strawberries-in-winter"><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="Strawberries in Winter 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/eyJfcmFpbHMiOnsiZGF0YSI6MTQwLCJwdXIiOiJibG9iX2lkIn19--b90fb3f5cb482f28a82072bbf2dbef9fe1bfa76c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Strawberries-in-Winter-1.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/strawberries-in-winter">Strawberries in Winter</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Mrs. Evelyn Merritt<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from Aleksander Chodzko
</small>
</div>
<p class="mb-3">
Jack Frost spins the tale of Poor Marouckla who is tormented by her mean stepmother and her horse-faced stepsister. Based on a folktale by Aleksander Chodzko.
</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 + 4&nbsp;F + 12&nbsp;Any&nbsp;Gender, plus Snow Dancers
</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, Middle Schools, and Elementary 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/strawberries-in-winter">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/strawberries-in-winter/pricing" data-modal="pricing" href="/products/strawberries-in-winter">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/strawberries-in-winter/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 + 4&nbsp;F + 12&nbsp;Any&nbsp;Gender, plus Snow Dancers
</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, Middle Schools, and Elementary 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/strawberries-in-winter/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/stereotype-high"><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="Stereotype High Jeffrey Harr Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTc4LCJwdXIiOiJibG9iX2lkIn19--f2e97f42fc4b000256546a7c525712d4dc5c2842/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Stereotype-High.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/stereotype-high">Stereotype High</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Jeffrey Harr
</small>
</div>
<p class="mb-3">
High school is full of stereotypes – or is it?
</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 105 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
9&nbsp;M + 9&nbsp;F + 4&nbsp;Any&nbsp;Gender, Plus onstage crew
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
107 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/stereotype-high">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/stereotype-high/pricing" data-modal="pricing" href="/products/stereotype-high">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/stereotype-high/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 105 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
9&nbsp;M + 9&nbsp;F + 4&nbsp;Any&nbsp;Gender, Plus onstage crew
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
107 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/stereotype-high/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/shreds-and-patches"><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="Shreds and Patches Robert Wing Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMyLCJwdXIiOiJibG9iX2lkIn19--3c5f6637b3cdbcf6be1adcef2a3ff2020c3f03ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Shreds-and-Patches.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/shreds-and-patches">Shreds and Patches</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Robert Wing
</small>
</div>
<p class="mb-3">
A re-imagining of Shakespeare’s Hamlet.
</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 + 2&nbsp;F + 2&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
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/shreds-and-patches">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/shreds-and-patches/pricing" data-modal="pricing" href="/products/shreds-and-patches">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/shreds-and-patches/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 + 2&nbsp;F + 2&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
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/shreds-and-patches/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-magic-diary-of-mozambique"><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 Magic Diary of Mozambique Chris Stiles 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/eyJfcmFpbHMiOnsiZGF0YSI6NjQsInB1ciI6ImJsb2JfaWQifX0=--04455bf3eff39952f01151193941cc7e5cda26a8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Magic-Diary-of-Mozambique.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-magic-diary-of-mozambique">The Magic Diary of Mozambique</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Chris Stiles
</small>
</div>
<p class="mb-3">
A magic diary grants wishes: Good grades, popular friends, lavish gifts. But there are consequences to these wishes.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 8&nbsp;F
</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>
42 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-magic-diary-of-mozambique">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-magic-diary-of-mozambique/pricing" data-modal="pricing" href="/products/the-magic-diary-of-mozambique">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-magic-diary-of-mozambique/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 8&nbsp;F
</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>
42 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-magic-diary-of-mozambique/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/finishing-sentences"><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="Finishing Sentences Scott Giessler 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE5LCJwdXIiOiJibG9iX2lkIn19--f95c1d88a917bc71bdcbc6b6e58137f7e84b588f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Finishing-Sentences.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/finishing-sentences">Finishing Sentences</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Scott Giessler
</small>
</div>
<p class="mb-3">
A play that forces us to consider the human side of the people we often dismiss.
</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 + 8&nbsp;Any&nbsp;Gender, Easily expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
44 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/finishing-sentences">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/finishing-sentences/pricing" data-modal="pricing" href="/products/finishing-sentences">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/finishing-sentences/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 + 8&nbsp;Any&nbsp;Gender, Easily expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
44 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/finishing-sentences/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/stroke-static"><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="Stroke Static 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/eyJfcmFpbHMiOnsiZGF0YSI6MjcsInB1ciI6ImJsb2JfaWQifX0=--8b1d9589d9660628314bfab03af443f3a17bac40/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Stroke-Static.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/stroke-static">Stroke Static</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
The heartbreaking look at dementia from the inside. The struggle between real and fantasy. Past and present. An award-winning theatrical experience.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
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/stroke-static">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/stroke-static/pricing" data-modal="pricing" href="/products/stroke-static">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/stroke-static/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
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/stroke-static/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/mirame-en-los-ojos"><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="Mírame en los Ojos 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/eyJfcmFpbHMiOnsiZGF0YSI6MzEyLCJwdXIiOiJibG9iX2lkIn19--35d45ad98f05c5e1433f7c98e25593c98b1477c6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Mi%CC%81rame-en-los-ojos.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/mirame-en-los-ojos">Mírame en los Ojos</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 Spanish translation of <a href="/products/look-me-in-the-eye">Look Me in the Eye</a>.
</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>
2&nbsp;M + 3&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
</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/mirame-en-los-ojos">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/mirame-en-los-ojos/pricing" data-modal="pricing" href="/products/mirame-en-los-ojos">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/mirame-en-los-ojos/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>
2&nbsp;M + 3&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
</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/mirame-en-los-ojos/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/little-nell-and-the-mortgage-foreclosure"><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="Little Nell and the Mortgage Foreclosure John Donald O&#39;Shea 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/eyJfcmFpbHMiOnsiZGF0YSI6NTMsInB1ciI6ImJsb2JfaWQifX0=--740deffac50627bf7c80fd7070a6d1f5a2a1c8e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Little-Nell-and-the-Mortgage-Foreclosure.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/little-nell-and-the-mortgage-foreclosure">Little Nell and the Mortgage Foreclosure</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by John Donald O'Shea
</small>
</div>
<p class="mb-3">
A delightful melodrama replete with broad comedy, memorable characters, and plenty of booing and hissing for the stovepipe-hat-wearing villain!
</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>
2&nbsp;M + 3&nbsp;F
</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>
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/little-nell-and-the-mortgage-foreclosure">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/little-nell-and-the-mortgage-foreclosure/pricing" data-modal="pricing" href="/products/little-nell-and-the-mortgage-foreclosure">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/little-nell-and-the-mortgage-foreclosure/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>
2&nbsp;M + 3&nbsp;F
</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>
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/little-nell-and-the-mortgage-foreclosure/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/prom-night"><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="Prom Night Sylvia Davenport-Veith 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/eyJfcmFpbHMiOnsiZGF0YSI6OTcsInB1ciI6ImJsb2JfaWQifX0=--c2f9612c0436fa842f7bfa6de8c33fda7041d1e5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Prom-Night.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/prom-night">Prom Night</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Sylvia Davenport-Veith
</small>
</div>
<p class="mb-3">
An unlikely romance between the outcast and the linebacker brings prom night magic.
</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>
1&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
20 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/prom-night">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/prom-night/pricing" data-modal="pricing" href="/products/prom-night">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/prom-night/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>
1&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
20 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/prom-night/order" type="button">
Add to Cart
</button>

</div>
</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/rebootilization"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Rebootilization Alan Haehnel Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU1LCJwdXIiOiJibG9iX2lkIn19--480b2cffdcbe2d3877c8682eea65928bbb9623c4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Rebootilization.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/rebootilization">Rebootilization</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Alan Haehnel
</small>
</div>
<p class="mb-3">
Stories are under attack. It's a pandemic so big, the government’s involved. The rebootilization plan is foolproof so long as pirates don't get loose....
</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 120 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
13&nbsp;M + 15&nbsp;F + 25&nbsp;Any&nbsp;Gender, Expandable to 85+
</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>
82 pages
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/rebootilization">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/rebootilization/pricing" data-modal="pricing" href="/products/rebootilization">Pricing
</a></div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/rebootilization/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 120 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
13&nbsp;M + 15&nbsp;F + 25&nbsp;Any&nbsp;Gender, Expandable to 85+
</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>
82 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/rebootilization/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/wellness-check"><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="Wellness Check Christian Kiley Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjc0LCJwdXIiOiJibG9iX2lkIn19--8ed8925e9bc20f42f544ac0ac0dde75d15f32b0b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Wellness_Check.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/wellness-check">Wellness Check</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Christian Kiley
</small>
</div>
<p class="mb-3">
Three characters struggle with wellness in uncertain times.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Online Performance
</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>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/wellness-check">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/wellness-check/pricing" data-modal="pricing" href="/products/wellness-check">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/wellness-check/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 15 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Online Performance
</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>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/wellness-check/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/something-bad-is-happening"><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="Something Bad is Happening Bradley Walton 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/eyJfcmFpbHMiOnsiZGF0YSI6MjgwLCJwdXIiOiJibG9iX2lkIn19--aa8bf500139b438a23d0d161694a5d02499f6914/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Something-Bad-is-Happening.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/something-bad-is-happening">Something Bad is Happening</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Bradley Walton
</small>
</div>
<p class="mb-3">
A friend disappears from an online session.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 10 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Online Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/something-bad-is-happening">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/something-bad-is-happening/pricing" data-modal="pricing" href="/products/something-bad-is-happening">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/something-bad-is-happening/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 10 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 2&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Online Performance
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/something-bad-is-happening/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/virtual-platform"><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="Virtual Platform Claire Broome 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/eyJfcmFpbHMiOnsiZGF0YSI6MzEzLCJwdXIiOiJibG9iX2lkIn19--bcdaea0b4c0963f7ab9b2e99d37e3074a58b0091/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Virtual-Platform.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/virtual-platform">Virtual Platform</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Claire Broome<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">
How can anyone make sense of a virtual platform?
</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>
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
</li>
</ul>
</div>
</div>
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/virtual-platform">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/virtual-platform/pricing" data-modal="pricing" href="/products/virtual-platform">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/virtual-platform/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>
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
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/virtual-platform/order" type="button">
Add to Cart
</button>

</div>
</article>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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