<h3 class="np-card-heading">
	{% t .header %}
</h3>
{% for event in course.events %}
	<div class="np-course-events-content-item">
		<div class="np-course-events-content-date">
			<div class="np-course-events-content-month">
				{{ event.sessions.first.abbreviated_month }}
			</div>
			<div class="np-course-events-content-day">
				{{ event.sessions.first.day }}
			</div>
		</div>
		<div class="np-course-events-content-details">
			<div class="np-course-events-content-name">
				{{ event.title }}
			</div>
			<div class="np-course-events-content-type np-text-light">
				{% t shared.event_types, key: event.event_type %}
			</div>
			<div class="np-course-events-content-time">
				{{ event.sessions.first.time_period | replace: "AM", "am" | replace: "PM", "pm" | replace: "-", "–" }} {{ event.sessions.first.time_zone }}
			</div>
		</div>
	</div>
{% endfor %}