{#
/**
 * @file
 * Theme override to display a view of unformatted rows.
 *
 * Available variables:
 * - title: The title of this group of rows. May be empty.
 * - rows: A list of the view's row items.
 *   - attributes: The row's HTML attributes.
 *   - content: The row's content.
 * - view: The view object.
 * - default_row_class: A flag indicating whether default classes should be
 *   used on rows.
 *
 * @see template_preprocess_views_view_unformatted()
 */
#}
{% if view.current_display == 'block_portfolio_grid_style1' %}
	<div class="container-fulid">
	{% if rows %}
		<div class="row nopadding">
		{% if header %}
			<div class="col-md-12 text-center margin-bottom">
				{{ header }}
			</div>
		{% endif %}
			<div class="text-center">
				{{ rows }}
			</div>
		</div>
	{% endif %}
	</div>
{% elseif view.current_display == 'block_portfolio_grid_style2' %}
	<div class="container">
	{% if rows %}
		<div class="row">
			{{ header }}
			<div id="js-grid-lightbox-gallery" class="cbp">
				{{ rows }}
			</div>
		</div>
	{% endif %}
	</div>
{% elseif view.current_display == 'block_portfolio_grid_style3' %}
	<div class="container">
	{% if rows %}
		<div class="row">
			{{ header }}
			<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
				{{ rows }}
			</div>
		</div>
	{% endif %}
	</div>
{% elseif view.current_display == 'block_portfolio_masonry_filter_style' %}
	<div class="container">
	{% if rows %}
		<div class="row">
			<div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            All <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
			<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
				{% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
				{% set n = nodes|length - 1 %}
				{% set i  = 0 %}
				{% for nid in nodes %}
					{% set node = nid|trim|node_load %}
					{% set term_id  = '' %}
					{% for term in node.field_portfolio_categories %}
						{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
					{% endfor %}
					{% if i == 3 %}
						{% set img_style  = 'image_760x380' %}
					{% elseif i == 0 or i == 1 %}
						{% set img_style  = 'image_380x380' %}
					{% else %}
						{% set img_style  = 'image_380x760' %}
					{% endif %}
					<div class="cbp-item {{ term_id }}">
						<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox"
							data-title="{{ node.title.value }} by {{ node.field_client.value }}">
							<div class="cbp-caption-defaultWrap">
								<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
							</div>
							<div class="cbp-caption-activeWrap">
								<div class="cbp-l-caption-alignCenter">
									<div class="cbp-l-caption-body">
										<div class="cbp-l-caption-title">{{ node.title.value }}</div>
									</div>
								</div>
							</div>
						</a>
					</div>
					{% set i  = i + 1 %}
				{% endfor %}
			</div>
		</div>
	{% endif %}
	</div>
{% elseif view.current_display == 'page_portfolio' %}
	{% set portfolio_style_temp = 'style'|get_path_param %}
	{% if portfolio_style_temp %}
		{% set portfolio_style = portfolio_style_temp %}
	{% endif %}
	{% if portfolio_style is empty %}
		{% set portfolio_style = '2cols' %}
	{% endif %}
	{% if portfolio_style == '1col' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_one_column') }}
	{% elseif portfolio_style == '2cols' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_two_column') }}
	{% elseif portfolio_style == '3cols' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_three_column') }}
	{% elseif portfolio_style == '4cols' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_four_column') }}
	{% elseif portfolio_style == '5cols' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_five_column') }}
	{% elseif portfolio_style == '6cols' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_six_column') }}
	{% elseif portfolio_style == 'masonry' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_masonry') }}
	{% elseif portfolio_style == 'masonry_projects' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_masonry_projects') }}
	{% elseif portfolio_style == 'mosaic' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_mosaic') }}
	{% elseif portfolio_style == 'mosaic_flat' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_mosaic_flat') }}
	{% elseif portfolio_style == 'mosaic_projects' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_mosaic_projects') }}
	{% elseif portfolio_style == 'slider' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_slider') }}
	{% elseif portfolio_style == 'fullwidth' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_fullwidth') }}
	{% elseif portfolio_style == 'gallery' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_gallery') }}
	{% elseif portfolio_style == 'classic' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_classic') }}
	{% elseif portfolio_style == 'nospace' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_nospace') }}
	{% elseif portfolio_style == 'boxed_size' %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_boxed_size') }}
	{% else %}
		{{ drupal_view('_pexre_portfolio', 'embed_portfolio_modern') }}
	{% endif %}
{% elseif view.current_display == 'embed_portfolio_one_column' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_two_column' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid2-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_three_column' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid3-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_gallery' %}
	<div class="container">
        <div class="row">
	        <div class="clearfix">
				<div id="js-filters-lightbox-gallery2" class="cbp-l-filters-button cbp-l-filters-left">
			        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
			            {{ 'All'|t }}
			        </div>
			        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter')|render|str_replace('<div class="cbp-filter-counter"></div>','')|raw }}
			    </div>
			</div>
		    {% if rows %}
		    <div id="js-grid-lightbox-gallery" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_boxed_size' %}
	<div class="container">
        <div class="row">
          	<div>
		    {% if rows %}
				<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
			    	{{ rows }}
			    </div>
		    {% endif %}
			</div>
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_slider' or view.current_display == 'block_portfolio_latest_carousel' %}
	<div class="container">
        <div class="row">
		    {% if rows %}
		    <br />
    
			<div id="js-grid-slider-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_fullwidth' %}
	<div class="container-fluid">
        <div class="row">
          	<div>
		    {% if rows %}
			    <div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
			    	<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
			            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
			        </div>
			        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
			    </div>
				<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
			    	{{ rows }}
			    </div>
		    {% endif %}
			</div>
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_nospace' %}
	<div class="container-fluid">
        <div class="row nopadding">
          	<div>
		    {% if rows %}
				<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
			    	{{ rows }}
			    </div>
		    {% endif %}
			</div>
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_classic' %}
	<div class="container">
        <div class="row">
          	<div>
		    {% if rows %}
			    <div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
			    	<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
			            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
			        </div>
			        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
			    </div>
				<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
			    	{{ rows }}
			    </div>
		    {% endif %}
			</div>
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_four_column' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid4-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_five_column' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid5-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_six_column' %}
	<div class="container-fulid">
        <div class="row nopadding">
			<div id="js-filters-juicy-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid6-juicy-projects" class="cbp">
		    	{{ rows }}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_masonry' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-masonry" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid-masonry" class="cbp">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
				{% endfor %}
				{% if i == 0 or i == 3 or i == 4 or i == 8 %}
					{% set img_style  = 'image_380x570' %}
				{% else %}
					{% set img_style  = 'image_380x360' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
					<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox"
						data-title="{{ node.title.value }} {{ 'by'|t }} {{ node.field_author.value }}">
						<div class="cbp-caption-defaultWrap">
							<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
						</div>
						<div class="cbp-caption-activeWrap">
							<div class="cbp-l-caption-alignCenter">
								<div class="cbp-l-caption-body">
									<div class="cbp-l-caption-title">{{ node.title.value }}</div>
									<div class="cbp-l-caption-desc">{{ 'by'|t }} {{ node.field_author.value }}</div>
								</div>
							</div>
						</div>
					</a>
				</div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_masonry_projects' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-masonry-projects" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid-masonry-projects" class="cbp cbp-l-grid-masonry-projects">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% set term_name  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
					{% set term = term.target_id|term_load %}
					{% if loop.first %}
						{% set term_name  = term_name ~ term.getName %}
					{% else %}
						{% set term_name  = term_name ~ ' / ' ~ term.getName %}
					{% endif %}
				{% endfor %}
				{% if i == 0 or i == 3 or i == 4 or i == 8 %}
					{% set img_style  = 'image_380x570' %}
				{% else %}
					{% set img_style  = 'image_380x360' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
					<div class="cbp-caption">
						<div class="cbp-caption-defaultWrap">
							<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
						</div>
						<div class="cbp-caption-activeWrap">
							<div class="cbp-l-caption-alignCenter">
								<div class="cbp-l-caption-body">
									<a href="{{ node_url_http(node.nid.value) }}" class="cbp-l-caption-buttonLeft" rel="nofollow">{{ 'more info'|t }}</a>
									<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="{{ node.title.value }} {{ 'by'|t }} {{ node.field_author.value }}">{{ 'view larger'|t }}</a>
								</div>
							</div>
						</div>
					</div>
					<a href="{{ node_url_http(node.nid.value) }}" class="cbp-l-grid-masonry-projects-title" rel="nofollow">{{ node.title.value }}</a>
					<div class="cbp-l-grid-masonry-projects-desc">{{ term_name }}</div>
				</div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_mosaic' %}
	<div class="container">
        <div class="row">
			<div id="js-filters-mosaic" class="cbp-l-filters-button">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
				{% endfor %}
				{% if i == 3 or i == 2 or i == 7 %}
					{% set img_style  = 'image_760x900' %}
				{% else %}
					{% set img_style  = 'image_380x450' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
					<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox"
						data-title="{{ node.title.value }} {{ 'by'|t }} {{ node.field_author.value }}">
						<div class="cbp-caption-defaultWrap">
							<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
						</div>
						<div class="cbp-caption-activeWrap">
							<div class="cbp-l-caption-alignCenter">
								<div class="cbp-l-caption-body">
									<div class="cbp-l-caption-title">{{ node.title.value }}</div>
									<div class="cbp-l-caption-desc">{{ 'by'|t }} {{ node.field_author.value }}</div>
								</div>
							</div>
						</div>
					</a>
				</div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_mosaic_flat' %}
	<div class="container-fluid">
        <div class="row">
			<div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
		        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
		            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
		        </div>
		        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
		    </div>
		    {% if rows %}
		    <div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
				{% endfor %}
				{% if i == 4 or i == 2 %}
					{% set img_style  = 'image_380x760' %}
				{% elseif i == 3 or i == 5 %}
					{% set img_style  = 'image_760x380' %}
				{% else %}
					{% set img_style  = 'image_380x380' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
					<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox"
						data-title="{{ node.title.value }} {{ 'by'|t }} {{ node.field_author.value }}">
						<div class="cbp-caption-defaultWrap">
							<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
						</div>
						<div class="cbp-caption-activeWrap">
							<div class="cbp-l-caption-alignCenter">
								<div class="cbp-l-caption-body">
									<div class="cbp-l-caption-title">{{ node.title.value }}</div>
								</div>
							</div>
						</div>
					</a>
				</div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_mosaic_projects' %}
	<div class="container">
        <div class="row">
			<div class="clearfix">
        		<div id="js-filters-mosaic-projects1" class="cbp-l-filters-button cbp-l-filters-left">
			        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
			            {{ 'All'|t }} <div class="cbp-filter-counter"></div>
			        </div>
			        {{ drupal_view('_pexre_taxonomy_term', 'embed_portfolio_categories_filter') }}
			    </div>
		    </div>
		    {% if rows %}
		    <div id="js-grid-mosaic-projects" class="cbp cbp-l-grid-mosaic-projects">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% set term_name  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
					{% set term = term.target_id|term_load %}
					{% if loop.first %}
						{% set term_name  = term_name ~ term.getName %}
					{% else %}
						{% set term_name  = term_name ~ ' / ' ~ term.getName %}
					{% endif %}
				{% endfor %}
				{% if i == 3 or i == 2 %}
					{% set img_style  = 'image_760x500' %}
				{% else %}
					{% set img_style  = 'image_380x250' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
		            <a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox" target="_blank">
		                <div class="cbp-caption-defaultWrap">
		                    <img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
		                </div>
		                <div class="cbp-caption-activeWrap"></div>
		            </a>
		            <div class="cbp-l-grid-projects-title">{{ node.title.value }}</div>
		            <div class="cbp-l-grid-projects-desc">{{ term_name }}</div>
		        </div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% elseif view.current_display == 'embed_portfolio_modern' %}
	<div class="container">
        <div class="row">
		    {% if rows %}
		    <div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
		    {% set nodes = rows|render|strip_tags|trim|trim(',')|explode(',') %}
			{% set n = nodes|length - 1 %}
			{% set i  = 0 %}
			{% for nid in nodes %}
				{% set node = nid|trim|node_load %}
				{% set term_id  = '' %}
				{% for term in node.field_portfolio_categories %}
					{% set term_id = term_id ~ ' cat-' ~ term.target_id %}
				{% endfor %}
				{% if i == 3 or i == 2 or i == 7 %}
					{% set img_style  = 'image_760x900' %}
				{% else %}
					{% set img_style  = 'image_380x450' %}
				{% endif %}
				<div class="cbp-item {{ term_id }}">
					<a href="{{ file_url(node.field_images.0.entity.fileuri) }}" class="cbp-caption cbp-lightbox"
						data-title="{{ node.title.value }} {{ 'by'|t }} {{ node.field_author.value }}">
						<div class="cbp-caption-defaultWrap">
							<img src="{{ node.field_images.0.entity.fileuri|image_style_url(img_style) }}" alt="{{ node.title.value }}">
						</div>
						<div class="cbp-caption-activeWrap">
							<div class="cbp-l-caption-alignCenter">
								<div class="cbp-l-caption-body">
									<div class="cbp-l-caption-title">{{ node.title.value }}</div>
									<div class="cbp-l-caption-desc">{{ 'by'|t }} {{ node.field_author.value }}</div>
								</div>
							</div>
						</div>
					</a>
				</div>
				{% set i  = i + 1 %}
			{% endfor %}
		    </div>
		    {% endif %}
		    <div class="pagenation-blog">
				{{ pager }}
			</div>
        </div>
    </div>
{% else %}
	{{ header }}
	{{ rows }}
	{{ footer }}
{% endif %}