<div class="row content internal-concept filter">
	<div class="col-xl-12">
		<div class="filter__advanced filter__advanced--newsletter">
			<ul class="row no-padding-bottom f-dropdown__wrapper--newsletter">
				<li class="col-xl-4 col-sm-12 no-padding-left-md">
					<a href="javascript:;" class="f-dropdown" data-target="topic">
						Topic <i class="f-dropdown__arrow"></i>
					</a>
					{{ render "atoms/global/space:hide visible-sm" space=10 }}
				</li>
				<li class="col-xl-4 col-sm-12">
					<a href="javascript:;" class="f-dropdown" data-target="source">
						Source <i class="f-dropdown__arrow"></i>
					</a>
					{{ render "atoms/global/space:hide visible-sm" space=10 }}
				</li>
				<li class="col-xl-4 col-sm-12 no-padding-right-md">
					<a href="javascript:;" class="f-dropdown" data-target="lorem">
						Lorem <i class="f-dropdown__arrow"></i>
					</a>
					{{ render "atoms/global/space:hide visible-sm" space=10 }}
				</li>
			</ul>

			{{ render "molecules/components/dropdown-options" dropdown="topic" }}
			{{ render "molecules/components/dropdown-options" dropdown="source" }}
			{{ render "molecules/components/dropdown-options" dropdown="lorem" }}

			{{ render "atoms/global/space" space=10 }}
		</div>
	</div>

	{{ render "molecules/components/overlay-options" }}
</div>

{{#unless nojs }}
<script>
	window.onload = function() {
		/**
		 * START - REQUIRED JS SNIPPET
		 */
		{{ render "atoms/scripts/script-filters" }}
		/**
		 * END - REQUIRED JS SNIPPET
		 */
	};
</script>
{{/unless }}
