<footer class="site-footer">
	<div class="site-footer__container container">

		{% set links = links('footer').get() %}
		{% for link in links.root() %}
			<nav class="site-footer__nav">
				<a href="{{ link.url }}" class="site-footer__nav__title">{{ link.title }}</a>
				{% if links.children(link).isNotEmpty() %}
					<ul class="site-footer__nav__links">
						{% for child in links.children(link) %}
							<li class="site-footer__nav__item {{ child.current ? 'active' }}">
								<a href="{{ child.url }}" class="site-footer__nav__link">{{ child.title }}</a>
							</li>
						{% endfor %}
					</ul>
				{% endif %}
			</nav>
		{% endfor %}

		<div class="site-footer__contact">

			<div class="site-footer__contact__item --phone">
				For general information contact us at:
				{% for entry in variable('contact', 'phone_numbers') %}
					{{ entry.number.tel|raw }}<br>
				{% endfor %}
			</div>

			<div class="site-footer__contact__item --routing-number">
				Routing Number:
				<a href="{{ variable_value('general', 'routing_number_url') }}">{{ variable_value('general', 'routing_number') }}</a>
			</div>

			<ul class="site-footer__contact__item site-footer__social">
				{% if variable_value('social', 'facebook') %}
					<li class="site-footer__social__item">
						<a title="Facebook" href="{{ variable_value('social', 'facebook') }}" class="site-footer__social__link --facebook">
							<i class="fa fa-facebook"></i>
						</a>
					</li>
				{% endif %}
				{% if variable_value('social', 'twitter') %}
					<li class="site-footer__social__item">
						<a title="Twitter" href="{{ variable_value('social', 'twitter') }}" class="site-footer__social__link --twitter">{{ img('qcr.theme.qcr::img/twitter-x.svg').data|raw }}</a>
					</li>
				{% endif %}
				{% if variable_value('social', 'linkedin') %}
					<li class="site-footer__social__item">
						<a title="LinkedIn" href="{{ variable_value('social', 'linkedin') }}" class="site-footer__social__link --linkedin">
							<i class="fa fa-linkedin"></i>
						</a>
					</li>
				{% endif %}
				{% if variable_value('social', 'youtube') %}
					<li class="site-footer__social__item">
						<a
							title="Youtube" href="{{ variable_value('social', 'youtube') }}" class="site-footer__social__link --youtube">
							{# <i class="fa fa-youtube"></i> #}
							<svg width="32" height="22" viewbox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M19.2615 2.11258C19.1035 1.50449 18.6003 0.692299 17.5637 0.4041C16.2046 0.0552912 12.7457 0.0367867 10.0616 0C8.71948 0.0185042 7.18353 0.032244 5.81345 0.0849864C4.44336 0.137729 3.23893 0.229585 2.55937 0.4041C1.52259 0.692299 1.01965 1.50449 0.861535 2.11258C0.593169 2.98925 0.460205 5.33717 0.460205 6.76465C0.460205 8.19213 0.593169 10.5401 0.861535 11.4167C1.01954 12.025 1.52259 12.8372 2.55937 13.1252C3.91849 13.4742 7.37732 13.4925 10.0614 13.5293C11.4034 13.5108 12.9392 13.4971 14.3096 13.4443C15.6797 13.3916 16.8841 13.2997 17.5637 13.1252C18.6001 12.8373 19.1034 12.025 19.2615 11.4167C19.5297 10.5401 19.6629 8.19213 19.6629 6.76465C19.6629 5.33717 19.5297 2.98925 19.2615 2.11258ZM8.09755 9.61983V3.90947L13.1164 6.76476L8.09755 9.61983Z" fill="white"/>
							</svg>
						</a>
					</li>
				{% endif %}
				{% if variable_value('social', 'instagram') %}
					<li class="site-footer__social__item">
						<a title="Instagram" href="{{ variable_value('social', 'instagram') }}" class="site-footer__social__link --instagram">
							<i class="fa fa-instagram"></i>
						</a>
					</li>
				{% endif %}
			</ul>

			<ul class="site-footer__contact__item site-footer__federal">			
				<li>
					<span class="ehl" title="Equal Housing Lender"></span>
				</li>
			</ul>

			<div class="site-footer__contact__item --copyright">
				{% if variable_value('general', 'trademark') %}
					{{ variable_value('general', 'trademark') }}&reg;
				{% endif %}
				Copyright &copy;
				{{ 'now'|date('Y') }}
				{{ variable_value('general', 'copyright') }}.<br>
				Website Design by
				<a href="https://terrostar.com" rel="nofollow" target="_blank">Terrostar&reg;</a>
			</div>


		</div>

	</div>
</footer>
