<xf:if is="{{ property('uix_welcomeSectionLocation') }} == 'header' && {{ property('uix_enableWelcomeHeaderImage')}}">
.uix_hasWelcomeSection .uix_headerContainer {
	background-image: @xf-uix_welcomeSection__style--background-image;

	.uix_welcomeSection:before {display: none;}

	> *:not(.p-navSticky), .p-nav, .p-sectionLinks {
		background: none;
		background: @xf-uix_welcomeSectionOverlay;
	}
}
</xf:if>

.uix_welcomeSection {
	<xf:if is="property('uix_pageStyle') == 'fixed'">
	.m-pageWidth();
	</xf:if>

	.uix_welcomeSection__inner {
		<xf:if is="property('uix_pageStyle') != 'fixed'">
		.m-pageWidth();
		</xf:if>
	}

	.p-body-inner & {
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		padding-right: 0;

		.pageContent {
			max-width: 100%;
			width: 100%;			
			padding-left: 0;
			padding-right: 0;
		}
	}
}

.p-pageWrapper .uix_welcomeSection {
	position: relative;
	.xf-uix_welcomeSection__style();

	<xf:if is="property('uix_welcomeSectionLocation') == 'header'">
	margin-bottom: 0;
	</xf:if>

	.uix_welcomeSection__inner {
		position: relative;

		.xf-uix_welcomeSectionInner();
	}

	.uix_welcomeSection__title {.xf-uix_welcomeSectionTitle__style();}

	.uix_welcomeSection__text{.xf-uix_welcomeSectionText__style();}

	.uix_welcomeSection__icon {.xf-uix_welcomeSectionIcon__style();}

	&:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: @xf-uix_welcomeSectionOverlay;
	}
}