{{#data}}
<div class="event">
    <div class="event-header">
        <div class="event-title d-flex align-items-center justify-content-between" style="color: {{color}};">{{title}}</div>
    </div>
    <div class="event-details">
        <div class="event-details__inner">
            {{#location}}
            <div class="event-location">Location: {{location}}</div>
            {{/location}}
            <div class="event-date-time">
                {{#date}}
                <div class="event-date">{{date}}</div>
                {{/date}}
                <div class="event-time">
                    {{#start_time}}
                     at {{start_time}}
                    {{/start_time}}
                    {{^start_time}}
                     - All Day
                    {{/start_time}}
                </div>
            </div>
            {{#content}}
            <div class="event-content">{{{content}}}</div>
            {{/content}}
        </div>
    </div>
</div>
{{/data}}