<!-- Event List -->
<div class="event_list">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="event_list_inner">
                <ul class="event_list_rows" id="item_list" aria-label="">
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Mercy Care Spirituality Retreat" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/1 980w, https://images.fastspot.com/paul-smiths-college/740x416/1 740w, https://images.fastspot.com/paul-smiths-college/500x282/1 500w, https://images.fastspot.com/paul-smiths-college/300x169/1 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/1" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Mercy Care Spirituality Retreat</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Paul Smith's VIC</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">10:00 AM - 2:00 PM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-10 10:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 10</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">$20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>Mercy Care for the Adirondacks is pleased to welcome Jane Stratton in leading and facilitating a day-long retreat focused on Caring for the Human Spirit in Times of Crises. The [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Music over the Marsh - Steel City Rovers" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/2 980w, https://images.fastspot.com/paul-smiths-college/740x416/2 740w, https://images.fastspot.com/paul-smiths-college/500x282/2 500w, https://images.fastspot.com/paul-smiths-college/300x169/2 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/2" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Music over the Marsh - Steel City Rovers</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Community</li>
                                            <li class="event_list_item_category">Paul Smith's VIC</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">7:00 PM - 8:30 PM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-07 19:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 07</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">$15</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>Watch them on YouTube The Steel City Rovers perform dynamic and expressive music that is a unique composite of traditional Celtic music and North American styles including bluegrass, folk and [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Build an Adirondack Lean-to" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/3 980w, https://images.fastspot.com/paul-smiths-college/740x416/3 740w, https://images.fastspot.com/paul-smiths-college/500x282/3 500w, https://images.fastspot.com/paul-smiths-college/300x169/3 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/3" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Build an Adirondack Lean-to</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Paul Smith's VIC</li>
                                            <li class="event_list_item_category">Campus Tradition</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">9:00 AM - 5:00 PM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-14 09:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 14</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">$250</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>Join Paul Smith's College Forestry Faculty Dave Simmons for a three day course on Adirondack Lean-to Construction. Dave will take you through the steps of planning, processing materials, and assembling [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Wild Edibles Walks" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/4 980w, https://images.fastspot.com/paul-smiths-college/740x416/4 740w, https://images.fastspot.com/paul-smiths-college/500x282/4 500w, https://images.fastspot.com/paul-smiths-college/300x169/4 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/4" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Wild Edibles Walks</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Alumni</li>
                                            <li class="event_list_item_category">Paul Smith's VIC</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">10:00 AM - 12:30 PM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-26 10:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 26</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">$7.50 - $15</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>This program is offered on multiple dates (see drop down menu). Learn to identify wild local edible plants with expert Pat Banker from Cornell University Cooperative Extension. Pat will answer [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Birding for Connection in Marsh Habitat" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/5 980w, https://images.fastspot.com/paul-smiths-college/740x416/5 740w, https://images.fastspot.com/paul-smiths-college/500x282/5 500w, https://images.fastspot.com/paul-smiths-college/300x169/5 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/5" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Birding for Connection in Marsh Habitat</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Campus Tradition</li>
                                            <li class="event_list_item_category">Community</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">9:00 AM - 11:00 AM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-24 09:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 24</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">Free - $10</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>Wild Neighbors Nature Connection presents: Young Naturalist Series: Birding for Connection The focus on Marsh Habitat takes place Monday June 24, 9:00am-11:00am. This outing's focus will be on noticing the connections [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="event_list_row">
                        <div class="event_list_item">
                            <figure class="event_list_item_figure">
                                <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Guided Canoe Paddle - Summer" tabindex="-1">

                                    <img class="event_list_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/6 980w, https://images.fastspot.com/paul-smiths-college/740x416/6 740w, https://images.fastspot.com/paul-smiths-college/500x282/6 500w, https://images.fastspot.com/paul-smiths-college/300x169/6 300w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 306px, (min-width: 740px) 276px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/6" alt="" loading="lazy" width="300" height="169">
                                </a>
                            </figure>
                            <div class="event_list_item_wrapper">
                                <div class="event_list_item_header">
                                    <h2 class="event_list_item_title">

                                        <a href="page-event-detail.html" class="event_list_item_title_link">
                                            <span class="event_list_item_title_link_inner">
                                                <span class="event_list_item_title_link_label">Guided Canoe Paddle - Summer</span><span class="icon_nowrap event_list_item_title_link_icon" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_chevron_right">
                                                        <use href="/images/icons.svg#chevron_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="event_list_item_categories">
                                        <div class="event_list_item_category_hint">Categories</div>
                                        <ul class="event_list_item_category_list" aria-label="Categories">
                                            <li class="event_list_item_category">Paul Smith's VIC</li>
                                            <li class="event_list_item_category">Admission</li>
                                        </ul>
                                    </div>
                                    <div class="event_list_item_details">
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_clock">
                                                    <use href="/images/icons.svg#clock" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_label_date">10:00 AM - 12:00 PM</span>
                                            </span>
                                        </div>
                                        <time class="event_list_item_detail event_list_item_time" datetime="2024-06-29 10:00:00">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_calendar">
                                                    <use href="/images/icons.svg#calendar" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_label">
                                                <span class="event_list_item_detail_start">Jun 29</span>
                                            </span>
                                        </time>
                                        <div class="event_list_item_detail">
                                            <span class="event_list_item_detail_icon">
                                                <svg class="icon icon_money">
                                                    <use href="/images/icons.svg#money" />
                                                </svg>
                                            </span>
                                            <span class="event_list_item_detail_hint">Cost:&nbsp;</span>
                                            <span class="event_list_item_detail_label">$15 - $25</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="event_list_item_body">
                                    <div class="event_list_item_description">
                                        <p>Enjoy a beginner level canoe paddle on Barnum Pond with VIC staff. Take in refreshing views and learn about Adirondack wetlands, bogs and the fascinating diversity of life they support [&hellip;]</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="event_list_pagination">

                    <!-- Pagination -->
                    <div class="pagination">
                        <nav class="pagination_nav" aria-label="Events Pagination">
                            <a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
                                <span class="pagination_arrow_icon">
                                    <svg class="icon icon_arrow_carousel_left">
                                        <use href="/images/icons.svg#arrow_carousel_left" />
                                    </svg>
                                </span>
                                <span class="pagination_arrow_label">Previous Page</span>
                            </a>
                            <a class="pagination_arrow pagination_arrow_right" href="#">
                                <span class="pagination_arrow_label">Next Page</span>
                                <span class="pagination_arrow_icon">
                                    <svg class="icon icon_arrow_carousel_right">
                                        <use href="/images/icons.svg#arrow_carousel_right" />
                                    </svg>
                                </span>
                            </a>
                        </nav>
                        <form class="pagination_form" action="#" method="get">
                            <div class="pagination_form_inner">
                                <label class="pagination_form_label" for="pagination_form_select">Page</label>
                                <div class="pagination_form_select_wrapper">
                                    <select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="15">15</option>
                                        <option value="16">16</option>
                                        <option value="17">17</option>
                                        <option value="18">18</option>
                                        <option value="19">19</option>
                                        <option value="20">20</option>
                                        <option value="21">21</option>
                                        <option value="22">22</option>
                                        <option value="23">23</option>
                                        <option value="24">24</option>
                                        <option value="25">25</option>
                                        <option value="26">26</option>
                                        <option value="27">27</option>
                                        <option value="28">28</option>
                                        <option value="29">29</option>
                                        <option value="30">30</option>
                                        <option value="31">31</option>
                                        <option value="32">32</option>
                                        <option value="33">33</option>
                                        <option value="34">34</option>
                                        <option value="35">35</option>
                                        <option value="36">36</option>
                                        <option value="37">37</option>
                                        <option value="38">38</option>
                                        <option value="39">39</option>
                                        <option value="40">40</option>
                                        <option value="41">41</option>
                                        <option value="42">42</option>
                                        <option value="43">43</option>
                                        <option value="44">44</option>
                                        <option value="45">45</option>
                                        <option value="46">46</option>
                                        <option value="47">47</option>
                                        <option value="48">48</option>
                                        <option value="49">49</option>
                                        <option value="50">50</option>
                                    </select>
                                    <span class="pagination_form_select_icon">
                                        <svg class="icon icon_expand">
                                            <use href="/images/icons.svg#expand" />
                                        </svg>
                                    </span>
                                </div>
                                <span class="pagination_form_suffix">of 50</span>
                                <button class="pagination_form_button" type="submit" aria-label="View Page">
                                    <span class="pagination_form_button_label">Go</span>
                                    <span class="pagination_form_button_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </button>
                            </div>
                        </form>
                    </div>
                    <!-- END: Pagination -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Event Item -->
{#
	{% include '@partial-event-list' with {
		items: [
			{
				image: '1',
				date: {
					same_day: true,
					all_day: false,
					from: '2023-05-31 17:00:00',
					to: '2023-05-31 19:00:00'
				},
				title: 'Title',
				url: '#',
				description: 'Description',
				location: 'Location',
				categories: [
					{
						label: 'Category',
						url: '#'
					}
				]
			}
		]
	} %}
#}
<!-- Event List -->
<div class="event_list">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="event_list_inner">
				<ul class="event_list_rows" id="item_list" aria-label="{{ page.title }}">
					{% for item in items %}
						<li class="event_list_row">
							<div class="event_list_item">
								<figure class="event_list_item_figure">
									<a class="event_list_item_figure_link" href="{{ item.url }}" aria-label="Read more about {{ item.title }}" tabindex="-1">
										{% include '@partial-image' with {
											class: 'event_list_item',
											alt: '',
											image: item.image,
											loading: 'lazy',
											sources: [
												img.wide.med,
												img.wide.sml,
												img.wide.xsml,
												img.wide.xxsml
											],
											sizes: [
												'(min-width: 1440px) 448px',
												'(min-width: 1220px) 384px',
												'(min-width: 980px) 306px',
												'(min-width: 740px) 276px',
												'98vw'
											]
										} %}
									</a>
								</figure>
								<div class="event_list_item_wrapper">
									<div class="event_list_item_header">
										<h2 class="event_list_item_title">
											{% include '@partial-link' with {
												class: 'event_list_item_title',
												title: item.title,
												url: item.url,
												icon: 'chevron_right',
												nowrap: true
											} %}
										</h2>
										<div class="event_list_item_categories">
											<div class="event_list_item_category_hint">Categories</div>
											<ul class="event_list_item_category_list" aria-label="Categories">
												{% for category in item.categories %}
													<li class="event_list_item_category">{{ category }}</li>
												{% endfor %}
											</ul>
										</div>
										<div class="event_list_item_details">
											{% if item.date.all_day == false %}
												<div class="event_list_item_detail">
													<span class="event_list_item_detail_icon">{{ icon('clock') }}</span>
													<span class="event_list_item_detail_hint">Time:&nbsp;</span>
													<span class="event_list_item_detail_label">
														<span class="event_list_item_detail_label_date">{{ item.date.from|date('g:i A') }} - {{ item.date.to|date('g:i A') }}</span>
													</span>
												</div>
											{% endif %}
											<time class="event_list_item_detail event_list_item_time" datetime="{{ item.date.from }}">
												<span class="event_list_item_detail_icon">{{ icon('calendar') }}</span>
												<span class="event_list_item_detail_label">
													<span class="event_list_item_detail_start">{{ item.date.from|date('M d') }}</span>
													{% if item.date.same_day == false %}
														<span class="event_list_item_detail_end"> - {{ item.date.to|date('M d') }}</span>
													{% endif %}
												</span>
											</time>
											{% if item.cost %}
												<div class="event_list_item_detail">
													<span class="event_list_item_detail_icon">{{ icon('money') }}</span>
													<span class="event_list_item_detail_hint">Cost:&nbsp;</span>
													<span class="event_list_item_detail_label">{{ item.cost }}</span>
												</div>
											{% endif %}
										</div>
									</div>
									{% if item.description %}
										<div class="event_list_item_body">
											<div class="event_list_item_description">
												<p>{{ item.description }}</p>
											</div>
										</div>
									{% endif %}
								</div>
							</div>
						</li>
					{% endfor %}
				</ul>
				{% if pagination == true %}
					<div class="event_list_pagination">
						{% include '@partial-pagination' with {
							title: 'Events Pagination',
							pages: 50
						} %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>
<!-- END: Event Item -->

No notes defined.