@if ($staff_profiles->count())
    <div class="flex justify-center w-full items-center h-full">
        <div class="relative staff-profile-list px-4 md:rounded border-color border-opacity-50 shadow-md mx-2 pb-2 min-w-[66%] {{ $content->header ? '' : '' }} bg-highlight bg-opacity-50 print:shadow-none">

            @if ($title)
                <div class="absolute right-0 -mt-4 -mr-4 border border-color shadow staff-profile-list rounded-full h-10 w-10 flex items-center justify-center bg-highlight print:hidden print:shadow-none">
                    <div class="opacity-50 text-xl"><fa-icon icon="fas fa-user-tie"></fa-icon></div>
                </div>
                <div class="flex border-b border-color pb-1 items-baseline my-1">
                    <div class="h3 mt-2">{{ $title }}</div>
                </div>
            @endif

            @foreach ($staff_profiles as $sp)
                <div class="{{ $sp->bio ? 'link' : '' }} py-1">
                    @if ($sp->bio)
                        <a href="{{ $page->full_slug }}#{{ $sp->anchor }}">{{ $sp->full_name }}</a>
                    @else
                        {{ $sp->full_name }}
                    @endif
                </div>
            @endforeach
        </div>
    </div>
@endif