<div class="js-accordion program_list">
    <div class="program_list_inner">
        <ul class="program_list_items" id="item_list" aria-label="">
            <li class="js-accordion-item js-program-item-2-1 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-1" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Accounting</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_green_blue">
                                                        Transfer Program
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Accounting">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>Accounting has long been one of Stonehill’s most popular majors and one that attracts many of the Northeast’s best students.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Degree & Certificate Type<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">
                                                <a class="program_item_detail_data_link" href="Undergraduate">
                                                    <span class="program_item_detail_data_link_label">Undergraduate</span>
                                                    <span class="program_item_detail_data_link_icon">
                                                        <svg class="icon icon_caret_right">
                                                            <use href="/images/icons.svg#caret_right" />
                                                        </svg>
                                                    </span>
                                                </a>
                                            </span>
                                        </div>
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Business Administration</span>
                                        </div>
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">
                                                Transfer Program
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-2 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-2" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Advanced Manufacturing & Integrated Photonics Certificate</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        Career Program
                                                    </span>
                                                    <span class="program_item_heading_mode_data theme_green_blue">
                                                        Transfer Program
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Advanced Manufacturing & Integrated Photonics Certificate">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The Certificate in Advanced Manufacturing & Integrated Photonics Program is a <a href='#'>partnership initiative</a> designed to equip participants with the skills and experience needed to thrive in this burgeoning market.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Partnership Program</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-3 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-3" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">American Studies</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="American Studies">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The American Studies major symbolizes Stonehill’s commitment to interdisciplinary programs that foster deeper learning by examining topics from multiple perspectives. American Studies is an interdisciplinary endeavor to better understand the American nation, its cultures and the diverse histories of its peoples and communities. This broad approach helps students develop skills in critical inquiry, communication, cultural knowledge and self-reflection that in turn engender a desire to advance social justice.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-4 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-4" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Anthropology</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Anthropology">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The anthropology program at Stonehill focuses on the holistic study and understanding of other cultures from an insider’s point of view and explores the diverse ways in which human beings perceive and order the social world.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Sociology & Criminology</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-5 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-5" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Arabic</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Arabic">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The Arabic Minor at Stonehill introduces students to the Modern Standard Arabic language as well as integrates aspects of Arabic history, culture, and contemporary events and issues. Minor can be combined with any number of majors, giving students a competitive advantage and unique set of skills. Minors are encouraged to study abroad, expanding their global knowledge and leadership. The study of languages, literatures and cultures is a cornerstone of the liberal arts education</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Languages, Literatures & Cultures</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-6 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-6" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Asian Studies</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Asian Studies">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The Asian Studies Program is an interdisciplinary minor that explores the history, culture and societies of Asia – a vitally important region in the global economy and international politics.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Interdisciplinary</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-7 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-7" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Biochemistry</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Biochemistry">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>Stonehill’s biochemistry program draws on the disciplines of biology and chemistry. It combines technical training and the liberal arts, resulting in superb scientists who are also well-rounded lifelong learners.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Chemistry</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="js-accordion-item js-program-item-2-8 program_item">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_item_inner">
                            <h2 class="program_item_heading">
                                <button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-2-8" data-swap-group="program-group-2">
                                    <span class="program_item_heading_inner">
                                        <span class="program_item_heading_label">
                                            <span class="program_item_heading_title">
                                                <span class="program_item_heading_title_label">Biology</span>
                                                <span class="program_item_heading_title_icon">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                            <span class="program_item_heading_mode">
                                                <span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
                                                </span>
                                                <span class="program_item_heading_mode_data_wrapper">
                                                    <span class="program_item_heading_mode_data theme_mustard">
                                                        On Campus
                                                    </span>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="program_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h2>
                            <div class="js-accordion-content program_item_content" aria-label="Biology">
                                <div class="program_item_content_inner">
                                    <div class="program_item_content_group">
                                        <div class="program_item_description typography">
                                            <p>The Stonehill Biology Program prepares students for life sciences graduate programs and professional programs in medical, allied health and environmental fields. It also prepares graduates for direct entry into the workforce.</p>
                                        </div>
                                    </div>
                                    <div class="program_item_details">
                                        <div class="program_item_detail">
                                            <span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
                                            </span>
                                            <span class="program_item_detail_data">Biology</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
{% set id = uniqid("js-program-item") %}
{% set group_id = uniqid("program-group") %}

<div class="js-accordion program_list">
	<div class="program_list_inner">
		<ul class="program_list_items" id="item_list" aria-label="{{ page.title }}">
			{% for item in items %}
				<li class="js-accordion-item {{ id }}-{{ loop.index }} program_item">
					<div class="fs-row">
						<div class="fs-cell">
							<div class="program_item_inner">
								<h2 class="program_item_heading">
									<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".{{ id }}-{{ loop.index }}" data-swap-group="{{ group_id }}">
										<span class="program_item_heading_inner">
											<span class="program_item_heading_label">
												<span class="program_item_heading_title">
													<span class="program_item_heading_title_label">{{ item.title }}</span>
													<span class="program_item_heading_title_icon">{{ icon("caret_right") }}</span>
												</span>
												<span class="program_item_heading_mode">
													<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span>
													</span>
													<span class="program_item_heading_mode_data_wrapper">
														{% for item in item.type %}
														<span class="program_item_heading_mode_data{% if item == 'Transfer Program' %} theme_green_blue{% else %} theme_mustard{% endif %}">
															{{ item }}
														</span>
														{% endfor %}
													</span>
												</span>
											</span>
											<span class="program_item_heading_icon"></span>
										</span>
									</button>
								</h2>
								<div class="js-accordion-content program_item_content" aria-label="{{ item.title }}">
									<div class="program_item_content_inner">
										<div class="program_item_content_group">
											<div class="program_item_description typography">
												<p>{{ item.description }}</p>
											</div>
										</div>
										<div class="program_item_details">
											{% if item.certificate %}
												<div class="program_item_detail">
													<span class="program_item_detail_label">Degree & Certificate Type<span class="program_item_detail_label_hint">:</span>
													</span>
													<span class="program_item_detail_data">
														{% for item in item.certificate %}
															<a class="program_item_detail_data_link" href="{{ item }}">
																<span class="program_item_detail_data_link_label">{{ item }}</span>
																<span class="program_item_detail_data_link_icon">{{ icon("caret_right") }}</span>
															</a>
														{% endfor %}
													</span>
												</div>
											{% endif %}
											{% if item.department %}
												<div class="program_item_detail">
													<span class="program_item_detail_label">Career Cluster<span class="program_item_detail_label_hint">:</span>
													</span>
													<span class="program_item_detail_data">{{ item.department }}</span>
												</div>
											{% endif %}
											{% if item.mode %}
												<div class="program_item_detail">
													<span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span>
													</span>
													<span class="program_item_detail_data">
														{% for item in item.mode %}
															{{ item }}
															{% if not loop.last %},
															{% endif %}
														{% endfor %}
													</span>
												</div>
											{% endif %}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</li>
			{% endfor %}
		</ul>
	</div>
</div>

No notes defined.