{{#ifvalue iterationNumber value=1}}
<div class="row">
{{/ifvalue}}

    {{#ifvalue featured value=1}}
        {{#ifvaluenot completed value=true}}
            <div class="col-md-12 col-xs-12" data-restrictions="">
        {{/ifvaluenot}}
        {{#ifvalue completed value=true}}
            <div class="col-md-{{ cardColumnCount }} col-xs-12"
                 data-restrictions="">
        {{/ifvalue}}
    {{/ifvalue}}
    {{#ifvaluenot featured value=1}}
    <div class="col-md-{{ cardColumnCount }} col-xs-12"
         data-restrictions="">
    {{/ifvaluenot}}

    <section aria-label="Listed campaigns" class="listing">
        {{#ifvaluenot ribbon value="OFF"}}
        <div class="listing-banner-wrapper">
            <div class="listing-banner"
                 {{#if accentColor}}
                    style="background-color:{{ accentColor }};"
                {{/if}}
            >
                {{#ifvalue ribbon value="NEW"}}
                    NEW!
                {{/ifvalue}}
                {{#ifvalue ribbon value="FEATURED"}}
                    FEATURED
                {{/ifvalue}}
            </div>
        </div>
        {{/ifvaluenot}}


        <a href="//{{ campaignUri }}" target="_self" class="no-ul hidden-sm hidden-xs">
            <div class="listing-header {{#if ribbon}} with-ribbon {{/if}}">
                {{#if campaignDisplayName}}
                    <h1>{{{ campaignDisplayName }}}</h1>
                {{else}}
                    <h1>{{{ displayName }}}</h1>
                {{/if}}
            </div>
        </a>
        <a href="//{{ campaignUri }}" target="_self" class="no-ul hidden-md hidden-lg">
            <div class="listing-header {{#if ribbon}} with-ribbon {{/if}}">
                {{#if campaignDisplayName}}
                    <h1>{{{ campaignDisplayName }}}</h1>
                {{else}}
                    <h1>{{{ displayName }}}</h1>
                {{/if}}
            </div>
        </a>

        <div class="listing-image-container">
            {{#if thumbnailImage}}
                <div class="listing-image" style="background-image:url({{ thumbnailImage }});">                    </div>
            {{else if advocatesEn}}
                {{#ifvalue advocatesEn value=1}}
                    <div class="listing-image">
                    </div>
                {{/ifvalue}}
            {{/if}}

            {{#ifvalue completed value=true}}
                <div class="listing-completed">
                    <i class="fa fa-check"></i>
                </div>
            {{/ifvalue}}
        </div>

        {{#ifvalue advocatesEn value=1}}
            <div class="listing-count"
                {{#if accentColor}}
                 style="background-color:{{ accentColor }};"
                {{/if}}
            >
                <div class="listing-center">
                    <span class="number-block">
                        {{#if advocatesStarting}}
                            {{#ifCond advocatesStarting '>' memberships}}
                                {{ advocatesStartingReadable }}
                            {{else}}
                                {{ membershipsReadable }}
                            {{/ifCond}}
                        {{else}}
                          {{ membershipsReadable }}
                        {{/if}}
                    </span>
                    <span class="number-block-label">
                        {{#if advocatesLabel}}
                            {{ advocatesLabel }}
                        {{ else }}
                            SUPPORTERS
                        {{/if}}
                    </span>
                </div>
            </div>
        {{/ifvalue}}

        <!-- OPTIONS -->
        <!--

              <div class="listing-video">
                <div class="listing-video-icon">video</div>
              </div>
        -->

        <div class="multi-listing-primary">
            <p>
                {{#if contentSummary}}
                    {{ contentSummary }}
                {{/if}}
            </p>

            {{#ifvalue featured value=1}}
                {{#ifvaluenot completed value=true}}
                    <div class="row">
                        <div class="listing-action-button col-md-4 col-md-offset-4">
                {{/ifvaluenot}}
                {{#ifvalue completed value=true}}
                    <div class="listing-action-button">
                {{/ifvalue}}
            {{/ifvalue}}
            {{#ifvaluenot featured value=1}}
                <div class="listing-action-button">
            {{/ifvaluenot}}
                    <a href="//{{ campaignUri }}" target="_self"
                       class="btn btn-success btn-block hidden-xs hidden-sm"
                       aria-label="Click here to
                       {{#if buttonText}}
                            {{ buttonText }}
                        {{ else }}
                            Add Your Voice
                        {{/if}}"
                       {{#if accentColor}}
                            style="background-color:{{ accentColor }}; border-color:{{ accentColor }}"
                       {{/if}}
                    >
                        {{#if buttonText}}
                            {{ buttonText }}
                        {{ else }}
                            Add Your Voice
                        {{/if}}
                    </a>

                    <a href="//{{ campaignUri }}" target="_self"
                       class="btn btn-success btn-block hidden-md hidden-lg"
                       aria-label="Click here to
                       {{#if buttonText}}
                            {{ buttonText }}
                        {{ else }}
                            Add Your Voice
                        {{/if}}"
                        {{#if accentColor}}
                            style="background-color:{{ accentColor }}; border-color:{{ accentColor }}"
                        {{/if}}
                    >
                        {{#if buttonText}}
                            {{ buttonText }}
                        {{ else }}
                            Add Your Voice
                        {{/if}}
                    </a>

                  </div>

                {{#ifvalue featured value=1}}
                    {{#ifvaluenot completed value=true}}
                        </div>
                    {{/ifvaluenot}}
                {{/ifvalue}}
            </div>

            {{#ifvalue shareEn value=1}}
                {{#ifvalue campaign.shareEn value=1}}
                    <div class="listing-footer">
                        {{#if accentColor}}
                            <style type="text/css">
                                #shareBtn{{ id }}:hover {
                                    background-color: {{ accentColor }};
                                }
                            </style>
                        {{/if}}
                        <div class="listing-share sharelink" data-id="{{ id }}">
                            <a href="#" class="share" id="shareBtn{{ id }}" aria-label="Click here for sharing options for
                                {{#if campaignDisplayName}}
                                    {{ campaignDisplayName }}
                                {{else}}
                                    {{ displayName }}
                                {{/if}}
                                campaign
                            "><i
                                    class="fa fa-share-alt-square"></i> share</a>
                        </div>
                        <div class="listing-share shareicons" style="height:31px;" id="share-{{ id }}">
                            {{#if campaign.shareTwitterBody }}
                                <a href="{{ campaign.shareTwitterUrl }}"
                                   target="_blank" style="width:50%; float:left;" class="shareTwitter" aria-label="share
                                    {{#if campaignDisplayName}}
                                        {{ campaignDisplayName }}
                                    {{else}}
                                        {{ displayName }}
                                    {{/if}}
                                    campaign on Twitter"><i
                                        class="fa fa-twitter"></i> Tweet</a>
                            {{/if}}
                            {{#if campaign.shareFacebookBody }}
                                <a href="{{ campaign.shareFacebookUrl }}"
                                   target="_blank" style="width:50%; float:right;" class="shareFacebook" aria-label="share
                                    {{#if campaignDisplayName}}
                                    {{ campaignDisplayName }}
                                {{else}}
                                    {{ displayName }}
                                {{/if}}
                                    campaign on Facebook"><i class="fa fa-facebook"></i> Post</a>
                            {{/if}}
                        </div>
                    </div>
                {{/ifvalue}}
            {{/ifvalue}}

        </section>
    </div>