
/* #Footer
================================================== */

/*Footer style -> Solid background*/
#footer.solid-bg {
	background: @footer-bg-color @footer-bg-image @footer-bg-repeat @footer-bg-position-x @footer-bg-position-y;
}

/*Footer style -> Transparent background*/
#footer.footer-outline-decoration {
	border-top: 1px solid @footer-outline-color;
}

/*Footer style -> Content-width line/Full-width line*/
.wf-container-footer,
.footer.full-width-line {
	border-top: @footer-decoration-line-size solid @footer-bg-color;
}

/*Footer style -> Slide-out mode (only when Solid background)*/
.header-side-left.footer-overlap.boxed-layout:not(.sticky-header) #footer,
.header-side-right.footer-overlap.boxed-layout:not(.sticky-header) #footer {
	max-width: @box-width+@header-side-width;
}


/*Footer layout -> Footer top & bottom paddings */
#footer .wf-container-footer {
	padding-top: @footer-top-padding;
	padding-bottom: @footer-bottom-padding;
}
#footer .wf-container {
	margin: 0 -@widget-footer-padding;
}

/*Footer layout -> Paddings between footer columns, Footer font color */
.footer .widget {
	color: @widget-footer-color;
	padding: 0 @widget-footer-padding;
}
.footer .widget,
.footer .tp_recent_tweets li {
	font: @widget-content-font-style @widget-content-font-variant @widget-content-font-weight @widget-content-font-size-desktop ~"/" @widget-content-line-height-desktop @widget-content-font-family;
	text-transform: @widget-content-text-transform;
	@media (max-width: @lg-breakpoint - 1) {
		font-size: @widget-content-font-size-tablet;
		line-height: @widget-content-line-height-tablet;
	}
	@media (max-width: @md-breakpoint - 1) {
		font-size: @widget-content-font-size-mobile;
		line-height: @widget-content-line-height-mobile;
	}
}

#footer {
	&.full-width {
		& > .wf-wrap,
		#bottom-bar > .wf-wrap {
			width: 100%;
		}
	}
	& > .wf-wrap,
	#bottom-bar > .wf-wrap {
		padding: 0 @footer-right-padding 0 @footer-left-padding;
	}
}

/* #Bottom-bar
================================================== */

/*Bottom bar style -> Solid background*/
#bottom-bar.solid-bg {
	background: @bottom-bg-color @bottom-bg-image @bottom-bg-repeat @bottom-bg-position-x @bottom-bg-position-y;
}
/*Bottom bar style -> Content-width line/Full-width line*/
.wf-container-bottom,
#bottom-bar.full-width-line {
	border-top: @bottom_bar-line-size solid @bottom-bg-color;
}
.wf-container-bottom {
	padding: @bottom-bar-top-padding 0 @bottom-bar-bottom-padding 0;
	min-height: @bottom-bar-height;
}
/*Bottom bar font color*/
#bottom-bar {
	.text-small;
	color: @bottom-color;
}
	#bottom-bar .mini-nav li:before {
		border-left-color: @bottom-divider-bg-color;
	}
	.footer-sub-nav > li.act > a .menu-text,
	.footer-sub-nav > li:not(.act):hover > a .menu-text,
	.footer-sub-nav > li.act > a .subtitle-text,
	.footer-sub-nav > li:not(.act):hover > a .subtitle-text {
		color: @accent-bg-color;
		.custom-mixin-footer-color (@widget-footer-accent-color);
	}
	#bottom-bar a,
	#bottom-bar .mini-nav .customSelect,
	#bottom-bar .menu-select {
		color: @bottom-color;
		//.custom-mixin-footer-with-accent-color (@bottom-color, @widget-footer-accent-color);
	}
	#bottom-bar .mini-search,
	#bottom-bar .mini-contacts:before {
		background-color: @top-icons-bg-color;
	}
	#branding-bottom {
		padding: @bottom-logo-top-padding @bottom-logo-right-padding @bottom-logo-bottom-padding @bottom-logo-left-padding;
	}
