{{#if collectionTitle }}
	<h3 class = "cfc_header">{{collectionTitle}}</h3>
{{/if}}
<!-- Outer div of card group -->
<div class="card-deck custom-min-height" 
{{#if minimumHeightDesktop}} data-md-min-height="{{minimumHeightDesktop}}"{{/if}} 
{{#if minimumHeightMobile}}data-xs-min-height="{{minimumHeightMobile}}"{{/if}}>
	{{#each collectionItems}}
	{{#with fragmentElements}}

	<div class="card">

		{{#if ../associatedPage}}
			<a href="{{../associatedPage}}{{#ifCond @root.extensions "||" @root.authorMode}}.html{{/ifCond}}">
		{{/if}}
				<!--  Card top background image-->
				<div class="card-img-wrapper text-center">
				{{#if thumbnailImage}}
					{{#ifCond thumbnailImage "===" "null"}}
						<div class="card-img-top image-placeholder"></div>
					{{else}}
						<img data-src="{{thumbnailImage}}" class="lazyload card-img-top" alt = "{{altTextForImage}}">
					{{/ifCond}}
				{{else}}
					<div class="card-img-top image-placeholder"></div>
				{{/if}}
				</div>
				<!-- Card body text-->
				<div class="card-body">
					{{#if articleTitle}}
						<h5 class="card-title">{{articleTitle}}</h5>
					{{/if}}
					{{#if subTitle}}
					<p class="card-bodyText">{{subTitle}}</p>
					{{/if}}
					
					{{#if publishedDate}}
					<p class="publish-date card-addText ">{{{publishedDate}}}</p>
					{{/if}}
				</div>
		<!-- end associatedPage -->	
		{{#if ../associatedPage}}
			</a>
		{{/if}}
	</div>

	{{/with}}
	{{/each}}

	<div class="show-more">
		<button class="btn btn-primary more-button"><%Show More%> <i class="icn-show-more"></i></button>
		<button class="btn btn-primary less-button"><%Show Less%> <i class="icn-show-less"></i></button>
	</div>
</div>