<div class="row no-padding teaser__wrapper">
	<div class="teaser teaser--media-half teaser--half-fact {{ styleModifier }} {{#if isReverse }} teaser--reverse {{/if }} col-xl-12">
		<div class="teaser__media col-xl-6 col-md-12">
			<div class="facts__item teaser--facts teaser no-padding">
				<div class="teaser__body">
					<span class="facts__icon no-padding">
						<img src="{{assetsPath}}img/svg/icon-{{icon}}.svg" class="icons-{{icon}}">
					</span>
					<div class="facts__text-container {{#if isQuote }} facts__text-container--quote {{/if}}">
						{{#if facts-text}}
						<p class="facts__text">{{ facts-text-text }}</p>
						{{/if}}
						{{#if facts-highlight}}
						<p class="facts__highlight">{{ facts-highlight-text }}</p>
						{{/if}}
						{{#if facts-copy}}
						<p class="facts__copy-text">{{ facts-copy-text }}</p>
						{{/if}}
						{{#if facts-description}}
						<p class="facts__description">{{ facts-description-text }}</p>
						{{/if}}
						{{#if facts-small}}
						<p class="facts__small-text">{{ facts-small-text }}</p>
						{{/if}}
					</div>
				</div>
			</div>
		</div>
		<div class="teaser__body col-xl-6 col-md-12 t--bg-4">
			<div class="teaser__content-wrapper">
				<div class="teaser__content limit-text">
					<h2 class="teaser__title">{{ title }}</h2>
			  		<p class="teaser__copy">{{ text }}</p>
			  	</div>
		  		{{#if button }}
					<a href="javascript:;" class="btn btn-transparent">Learn more</a>
				{{/if}}
			</div>
		</div>
	</div>
</div>
