{layout="Home/_main_wrap"}




{if segment_2 != ""}
    {redirect='404'}
{/if}

<section class="margin-top-150" id="events">
  <div class="container">
    <h2 class="text-center large-headline">2027 calendar of events</h2>
    <div class="event-border padding-top-20"></div>
  </div>
	<div class="container-fluid overflow-hidden">


    {exp:channel:entries channel="events" disable="member_data|category_fields|pagination" category="6" sort="asc" dynamic="no"}
	{if count == "1"}
	<div class="row padding-bottom-50 margin-top-30 overflow-hidden">
	    <img class="events-fw-feb" src="/imgs/fireworks-anim.gif" alt="fireworks"/>

	    <div class="col-lg-4 col-md-4 col-sm-12 margin-top-30">
	      <img class="dancer1 width-70 padding-left-40" src="/imgs/dancer-purp.svg" alt="dancer"/>
	    </div>
	   		<div class="purple-bg-left col-lg-8 col-md-8 col-sm-12 overflow-hidden">
		      	<div class="text-left padding-top-60 padding-bottom-50">
					<h2 span class="large-text">August</h2>
	{/if}

					<p class="large-body-text">
						{if events_add_link == "1"}
						<a class="event-link uppercase" href="{route="events/details" event="{url_title}"}"><strong>{events_short_date} / </strong>{title}</a>
						{if:else}
						<a class="event-link uppercase"><strong>{events_short_date} / </strong>{title}</a>
						{/if}
					</p>

	{if count == total_results}
				</div>
	  		</div>
		</div>
	</div><!-- end row -->
	{/if}
    {/exp:channel:entries}



    {exp:channel:entries channel="events" disable="member_data|category_fields|pagination" category="1" sort="asc" dynamic="no"}
	{if count == "1"}
	<div class="row">
	    <div class="purple-bg-right col-lg-7 col-md-7 col-sm-12">
			<div class="text-left padding-bottom-50">
		      <h2 class="large-text uppercase padding-top-60">January</h2>
	{/if}
					<p class="large-body-text">
						{if events_add_link == "1"}
						<a class="event-link uppercase" href="{route="events/details" event="{url_title}"}"><strong>{events_short_date} / </strong>{title}</a>
						{if:else}
						<a class="event-link uppercase"><strong>{events_short_date} / </strong>{title}</a>
						{/if}
					</p>

	{if count == total_results}
			</div>
		</div>
		<div class="overflow-hidden"
			<img class="events-fw" src="/imgs/fireworks-anim.gif" alt="fireworks"/>
		</div>

		  <div class="col-4">
		    <img class="dancer1 width-70 hidden-sm-down" src="/imgs/dancer-org.svg" alt="dancer"/>
		  </div>
	</div><!-- end row -->
	{/if}
	{/exp:channel:entries}



    {exp:channel:entries channel="events" disable="member_data|category_fields|pagination" category="2" sort="asc" dynamic="no"}
	{if count == "1"}
	<div class="row padding-bottom-50 margin-top-30 overflow-hidden">
	    <img class="events-fw-feb" src="/imgs/fireworks-anim.gif" alt="fireworks"/>

	    <div class="col-lg-4 col-md-4 col-sm-12 margin-top-30">
	      <img class="dancer1 width-70 padding-left-40" src="/imgs/dancer-purp.svg" alt="dancer"/>
	    </div>
	   		<div class="purple-bg-left col-lg-8 col-md-8 col-sm-12 overflow-hidden">
		      	<div class="text-left padding-top-60 padding-bottom-50">
					<h2 span class="large-text">February</h2>
	{/if}

					<p class="large-body-text">
						{if events_add_link == "1"}
						<a class="event-link uppercase" href="{route="events/details" event="{url_title}"}"><strong>{events_short_date} / </strong>{title}</a>
						{if:else}
						<a class="event-link uppercase"><strong>{events_short_date} / </strong>{title}</a>
						{/if}
					</p>

	{if count == total_results}
				</div>
	  		</div>
		</div>
	</div><!-- end row -->
	{/if}
    {/exp:channel:entries}


    {exp:channel:entries channel="events" disable="member_data|category_fields|pagination" category="5" sort="asc" dynamic="no"}
	{if count == "1"}
	<div class="row">
	    <div class="purple-bg-right col-lg-7 col-md-7 col-sm-12">
			<div class="text-left padding-bottom-50">
		      <h2 class="large-text uppercase padding-top-60">March</h2>
	{/if}
					<p class="large-body-text">
						{if events_add_link == "1"}
						<a class="event-link uppercase" href="{route="events/details" event="{url_title}"}"><strong>{events_short_date} / </strong>{title}</a>
						{if:else}
						<a class="event-link uppercase"><strong>{events_short_date} / </strong>{title}</a>
						{/if}
					</p>

	{if count == total_results}
			</div>
		</div>
		<div class="overflow-hidden"
			<img class="events-fw" src="/imgs/fireworks-anim.gif" alt="fireworks"/>
		</div>

		  <div class="col-4">
		    <img class="dancer1 width-70 hidden-sm-down" src="/imgs/dancer-org.svg" alt="dancer"/>
		  </div>

	</div><!-- end row -->
	{/if}
    {/exp:channel:entries}




<div class="col-12">
      <img class="dancer2 width-70 mx-auto padding-bottom-30" src="/imgs/dancer-purp.svg" alt="dancer"/>
    </div>


</section>


{exp:channel:entries channel="single_pages" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" entry_id="114"}
<img src="/imgs/green.svg" alt="background"/>
<section class="partners padding-top-30">
	<h2 class="text-center">Sponsors</h2>
		<div class="event-border-white padding-top-20"></div>
	<div class="row padding-top-50 container mx-auto">

		{sponsors}
		<div class="col-lg-3 col-xs-2 mx-auto sponsors-box">
			{if sponsors:website_url}<a href="{sponsors:website_url}" target="_blank">{/if}<img class="mx-auto width-100" src="{sponsors:sponsor_logo}{img:url:resize width="700" height="700" crop="true"}{/sponsors:sponsor_logo}" alt="{sponsors:title}"/>{if sponsors:website_url}</a>{/if}
		</div>
		{/sponsors}
	</div>
</section>
{/exp:channel:entries}