/*
 * Source file \Sentra.Designs\BasicDesigner\modules\Footer\styles\Style-Footer.css
 */
footer {
	float:left;
	width:100%;
}
.area_border_radius_{{MODE}}(@area_borderradius) when (@area_borderradius > 0) {
	border-radius: {{AreaRadiusTop}}px {{AreaRadiusTop}}px {{AreaRadiusBottom}}px {{AreaRadiusBottom}}px;
}
.area_border_{{MODE}}(@AreaBorderWidth) when (@AreaBorderWidth > 0) {
	border: {{AreaBorderWidth}}px solid {{AreaBorderColor}};
}
.{{MODE}}ft_area(@Area) when (@Area = True) {
	.ft-area {
		float: left;
		width:{{AreaW}}px;
		height: {{AreaH}}px - 2 * {{AreaBorderWidth}}px;
		position: absolute;
		top: {{AreaY}}px;
		left: {{AreaX}}px - {{AreaBorderWidth}}px;
		background: rgba({{ftareabg}});
		.area_border_radius_{{MODE}}({{AreaRadiusTop}} + {{AreaRadiusBottom}});
		.area_border_{{MODE}}({{AreaBorderWidth}});
		overflow: hidden;
		text-align: center;
	}
	.ft-scroll {
		width:{{AreaW}}px;
		height: {{AreaH}}px - 2 * {{AreaBorderWidth}}px;
		overflow-y:auto;
		overflow-x: hidden;
	}
}
.fixedposition_{{MODE}}(@fixFooter) when (@fixFooter = True) {
	footer.fixed {
		position:fixed;
		bottom: 0;
		width:100%;
		z-index:99999;
	}
}
/*
.fixedposition_{{MODE}}(@fixFooter) when not (@fixFooter = True) {
	footer {
		position:relative;
		width:980px - 2 * {{ft_borderwidth}}px;
	}
}
*/
.bfttxtalign_{{MODE}}(@ft_centered) when (@ft_centered = True) {
	text-align: center;
}

.bftlpos_{{MODE}}(@ft_centered) when (@ft_centered = True) {
	float:left;
	position:relative;
	left:50%;
	top: {{ft_ycorrect}}px;
}
.bftpos_{{MODE}}(@ft_centered) when (@ft_centered = True) {
	float:left;
	width:100%;
	position: relative;
	left:-50%;
}
.ft_border_{{MODE}}(@ft_borderwidth) when (@ft_borderwidth > 0) {
	border: {{ft_borderwidth}}px {{ft_borderstyle}} {{ft_bordercolor}};
}
.pgft_border_{{MODE}}(@pg_borderwidth, @MODE) when (@pg_borderwidth > 0) and (@MODE = top) {
	border-style: none;
	border-color: rgba(2,79,151,1.00);
	border-width: 0 0px 0px  0px;
}
.{{MODE}}_footer_width(@MODE) when (@MODE = bottom) {
	width: {{ft_width}}px - 2 * {{ft_borderwidth}}px;
}
.{{MODE}}_footer_width(@MODE) when (@MODE = top) {
	width: {{ft_width}}px;
}
.ft_border_radius_{{MODE}}(@ft_borderradius) when (@ft_borderradius > 0) {
	border-radius: {{ft_top_borderradius}}px {{ft_top_borderradius}}px {{ft_bottom_borderradius}}px {{ft_bottom_borderradius}}px;
}
.ft_shadow_{{MODE}}(@ft_shadow_color)  when not (@ft_shadow_color = transparent) {
	box-shadow: {{ft_shadowPosx}}px {{ft_shadowPosy}}px {{ft_shadow_blur}}px {{ft_shadow_spread}}px {{ft_shadow_color}} {{ft_shadow_location}};
}
.ft_height_{{MODE}}(@ft_height) when (@ft_height > 0) {
	height: {{ft_height}}px;
	background-size: 100% 100%;
}
.ft_height_{{MODE}}(@ft_height) when (@ft_height = 0) {
	background-size: 100% 100%;
}
.fixedposition_{{MODE}}(false);
/*
.ft_pg_extensions(@widthes, @MODE) when (@widthes > 0) and (@MODE = top) {
	width: 980px + 2 * 0px + 2 * 10px;
	padding: 0 10px 0 10px;
}
*/
.ft2nd_shadow_{{MODE}}(@Shadow, @MODE)  when (@Shadow = True) and (@MODE = bottom) {
	box-shadow: {{ShadowX}}px {{ShadowY}}px {{ShadowBlur}}px {{ShadowSpread}}px {{ShadowColor}};
}
.footer_box_sizing_{{MODE}}(@MODE) when (@MODE = bottom) {
	box-sizing:border-box;
}
.{{MODE}}_footer_overflow(@MODE) when (@MODE = top) {
	overflow:hidden;
}
.{{MODE}}_footer_margin(@MODE) when not (@MODE = top) {
/*	margin:{{MarginTop}}px + {{btmbrd_height}}px auto 0;*/
	margin:{{MarginTop}}px auto 0;
}
.{{MODE}}_footer_margin(@MODE) when (@MODE = top) {
	margin:{{MarginTop}}px auto 0;
}
.{{MODE}} {
	clear:both;
	float:none;
	.footer_box_sizing_{{MODE}}({{MODE}});
	color: {{ft_color}};
	position:relative;
	background:{{footer_bg}};
	.{{MODE}}_footer_width({{MODE}});
	.{{MODE}}_footer_margin({{MODE}});
	padding: 0;
	.{{MODE}}_footer_overflow({{MODE}});
	.ft_height_{{MODE}}({{ft_height}});
	.ft_border_{{MODE}}({{ft_borderwidth}});
	.ft_border_radius_{{MODE}}({{ft_top_borderradius}}+{{ft_bottom_borderradius}});
	.ft_shadow_{{MODE}}({{ft_shadow_color}});
	.{{MODE}}ft_area({{Area}});
	.ft2nd_shadow_{{MODE}}({{Shadow}}, {{MODE}});
/*
	.pgft_border_{{MODE}}(0, {{MODE}});
*/
	a {
		text-decoration: none;
		font-weight : bold;
		color: {{ft_a_color}};
		padding: {{ft_padding}}px;
	}
	a:hover {
		color: {{ft_a_hover_color}};
	}
}
