core/paragraph

<p>In this four-part video series, Tara Hardy, Director of Education at Detroit PBS, explores how factors like stress, physical activity, and nutrition can impact the learning outcomes and behavior of young people. Each video offers free and practical strategies to improve the emotional well-being of the entire family. This series is also available with Arabic and Spanish subtitles. Watch all of the videos below. <br />
<br />
</p>
<p><strong>What’s included in the content:</strong></p>
<ul>
	<li>How to deal with temper tantrums without losing your cool</li>
	<li>A 20-minute practice that leads to a happier household</li>
	<li>The specific foods to include in your diet to influence better attitudes and concentration</li>
	<li>3 types of movement to implement daily to maximize emotional wellness</li>
	<li>How to deal with stressful situations without alienating your family</li>
	<li>How you can use food to change your mood</li>
	<li>3 steps to take to manage challenging behavior without losing your temper</li>
</ul>

acf/richtextonly

Nutrition | Workshop for Well-Being

Movement | Workshop for Well-Being

Creating Connections | Workshops for Well-Being

Joy &amp; Ritual | Workshops for Well-Being

Nutrition | Workshops for Well-Being | Arabic Subtitles

Movement | Workshops for Well-Being | Arabic Subtitles

Creating Connections | Workshops for Well-Being | Arabic Subtitles

Joy &amp; Ritual | Workshops for Well-Being | Arabic Subtitles

Nutrition | Workshops for Well-Being | Spanish Subtitles

Movement | Workshops for Well-Being | Spanish Subtitles

Creating Connection to Improve Behavior | with Spanish subtitles

Joy &amp; Ritual | Workshops for Well-Being | Spanish Subtitles

acf/newsslider


<p></p>


<style>
    .listStyles h1,
    .listStyles h2,
    .listStyles h3,
    .listStyles h5,
    .listStyles h6 {
        margin-bottom: 40px;
        color: #0071c1;
        /* Assuming text-brand-blue-medium color */
        display: inline-block;
    }

    .listStyles h4 {
        margin-bottom: 40px;
        color: #4b5563;
        /* Assuming text-brand-gray-600 color */
        display: inline-block;
    }

    .listStyles a {
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
        display: inline-block;
    }

    .listStyles p {
        display: inline-block;
    }

    .listStyles ul li,
    .listStyles ol li,
    .listStyles p {
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 30px;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
    }

    .listStyles ul li a,
    .listStyles ol li a {
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
        position: unset !important;
    }

    .listStyles a {
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
    }

    .listStyles ol,
    .listStyles ul {
        display: flex;
        flex-direction: column;
        padding: 0px 80px;
    }

    @media (max-width: 768px) {

        .listStyles ol,
        .listStyles ul {
            padding: 0px 35px;
        }
    }

    .listStyles ol p,
    .listStyles ol h1,
    .listStyles ol h2,
    .listStyles ol h3,
    .listStyles ol h4,
    .listStyles ol h5,
    .listStyles ol h6,
    .listStyles ul p,
    .listStyles ul h1,
    .listStyles ul h2,
    .listStyles ul h3,
    .listStyles ul h4,
    .listStyles ul h5,
    .listStyles ul h6 {
        margin-bottom: 30px;
    }

    .listStyles ol li:last-child,
    .listStyles ul li:last-child {
        margin-bottom: 0;
    }

    .listStyles ol li {
        position: relative;
    }

    .listStyles ol li>*:first-child {
        position: relative;
        top: -30px;
        margin-bottom: 0;
    }

    .listStyles ol li ul li>*:first-child {
        position: relative;
        top: 0px;
        margin-bottom: 32px;
    }

    .listStyles ol li::marker {
        content: counter(list-item);
        color: transparent;
    }

    .listStyles ol li::before {
        content: counter(list-item);
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #ffcf00;
        border-radius: 100%;
        left: -60px;
        top: 2px;
        font-size: 16px;
        line-height: 29px;
        font-weight: 500;
        font-family: "PBS Sans";
        display: flex;
        justify-content: center;
        align-items: flex-end;
        color: #fff;
    }

    .listStyles ul li::before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: #48d3cd;
        border-radius: 100%;
        padding: 0;
        top: 9px;
        left: -32px;
    }
</style>
<section class="my-10 max-w-screen-xxl mx-auto listStyles" data-testid="rich-text">
    <div class="listStyles">
        <p>In this four-part video series, Tara Hardy, Director of Education at Detroit PBS, explores how factors like stress, physical activity, and nutrition can impact the learning outcomes and behavior of young people. Each video offers free and practical strategies to improve the emotional well-being of the entire family. This series is also available with Arabic and Spanish subtitles. Watch all of the videos below. </p>
<p><strong>What’s included in the content:</strong></p>
<ul>
<li>How to deal with temper tantrums without losing your cool</li>
<li>A 20-minute practice that leads to a happier household</li>
<li>The specific foods to include in your diet to influence better attitudes and concentration</li>
<li>3 types of movement to implement daily to maximize emotional wellness</li>
<li>How to deal with stressful situations without alienating your family</li>
<li>How you can use food to change your mood</li>
<li>3 steps to take to manage challenging behavior without losing your temper</li>
</ul>
    </div>
</section>


<style>
    .col-span-2 {
        grid-column: span 2 / span 2;
    }

    .w-\[500px\] {
        width: 500px;
    }

    .w-\[30\%\] {
        width: 30%;
    }

    .w-\[40\%\] {
        width: 40%;
    }

    .\-mt-5 {
        margin-top: -20px;
    }
</style>

    <section class="lg:my-16 my-12 bg-transparent py-0">
                    <div class="max-w-screen-xxl mx-auto lg:pl-32 pl-4 lg:pr-6 pr-4">
                <div class="flex items-center justify-between">
                                            <h2 class="lg:text-h2-sec text-left text-brand-blue-medium">Workshops for Well-Being</h2>
                                        <div className="gap-6 flex items-center">
                                                    <button class='py-3 px-4 overflow-hidden rounded truncate border-none outline-none bg-brand-blue-light text-white'>
                                Workshops for Well-Being (English)                            </button>
                                                    <button class='py-3 px-4 overflow-hidden rounded truncate border-none outline-none text-brand-blue-medium bg-none'>
                                (With Arabic Subtitles)                            </button>
                                                    <button class='py-3 px-4 overflow-hidden rounded truncate border-none outline-none text-brand-blue-medium bg-none'>
                                (With Spanish Subtitles)                            </button>
                        
                    </div>
                </div>
                <div class="relative grid grid-cols-4 gap-4 overflow-hidden">
                                                                <div class="block relative group overflow-hidden cursor-pointer focus:outline-none">
                            <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                Workshops for Well-Being (English)                            </span>
                                                        <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="http://detroit-pbs-admin-vpb.3lanemarketing.com/wp-content/uploads/2024/03/slider-placeholder.png" height="256" width="384" alt="">
                            <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                Nutrition | Workshop for Well-Being                            </h4>
                        </div>
                                            <div class="block relative group overflow-hidden cursor-pointer focus:outline-none">
                            <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                Workshops for Well-Being (English)                            </span>
                                                        <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="http://detroit-pbs-admin-vpb.3lanemarketing.com/wp-content/uploads/2024/03/slider-placeholder.png" height="256" width="384" alt="">
                            <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                Movement | Workshop for Well-Being                            </h4>
                        </div>
                                            <div class="block relative group overflow-hidden cursor-pointer focus:outline-none">
                            <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                Workshops for Well-Being (English)                            </span>
                                                        <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="http://detroit-pbs-admin-vpb.3lanemarketing.com/wp-content/uploads/2024/03/slider-placeholder.png" height="256" width="384" alt="">
                            <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                Creating Connections | Workshops for Well-Being                            </h4>
                        </div>
                                            <div class="block relative group overflow-hidden cursor-pointer focus:outline-none">
                            <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                Workshops for Well-Being (English)                            </span>
                                                        <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="http://detroit-pbs-admin-vpb.3lanemarketing.com/wp-content/uploads/2024/03/slider-placeholder.png" height="256" width="384" alt="">
                            <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                Joy &amp; Ritual | Workshops for Well-Being                            </h4>
                        </div>
                                    </div>
                <div class="flex flex-col gap-1 items-center w-full">
                    <div class="relative w-right w-full">
                        <div class="overflow-hidden h-[6px] w-full text-xs flex rounded bg-brand-gray-400">
                            <div style="width: 30%" class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-brand-orange"></div>
                        </div>
                    </div>
                </div>
            </div>
            </section>

