{{#each this}}
<div class="row margin-top-30">
    <div class="col-sm-12">       
        
        <a href="{{Url}}">
            <div class="mycontainer">
                <div class="panel panel-default panel-card">
                    <div class="col-md-2 date-col event-col">
                        <span>{{EventDate.EventFullDateString}}</span>
                    </div>
                    <div class="col-md-3 event-col">
                        <div class="event-title">{{Title}}</div>
                    </div>
                    {{#if EventDate.AllDayEvent}}
                    <div class="col-md-2 event-col">
                        <div>All Day</div>
                    </div>
                    {{else}}
                    <div class="col-md-2 event-col">
                        <div>{{EventDate.EventStartTimeString}}</div>                        
                    </div>
                    {{/if}}
                    <div class="col-md-3 event-col">
                        <div>{{LocationName}}</div>
                    </div>
                    <div class="col-md-2 event-col event-rdmore">
                        <div class="rd-more btn btn-tan">Read more</div>
                    </div>
                </div>
                <div class="overlay">
                </div>
            </div>
        </a>

    </div>
</div>
{{/each}}
<div class="row margin-top-30">
    {{#unless this.length}}
    <div class="col-md-12 margin-bottom-30">
        <div class="alert alert-warning" role="alert">Sorry, no events matched your search. Please try again.</div>
    </div>
    {{/unless}}
</div>