<div class="block block--icons bg--@Properties.sectionBackground">
    <section class="container-fluid">

        @if(Properties.title != "")
        {
            <div class="row">
                <div class="col-12 text-@Properties.titleAlign">
                    <h2>@Properties.title</h2>
                </div>
            </div>
        }

        <div class="row justify-content-center">

            @foreach(var icon in Properties.icons)
            {
                <div class="col">
                    <article class="icon-feature">

                        @* Check for link (styled to cover entire area) *@
                        @if (icon.iconLink != null)
                        {
                            <a class="icon-feature__link" href="@icon.iconLink.Path"></a>
                        }

                        <div class="icon-feature__icon">
                            <span class="icon icon--@icon.iconImage"></span>
                        </div>

                        @* Check for title *@
                        @if (icon.iconTitle != "")
                        {
                            <h3 class="icon-feature__title">@icon.iconTitle</h3>
                        }

                    </article>
                </div>
            }

        </div>
    </section>
</div>