X title header and crumbs above content

This copies the page title and breadcrumbs section and inserts them lower down the page so they sit within the content section instead of above the side bar.

Using this means the title and breadcrumbs would appear twice at the top of the page, classes are added to the elements so that one or the other may be hidden.

<div class="title-logo-container">
<div class="title-logo-section">

<!-- start title_header_and_crumbs_above_content  -->
<div class="title-section">
	
<div class="inHeaderCrumbs">
	<xf:macro template="PAGE_CONTAINER" id="breadcrumbs"
		arg-breadcrumbs="{$breadcrumbs}"
		arg-navTree="{$navTree}"
		arg-selectedNavEntry="{$selectedNavEntry}" />
</div>
<div class="titleHeaderAboveContent">
	<xf:if is="$headerHtml is not empty">
		<div class="p-body-header">
			{$headerHtml|raw}
		</div>
	<xf:elseif contentcheck="true" />
		<div class="p-body-header">
			<xf:contentcheck>
				<xf:if contentcheck="true">
					<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
						<xf:contentcheck>
							<xf:if is="!$noH1">
								<h1 class="p-title-value">{$h1}</h1>
							</xf:if>
							<xf:if contentcheck="true">
								<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
							</xf:if>
						</xf:contentcheck>
					</div>
				</xf:if>
				<xf:if is="$description is not empty">
					<div class="p-description">{$description}</div>
				</xf:if>
			</xf:contentcheck>
		</div>
	</xf:if>
</div>
</div>
<!-- end title_header_and_crumbs_above_content  -->
<!-- logo section  -->
			<div class="logo-section">
				<div class="p-header-logo p-header-logo--image logo-in-pageContent">
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
						<xf:macro id="style_variation_macros::picture"
							arg-property="publicLogoUrl"
							arg-propertyRetina="publicLogoUrl2x"
							arg-width="{{ property('publicLogoWidth') }}"
							arg-height="{{ property('publicLogoHeight') }}"
							arg-alt="{$xf.options.boardTitle}" />
					</a>
				</div>	
			</div>	
</div>
</div>