## content-block.html
#set ($nameHTML = $name)
#if ($brikitCore.isSet($nameHTML))
	#set ($anchor = $!brikitCore.anchorTitleFor($page, $name))
#end
#if ($rendered && !$retain-borders)
	#set ($margin = "0")
	#set ($border-width = "0")
	#set ($border-color = "transparent")
	#set ($border-radius = "0")
	#set ($box-shadow = "")
#end
#if ($render-without-blocks)
	#set ($padding = "0")
	#set ($height = "")
	#set ($background-color = "transparent")
	#set ($background-image-theme = "")
	#set ($background-image = "")
	#set ($background-position = "")
	#set ($background-repeat = "")
	#set ($background-size = "")
	#set ($gradient-top-color = "")
	#set ($gradient-bottom-color = "")
	#set ($gradient-top = "")
	#set ($gradient-bottom = "")
#end
#if ($brikitCore.isSet($nameHTML) && $macro.pdf && $not-tabbed != "true")
	<h1 class="pdf-tabbed-block-title">$nameHTML</h1>
#end
#if ($collapsible == "collapse" || ($collapsible == "collapse on desktop" && !$brikitCore.phone) ||($collapsible == "collapse on mobile" && $brikitCore.phone))
	#set ($startCollapsed = true)
#else
	#set ($startCollapsed = false)
#end
#if ($block-width)
	<div class="block-with-width" style="width: $block-width; display: inline-block; vertical-align: top;">
#end
#if ($brikit-content-block-include)
		<div class="brikit-content-block-include">
#else
<div class="brikit-content-block original designable-element 
	#if ($from-layout) from-layout #end
	#if ($position) position-$position #end
	#if ($live-edit == "true") live-edit #end
	#if ($alternate-style == "true") brikit-content-alternate-style #end
	#if ($rich-link-hovers == "true") rich-link-hovers #end
	#if ($not-tabbed == "true") not-tabbed #end
	#if ($mobile-hide == "true" && !$macro.pdf) mobile-hide #end
	#if ($rich-links-enable == "true") rich-links #end
	#if ($brikitCore.isSet($rich-links-grid)) 
		rich-link-grid-layout
	#else
		#if ($rich-links-vertical == "true") rich-links-vertical #end
	#end
    #if ($rich-links-ignore-thumbnails == "true") rich-links-ignore-thumbnails #end
    #if ($rich-links-show-headings == "true") rich-links-show-headings #end
	#if ($rich-links-hide-site-icon == "true") hide-site-icon #end
	#if ($rich-links-hide-site-name == "true") hide-site-name #end
	#if ($rich-links-hide-description == "true") rich-links-no-description #end
	#if ($rich-links-show-document-identifier == "true") rich-links-show-document-identifier #end
	#if ($rich-links-show-space-owner-image == "true") rich-links-show-space-owner-image #end
	#if ($rich-links-show-space-owner == "true") rich-links-show-space-owner #end
	#if ($rich-links-show-page-owner-image == "true") rich-links-show-page-owner-image #end
	#if ($rich-links-show-page-owner == "true") rich-links-show-page-owner #end
	#if ($rich-links-show-creator-image == "true") rich-links-show-creator-image #end
	#if ($rich-links-show-creator == "true") rich-links-show-creator #end
	#if ($rich-links-show-page-comment-count == "true") rich-links-show-page-comment-count #end
	#if ($rich-links-show-page-descendant-count == "true") rich-links-show-page-descendant-count #end
	#if ($rich-links-show-labels == "true") rich-links-show-labels #end
	#if ($rich-links-show-filter-groups.size() > 0) rich-links-show-filter-groups #end
    #if ($rich-links-show-filter-group-names == "true") rich-links-show-filter-group-names #end
	#if ($rich-links-show-creation-date == "true") rich-links-show-creation-date #end
	#if ($rich-links-show-publish-date == "true") rich-links-show-publish-date #end
	#if ($rich-links-show-last-modified == "true") rich-links-show-last-modified #end
	#if ($rich-links-show-last-modifier-image == "true") rich-links-show-last-modifier-image #end
	#if ($rich-links-show-last-modifier == "true") rich-links-show-last-modifier #end
	#if ($rich-links-show-page-status == "true") rich-links-show-page-status #end
	$!class" 
	id="content-block-$id"
	data-macro-id="$macroId" 
	data-content-block="$id" 
	#if ($brikitCore.isSet($rich-links-grid))
		data-grid-layout-class="$rich-links-grid"
	#else
		#if ($rich-links-columns) data-rich-links-columns="$rich-links-columns" #end
	#end
	#if ($rich-links-image-height) data-rich-links-image-height="$rich-links-image-height" #end
	#if ($brikitCore.isSet($nameHTML)) data-name="$nameHTML" #end 
	#if ($brikitCore.isSet($anchor)) data-anchor="$anchor" #end
	#if ($rich-links-title-length) data-rich-links-title-length="$rich-links-title-length" #end
	#if ($rich-links-title-length-mobile) data-rich-links-title-length-mobile="$rich-links-title-length-mobile" #end
	#if ($rich-links-details-length) data-rich-links-details-length="$rich-links-details-length" #end
	#if ($rich-links-details-length-mobile) data-rich-links-details-length-mobile="$rich-links-details-length-mobile" #end
	style="
		#if ($brikitCore.phone || $isRemote)
			#sizeStyles(false false $margin $padding) 
			#if ($brikitCore.isSet($height)) min-height: $height; #end
		#elseif ($macro.pdf)
			#sizeStyles(false false $margin $padding)
		#else
			#sizeStyles($height false $margin $padding)
		#end
		#if ($overflow && $overflow != "hidden") overflow:$overflow; #end
		#backgroundStyles($background-color $background-image-theme $background-image $background-position $background-repeat $background-size $gradient-top-color $gradient-bottom-color $gradient-top $gradient-bottom)
		#borderStyles($border-width $border-style $border-color $border-radius)
		#boxShadowStyles($box-shadow)
		#if ($startCollapsed) display:none; #end
    "
	#foreach ($groupName in $rich-links-show-filter-groups)
        #set ($filterGroup = $brikitCore.filterGroupJSON($groupName))
        #if ($filterGroup)
            #set ($groupNameSafe = $brikitCore.classify($groupName))
            data-filter-group="$groupNameSafe"
            #foreach ($filter in $filterGroup.filters)
                data-filter-group-name-$filter.label="$groupName"
                data-filter-group-name-safe-$filter.label="$groupNameSafe"
                data-filter-group-filter-$filter.label="$filter.displayString"
            #end
        #end
	#end
    >#end#if ($brikitDebug) $id #{end}#if ($asynchronous-load == "true" && !$macro.pdf)<span class="aui-icon aui-icon-wait asynchronous-load">Loading...</span>#else<div class="block-content-wrapper"
    >#if ($rich-links-show-headings == "true")
        #parse("$brikitCore.parseFileLocation/html/includes/rich-link-headings.html")
    #end$body</div>#if ($rendered)
	<a class="aui-button aui-button-subtle edit-include-content" 
		title="$brikitCore.text('com.brikit.themepress.include-content.edit-mode.link.title')"
		href="$brikitCore.getPageURL($page)"><span class="aui-icon aui-icon-small aui-iconfont-link"
		>$brikitCore.text("com.brikit.themepress.include-content.edit-mode.link")</span>
	</a>
#end
#end<div class="clear block-toggle" data-macro-id="$macroId"></div><style>
	#if ($rich-links-height)
		#content-block-$id .rich-link { height: $rich-links-height;}
	#end
	## #if ($rich-links-width)
	## 	#content-block-$id .rich-link-wrapper { width: $rich-links-width;}
	## #end
	#if ($rich-links-margin)
		body .brikit-canvas #content-block-$id .rich-link { margin: $rich-links-margin;}
	#end
	#if ($rich-links-details-padding)
		#content-block-$id .rich-link-details { padding: $rich-links-details-padding;}
	#end
	#if ($brikitCore.isSet($rich-links-details-alignment))
		#content-block-$id .rich-link-details { text-align: $rich-links-details-alignment;}
	#end
	#if ($rich-links-show-only-labels.size() > 0)
		#content-block-$id .rich-link-labels .aui-label { display: none; }
		#foreach ($l in $rich-links-show-only-labels)
			#content-block-$id .rich-link-labels .aui-label.label-$l { display: inline-block; }
		#end
	#end
	#if ($rich-links-show-filter-groups.size() > 0)
		##  #content-block-$id .rich-link-labels .aui-label { display: none; }
		##  #foreach ($l in $rich-links-show-only-labels)
		##  	#content-block-$id .rich-link-labels .aui-label.label-$l { display: inline-block; }
		##  #end
	#end
    #if ($rich-links-show-filter-group-names != "true")
        #content-block-$id .filter-group-title { display: none; }
    #end
	</style></div>#if ($block-width)</div>#end