{exp:stash:parse process="end"}

{exp:stash:get_list name="{stash:entry_id}_entry_data" parse_tags="yes" parse_conditionals="yes"}
	{exp:stash:get_list:nested name="{stash:entry_id}_entry_blocks" parse_conditionals="yes" parse_tags="yes" match="#{stash:block_no}#" against="block_number" unique="yes" limit="1"}
								
		<div class="row-fluid clear clearfix article-content {if '{cta_related_background_color}'=='Grey'}quoteblock{if:elseif '{cta_related_background_color}'=='Shade1'}quoteblock shade1{if:elseif '{cta_related_background_color}'=='Shade2'}quoteblock shade2{if:elseif '{cta_related_background_color}'=='Shade3'}quoteblock shade3{if:elseif '{cta_related_background_color}'=='Trees5'}quoteblock trees5{if:elseif '{cta_related_background_color}'=='Trees10'}quoteblock trees10{if:elseif '{cta_related_background_color}'=='Trees20'}quoteblock trees20{if:elseif '{cta_related_background_color}'=='Floral20'}quoteblock floral20{if:elseif '{cta_related_background_color}'=='Floral40'}quoteblock floral40{if:else}cta-block{/if} wrapper-sides">
			
			<div class="small-12 medium-8 columns ohide pt15 pr5 mike_test_2">
			  	
			  	<div class="small-12 column end">
					{if cta_related_heading}<h2>{cta_related_heading}</h2>{/if}
					
					<div class="article-content">
						{cta_related_body}
					</div><!--article-content-->
					
					{stash:embed:data-v5:list-items" stash:list_entry_id="{cta_related_ids}" stash:list_layout="Box-Small" stash:list_name="related_block-{block_count_type}" stash:list_ratio="s333" stash:list_columns="3" stash:list_height="xxmin" stash:wrapper="hide" stash:utm_status=""}
					
					{if '{cta_related_link}'!=''}
					<div class="clear right pb25">
						<a href="{cta_related_link}" target="_blank" rel="noopener">
					  	{cta_related_link_text}
						</a>
					</div><!--right-->
					{/if}
			
			  	</div><!--column-->
			</div><!--medium-xx-->
			
			<div class="small-12 medium-4 columns text-center ohide">
				{!--<img src="{cta_related_image}" alt="{cta_related_heading}" />--}

				<picture>
					<source type="image/webp"
					sizes="100vw"
					data-srcset="
						{exp:jcogs_img:pair  src='{cta_related_image}' hide_relative_path='yes' parse='inward' max_height='600' width='400' quality='85' crop='no' allow_scale_larger='yes'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 400w,
						{exp:jcogs_img:pair  src='{cta_related_image}' hide_relative_path='yes' parse='inward' max_height='800' width='800' quality='85' crop='no' allow_scale_larger='yes'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 800w"
					/>
					<source 
					sizes="100vw"
					data-srcset="
						{exp:jcogs_img:pair  src='{cta_related_image}' hide_relative_path='yes' max_height='600' width='400' quality='85' crop='no' allow_scale_larger='yes'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 400w,
						{exp:jcogs_img:pair  src='{cta_related_image}' hide_relative_path='yes' max_height='800' width='800' quality='85' crop='no' allow_scale_larger='yes'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 800w"
					/>
					<img data-src="{exp:jcogs_img:pair src='{cta_related_image}' hide_relative_path='yes' max_height='600' width='400' quality='85' crop='no' allow_scale_larger='yes'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair}"
					alt="{cta_related_heading} Related Image"
					class="lazyload pl50" />
				</picture>

			</div><!--medium-xx-->	
			  	
		</div><!--row-->
																																							
	{/exp:stash:get_list:nested}
{/exp:stash:get_list}


{/exp:stash:parse}