.uix_extendedFooter {
	order: @xf-uix_extendedFooterOrder;
	.xf-uix_extendedFooterStyle();
	<xf:if is="(property('uix_pageStyle') != 'covered') && !property('uix_forceCoverExtendedFooter')">
		.m-pageWidth();
	</xf:if>
	
	<xf:if is="property('uix_hideExtendedFooterMobile')">
	@media (max-width: @xf-responsiveMedium) {
		display: none;
	}
	</xf:if>

	.pageContent {
		<xf:if is="(property('uix_pageStyle') == 'covered') || property('uix_forceCoverExtendedFooter')">
			.m-pageWidth();
			<xf:if is="(property('uix_pageStyle') != 'wrapped')">
				padding:0;
			</xf:if>
		</xf:if>

	}

	.uix_extendedFooterRow {
		display: flex;
		flex-wrap: wrap;
		margin: calc(-@xf-uix_footerWidgetPadding / 2);
			
			.blockLink {text-transform: capitalize;}

		> .block {
			flex-basis: @xf-uix_footerWidgetWidth;
			padding: calc(@xf-uix_footerWidgetPadding / 2);
			margin: 0;
			flex-grow: 1;
			min-width: 0;
			
			.block-container {
				margin-left: 0;
				margin-right: 0;
				<xf:if is="{{ property('uix_extendedFooter__whiteText') }}">
					color: rgba(255,255,255,.7);
				</xf:if>
				.xf-uix_footerWidget();
				
				.block-minorHeader {
					<xf:if is="{{ property('uix_extendedFooter__whiteText') }}">
						color: rgba(255,255,255,1);
					</xf:if>
					.xf-uix_footerWidgetHeader();
			
					&:before {
						<xf:if is="{{ property('uix_extendedFooter__whiteText') }}">
							color: rgba(255,255,255,.3);
						</xf:if>
					}
			
					a {color: inherit;}
				}
	
				<xf:if is="{{ property('uix_extendedFooter__whiteText') }}">
					.contentRow-minor {
						color: rgba(255,255,255,.5);

						time {color: rgba(255,255,255,.7);}
					}
	
					a {
						color: inherit;
					}

					.pairs > dt {color: rgba(255,255,255,.5);}
				</xf:if>
				
				.block-body {
					.xf-uix_footerWidgetBody();	
				}
	
				.block-row, .blockLink {
					.xf-uix_footerWidgetRow();
				}
				
				.block-footer {
						<xf:if is="{{ property('uix_extendedFooter__whiteText') }}">
							color: inherit;
						</xf:if>
					.xf-uix_footerWidgetFooter();	
				}
	
				.blockLink {
					background: none;
					color: inherit;
					border-bottom: 1px solid rgba(255,255,255,.12);
					
					a {display: block;}
				}
				
			}
		}
	}
}