<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;
}
}