{header}
<!-- General Container -->
<div class="all-content schedule-full-page">
	<div class="section schedule" >
		<div class="container">
			<div class="row">
				<div class="col-md-8 main-block">
					<div class="sub-page-content">
						<h1>Sponsors</h1>
						{exp:channel:entries channel="sponsors_page" dynamic="no" limit="1"}
							{sponsors_page_content_top}
						{/exp:channel:entries}
						{exp:channel:entries channel="sponsor_levels" dynamic="no" orderby="sponsor_levels_order" sort="asc"}
							<div class="sponsors">
								<h2>{title}</h2>
								{if sponsor_levels_description}
									<h4>{sponsor_levels_description}</h4>
								{/if}
							</div>
							{parents field="sponsors_sponsorship_level" orderby="random" status="open"}
								<p>Debug:</p>
								<p>{if parents:count == "1"}START HERE{/if}<br />
								{if parents:count %3 == "0"}BREAK HERE & START HERE{/if}<br />
								{if parents:count == parents:total_results}BREAK HERE{/if}<br />
								{parents:count}</p>
								{if parents:count == "1"}
									<div class="row row-steps">
								{/if}
  									{if parents:sponsors_logo}
										<div class="step-col col-md-4 animated fadeInLeft">
											<div class="bottom-align">
												<a href="{parents:sponsors_website_url}" title="{parents:title}"><img src="{parents:sponsors_logo}" alt="{parents:title}" /></a>
											</div>
										</div>
									{if:else}
										<div class="step-col col-md-4 animated fadeInLeft">
											<div class="bottom-align">
												<div class="step-circle-w {parents:switch='step-green|step-orange|step-yellow|step-blue'}">
													{if parents:sponsors_website_url}
														<a href="{parents:sponsors_website_url}" title="{parents:title}">
													{/if}
													<div class="step-circle">
														Sponsor
													</div>
													{if parents:sponsors_website_url}
														</a>
													{/if}
												</div>
											</div>
											<h3>{parents:title}</h3>
										</div>
									{/if}
								{if parents:count == parents:total_results}
									</div>
								{if:elseif parents:count %3 == "0"}
									</div>
									<div class="row row-steps">
								{/if}




							{/parents}
						{/exp:channel:entries}
					</div>
					{exp:channel:entries channel="sponsors_page" dynamic="no" limit="1"}
						{sponsors_page_content_bottom}
					{/exp:channel:entries}
				</div>
				{sidebar}
			</div>
		</div>
	</div>
</div>


<!--

								{parents:switch='<div class="row row-steps">||'}
								<div class="step-col col-md-4 animated fadeInLeft">
  									{if parents:sponsors_logo}
										<div class="bottom-align">
											{if parents:sponsors_website_url}
												<a href="{parents:sponsors_website_url}" title="{parents:title}">
											{/if}
											<img src="{parents:sponsors_logo}" alt="{parents:title}" />
											{if parents:sponsors_website_url}
												</a>
											{/if}
										</div>
									{if:else}
										<div class="bottom-align">
											<div class="step-circle-w {parents:switch='step-green|step-orange|step-yellow|step-blue'}">
												{if parents:sponsors_website_url}
													<a href="{parents:sponsors_website_url}" title="{parents:title}">
												{/if}
												<div class="step-circle">
													Sponsor
												</div>
												{if parents:sponsors_website_url}
													</a>
												{/if}
											</div>
										</div>
										<h3>{parents:title}</h3>
									{/if}
									<p>{parents:sponsors_description}</p>
								</div>
								{if parents:total_results >= 3}
									{if parents:count == parents:total_results}
										</div>
									{if:else}
										{parents:switch='||</div>'}
									{/if}
								{if:elseif parents:total_results == 2}
									{parents:switch='|</div>'}
								{if:elseif parents:total_results == 1}
									</div>
								{/if}

							{/parents}
						{/exp:channel:entries}
					</div>
					</div>
					</div>
			</div>
		</div>
	</div>
 </div> -->
{footer}