Single Evens Page Format

<section class="em-item-header"  style="--default-border:#_CATEGORYCOLOR;">
	{has_image}
	<div class="em-item-image {no_image}has-placeholder{/no_image}">
		#_EVENTIMAGE{medium}
	</div>
	{/has_image}
	<div class="em-item-meta">
		<section class="em-item-meta-column">
			<section class="em-event-when">
				<h3>When</h3>
				<div class="em-item-meta-line em-event-date em-event-meta-datetime">
					<span class="em-icon-calendar em-icon"></span>
					#_EVENTDATES
				</div>
				<div class="em-item-meta-line em-event-time em-event-meta-datetime">
					<span class="em-icon-clock em-icon"></span>
					#_EVENTTIMES
				</div>
				#_EVENTADDTOCALENDAR
			</section>

			{has_bookings}
			<section class="em-event-bookings-meta">
				<h3>Bookings</h3>
				{bookings_open}
				<div class="em-item-meta-line em-event-prices">
					<span class="em-icon-ticket em-icon"></span>
					#_EVENTPRICERANGE
				</div>
				<a href="#em-event-booking-form" class="button input with-icon-right">
					Book Now					<span class="em-icon-ticket em-icon"></span>
				</a>
				{/bookings_open}
				{bookings_closed}
				<div class="em-item-meta-line em-event-prices">
					<span class="em-icon-ticket em-icon"></span>
					Bookings closed				</div>
				{/bookings_closed}
			</section>
			{/has_bookings}
		</section>

		<section class="em-item-meta-column">
			{has_location_venue}
			<section class="em-event-where">
				<h3>Where</h3>
				<div class="em-item-meta-line em-event-location">
					<span class="em-icon-location em-icon"></span>
					<div>
						#_LOCATIONLINK<br>
						#_LOCATIONFULLLINE
					</div>
				</div>
			</section>
			{/has_location_venue}
			{has_event_location}
			<section class="em-event-where">
				<h3>Where</h3>
				<div class="em-item-meta-line em-event-location">
					<span class="em-icon-at em-icon"></span>
					#_EVENTLOCATION
				</div>
			</section>
			{/has_event_location}

			{has_taxonomy}
			<section class="em-item-taxonomies">
				<h3>Event Type</h3>
				{has_category}
				<div class="em-item-meta-line em-item-taxonomy em-event-categories">
					<span class="em-icon-category em-icon"></span>
					#_EVENTCATEGORIES
				</div>
				{/has_category}
				{has_tag}
				<div class="em-item-meta-line em-item-taxonomy em-event-tags">
					<span class="em-icon-tag em-icon"></span>
					<div>#_EVENTTAGS</div>
				</div>
				{/has_tag}
			</section>
			{/has_taxonomy}
		</section>
	</div>
</section>
{has_location_venue}
<section class="em-event-location">
	#_LOCATIONMAP{100%,0}
</section>
{/has_location_venue}
<section class="em-event-content">
	#_EVENTNOTES
</section>
{has_bookings}
<section class="em-event-bookings">
	<div class="em-notice em-notice-info has-icon">
		<em class="em-icon em-icon-info"></em>
		<p>
			This is a test booking form, the gateways are all in test/sandbox mode to allow you to try out payment methods. When you select a payment method, furthe instructions will be provided for test data you can use. Happy Bookings!
		</p>
	</div>
	<a name="em-event-booking-form"></a>
	<h2>Bookings</h2>
	#_BOOKINGFORM
</section>
{/has_bookings}