/* \Sentra.Designs\BasicDesigner\modules\sitelogo\style-sitelogo.css */
.sl_text_shadow(@sl_textshadow_color) when not (@sl_textshadow_color = transparent) {
	text-shadow: {{sl_textshadow_posx}}px {{sl_textshadow_posy}}px {{sl_textshadow_blur}}px {{sl_textshadow_color}};
}
.sl_border(@sl_border_width) when (@sl_border_width > 0) {
	border-width:{{sl_top_border_width}}px 0 {{sl_bottom_border_width}}px 0;
	border-style: {{sl_border_style}};
	border-color: {{sl_border_color}};
}

.sl_align(@sitelogo_alignment) when (@sitelogo_alignment = center) {
	text-align: center;
	width:980px;
	padding: 0 10px;
	margin: 0 auto;
}
.sl_align(@sitelogo_alignment) when (@sitelogo_alignment = left) {
	text-align:left;
	position:relative;
	padding: 0 10px;
	width:980px - 2 * 10px;
	margin: 0 auto;
}
.sl_align(@sitelogo_alignment) when (@sitelogo_alignment = right) {
	text-align:right;
	position:relative;
	padding: 0 10px;
	width:980px - 2 * 10px;
	margin: 0 auto;
}
.sitelogo_fullwidth_bg(@sitelogobg_full_width) when (@sitelogobg_full_width = True) {
	section#sitelogo {
		float: left;
		background: {{#sitelogo sitelogo_bg}};
		margin: {{sitelogo_topmargin}}px 0 {{sitelogo_bottommargin}}px 0;
		width: 100%;
		.sl_border({{sl_top_border_width}} + {{sl_bottom_border_width}});
	}
}
.sitelogo_fullwidth_bg(@sitelogobg_full_width) when not (@sitelogobg_full_width = True) {
	section#sitelogo {
		float: left;
		background: {{#sitelogo sitelogo_bg}};
		margin: {{sitelogo_topmargin}}px 0 {{sitelogo_bottommargin}}px 0;
		width: 100%;
		.sl_border({{sl_top_border_width}} + {{sl_bottom_border_width}});
	}
}
.sitelogo_icon_selector(@slicon_width) when (@slicon_width > 0) {
	.sl_icon {
		{{slicon.CSS.Full}}
		position: absolute;
		z-index: -1;
	}
}

.sitelogo_fullwidth_bg({{sitelogobg_full_width}});
h5.sitelogo {
	background: {{.sitelogo sitelogo_bg}};
	.sl_align({{sitelogo_alignment}});
	color: {{sitelogofontcolor}};
	font-family: {{sitelogofontfamily}};
	font-weight: {{sitelogo_fontweight}};
	font-size: {{sitelogofontsize}}px;
	height: {{sitelogolineheight}}px;
	line-height: {{sitelogolineheight}}px;
	.sl_text_shadow({{sl_textshadow_color}});
	position: relative;
	z-index:2;

	.sitelogo_icon_selector({{slicon_width}});
}
