#set ($macroTime = $themePress.startTimestamp("macros.html"))

## Add the font face reference
#macro (embeddedFontFace $font $file $fontStyle $fontWeight $svgCode)
	@font-face {
	  font-family: "$font";
	  font-style: $!fontStyle;
	  font-weight: $!fontWeight;
	  src: url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.eot");
	  src: local("$font"),local("$file"),
	  	   url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.eot?#iefix") format('embedded-opentype'),
	  	   url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.woff2") format('woff2'),
	  	   url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.woff") format('woff'),
	  	   url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.ttf") format("truetype"), 
	  	   url("$brikitCore.directURL/designs/themes/$brikitCore.urlEncode($brikitThemeName)/fonts/${file}.svg#$svgCode") format("svg");
	}
#end

#macro (containerWidthOptionStyles $width $defaultWidth $usingFrame)
	#if ($usingFrame && !$width.endsWith("%"))
		max-width: $width;
		margin: 0 auto;
	#elseif ($brikitCore.phone)
		## Do nothing -- set elsewhere
		width: 100%;
		margin: 0
	#elseif ($brikitCore.isSet($width) && $width != "auto")
		width: $width;
		margin: 0 auto;
	#elseif ($brikitCore.isSet($defaultWidth) && $defaultWidth != "auto")
		width: $defaultWidth;
		margin: 0 auto;
	#else
		width: 100%;
		margin: 0;
	#end
#end

#macro (renderBrikitMenu $aPage)
	#if ($aPage)
		<div class="brikit-menu #if ($themePress.multiLevelMenu($aPage)) multi-level-menu #end" style="display:none">
			$themePress.renderCacheableArchitectPage($aPage, $pageId)
		</div>
	#end
#end

#macro (renderArchitectPage $aPage $divId $divClass $skipIfEmptyPage)
	#if ($aPage)
		#set ($contentHtml = $themePress.renderCacheableArchitectPage($aPage, $pageId))
		#if (!$skipIfEmptyPage || $brikitCore.isSet($contentHtml))
			<div #if ($brikitCore.isSet($divId)) id="$divId" #end
				 class="$!divClass #if($brikitCore.isHistorical($aPage))historical#end"
				 data-page-id="$aPage.latestVersion.id">
				$contentHtml
				## To ensure that the footer's bottom clears floating sections
				<div style="clear:both"></div>
			</div>
		#end
	#end
#end

## Ask Theme Press to bundle the javascript files for the current context
#macro (brikitJavaScriptBundle)
	#set ($bundle = $themePress.javaScriptBundle("$!pageId", "$!spaceKey", false, $isEditing))
	<script type="text/javascript" src="$req.contextPath/plugins/servlet/themepress/jsbundle/${bundle}/combined.js"></script>
	#set ($bundle = $themePress.javaScriptBundle("$!pageId", "$!spaceKey", true, $isEditing))
	<script type="text/javascript" src="$req.contextPath/plugins/servlet/themepress/jsbundle/${bundle}/combined.js"></script>
#end

## Ask Theme Press to bundle the css files for the current context, appropriate to $media ("all" or "print")
#macro (brikitCssBundle $media)
	#set ($bundle = $themePress.cssBundle("$media", "$!pageId", "$!spaceKey"))
	#set ($standardizedMedia = $media)
	#if ($media == "edit")
		#set ($standardizedMedia = "all")
	#end
	<link id="brikit-css-$standardizedMedia" rel="stylesheet" type="text/css" href="$req.contextPath/plugins/servlet/themepress/cssbundle/${bundle}/combined.css" media="$standardizedMedia" />
#end

## Used to fake layer/column/block for plain pages
#macro (layerOpen $name $cssId $extraClass $startHidden)
	<div class="brikit-container-backdrop brikit-${name}-backdrop $!extraClass" #if ($startHidden) style="display: none;" #end>
		<div class="brikit-container brikit-${name}-container">
	    	<div #if ($brikitCore.isSet($cssId)) id="$cssId" #end class="brikit-container-content brikit-$name">
#end

## Used to fake layer/column/block for plain pages
#macro (layerClose)
			</div>
		</div>
	</div>
#end

## Provide the same layer/column/block structure as if the content-layer/content-column/content-block macros were present
#macro (fakeLayerOpen $extraClass $editableLayer $containerWidth $fakeBlockId)
	<div class="brikit-container-backdrop brikit-content-layer-backdrop brikit-content-layer $!extraClass"
			#if ($editableLayer) id="content-layer-0" data-content-layer="0" #end
	><div class="brikit-container brikit-content-layer-container" #if ($containerWidth) style="width: $containerWidth; margin: 0 auto;" #end
	 ><div class="brikit-container-content brikit-layer"
	  ><div class="brikit-content-layer-table"
	   ><div class="brikit-content-layer-table-row designable-element"
	    ><div class="brikit-content-column brikit-content-column-normal brikit-content-column-main designable-element" 
			#if ($editableLayer) id="content-column-0" data-content-column="0" #end
	     ><div class="column-wrapper"
		  ><div class="brikit-content-block designable-element" 
			#if ($editableLayer) id="content-block-0" data-content-block="#if ($fakeBlockId)$fakeBlockId#{else}0#end" #end>
#end

## Provide the same layer/column/block structure as if the content-layer/content-column/content-block macros were present
#macro (fakeLayerClose)
	</div></div></div></div></div></div></div></div>
#end

$themePress.stopTimestamp("macros.html", $macroTime)